:root{--black:#090a0a;--surface:#111314;--red:#ff0429;--white:#f7f7f4;--muted:#bdbdbb;--thai:'Noto Sans Thai',sans-serif;--display:'Barlow Condensed',sans-serif;--tall:'Bebas Neue',sans-serif;--hand:'Caveat',cursive;color-scheme:dark;font-family:var(--thai);color:var(--white);background:var(--black)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060707}h1,h2,h3,p,ul,ol{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ff2444;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.page{container-type:inline-size;max-width:1600px;margin:auto;overflow:clip;background:#090a0a url('assets/texture.webp') center top/100% auto}main{--u:calc(100cqw / 735)}section,footer{position:relative}h2{font-size:calc(27 * var(--u));line-height:1.23;font-weight:800;letter-spacing:calc(-.4 * var(--u))}.icon{display:inline-block;width:1.3em;height:1.3em;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only,.skip-link:not(:focus){position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;background:white;color:black;padding:10px;z-index:100}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(9 * var(--u));height:calc(31 * var(--u));padding:0 calc(17 * var(--u));border:calc(1 * var(--u)) solid transparent;border-radius:calc(2 * var(--u));font-size:calc(11 * var(--u));line-height:1.2;font-weight:600;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.button .icon{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:1.8}.button.red{background:linear-gradient(100deg,#ff092e,#f60022);border-color:#fa0b2d;color:#fff;box-shadow:0 3px 12px #e4002210}.button.outline{border-color:#d8d9d2;color:#eee;background:#0a0b0b55}.button:hover{transform:translateY(-2px)}.button.red:hover{background:#ff1739;box-shadow:0 4px 18px #ff052c55}.button.outline:hover{background:#ffffff12}.hand-note{font:600 calc(12 * var(--u))/1.05 var(--hand);color:#c4c8c3;transform:rotate(-9deg);text-transform:uppercase}.brush-underline{position:relative;z-index:1}.brush-underline:after{content:'';position:absolute;left:calc(-4 * var(--u));right:30%;height:calc(6 * var(--u));bottom:calc(-1 * var(--u));background:var(--red);transform:rotate(-4deg);clip-path:polygon(0 38%,95% 0,100% 25%,4% 100%);z-index:-1}.torn:after{content:'';position:absolute;left:0;right:0;bottom:calc(-11 * var(--u));height:calc(24 * var(--u));background:url('assets/tear.webp') center/100% auto no-repeat;z-index:8;pointer-events:none}.torn:nth-of-type(2n):after{transform:scaleX(-1) rotate(-.35deg)}
/* Hero: a photographic slider beneath a fixed native invitation to act. */
.hero{height:calc(350 * var(--u));background:#090a0a}.hero-slides{position:absolute;inset:0;overflow:hidden;background:#080909;touch-action:pan-y}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.25s ease,visibility 1.25s;will-change:opacity}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide img{height:100%;width:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform 7.5s cubic-bezier(.15,0,.4,1)}.hero-slide.is-active img{transform:scale(1)}.header{position:relative;z-index:12;height:calc(38 * var(--u));background:#070808e8;display:flex;align-items:center;padding:0 calc(93 * var(--u)) 0 calc(78 * var(--u));gap:calc(30 * var(--u))}.brand{display:block;flex-shrink:0;width:calc(102 * var(--u));height:calc(38 * var(--u))}.brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:calc(23 * var(--u));margin-left:calc(12 * var(--u));flex:1;white-space:nowrap;font-size:calc(7.5 * var(--u));font-weight:500}.desktop-nav button{font:inherit;padding:0;white-space:nowrap}.desktop-nav a,.desktop-nav button{position:relative;transition:color .2s}.desktop-nav a:hover,.desktop-nav button:hover{color:var(--red)}.desktop-nav button span{color:var(--red)}.header-cta{height:calc(25 * var(--u));padding:0 calc(21 * var(--u));font-size:calc(9 * var(--u));flex-shrink:0}.menu-toggle,.mobile-nav{display:none}.hero-copy{position:absolute;left:calc(51 * var(--u));top:calc(84 * var(--u));z-index:3}.hero h1{position:relative;font-size:calc(31 * var(--u));line-height:1.28;font-weight:800;letter-spacing:calc(-.6 * var(--u));width:calc(415 * var(--u))}.hero h1>span{display:block;white-space:nowrap}.hero h1 .one-day{position:absolute;left:calc(310 * var(--u));top:calc(24 * var(--u));font:400 calc(53 * var(--u))/1 'Pattaya',sans-serif;color:var(--red);transform:rotate(-7deg);white-space:nowrap;text-shadow:0 1px #bf001b}.one-day:after{content:'';position:absolute;bottom:calc(-1 * var(--u));left:calc(-10 * var(--u));right:calc(-8 * var(--u));height:calc(6 * var(--u));background:var(--red);clip-path:polygon(0 100%,15% 32%,100% 0,95% 60%,5% 100%)}.hero-copy>p{font-size:calc(16 * var(--u));line-height:1.5;color:#dbdcda;margin-top:calc(13 * var(--u));letter-spacing:calc(-.35 * var(--u))}.hero-actions{display:flex;gap:calc(13 * var(--u));margin-top:calc(12 * var(--u))}.hero-actions .button{height:calc(31 * var(--u));font-size:calc(11 * var(--u));padding:0 calc(16 * var(--u))}.proof-strip{position:absolute;left:calc(34 * var(--u));top:calc(284 * var(--u));z-index:3;display:flex;align-items:center;gap:calc(10 * var(--u))}.proof-strip>div{display:flex;align-items:center;gap:calc(6 * var(--u));padding-right:calc(10 * var(--u));border-right:1px solid #b5b8b38a;min-height:calc(25 * var(--u))}.proof-strip>div:last-child{border:0;padding-right:0}.proof-strip .icon{width:calc(17 * var(--u));height:calc(21 * var(--u));stroke-width:2;color:#f3f5ef}.proof-strip p{font:600 calc(9 * var(--u))/1.04 var(--display);color:#e3e5df}.proof-strip b{display:block;font-size:calc(10.5 * var(--u))}.proof-strip span{display:block}.proof-strip>div:last-child p{font-family:var(--thai);font-size:calc(9 * var(--u));line-height:1.25}.proof-strip>div:last-child b{font-size:calc(10 * var(--u))}.hero-handwritten{position:absolute;right:calc(29 * var(--u));bottom:calc(65 * var(--u));font:400 calc(24 * var(--u))/.91 'Pattaya',sans-serif;color:var(--red);transform:rotate(-10deg);z-index:2;text-align:center}.slide-controls{position:absolute;z-index:5;bottom:calc(22 * var(--u));right:calc(31 * var(--u));display:flex;align-items:center;gap:calc(5 * var(--u));color:#eee;background:#090a0ab0;border:1px solid #ffffff1d;border-radius:calc(3 * var(--u));padding:calc(3 * var(--u)) calc(5 * var(--u))}.slide-controls>button{width:calc(16 * var(--u));height:calc(18 * var(--u));padding:0;display:grid;place-items:center}.slide-controls .icon{height:calc(10 * var(--u));width:calc(10 * var(--u))}.slide-dots{display:flex;gap:calc(5 * var(--u));align-items:center}.slide-dots button{width:calc(5 * var(--u));height:calc(5 * var(--u));border:1px solid #e5e5e7;border-radius:50%;padding:0;background:transparent;transition:background .25s,transform .25s}.slide-dots button.active{background:var(--red);border-color:var(--red);transform:scale(1.2)}.slide-pause{border-left:1px solid #fff4!important;margin-left:calc(2 * var(--u));padding-left:calc(4 * var(--u))!important}
/* Manifesto */
.manifesto{height:calc(245 * var(--u));padding:calc(25 * var(--u)) calc(51 * var(--u));overflow:visible}.manifesto-copy{position:relative;z-index:2}.manifesto-copy h2{font-size:calc(28 * var(--u));line-height:1.2;transform:rotate(-2deg);transform-origin:left center}.manifesto-intro{position:absolute;left:calc(410 * var(--u));top:calc(31 * var(--u));z-index:2;font-size:calc(11 * var(--u));line-height:1.5;color:#bcbfba}.device-art{position:absolute;right:calc(-10 * var(--u));bottom:calc(2 * var(--u));width:calc(423 * var(--u));height:calc(203 * var(--u));object-fit:cover;object-position:center;z-index:0}.pillars{display:flex;position:absolute;left:calc(50 * var(--u));top:calc(131 * var(--u));z-index:2;gap:calc(18 * var(--u))}.pillars article{width:calc(106 * var(--u));position:relative}.pillars article+article{border-left:1px solid #a7aaa361;padding-left:calc(20 * var(--u));width:calc(124 * var(--u))}.pillars article:last-child{width:calc(142 * var(--u))}.pillars h3{font:400 calc(41 * var(--u))/1 var(--tall);letter-spacing:calc(.1 * var(--u))}.pillars p{font-size:calc(11.5 * var(--u));line-height:1.4;color:#d1d1cb;margin-top:calc(6 * var(--u));white-space:nowrap}.device-note{position:absolute;right:calc(20 * var(--u));top:calc(95 * var(--u));font-size:calc(11 * var(--u));z-index:2}
/* Pricing */
.packages{height:calc(353 * var(--u));padding:calc(71 * var(--u)) calc(47 * var(--u)) 0}.packages-watermark{position:absolute;top:calc(9 * var(--u));left:calc(50 * var(--u));font:700 italic calc(72 * var(--u))/1 var(--display);letter-spacing:calc(-1.5 * var(--u));color:#f5f5ed22;transform:rotate(-3deg);pointer-events:none}.package-intro{position:absolute;top:calc(24 * var(--u));right:calc(70 * var(--u));text-align:right}.package-intro h2{font-size:calc(14 * var(--u));line-height:1.4;font-weight:700}.package-intro>p{font-size:calc(11.5 * var(--u));line-height:1.5;color:#d4d4ce}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(9 * var(--u))}.package-card{position:relative;border:calc(1 * var(--u)) solid #56595488;border-radius:calc(4 * var(--u));background:linear-gradient(115deg,#171a19af,#0d0f0dda);height:calc(220 * var(--u));padding:calc(12 * var(--u)) calc(13 * var(--u));cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;transform-style:preserve-3d}.package-card h3{font:500 calc(24 * var(--u))/1 var(--tall);color:var(--red);text-align:center}.package-type{text-align:center;font-size:calc(12 * var(--u));line-height:1.4;margin-top:calc(3 * var(--u));white-space:nowrap}.price{display:flex;gap:calc(4 * var(--u));align-items:baseline;justify-content:center;white-space:nowrap;margin-top:calc(4 * var(--u));line-height:1.1}.price strong{font:600 calc(33 * var(--u))/1.05 var(--display);letter-spacing:calc(-.5 * var(--u));font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.price>span{font-size:calc(13 * var(--u));font-weight:600}.price .plus{font-size:calc(20 * var(--u));letter-spacing:calc(-1 * var(--u));margin-left:calc(1 * var(--u))}.package-desc{margin-top:calc(7 * var(--u));font-size:calc(10.5 * var(--u));line-height:1.4;color:#d5d7d1}.package-card ul{list-style:none;padding:0;margin-top:calc(11 * var(--u));display:flex;flex-direction:column;gap:calc(4 * var(--u))}.package-card li{font-size:calc(8.9 * var(--u));line-height:1.25;color:#dbded7;position:relative;padding-left:calc(17 * var(--u));white-space:nowrap}.package-card li:before{content:'';width:calc(6 * var(--u));height:calc(3 * var(--u));border-left:calc(1.8 * var(--u)) solid currentColor;border-bottom:calc(1.8 * var(--u)) solid currentColor;transform:rotate(-48deg);position:absolute;left:calc(2 * var(--u));top:calc(3 * var(--u))}.package-card:hover,.package-card:focus-visible{transform:translateY(calc(-6 * var(--u)));border-color:#ff0932;box-shadow:0 9px 30px #000b,0 0 18px #ff00241c}.recommended{background:#fff url('assets/card-paper.webp') center/100% 100%;color:#111;border-color:#ff2845;box-shadow:0 0 3px #ff203e;padding-left:calc(15 * var(--u));padding-right:calc(10 * var(--u))}.recommended h3{color:var(--red)}.recommended .package-type{font-size:calc(11.5 * var(--u))}.recommended .price{margin-top:calc(1 * var(--u))}.recommended .price strong{color:#f60027;font-size:calc(34 * var(--u));font-weight:700}.recommended .package-desc,.recommended li{color:#1c1c1c}.recommended .package-desc{font-weight:600;margin-top:calc(5 * var(--u));font-size:calc(10.5 * var(--u))}.recommended ul{margin-top:calc(14 * var(--u))}.recommended li{font-size:calc(8.5 * var(--u));font-weight:500}.recommended-label{position:absolute;right:calc(-7 * var(--u));top:calc(-8 * var(--u));background:#080909;color:#fff;transform:rotate(-15deg);font:400 calc(14 * var(--u))/1 'Pattaya',sans-serif;padding:calc(5 * var(--u)) calc(10 * var(--u));clip-path:polygon(2% 7%,100% 0,96% 90%,0 100%);z-index:2}.package-bottom{display:flex;align-items:center;justify-content:center;gap:calc(9 * var(--u));margin-top:calc(9 * var(--u))}.package-bottom .button{height:calc(30 * var(--u));font-size:calc(10 * var(--u));padding:0 calc(15 * var(--u))}.package-bottom small{font-size:calc(7.5 * var(--u));line-height:1.5;white-space:nowrap;color:#bcbeb8}.package-note{position:absolute;right:calc(21 * var(--u));bottom:calc(9 * var(--u));font-size:calc(11.5 * var(--u))}
/* Process */
.process{height:calc(210 * var(--u));padding:calc(20 * var(--u)) calc(51 * var(--u)) 0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.section-heading>p{font-size:calc(11 * var(--u));line-height:1.4;color:#b9beb5;width:calc(275 * var(--u));padding-top:calc(9 * var(--u))}.process .section-heading h2{font-size:calc(26 * var(--u));line-height:1.13}.process-grid{list-style:none;padding:0;margin-top:calc(10 * var(--u));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(15 * var(--u));position:relative}.process-grid:before{content:'';position:absolute;left:calc(8 * var(--u));right:calc(51 * var(--u));height:calc(1 * var(--u));background:#c01930;top:calc(26 * var(--u));transform-origin:left;transition:transform 1.7s ease}.process-grid li{position:relative;min-height:calc(107 * var(--u));padding-top:calc(4 * var(--u));display:grid;grid-template-columns:calc(39 * var(--u)) 1fr;gap:calc(12 * var(--u));align-content:start}.step-num{font:600 calc(49 * var(--u))/.94 var(--display);letter-spacing:calc(-1.5 * var(--u));background:linear-gradient(#fff,#929691);color:transparent;background-clip:text;display:block;grid-column:1/-1;position:relative;z-index:1;width:fit-content;padding-right:calc(9 * var(--u));text-shadow:0 6px 15px #0004}.step-dot{position:absolute;top:calc(21 * var(--u));left:calc(61 * var(--u));height:calc(9 * var(--u));width:calc(9 * var(--u));border-radius:50%;background:#fff;border:calc(2 * var(--u)) solid #ff0a2c;box-shadow:0 0 0 calc(2 * var(--u)) #ff062c3d,0 0 calc(10 * var(--u)) #ff002b}.process-grid li>.icon{width:calc(29 * var(--u));height:calc(34 * var(--u));margin-top:calc(2 * var(--u));stroke-width:1.35}.process-grid h3{font:600 calc(14 * var(--u))/1 var(--display);margin-top:calc(-8 * var(--u))}.process-grid h3 span{font:600 calc(11 * var(--u))/1.3 var(--thai);display:block;margin-top:calc(3 * var(--u));white-space:nowrap}.process-grid p{font-size:calc(8.8 * var(--u));line-height:1.45;color:#c3c7bf;margin-top:calc(8 * var(--u));white-space:nowrap}.process-note{position:absolute;right:calc(27 * var(--u));top:calc(74 * var(--u));font-size:calc(12 * var(--u))}
/* Portfolio */
.work{height:calc(281 * var(--u));background:#0b1013 url('assets/closing.webp') center/cover;padding:calc(20 * var(--u)) calc(50 * var(--u)) 0}.work:before{content:'';position:absolute;inset:0;background:linear-gradient(#050708b3,#05070866 58%,#05070800);pointer-events:none}.work .section-heading h2{font:700 italic calc(31 * var(--u))/1 var(--display);letter-spacing:calc(-.4 * var(--u))}.work .section-heading p{font-size:calc(13 * var(--u));line-height:1.4;margin-top:calc(3 * var(--u))}.work .section-heading>.button{height:calc(29 * var(--u));font-size:calc(10 * var(--u));padding:0 calc(16 * var(--u));margin-top:calc(2 * var(--u))}.work-grid{position:absolute;left:calc(44 * var(--u));right:calc(42 * var(--u));top:calc(71 * var(--u));bottom:calc(16 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16 * var(--u));perspective:900px;z-index:2}.work-card{position:relative;padding:0;min-width:0;transform-style:preserve-3d;transform:rotate(var(--rotate));--rotate:-5deg;transition:transform .5s cubic-bezier(.2,.7,.2,1);text-align:left;height:100%}.work-card.commerce{--rotate:4deg;margin-top:calc(2 * var(--u))}.work-card.personal{--rotate:-3deg;margin-top:calc(-2 * var(--u))}.browser-frame{display:block;width:100%;height:calc(183 * var(--u));border:calc(3 * var(--u)) solid #d6dad9;border-radius:calc(5 * var(--u));background:#fff;box-shadow:0 0 0 1px #202426,0 13px 24px #000b;overflow:hidden}.browser-bar{height:calc(13 * var(--u));display:flex;align-items:center;justify-content:space-between;padding:0 calc(5 * var(--u));color:#0a0a0a;background:#fbfbfa;border-bottom:1px solid #bbb}.browser-bar>b{font:700 italic calc(8 * var(--u))/1 var(--hand)}.browser-bar>span{font:400 calc(3 * var(--u))/1 var(--display);letter-spacing:calc(.25 * var(--u))}.browser-frame>img{height:calc(200 * var(--u));width:100%;object-fit:cover;object-position:center 15%}.work-caption{position:absolute;bottom:calc(-1 * var(--u));left:0;right:0;color:#f4f6ef;text-align:center;transform:rotate(calc(-1 * var(--rotate)));z-index:6;text-shadow:0 1px 4px #000,0 0 10px #000;display:flex;flex-direction:column}.work-caption>strong{font:700 calc(13 * var(--u))/1.1 var(--display)}.work-caption>span{font-size:calc(9 * var(--u));line-height:1.3}.rock-foreground{position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(85 * var(--u));object-fit:fill;pointer-events:none;z-index:3}.work-card:hover,.work-card:focus-visible{transform:rotate(0) translateY(calc(-8 * var(--u)));z-index:4}
/* Systems diagram */
.systems{height:calc(192 * var(--u));padding:calc(20 * var(--u)) calc(51 * var(--u))}.system-copy{position:relative;z-index:2}.system-copy h2{font-size:calc(24 * var(--u));line-height:1.27;letter-spacing:calc(-.6 * var(--u))}.system-copy p{font-size:calc(11 * var(--u));line-height:1.5;margin-top:calc(11 * var(--u));color:#d1d3cc}.system-copy .button{margin-top:calc(12 * var(--u));height:calc(31 * var(--u));padding:0 calc(19 * var(--u));font-size:calc(10.5 * var(--u))}.blueprint{position:absolute;left:calc(348 * var(--u));top:calc(26 * var(--u));width:calc(288 * var(--u));height:calc(154 * var(--u));z-index:2;background-image:linear-gradient(#5ba3d014 1px,transparent 1px),linear-gradient(90deg,#5ba3d014 1px,transparent 1px);background-size:calc(17 * var(--u)) calc(17 * var(--u));box-shadow:0 0 calc(28 * var(--u)) #63b9e50d}.blueprint:before{content:'';position:absolute;inset:calc(-18 * var(--u));background:radial-gradient(ellipse,#329de320,transparent 68%);pointer-events:none}.system-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.system-node{position:absolute;height:calc(40 * var(--u));width:calc(83 * var(--u));border:1px solid #69b1d9b0;border-radius:calc(3 * var(--u));background:linear-gradient(120deg,#1c2b3499,#111b2290);box-shadow:inset 0 0 calc(10 * var(--u)) #67b5e51a,0 0 calc(8 * var(--u)) #3599d333;display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));text-align:left;padding:0;transition:background .3s,box-shadow .3s}.system-node:hover,.system-node:focus-visible{background:#194662;box-shadow:0 0 20px #409bcb66}.system-node>.icon{width:calc(21 * var(--u));height:calc(21 * var(--u));stroke-width:1.2}.system-node b{font:600 calc(12 * var(--u))/1 var(--display);display:block}.system-node small{display:block;font-size:calc(7.2 * var(--u));line-height:1.4;white-space:nowrap}.sales{left:0;top:0}.stock{left:calc(102 * var(--u));top:0}.pos{right:0;top:0}.crm{left:0;bottom:0}.report{left:calc(102 * var(--u));bottom:0}.admin{right:0;bottom:0}.system-core{position:absolute;left:calc(87 * var(--u));top:calc(59 * var(--u));width:calc(113 * var(--u));height:calc(41 * var(--u));background:linear-gradient(120deg,#172d3a,#0b1b27);box-shadow:0 0 calc(14 * var(--u)) #258cbd55;border:1px solid #8ccbe9;border-radius:calc(3 * var(--u));font:600 calc(12 * var(--u))/1.1 var(--display);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.data-packets{stroke-dasharray:3 40;animation:packet-flow 4s linear infinite}.system-note{position:absolute;right:calc(21 * var(--u));top:calc(47 * var(--u));font-size:calc(12 * var(--u))}.system-note>span{display:block;height:1px;width:calc(61 * var(--u));background:#b6c1b8;margin:calc(9 * var(--u)) 0 calc(9 * var(--u)) calc(-5 * var(--u));transform:rotate(-5deg)}
/* Journal */
.articles{height:calc(260 * var(--u));padding:calc(20 * var(--u)) calc(49 * var(--u)) 0}.articles .section-heading h2{font-size:calc(27 * var(--u));line-height:1.2}.articles .section-heading p{font-size:calc(12.5 * var(--u));line-height:1.4;margin-top:calc(2 * var(--u))}.articles .section-heading>.button{height:calc(29 * var(--u));font-size:calc(10 * var(--u));margin-top:calc(13 * var(--u))}.article-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr 1fr;gap:calc(8 * var(--u));margin-top:calc(13 * var(--u))}.article-card{display:block;position:relative;text-align:left;border:1px solid #72796b68;border-radius:calc(2 * var(--u));padding:0 0 calc(7 * var(--u));height:calc(169 * var(--u));background:#10131366;overflow:hidden;transition:border-color .25s,background .25s,transform .3s}.article-card:hover,.article-card:focus-visible{border-color:#d6d6cd;background:#1b1d1b;transform:translateY(calc(-4 * var(--u)))}.article-image{height:calc(82 * var(--u));position:relative;overflow:hidden}.article-image>img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.article-card:hover .article-image>img{transform:scale(1.08)}.featured-badge{position:absolute;left:calc(9 * var(--u));top:calc(8 * var(--u));padding:calc(1 * var(--u)) calc(7 * var(--u));background:#f50628;color:#fff;font-size:calc(10 * var(--u));line-height:1.4;font-weight:600}.article-card h3{font-size:calc(10.5 * var(--u));font-weight:700;line-height:1.35;margin:calc(5 * var(--u)) calc(8 * var(--u)) 0;white-space:nowrap}.article-card:first-child h3{font-size:calc(13 * var(--u));line-height:1.28}.article-card>p{font-size:calc(7.9 * var(--u));line-height:1.4;color:#bec3b9;margin:calc(5 * var(--u)) calc(8 * var(--u)) 0;white-space:nowrap}.article-meta{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:calc(6 * var(--u));display:flex;align-items:center;justify-content:space-between;color:#a5ada0}.article-meta time{font-size:calc(7.4 * var(--u));line-height:1}.article-meta .icon{width:calc(14 * var(--u));height:calc(10 * var(--u))}
/* Final banner and footer */
.closing{height:calc(172 * var(--u));overflow:visible}.closing-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.closing h2{position:absolute;top:calc(25 * var(--u));left:calc(42 * var(--u));z-index:2;font:400 calc(40 * var(--u))/1.05 'Pattaya',sans-serif;letter-spacing:calc(-1 * var(--u));transform:rotate(-9deg)}.closing h2>span{display:block;white-space:nowrap}.closing h2>span:last-child{font-size:calc(34 * var(--u))}.closing h2:after{content:'';height:calc(7 * var(--u));background:var(--red);display:block;width:100%;clip-path:polygon(0 66%,91% 0,100% 16%,3% 100%);transform:rotate(-3deg);margin-top:calc(4 * var(--u))}.closing-copy{position:absolute;left:calc(282 * var(--u));top:calc(53 * var(--u));z-index:3}.closing-copy>p{font-size:calc(10 * var(--u));line-height:1.45;color:#d9ddd3}.closing-copy>div{display:flex;gap:calc(10 * var(--u));margin-top:calc(12 * var(--u))}.closing-copy .button{font-size:calc(9 * var(--u));height:calc(29 * var(--u));padding:0 calc(13 * var(--u))}.closing-note{position:absolute;right:calc(25 * var(--u));bottom:calc(26 * var(--u));font-size:calc(11.5 * var(--u))}footer{height:calc(76 * var(--u));display:flex;align-items:center;gap:calc(20 * var(--u));padding:0 calc(45 * var(--u));background:#050707bd}footer .brand{width:calc(82 * var(--u));height:calc(42 * var(--u))}footer nav{display:flex;gap:calc(16 * var(--u));align-items:center;flex:1;font-size:calc(6.7 * var(--u));white-space:nowrap}footer nav button{padding:0;font:inherit}.facebook-contact{padding:0 0 0 calc(22 * var(--u));border-left:1px solid #d0d7c9;display:flex;align-items:center;gap:calc(8 * var(--u));font-size:calc(7 * var(--u));white-space:nowrap;height:calc(23 * var(--u))}.facebook-contact .icon{height:calc(18 * var(--u));width:calc(10 * var(--u));fill:currentColor;stroke:none}.footer-copy{white-space:nowrap;text-align:center;font-size:calc(8.2 * var(--u));line-height:1.5}.footer-copy small{font-size:calc(7 * var(--u));color:#c1c9ba}
/* Reference-alignment refinements: preserve complete text and foreground labels. */
.page{background-image:linear-gradient(#090a0a55,#090a0a55),url('assets/texture.webp')}.torn:after{filter:brightness(.75)}.browser-bar{display:none}.browser-frame>img{height:auto;object-position:center top}.work-labels{position:absolute;left:calc(45 * var(--u));right:calc(43 * var(--u));bottom:calc(17 * var(--u));z-index:7;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(16 * var(--u));text-align:center}.work-labels button{padding:0;text-shadow:0 1px 4px #000,0 0 10px #000}.work-labels strong{display:block;font:700 calc(13 * var(--u))/1.1 var(--display)}.work-labels span{display:block;font-size:calc(9 * var(--u));line-height:1.3}.work-caption{display:none}
@media(min-width:601px){.hero h1>span:not(.one-day){transform:scaleX(.9);transform-origin:left center}.manifesto-copy h2{font-size:calc(31 * var(--u))}.pillars h3{font-size:calc(45 * var(--u))}.price>span{font-size:calc(15 * var(--u))}.article-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.article-card h3,.article-card>p{white-space:normal}.article-card h3{font-size:calc(10 * var(--u))}.article-card:last-child h3{font-size:calc(9 * var(--u))}.article-card>p{font-size:calc(7.6 * var(--u))}.article-card{height:calc(174 * var(--u))}}
@media(max-width:600px){.work-labels{display:none}.work-caption{display:flex}.work-grid{z-index:4}.rock-foreground{z-index:3}}
/* Dialogs are functional native UI, independent from the artwork scale. */
dialog{--u:1px;width:min(650px,94vw);max-height:90vh;padding:29px;border:1px solid #444947;border-radius:8px;background:#101314;color:#f1f3ed;font:14px/1.7 var(--thai);box-shadow:0 25px 100px #000d}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}dialog h2{font-size:26px;font-weight:700;line-height:1.4;letter-spacing:-.4px}dialog h3{font-size:18px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:19px}.dialog-kicker{font:600 12px/1.2 var(--display);color:#ff3653;letter-spacing:1.3px;display:block;margin-bottom:5px}.dialog-close{width:32px;height:32px;border:1px solid #5a5f5b;border-radius:50%;display:grid;place-items:center;padding:0;flex-shrink:0}.dialog-close .icon{width:18px;height:18px}.dialog-close:hover{background:#ff052c;border-color:#ff052c}dialog .button{height:39px;font-size:12px;padding:0 17px}dialog .button .icon{width:15px;height:15px}dialog label{font-size:13px;font-weight:500;display:block;margin:14px 0}dialog input,dialog textarea{display:block;width:100%;min-width:0;padding:11px 13px;margin-top:5px;background:#1a1e1f;border:1px solid #4d5552;border-radius:3px;color:#f4f5f0;font:14px/1.5 var(--thai)}dialog textarea{min-height:125px;resize:vertical}dialog input::placeholder,dialog textarea::placeholder{color:#8e9890}.brief-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.brief-tiers button{border:1px solid #49534b;background:#191d1b;padding:10px 4px;font:600 21px/1.1 var(--display);border-radius:3px}.brief-tiers button small{display:block;font:400 10px/1.6 var(--thai);color:#d7dccf;margin-top:5px}.brief-tiers button[aria-pressed=true]{border-color:var(--red);background:#ff032322;color:#ff1738}.form-note{font-size:11px;line-height:1.7;color:#9aa49a;margin:12px 0}#brief-form>.button{width:100%;margin-top:3px}#brief-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--thai);background:#1a1e1d;border:1px solid #455044;padding:16px;border-radius:4px;margin:14px 0}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap}.domain-input{position:relative}.domain-input>.icon{position:absolute;left:12px;top:13px;width:19px;height:19px;color:#97a093}.domain-input input{padding-left:40px;font-family:var(--display);font-size:20px;letter-spacing:.5px}#domain-form>.button{width:100%}#domain-result{background:#1b211e;border:1px solid #48584b;border-left:3px solid var(--red);padding:14px;margin-top:18px}#domain-result b{font:600 23px/1.3 var(--display);display:block;margin-bottom:4px;overflow-wrap:anywhere}#domain-result .button{margin-top:10px}.work-dialog-tabs{display:flex;gap:8px;margin-bottom:15px}.work-dialog-tabs button{border:1px solid #50574d;padding:6px 12px;border-radius:3px;font:600 16px/1.2 var(--display)}.work-dialog-tabs button[aria-pressed=true]{color:white;background:var(--red);border-color:var(--red)}#work-dialog{width:min(800px,94vw)}.work-preview{height:440px;overflow:auto;border:1px solid #6c7365;border-radius:3px;background:white}.work-preview img{width:100%;height:auto}#work-description{margin-top:14px;color:#d3dbce}#article-dialog{width:min(770px,94vw)}#article-content>img{width:100%;max-height:290px;object-fit:cover;border-radius:4px;margin-bottom:20px}#article-content p,#article-content li{font-size:14px;line-height:1.9;color:#d1d8cc}#article-content h3{margin:20px 0 7px;color:white}#article-content ol,#article-content ul{padding-left:22px;margin:10px 0}#article-content .article-list{display:flex;flex-direction:column;gap:10px}#article-content .article-list button{text-align:left;border:1px solid #434c44;border-radius:4px;padding:13px;display:flex;align-items:center;gap:15px;font-size:14px}#article-content .article-list img{width:90px;height:60px;object-fit:cover}#info-content p{margin:12px 0;color:#d5ddce}#info-content .dialog-actions{margin-top:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px);padding:12px 18px;max-width:92vw;width:max-content;font-size:12px;line-height:1.6;background:#191f1bec;border:1px solid #707b67;border-left:3px solid var(--red);border-radius:5px;box-shadow:0 8px 25px #0006;color:white;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
/* Section-specific, reduced-motion-aware choreography. */
.motion-ready [data-reveal]{opacity:0;translate:0 18px;transition:opacity .75s ease,translate .75s cubic-bezier(.22,.7,.22,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;translate:0 0}.package-card:nth-child(2),.process-grid li:nth-child(2),.article-card:nth-child(2),.work-card:nth-child(2),.pillars article:nth-child(2){--reveal-delay:90ms}.package-card:nth-child(3),.process-grid li:nth-child(3),.article-card:nth-child(3),.work-card:nth-child(3),.pillars article:nth-child(3){--reveal-delay:180ms}.package-card:nth-child(4),.process-grid li:nth-child(4),.article-card:nth-child(4){--reveal-delay:270ms}.motion-ready .process-grid:not(.is-visible):before{transform:scaleX(0)}.motion-paused .hero-slide img,.motion-paused .data-packets{animation-play-state:paused}.motion-paused .hero-slide img{transition:none}.page[data-slider-paused=true] .hero-slide img{transition:none}.motion-paused [data-reveal]{transition:none!important;translate:none!important;opacity:1!important}.motion-paused .data-packets{animation:none}@keyframes packet-flow{to{stroke-dashoffset:-86}}
@media(max-width:600px){
 main{--u:1px}h2{font-size:25px}.torn:after{height:20px;bottom:-10px;background-size:auto 135px}.header{height:65px;padding:0 20px;gap:13px;background:#070808ed}.brand{width:125px;height:53px}.desktop-nav{display:none}.header-cta{margin-left:auto;height:33px;padding:0 14px;font-size:11px}.menu-toggle{display:grid;place-items:center;height:32px;width:28px;padding:0}.menu-toggle .icon{width:24px;height:24px}.mobile-nav{display:flex;position:absolute;top:64px;left:0;right:0;z-index:20;background:#111614f5;border-bottom:1px solid #4d5d50;box-shadow:0 20px 30px #0007;padding:15px 25px;flex-direction:column;gap:0}.mobile-nav>a,.mobile-nav>button{padding:11px 0;font-size:14px;text-align:left;border-bottom:1px solid #ffffff13}.hero{height:680px}.hero-slides{top:65px;background:#080909}.hero-slide img{object-fit:cover;object-position:67% center;height:350px;position:absolute;bottom:0;mask-image:linear-gradient(transparent 0,black 25%)}.hero-copy{left:23px;right:20px;top:106px}.hero h1{font-size:27px;line-height:1.35;letter-spacing:-.5px;width:100%}.hero h1>span{white-space:normal}.hero h1 .one-day{font-size:48px;left:251px;top:61px}.hero h1>span:nth-child(2){max-width:330px;padding-right:5px}.hero-copy>p{font-size:13px;max-width:310px;line-height:1.65;margin-top:38px;letter-spacing:0}.hero-actions{gap:9px;margin-top:17px}.hero-actions .button{font-size:12px;height:39px;padding:0 14px}.hero-handwritten{right:19px;bottom:85px;font-size:30px}.proof-strip{left:22px;right:22px;top:352px;gap:8px;justify-content:space-between}.proof-strip>div{gap:5px;padding-right:7px;min-height:24px}.proof-strip .icon{width:16px;height:19px}.proof-strip b{font-size:11px}.proof-strip p{font-size:8px}.proof-strip>div:last-child p{font-size:8px}.proof-strip>div:last-child b{font-size:9px}.slide-controls{bottom:25px;right:22px;padding:6px 8px;gap:8px;border-radius:4px}.slide-controls>button{width:25px;height:25px}.slide-controls .icon{width:15px;height:15px}.slide-dots{gap:8px}.slide-dots button{width:7px;height:7px}.slide-pause{padding-left:7px!important}.manifesto{height:530px;padding:30px 24px}.manifesto-copy h2{font-size:26px;line-height:1.35;letter-spacing:-.8px}.manifesto-intro{position:relative;left:auto;top:auto;margin-top:17px;font-size:12px;line-height:1.7;max-width:340px}.manifesto-intro br{display:none}.pillars{left:24px;right:24px;top:191px;gap:10px}.pillars article{width:calc((100% - 20px)/3)}.pillars article+article{padding-left:12px;width:calc((100% - 20px)/3)}.pillars article:last-child{width:calc((100% - 20px)/3)}.pillars h3{font-size:35px}.pillars p{font-size:10px;line-height:1.6;white-space:normal;margin-top:7px}.device-art{height:247px;width:430px;max-width:none;right:-12px;bottom:6px;object-fit:cover}.device-note{right:14px;top:auto;bottom:137px;font-size:12px}.packages{height:auto;padding:91px 21px 35px}.packages-watermark{top:26px;left:20px;font-size:70px}.package-intro{top:33px;right:22px;background:linear-gradient(90deg,transparent,#090a0aee 30%);padding-left:40px}.package-intro h2{font-size:13px}.package-intro>p{font-size:10px;max-width:150px;margin-left:auto}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.package-card{height:271px;padding:15px 11px}.package-card h3{font-size:29px}.package-type{font-size:11px;margin-top:5px;white-space:normal}.price{margin-top:8px;gap:4px}.price strong{font-size:37px}.price>span{font-size:12px}.price .plus{font-size:21px}.package-desc{font-size:10px;line-height:1.55;margin-top:11px;min-height:34px}.package-card ul{gap:8px;margin-top:14px}.package-card li{font-size:9px;line-height:1.5;white-space:normal;padding-left:14px}.package-card li:before{width:6px;height:3px;left:1px;top:5px;border-width:1.6px}.recommended{padding:15px 10px}.recommended .package-type{font-size:11px}.recommended .price strong{font-size:37px}.recommended .price{margin-top:8px}.recommended .package-desc{font-size:10px;font-weight:500;margin-top:11px}.recommended ul{margin-top:14px}.recommended li{font-size:8.8px}.recommended-label{right:-4px;top:-7px;font-size:16px;padding:5px 10px}.package-bottom{margin-top:20px;flex-direction:column;gap:11px}.package-bottom .button{height:38px;font-size:12px;width:200px}.package-bottom small{font-size:8px;white-space:normal;text-align:center;max-width:290px}.package-note{display:none}.process{height:auto;padding:28px 24px 30px}.process .section-heading{display:block}.process .section-heading h2{font-size:26px;line-height:1.25}.section-heading>p{font-size:12px;line-height:1.6;width:auto;padding:0;margin-top:13px}.process-grid{margin-top:23px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.process-grid:before{display:none}.process-grid li{min-height:140px;grid-template-columns:32px 1fr;gap:13px;padding-top:0}.process-grid li:before{content:'';position:absolute;top:24px;left:8px;right:0;height:1px;background:#a9132b}.step-num{font-size:55px;line-height:.95;padding-right:8px;letter-spacing:-1.5px}.step-dot{left:66px;top:20px;width:9px;height:9px}.process-grid li>.icon{width:29px;height:35px;margin-top:0}.process-grid h3{font-size:18px;margin-top:-4px}.process-grid h3 span{font-size:11px;margin-top:3px;white-space:normal}.process-grid p{font-size:10px;line-height:1.6;margin-top:9px;white-space:normal}.process-grid p br{display:none}.process-note{right:21px;top:53px;font-size:14px}.work{height:auto;padding:29px 22px 37px;background-position:center;background-attachment:scroll}.work .section-heading{gap:14px;align-items:flex-start}.work .section-heading h2{font-size:31px;white-space:nowrap}.work .section-heading p{font-size:11px;line-height:1.5;max-width:200px}.work .section-heading>.button{font-size:8.5px;height:30px;padding:0 9px;gap:6px;margin-top:8px}.work-grid{position:relative;left:auto;right:auto;top:auto;bottom:auto;grid-template-columns:1fr;gap:36px;max-width:300px;margin:32px auto 0}.work-card{height:270px;--rotate:-3deg}.work-card.commerce{--rotate:3deg;margin-top:0}.work-card.personal{--rotate:-2deg;margin-top:0}.browser-frame{height:244px;border-width:3px;border-radius:5px}.browser-bar{height:16px;padding:0 7px}.browser-bar>b{font-size:11px}.browser-bar>span{font-size:4px}.browser-frame>img{height:320px;object-position:center top}.work-caption{bottom:0}.work-caption>strong{font-size:17px}.work-caption>span{font-size:10px}.rock-foreground{height:90px}.systems{height:456px;padding:29px 24px}.system-copy h2{font-size:25px;line-height:1.3;letter-spacing:-.7px}.system-copy p{font-size:12px;line-height:1.6;max-width:320px;margin-top:14px}.system-copy p br{display:none}.system-copy .button{height:38px;font-size:12px;margin-top:16px;padding:0 16px}.blueprint{left:24px;right:24px;top:263px;width:calc(100% - 48px);height:165px}.system-wires{width:100%;height:100%}.system-node{height:44px;width:29%;border-radius:3px;gap:8px}.system-node>.icon{width:23px;height:23px}.system-node b{font-size:14px}.system-node small{font-size:8px}.stock,.report{left:35.5%}.system-core{left:30%;top:64px;width:40%;height:43px;font-size:14px}.system-note{right:19px;top:175px;font-size:10px}.system-note>span{margin:6px 0;height:1px;width:46px}.articles{height:auto;padding:27px 22px 31px}.articles .section-heading{gap:10px}.articles .section-heading h2{font-size:25px;white-space:nowrap}.articles .section-heading p{font-size:10px;line-height:1.5;max-width:225px;margin-top:4px}.articles .section-heading>.button{font-size:9px;height:30px;padding:0 10px;gap:6px;margin-top:4px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:20px}.article-card{height:247px;padding-bottom:10px;border-radius:3px}.article-image{height:116px}.article-card h3,.article-card:first-child h3{font-size:12px;line-height:1.5;white-space:normal;margin:9px 10px 0}.article-card>p{font-size:10px;line-height:1.6;white-space:normal;margin:7px 10px 0}.article-card>p br{display:none}.article-meta{left:10px;right:10px;bottom:10px}.article-meta time{font-size:8px}.article-meta .icon{width:15px;height:12px}.featured-badge{left:8px;top:8px;font-size:10px;padding:2px 7px}.closing{height:400px}.closing-photo{object-fit:cover;object-position:69% bottom;height:230px;top:auto;bottom:0;mask-image:linear-gradient(transparent 0,black 30%)}.closing h2{top:32px;left:28px;font-size:43px;line-height:1.08;letter-spacing:-1px}.closing h2>span:last-child{font-size:36px}.closing h2:after{height:7px;margin-top:4px}.closing-copy{left:26px;top:167px;right:20px}.closing-copy>p{font-size:11px;line-height:1.6;max-width:310px}.closing-copy>div{gap:10px;margin-top:16px}.closing-copy .button{height:37px;padding:0 13px;font-size:11px}.closing-note{right:20px;bottom:25px;font-size:13px}footer{height:auto;min-height:218px;display:grid;grid-template-columns:1fr 1fr;gap:12px 17px;padding:25px 25px 28px}footer .brand{width:116px;height:51px}footer nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;font-size:9px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:15px 0}.facebook-contact{border:0;padding:0;justify-self:end;font-size:9px;gap:9px;height:24px}.facebook-contact .icon{width:12px;height:21px}.footer-copy{grid-column:1/-1;white-space:normal;font-size:11px;line-height:1.5;margin-top:2px}.footer-copy small{font-size:9px}dialog{padding:20px;max-height:91vh;width:94vw}dialog h2{font-size:23px}.dialog-heading{gap:12px}.dialog-kicker{font-size:10px}.brief-tiers{gap:5px}.brief-tiers button{font-size:18px;padding:11px 1px}.brief-tiers button small{font-size:8px}.work-dialog-tabs{gap:5px}.work-dialog-tabs button{padding:7px 9px;font-size:14px}.work-preview{height:340px}#article-content p,#article-content li{font-size:13px}#article-content h3{font-size:17px}.dialog-actions .button{font-size:11px;padding:0 12px}.form-note{font-size:10px;line-height:1.8}.toast{font-size:11px}.hand-note{pointer-events:none}
}
@media(max-width:359px){.header{padding:0 16px;gap:8px}.brand{width:108px}.header-cta{font-size:10px;padding:0 11px}.hero h1{font-size:23px}.hero h1 .one-day{left:222px;top:50px;font-size:44px}.hero-copy>p{margin-top:33px}.hero-actions .button{font-size:10px;padding:0 12px}.proof-strip{left:17px;right:17px;gap:5px}.proof-strip>div{padding-right:5px;gap:4px}.proof-strip .icon{width:12px}.proof-strip b{font-size:9px}.proof-strip p{font-size:7px}.manifesto-copy h2{font-size:23px}.pillars h3{font-size:29px}.pillars p{font-size:9px}.package-card{padding:13px 9px;height:280px}.price strong,.recommended .price strong{font-size:32px}.package-type{font-size:10px}.recommended .package-type{font-size:10px}.package-desc,.recommended .package-desc{font-size:9px}.package-card li,.recommended li{font-size:8px}.system-copy h2{font-size:22px}.article-card{height:268px}.article-card h3,.article-card:first-child h3{font-size:11px}.article-image{height:108px}.work .section-heading h2{font-size:28px}.work .section-heading>.button{font-size:7px;padding:0 7px}.articles .section-heading h2{font-size:22px}.articles .section-heading>.button{font-size:8px;padding:0 7px}.closing h2{font-size:36px}.closing h2>span:last-child{font-size:31px}.closing-copy .button{font-size:10px;padding:0 12px}}
.torn:after{mix-blend-mode:screen}.article-card{display:flex;flex-direction:column;align-items:stretch}.article-image{flex-shrink:0}
@media(min-width:601px){.process-grid{margin-top:calc(6 * var(--u))}.process-grid li{grid-template-columns:calc(29 * var(--u)) 1fr;gap:calc(8 * var(--u)) calc(10 * var(--u))}.process-grid p{font-size:calc(8.4 * var(--u))}.process-grid h3 span{font-size:calc(10.5 * var(--u))}.article-grid{margin-top:calc(8 * var(--u))}.article-card{height:calc(169 * var(--u))}.article-card:last-child h3{font-size:calc(8.2 * var(--u))}}
@media(max-width:600px){.article-card{display:flex;flex-direction:column;height:auto;min-height:282px;padding-bottom:37px}.article-image{flex-shrink:0;width:100%}.article-card>p{margin-bottom:0}.article-meta{bottom:12px}}
@media(max-width:359px){.hero h1 .one-day{left:210px;top:56px}.article-card{min-height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-slide img{transform:none!important}[data-reveal]{opacity:1!important;translate:none!important}.work-card:hover,.work-card:focus-visible,.package-card:hover{transform:rotate(var(--rotate,0deg))}.process-grid:before{transform:none!important}}