/* Viggo Studio / Scroll edition — original brand palette */
:root{--ink:#18261f;--ink-2:#293a30;--lime:#d8fc77;--paper:#f7f7f2;--soft:#e9eee3;--muted:#69736b;--line:#dce0d7;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(22px,4.2vw,80px);--header:82px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.02;font-weight:600;letter-spacing:-.065em}h2{font-size:clamp(44px,6.1vw,96px)}h2 em{font-family:Georgia,serif;font-weight:400}p{color:var(--muted)}a,button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #88ad35;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}.skip-link{position:fixed;top:6px;left:6px;z-index:999;background:var(--lime);padding:10px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--lime);width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:500;pointer-events:none}
.header{height:var(--header);padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:28px;position:sticky;top:0;z-index:100;background:rgba(247,247,242,.94);border-bottom:1px solid rgba(24,38,31,.1);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:baseline;font-weight:800;font-size:27px;letter-spacing:-.09em;line-height:1}.brand>span{color:#87a942}.brand sup{font-size:13px;letter-spacing:0;align-self:start;margin:0 0 0 5px}.desktop-nav{display:flex;gap:clamp(15px,2.5vw,36px);margin-left:auto}.desktop-nav a{font-size:12px;font-weight:600;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:23px}.account-link{width:22px;height:22px}.account-link svg{width:100%;height:100%}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 25px;min-height:52px;border:1px solid currentColor;border-radius:99px;font-size:13px;font-weight:700;line-height:1.3;transition:background .25s,color .25s,transform .4s var(--ease)}.pill span{font-size:20px;font-weight:400}.pill:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px)}.header-cta{font-size:11px;min-height:43px;padding:12px 20px}.lime-pill{background:var(--lime);border-color:var(--lime);color:var(--ink)}.lime-pill:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.under-link{font-size:13px;font-weight:600;display:inline-flex;gap:22px;align-items:center;padding:6px 0;border-bottom:1px solid currentColor}.under-link span{font-size:17px}.menu-toggle{display:none;background:transparent;padding:10px;width:44px;height:44px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px var(--gutter) 36px;border-bottom:1px solid var(--line);display:grid;gap:8px;max-height:calc(100svh - var(--header));overflow:auto}.mobile-menu a{font-size:25px;padding:10px;border-bottom:1px solid var(--line);letter-spacing:-.04em}.eyebrow,.micro,.section-label{font-size:10px;font-weight:600;letter-spacing:.11em;line-height:1.5}.eyebrow{display:flex;gap:10px;align-items:center}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #d8fc7712}
.hero{color:var(--paper);background:var(--ink);min-height:calc(100svh - var(--header));position:relative;overflow:hidden;padding:32px var(--gutter) 0;display:flex;flex-direction:column;isolation:isolate}.hero-gridline{position:absolute;left:52%;top:0;bottom:0;width:1px;background:#d8fc770e;z-index:-1}.hero-top{display:flex;align-items:start;justify-content:space-between;color:#bdc7be;position:relative;z-index:3}.hero-edition{text-align:right}.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:3vw;flex:1;padding:55px 0 70px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(64px,8.4vw,152px);font-weight:600;letter-spacing:-.079em;line-height:.89}.title-line{display:block;transform-origin:left}.title-line:nth-child(2){font-size:1.4em;line-height:.9;margin-block:5px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime);font-size:.8em;letter-spacing:-.065em;margin-top:12px;white-space:nowrap}.lime{color:var(--lime)}.hero-copy>p{font-size:15px;line-height:1.8;color:#b9c6ba;max-width:430px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:28px}.hero .under-link{font-size:12px;border-color:#617567}.hero-art{height:520px;position:relative;perspective:1400px;margin-inline:-16px;transform:translateY(calc(var(--hero-progress,0)*55px))}.art-halo{position:absolute;top:5%;left:8%;width:90%;aspect-ratio:1;border:1px solid #d8fc7727;border-radius:50%;background:radial-gradient(circle,#d8fc7713,transparent 66%)}.art-lines{position:absolute;top:10%;left:0;width:120%;aspect-ratio:1;border:1px solid #d8fc7712;border-radius:50%}.art-monogram{position:absolute;left:6%;top:-18%;font-size:clamp(260px,34vw,570px);line-height:1;font-weight:800;letter-spacing:-.18em;color:var(--lime);opacity:.94;transform:rotate(-13deg);pointer-events:none}.orbit-label{position:absolute;top:-3%;right:1%;width:150px;color:var(--lime);z-index:4;animation:spin 38s linear infinite;pointer-events:none}.orbit-label text{font:700 11.7px Arial;letter-spacing:1.8px;fill:currentColor}.floating-browser{display:block;position:absolute;background:var(--paper);box-shadow:0 25px 60px #0005;border:1px solid #607258;border-radius:8px;overflow:hidden;transition:box-shadow .3s;will-change:transform}.floating-browser:hover{box-shadow:0 35px 80px #0008}.floating-browser img{width:100%;height:auto}.browser-bar{height:27px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:8px;color:#788278}.browser-bar span:first-child{letter-spacing:1px;font-size:6px;color:#a7afa4}.browser-back{width:78%;right:-3%;top:29%;transform:rotate(9deg) rotateY(-8deg) translateY(calc(var(--hero-progress,0)*-50px))}.browser-front{width:89%;left:-2%;top:43%;transform:rotate(-8deg) rotateY(9deg) translateY(calc(var(--hero-progress,0)*45px));z-index:2}.price-sticker{width:112px;height:112px;border-radius:50%;background:var(--lime);color:var(--ink);position:absolute;right:-2%;bottom:8%;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(11deg);box-shadow:0 8px 24px #0003;transition:transform .5s var(--ease)}.price-sticker:hover{transform:rotate(0) scale(1.06)}.price-sticker>span{font-size:8px;font-weight:700;letter-spacing:.06em}.price-sticker strong{font-size:39px;letter-spacing:-.07em;line-height:1.1}.price-sticker small{font-size:8px}.price-sticker>span:last-child{font-size:18px}.art-caption{position:absolute;bottom:-16px;left:5%;right:0;display:flex;justify-content:space-between;gap:16px;font-size:8px;color:#a8b5a9;letter-spacing:.06em}.art-caption b{color:var(--lime);font-size:12px;margin-right:5px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #ffffff1a;padding:20px 0 22px;color:#acbaaf}.scroll-cue{font-size:9px;letter-spacing:.09em;display:flex;gap:15px;align-items:center}.scroll-cue>span{font-size:18px;animation:nudge 2s var(--ease) infinite}.motion-toggle{background:none;color:#acbaaf;font-size:10px;padding:5px 0;display:flex;gap:20px}.motion-toggle:hover{color:var(--lime)}
.ticker{background:var(--lime);color:var(--ink);overflow:hidden;padding:22px 0}.ticker-track{display:flex;align-items:center;gap:50px;width:max-content;animation:ticker 35s linear infinite}.ticker-track span{font-size:14px;letter-spacing:-.025em;font-weight:700;white-space:nowrap}.ticker svg{width:25px;height:25px;flex:none}
.section{padding:clamp(72px,9vw,145px) var(--gutter)}.section-label{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:55px}.section-label>span:first-child{display:flex;align-items:center;gap:12px}.section-label>span:first-child:before{content:'';width:20px;height:1px;background:currentColor}.section-label>span:last-child{opacity:.6;text-align:right}.section-heading{display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:52px}.section-heading>p{max-width:330px;font-size:14px;line-height:1.8}.studio{padding-block:100px 120px}.studio-layout{display:grid;grid-template-columns:1fr 3.7fr;gap:60px}.studio-symbol{width:85px;margin-top:16px;color:var(--ink)}.reading-title{font-size:clamp(42px,5.3vw,82px);line-height:1.13;max-width:1000px}.reading-title>span{color:#a4b096}.reading-word{display:inline;color:var(--ink);opacity:var(--word-opacity,1);transition:opacity .15s}.intro-bottom{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-top:40px}.intro-bottom p{max-width:630px;font-size:14px;line-height:1.9}.intro-bottom a{white-space:nowrap;font-size:12px}.spin{animation:spin 30s linear infinite}
.work{background:var(--lime);position:relative}.work.motion-track{height:260svh}.work-pin{padding:52px 0 28px;overflow:hidden}.motion-track .work-pin{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:flex;flex-direction:column;justify-content:center}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:0 var(--gutter);margin-bottom:35px}.work-heading h2{font-size:clamp(44px,5.5vw,82px);margin-top:15px}.work-heading p{font-size:12px;color:#46562b;margin:0 auto 7px 2vw}.work-heading a{font-size:11px;margin-bottom:7px}.work-viewport{overflow:hidden;padding:0 var(--gutter)}.work-track{display:flex;gap:30px;width:max-content;transform:translate3d(calc(var(--work-x,0)*-1px),0,0);will-change:transform}.work-scene{width:min(66vw,1030px);flex:none;display:block}.scene-top{font-size:9px;display:flex;justify-content:space-between;letter-spacing:.08em;margin-bottom:13px}.scene-image{overflow:hidden;background:#c3e56d;aspect-ratio:1.89;display:flex;align-items:center;justify-content:center;padding:23px 48px}.work-scene:nth-child(2) .scene-image{background:#becb9c}.work-scene:nth-child(3) .scene-image{background:#a2bf83}.scene-image img{width:100%;max-height:100%;object-fit:cover;object-position:top;box-shadow:0 20px 35px #18261f2a;border-radius:3px;transition:transform .7s var(--ease)}.work-scene:hover img{transform:scale(1.025) rotate(-1deg)}.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #18261f40}.scene-bottom h3{font-size:27px}.scene-bottom>span:nth-child(2){font-size:11px;margin-left:auto}.round-arrow{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid currentColor;border-radius:50%;font-size:22px;line-height:1;transition:transform .4s var(--ease),background .3s}.work-scene:hover .round-arrow{transform:rotate(45deg);background:var(--paper)}.work-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.08em;padding:28px var(--gutter) 0}.work-line{flex:1;height:1px;background:#18261f30;max-width:180px}.work-line i{display:block;width:100%;height:2px;transform:scaleX(var(--work-progress,.1));transform-origin:left;background:var(--ink)}.all-work{padding-block:32px;background:var(--soft)}summary{list-style:none}summary::-webkit-details-marker{display:none}.gallery-details>summary{display:flex;align-items:center;gap:25px;padding:10px 0}.gallery-details>summary>span:first-child{font-size:9px;letter-spacing:.1em;margin-right:auto}.gallery-details>summary strong{font-size:22px;letter-spacing:-.04em;margin-right:auto}.gallery-details[open]>summary .round-arrow{transform:rotate(45deg)}.gallery-body{padding:50px 0 35px}.gallery-intro{max-width:700px;font-size:15px;margin-bottom:32px}.gallery-toolbar{display:flex;gap:25px;justify-content:space-between;align-items:start;margin-bottom:26px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter-group button{border:1px solid #18261f30;background:transparent;border-radius:99px;padding:10px 15px;font-size:11px}.filter-group button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.search-label{position:relative;flex:none}.search-label input{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 30px 10px 0;font-size:13px;width:170px}.search-label>span:last-child{position:absolute;right:0;top:5px;font-size:22px;pointer-events:none}#gallery-count{font-size:10px;letter-spacing:.06em;margin-bottom:20px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px}.gallery-image{position:relative;aspect-ratio:1.52;overflow:hidden;background:var(--paper)}.gallery-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}.gallery-card:hover img{transform:scale(1.04)}.gallery-image .round-arrow{position:absolute;top:18px;right:18px;background:var(--paper)}.gallery-caption>span{font-size:8px;letter-spacing:.1em;display:block;margin-top:18px}.gallery-caption h3{font-size:27px;margin:8px 0}.gallery-caption p{font-size:13px;max-width:480px}.note{font-size:12px;border-top:1px solid var(--line);margin-top:45px;padding-top:22px;max-width:850px}.gallery-empty{padding:45px 0}.gallery-empty button{margin-top:20px}
.services{background:var(--paper)}.service-list{border-top:1px solid var(--ink)}.service-row{position:relative;padding:30px 0;border-bottom:1px solid var(--ink)}.service-row>summary{display:flex;align-items:center;gap:30px}.row-number{font-size:11px;width:50px;align-self:start;padding-top:10px}.service-name{font-size:clamp(27px,4vw,62px);font-weight:600;letter-spacing:-.06em;line-height:1.1}.service-icon{margin-left:auto;font-size:50px;width:80px;line-height:1;color:#859774}.service-icon svg{width:50px;height:50px}.service-desc{margin:18px 130px 0 80px;font-size:13px;max-width:550px}.service-row[open] .round-arrow{transform:rotate(45deg);background:var(--lime)}.source-content{padding:30px 0;color:inherit}.source-content .container{width:100%}.source-content h2{font-size:32px;margin:0 0 22px;line-height:1.15}.source-content h3{font-size:20px;margin:25px 0 10px;line-height:1.2;letter-spacing:-.04em}.source-content p,.source-content li{font-size:14px;line-height:1.8;max-width:800px}.source-content p+p{margin-top:15px}.source-content .eyebrow{margin-bottom:15px}.source-content .feature-columns,.source-content .scope-columns,.source-content .principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.source-content .ai-principles{padding:0}.source-content .ai-principles-heading>p{max-width:850px}.source-content .principle{padding:24px 0;border-top:1px solid #ffffff2b}.source-content .principle>span{font-size:10px}.source-content .detail-service-content{padding-left:80px}.source-content .plain-list{padding:0;list-style:none}.source-content .plain-list li{padding:5px 0 5px 19px;position:relative}.source-content li:before{content:'';position:absolute;left:0}.source-content .scope-card{padding:20px;border:1px solid var(--line)}.source-content .editorial-prose{margin-top:22px}.source-content a{display:inline-flex;gap:12px;border-bottom:1px solid;margin-top:15px;font-size:13px}.read-more{margin-top:45px;border-block:1px solid #18261f30}.read-more>summary{padding:22px 0;display:flex;justify-content:space-between;gap:24px;font-size:13px}.read-more>summary span{font-size:22px;line-height:1;transition:transform .3s}.read-more[open]>summary span{transform:rotate(45deg)}
.ai{background:var(--ink);color:var(--paper)}.ai-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.ai .eyebrow{display:none}.ai h2 span{color:var(--lime)}.ai-copy>p{color:#b9c6ba;font-size:14px;line-height:1.9;margin-top:25px;max-width:560px}.ai-copy .button{display:none}.ai-diagram{border:1px solid #d8fc7730;padding:25px;position:relative;background:#223329}.ai-circle{padding:24px 0 42px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px}.ai-circle svg{width:70px;height:70px;color:var(--lime)}.ai-circle .micro{font-size:8px;color:#a5b59b}.ai-node{position:relative;display:grid;grid-template-columns:35px 1fr;gap:4px 15px;padding:17px;margin-top:15px;background:#2b4031;color:#bac9b7}.ai-node:before{content:'';width:1px;height:15px;background:#829a69;position:absolute;left:50%;top:-15px}.ai-node span{grid-row:span 2;font-size:10px;align-self:center}.ai-node strong{font-size:16px;letter-spacing:-.02em}.ai-node small{font-size:9px}.ai-node.active{background:var(--lime);color:var(--ink)}.diagram-foot{font-size:7px;letter-spacing:.07em;text-align:center;margin-top:27px;color:#aab9a2}.ai .read-more{border-color:#ffffff30}.ai .source-content p{color:#b9c6ba}
.process{background:var(--ink);color:var(--paper);border-top:1px solid #ffffff25}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.process-sticky{position:sticky;top:135px;align-self:start}.process-sticky h2{font-size:clamp(40px,5.1vw,78px)}.process-sticky h2 em{color:var(--lime)}.process-sticky p{max-width:430px;color:#b9c6ba;font-size:14px;margin-top:30px}.process-art{height:240px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:20px}.process-orbit{position:absolute;width:220px;height:220px;border:1px solid #d8fc7738;border-radius:50%}.process-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #d8fc7715;border-radius:50%}.process-star{color:var(--lime);width:170px;transform:rotate(calc(var(--process-rotation,0)*1deg));transition:transform .5s var(--ease)}.process-index{position:absolute;right:15%;bottom:10%;font-size:60px;letter-spacing:-.06em;line-height:1;mix-blend-mode:screen;color:#8aa778}.process-state{display:block;text-align:center;color:#a9bd96}.process-step{min-height:55vh;padding:25px 0 65px;border-top:1px solid #ffffff30;opacity:.45;transition:opacity .5s;display:flex;flex-direction:column;justify-content:center}.process-step.is-active{opacity:1}.step-number{display:block;font-size:10px;letter-spacing:.1em;color:var(--lime);margin-bottom:30px}.timeline-body>span{font-size:9px;letter-spacing:.09em;color:#c1ccbb}.timeline-body h3{font-size:clamp(30px,3.4vw,50px);margin:15px 0 22px}.timeline-body>p{font-size:14px;color:#b9c6ba;line-height:1.9;max-width:500px}.timeline-output{display:flex;flex-direction:column;gap:8px;border-top:1px solid #ffffff20;padding-top:20px;margin-top:25px}.timeline-output span{font-size:8px;letter-spacing:.1em;color:var(--lime)}.timeline-output p{font-size:12px;color:#c1cabb}.process .read-more{border-color:#ffffff30}.process .source-content p{color:#b9c6ba}
.pricing{background:var(--paper)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--ink)}.package-card{padding:32px 28px;display:flex;flex-direction:column;border-right:1px solid var(--ink);position:relative}.package-card:last-child{border-right:0}.package-card.package-featured{background:var(--lime)}.package-tag{font-size:9px;letter-spacing:.08em}.price-line{margin:42px 0 27px;display:flex;justify-content:space-between;gap:12px;align-items:end}.price-line strong{font-size:clamp(35px,4.4vw,70px);line-height:.95;letter-spacing:-.07em}.price-line>span{font-size:9px}.package-card h3{font-size:27px;line-height:1.1;min-height:62px}.package-card>p{font-size:12px;line-height:1.8;margin-top:16px}.package-featured p{color:#46582c}.package-card .plain-list{list-style:none;padding:0;font-size:12px;margin:25px 0 30px}.package-card li{border-top:1px solid #18261f26;padding:11px 0;display:flex;gap:10px}.package-card li:before{content:'✓';font-size:11px}.package-bottom{margin-top:auto;display:flex;flex-direction:column;gap:20px}.package-bottom>span{font-size:9px}.package-bottom a{padding:15px 0;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font-size:13px;font-weight:600}.price-note{margin-top:27px}.concept-note{display:flex;gap:18px;align-items:start}.note-icon{border:1px solid;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:none;font:italic 12px Georgia}.concept-note p{font-size:11px;max-width:1000px;line-height:1.9}
.hosting{background:var(--soft)}.hosting-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:start}.hosting-layout>div>p{font-size:14px;max-width:520px;margin-top:25px}.hosting-basics{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.hosting-basics>div{border-top:1px solid var(--ink);padding-top:18px;display:flex;flex-direction:column}.hosting-basics span{font-size:9px;letter-spacing:.08em}.hosting-basics strong{font-size:53px;line-height:1.2;letter-spacing:-.06em;margin-top:15px}.hosting-basics small{font-size:9px}.hosting-basics p{font-size:12px;margin-top:17px}.plan-selector{background:var(--ink);color:var(--paper);padding:35px;box-shadow:12px 12px 0 #18261f0a}.plan-selector h3{font-size:28px;margin:23px 0;line-height:1.1}.plan-buttons{display:flex;gap:8px}.plan-buttons button{flex:1;aspect-ratio:1;max-height:60px;border:1px solid #d8fc7750;background:transparent;color:var(--paper);font-size:18px;transition:background .3s,color .3s}.plan-buttons button:hover{background:#d8fc7720}.plan-buttons button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.plan-result{display:flex;flex-direction:column;margin:28px 0 20px}.plan-result>span{font-size:12px;color:#b2c39f}.plan-result strong{font-size:85px;line-height:1.2;letter-spacing:-.07em;color:var(--lime)}.plan-result small{font-size:9px}.plan-selector .pill{width:100%}.plan-selector>p{font-size:10px;color:#a6b89f;line-height:1.9;margin-top:25px}
.about{background:var(--lime)}.about-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw}.about-art{background:var(--ink);color:var(--lime);padding:26px;align-self:start;position:sticky;top:120px;min-height:450px;overflow:hidden}.about-art>.micro{font-size:8px}.about-monogram{font-size:clamp(150px,27vw,430px);display:block;line-height:1.1;font-weight:800;letter-spacing:-.16em;text-align:center;transform:rotate(-10deg);padding-right:.1em}.about-art>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em}.about-art>small{font-size:8px;display:block;color:#aebda3;margin-top:20px}.about-copy .eyebrow{font-size:9px;margin-bottom:18px}.about-copy h2{font-size:clamp(40px,5vw,74px);margin-bottom:25px}.about-copy h2 .text-muted{font-family:Georgia,serif;font-weight:400;font-style:italic}.about-copy>p{font-size:13px;line-height:1.9;color:#465a30;margin-bottom:18px}.about-signature{display:flex;flex-direction:column;margin-top:30px;gap:6px}.about-signature>span:first-child{font:italic 35px Georgia}.about-signature>span:last-child{font-size:9px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.value-grid>div{border-top:1px solid #18261f40;padding-top:20px}.value-symbol{display:block;font-size:20px;line-height:1}.value-symbol svg{width:21px;height:21px}.value-grid h3{font-size:20px;margin:16px 0 10px;line-height:1.1;letter-spacing:-.05em}.value-grid p{font-size:11px;line-height:1.8;color:#465a30}.progress-panel{margin-top:40px;border-top:1px solid #18261f40;padding-top:25px}.progress-icon{display:none}.progress-panel h2{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin-bottom:13px}.progress-panel p{font-size:11px;line-height:1.9;color:#465a30}.progress-panel a{font-size:11px;display:inline-block;border-bottom:1px solid;margin-top:18px}
.faq{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw}.faq-layout>h2{position:sticky;top:130px;align-self:start}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid #18261f35}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.025em}.faq-list summary span{font-size:25px;font-weight:400;transition:transform .3s;flex:none}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.9;padding:0 35px 25px 0;max-width:800px}
.contact{background:var(--ink);color:var(--paper)}.contact-title{font-size:clamp(45px,7.8vw,130px);margin-bottom:75px;position:relative;max-width:1300px}.contact-title em{color:var(--lime)}.contact-title>span{position:absolute;right:0;top:0;color:var(--lime);font-size:1.6em;font-weight:400;line-height:1}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:9vw}.contact-layout aside h3{font-size:34px;line-height:1.1;margin:30px 0 23px}.contact-layout aside>p{font-size:13px;color:#b9c6ba;line-height:1.9;max-width:400px}.contact-email{display:flex;justify-content:space-between;align-items:center;gap:10px;border-block:1px solid #ffffff30;padding:23px 0;margin:27px 0;font-size:clamp(15px,1.5vw,24px);letter-spacing:-.04em;max-width:400px}.contact-email:hover{color:var(--lime)}.contact-layout ol{padding-left:22px;font-size:12px;color:#b9c6ba;max-width:350px;margin:30px 0 45px}.contact-layout li{padding-left:8px;margin-bottom:18px}.contact-layout li::marker{color:var(--lime)}.contact-form-panel>h3{font-size:27px;line-height:1.2}.form-intro{color:#b9c6ba;font-size:12px;margin:10px 0 25px}.form-honeypot{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.form-section-label{font-size:9px;letter-spacing:.1em;padding:30px 0 20px;display:flex;gap:15px;border-top:1px solid #ffffff20;margin-top:27px}.form-section-label span{color:var(--lime)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:19px}.field label,.field-label{display:block;font-size:11px;margin-bottom:7px;color:#d1dbcc}.field label>span{color:var(--lime)}.field input,.field textarea,.field select{width:100%;padding:13px 0;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #92a084;border-radius:0;min-height:46px;font-size:13px;line-height:1.6}.field textarea{padding:13px 10px;background:#ffffff04;border:1px solid #ffffff30;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#82917e}.field select option{color:var(--ink);background:var(--paper)}.field-hint{font-size:9px!important;line-height:1.7;color:#a2b59a!important;margin-top:8px}.field-error{display:block;font-size:11px;color:#ffd4bc;margin-top:4px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice-card{display:flex!important;gap:10px;align-items:center;border:1px solid #ffffff30;padding:13px;margin:0!important;cursor:pointer;min-height:65px;line-height:1.3!important;position:relative}.choice-card input{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--lime);margin:0}.choice-card:has(input:checked){border-color:var(--lime);background:#d8fc770d}.choice-card .choice-icon{display:none}.choice-card strong{display:block;font-size:11px;font-weight:500}.choice-card small{display:block;font-size:9px;color:#a2b59a;margin-top:6px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox-grid label{display:flex;gap:9px;font-size:10px;align-items:center;margin:0}.checkbox-grid input,.consent-field input{width:16px;height:16px;flex:none;accent-color:var(--lime)}.consent-field{margin-top:27px}.consent-field>label{display:flex;align-items:start;gap:12px;font-size:10px;line-height:1.7}.consent-field p{font-size:9px;color:#a2b59a;line-height:1.8;margin:10px 0}.consent-field a{color:var(--paper);text-decoration:underline}.form-submit{display:flex;gap:25px;align-items:center;margin-top:25px}.form-submit button,.contact-form-panel button[type=submit]{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--lime);color:var(--ink);border-radius:99px;padding:17px 23px;min-height:52px;font-size:12px;font-weight:600}.form-submit p{font-size:10px;color:#a2b59a}.contact-form-panel .button span:last-child{font-size:20px}.form-status,#contact-status{font-size:11px;line-height:1.8;margin-top:15px;color:#b9c6ba}.is-error{color:#ffd4bc!important}.contact-success{border:1px solid var(--lime);padding:30px;background:#d8fc770a}.contact-success h2{font-size:32px}.contact-success p{color:#b9c6ba;font-size:13px;margin-block:20px}.contact-success .button{display:inline-flex;padding:15px 23px;background:var(--lime);color:var(--ink);border-radius:99px;font-size:12px}.email-ready{display:inline-flex;background:var(--lime);color:var(--ink);border-radius:99px;padding:14px 23px;margin-top:14px;font-size:12px}
.footer{padding:50px var(--gutter) 0;background:var(--ink);color:var(--paper);border-top:1px solid #ffffff20;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top .brand{font-size:33px}.footer .brand>span{color:var(--lime)}.footer-top p{font-size:11px;line-height:1.8;color:#b9c6ba;margin-right:auto;margin-left:7vw}.back-top{display:flex;align-items:center;gap:22px;font-size:11px}.back-top span{font-size:24px;color:var(--lime)}.footer-nav{display:flex;justify-content:space-between;gap:40px;margin:45px 0}.footer-nav nav,.footer-nav>div{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#b9c6ba}.footer-nav a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:22px;font-size:8px;letter-spacing:.04em;color:#9dab9b}.footer-word{font-size:31vw;line-height:.87;letter-spacing:-.095em;font-weight:700;margin:30px 0 -3vw -2vw;color:#d8fc77}.footer-word span{color:#526442}
.legal-header{padding:25px var(--gutter);display:flex;align-items:center;justify-content:space-between}.legal-page main{padding:65px var(--gutter);max-width:1200px;margin:auto}.legal-page main section{margin-bottom:50px}.legal-page h1{font-size:clamp(40px,5vw,75px);margin-bottom:25px}.legal-page h2{font-size:30px;letter-spacing:-.04em;margin-block:30px 15px}.legal-page h3{font-size:21px;margin-block:22px 12px}.legal-page p,.legal-page li{font-size:14px;margin-bottom:15px;line-height:1.9}.legal-page .eyebrow{margin-bottom:15px}.legal-page .page-hero-index{display:none}.legal-page .inline-link,.legal-page main a{text-decoration:underline}.legal-footer{padding:40px var(--gutter);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}
.has-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.has-motion .reveal.is-visible{opacity:1;transform:none}.has-motion .title-line{animation:hero-reveal 1s var(--ease) both}.has-motion .title-line:nth-child(2){animation-delay:.1s}.has-motion .title-line:nth-child(3){animation-delay:.2s}.has-motion .floating-browser{animation:browser-reveal 1.2s var(--ease) both}.has-motion .browser-back{animation-delay:.2s}.has-motion .browser-front{animation-delay:.35s}.motion-paused *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .process-step{opacity:1}.motion-paused .reading-word{opacity:1}.motion-paused html{scroll-behavior:auto}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes hero-reveal{from{opacity:0;transform:translateY(35px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes browser-reveal{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.hero-layout{max-width:1650px;width:100%;margin-inline:auto}.hero-art{height:630px}}
@media(max-height:800px) and (min-width:951px){.hero-layout{padding-block:30px 50px}.hero-art{height:425px}.hero h1{font-size:7.5vw}.hero-copy>p{font-size:13px;margin-top:23px}.work-heading{margin-bottom:20px}.work-heading h2{font-size:49px;margin-top:7px}.work-pin{padding-top:25px}.scene-image{aspect-ratio:2.5}.work-footer{padding-top:14px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.header{gap:18px}.header-actions{gap:15px}.hero-art{height:440px}.price-sticker{width:95px;height:95px;right:0}.price-sticker strong{font-size:32px}.art-caption a{max-width:130px}.hero-actions{gap:20px}.hero-actions .pill{font-size:11px;padding:15px 20px;gap:22px}.studio-layout{gap:35px}.package-card{padding:25px 20px}.hosting-layout,.contact-layout,.ai-layout,.process-layout,.about-layout,.faq-layout{gap:6vw}.contact-title>span{font-size:1.2em}.gallery-toolbar{flex-direction:column}.search-label input{width:240px}}
@media(max-width:950px){:root{--header:72px}.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.brand{font-size:25px}.hero-layout{gap:2vw;padding-block:50px 75px}.hero h1{font-size:8.6vw}.hero-art{height:370px}.hero-copy>p{font-size:13px}.orbit-label{width:120px}.hero-actions .under-link{font-size:11px}.art-caption{bottom:-10px;left:0}.hero-bottom>.micro{font-size:8px}.motion-track .work-pin{height:auto;position:static}.work.motion-track{height:auto}.work-viewport{overflow:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.work-track{transform:none!important}.work-scene{width:78vw;scroll-snap-align:center}.work-heading{flex-wrap:wrap}.work-heading p{margin-left:auto}.work-heading a{display:none}.work-footer .work-line{display:none}.work-footer .work-counter{display:none}.studio-layout{grid-template-columns:70px 1fr;gap:30px}.studio-symbol{width:55px}.intro-bottom{flex-direction:column;align-items:start;gap:20px}.section-heading{gap:30px}.section-heading>p{max-width:250px;font-size:12px}.service-name{font-size:35px}.service-icon{width:55px;font-size:38px}.service-icon svg{width:35px}.ai-layout{gap:40px}.ai-copy>p{font-size:12px}.ai-diagram{padding:17px}.process-art{height:210px}.process-orbit{width:180px;height:180px}.process-star{width:130px}.package-grid{grid-template-columns:1fr}.package-card{border-right:0;border-bottom:1px solid var(--ink);padding:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.package-card:last-child{border-bottom:0}.package-card .package-tag{grid-column:1/-1}.price-line{grid-column:1;grid-row:2;margin:30px 0 15px;justify-content:start;gap:25px}.price-line strong{font-size:65px}.package-card h3{grid-column:1;min-height:0;font-size:30px}.package-card>p{grid-column:1;grid-row:4;margin-bottom:22px}.package-card .plain-list{grid-column:2;grid-row:2/5;margin-top:25px}.package-bottom{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:25px}.package-bottom a{border:0;padding:0}.hosting-layout{gap:40px}.hosting-basics{gap:20px}.hosting h2{font-size:44px}.plan-selector{padding:25px}.about-layout{grid-template-columns:1fr 1.4fr;gap:40px}.about-art{padding:20px;min-height:330px}.faq-layout{gap:50px;grid-template-columns:1fr 1.6fr}.contact-layout{gap:40px;grid-template-columns:1fr 1.4fr}.contact-layout aside h3{font-size:27px}.contact-layout aside>.eyebrow{font-size:8px}.contact-email{font-size:16px}.field-grid,.choice-grid{gap:12px}.form-submit{flex-direction:column;align-items:start;gap:15px}.footer-nav{gap:25px}.footer-nav nav{max-width:55%}}
@media(max-width:650px){:root{--header:66px;--gutter:22px}.header{gap:12px}.brand{font-size:23px}.header-cta{font-size:10px;min-height:37px;padding:10px 14px;gap:15px}.header-cta span{font-size:15px}.header-actions{gap:9px}.account-link{display:none}.menu-toggle{width:35px;padding:4px}.hero{padding-top:24px}.hero-top .eyebrow{font-size:8px;letter-spacing:.065em}.hero-edition{display:none}.hero-layout{grid-template-columns:1fr;padding:38px 0 25px;gap:15px}.hero-copy{z-index:3}.hero h1{font-size:clamp(54px,16.8vw,105px)}.hero h1 em{font-size:.83em}.title-line:nth-child(2){font-size:1.35em}.hero-copy>p{font-size:12px;line-height:1.9;margin-top:24px;max-width:370px}.hero-actions{gap:24px;margin-top:20px}.hero-actions .pill{font-size:11px;min-height:46px}.hero-art{height:340px;margin:10px 0 20px}.art-monogram{font-size:300px;left:23%;top:-12%;opacity:.7}.art-halo{left:15%;width:80%;top:4%}.art-lines{display:none}.orbit-label{width:105px;top:-2%;right:0}.browser-back{width:72%;top:26%;right:2%}.browser-front{width:84%;top:42%;left:0}.price-sticker{bottom:5%;right:-2%;width:92px;height:92px}.art-caption{bottom:-19px;font-size:7px}.art-caption a{max-width:none}.hero-bottom{padding-block:16px;gap:15px}.hero-bottom>.micro{display:none}.motion-toggle{font-size:8px;gap:9px}.scroll-cue{font-size:8px;gap:10px}.ticker{padding:18px 0}.ticker-track{gap:30px}.ticker-track span{font-size:11px}.ticker svg{width:20px;height:20px}.section{padding-block:68px}.section-label{margin-bottom:36px;font-size:8px;gap:18px}.section-label>span:last-child{font-size:7px;max-width:130px}.section-label>span:first-child{gap:8px}.section-label>span:first-child:before{width:13px}.studio-layout{grid-template-columns:1fr;gap:26px}.studio-symbol{width:43px;margin:0}.reading-title{font-size:38px;line-height:1.12}.intro-bottom{margin-top:25px}.intro-bottom p{font-size:12px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:100%;margin-top:23px;font-size:12px}.work-pin{padding-top:35px}.work-heading{padding-bottom:0;margin-bottom:25px;display:block}.work-heading h2{font-size:40px;line-height:1.1}.work-heading .eyebrow{font-size:8px}.work-heading p{font-size:10px;margin-top:15px}.work-viewport{padding-bottom:10px}.work-track{gap:18px}.work-scene{width:88vw}.scene-image{padding:16px;aspect-ratio:1.5}.scene-top{font-size:7px;gap:20px}.scene-bottom{gap:12px}.scene-bottom h3{font-size:21px}.scene-bottom>span:nth-child(2){font-size:8px;max-width:110px}.round-arrow{width:34px;height:34px;font-size:18px}.work-footer{padding-top:18px;font-size:7px}.all-work{padding-block:23px}.gallery-details>summary{gap:15px;flex-wrap:wrap}.gallery-details>summary>span:first-child{font-size:7px}.gallery-details>summary strong{font-size:17px}.gallery-intro{font-size:12px}.gallery-toolbar{gap:20px}.filter-group button{font-size:9px;padding:9px 12px}.gallery-grid{grid-template-columns:1fr;gap:35px}.gallery-caption h3{font-size:24px}.gallery-caption p{font-size:12px}.gallery-image .round-arrow{top:12px;right:12px}.gallery-body{padding-top:30px}.service-row{padding:25px 0}.service-row summary{gap:12px}.row-number{width:22px;font-size:8px;padding-top:5px}.service-name{font-size:27px;max-width:75%}.service-icon{display:none}.service-row .round-arrow{margin-left:auto}.service-desc{margin:14px 40px 0 34px;font-size:11px}.source-content{padding-top:25px}.source-content .detail-service-content{padding-left:0}.source-content h2{font-size:25px}.source-content .feature-columns,.source-content .scope-columns,.source-content .principle-grid{grid-template-columns:1fr;gap:10px}.source-content p,.source-content li{font-size:12px}.source-content h3{font-size:19px}.read-more summary{font-size:11px;padding-block:18px}.ai-layout{grid-template-columns:1fr;gap:35px}.ai-copy h2{font-size:40px}.ai-diagram{padding:22px}.ai-circle{padding-block:20px 30px}.ai-node strong{font-size:15px}.process-layout{grid-template-columns:1fr;gap:45px}.process-sticky{position:static}.process-sticky h2{font-size:40px}.process-sticky p{font-size:12px;margin-top:22px}.process-art{height:150px;position:absolute;right:25px;margin-top:15px;opacity:.25;width:130px;pointer-events:none}.process-orbit{width:120px;height:120px}.process-star{width:90px}.process-index{font-size:40px}.process-state{display:none}.process-step{min-height:0;padding:28px 0 40px;opacity:1}.step-number{margin-bottom:23px;font-size:8px}.timeline-body h3{font-size:31px;max-width:300px}.timeline-body>p{font-size:12px;max-width:100%}.timeline-output p{font-size:11px}.process .read-more{margin-top:0}.package-card{display:flex;padding:27px}.package-card .price-line{margin:32px 0 23px;justify-content:space-between}.price-line strong{font-size:66px}.package-card h3{font-size:30px;max-width:280px}.package-card>p{font-size:12px;margin-bottom:0}.package-card .plain-list{margin-block:25px}.package-bottom{flex-direction:column;align-items:start}.package-bottom a{width:100%;border-top:1px solid;padding-top:15px}.concept-note{gap:10px}.concept-note p{font-size:10px}.note-icon{width:18px;height:18px;font-size:10px}.hosting-layout{grid-template-columns:1fr;gap:35px}.hosting h2{font-size:40px}.hosting-layout>div>p{font-size:12px}.hosting-basics{margin-top:30px;gap:25px}.hosting-basics strong{font-size:44px}.hosting-basics p{font-size:11px}.hosting-basics span{font-size:8px}.plan-selector{padding:27px;box-shadow:none}.plan-selector h3{font-size:28px}.plan-buttons button{min-height:48px}.plan-result strong{font-size:80px}.about-layout{grid-template-columns:1fr;gap:45px}.about-art{position:static;min-height:0;max-width:450px;width:100%;padding:24px}.about-monogram{font-size:250px;line-height:1.25}.about-copy h2{font-size:45px}.about-copy>p{font-size:12px}.value-grid{gap:25px 20px;margin-top:35px}.value-grid h3{font-size:20px}.value-grid p{font-size:11px}.progress-panel h2{font-size:22px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout>h2{position:static;font-size:45px}.faq-list summary{font-size:13px;padding-block:21px}.faq-list p{font-size:12px;padding-right:15px}.contact-title{font-size:46px;margin-bottom:45px;line-height:1.05}.contact-title>span{display:none}.contact-layout{grid-template-columns:1fr;gap:55px}.contact-layout aside h3{font-size:30px;margin-top:25px}.contact-layout aside>p{font-size:12px}.contact-email{font-size:23px;max-width:none;margin-top:20px}.contact-layout ol{font-size:11px;margin-bottom:28px}.contact-form-panel>h3{font-size:27px}.field-grid{grid-template-columns:1fr;gap:0}.field{margin-bottom:19px}.choice-grid{gap:9px}.choice-card{padding:11px;min-height:68px}.choice-card strong{font-size:10px}.checkbox-grid{grid-template-columns:1fr;gap:12px}.form-submit{gap:13px}.form-submit button{width:100%}.field-hint{font-size:9px!important}.consent-field p{font-size:9px}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{font-size:16px}.footer{padding-top:35px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top .brand{font-size:28px}.footer-top p{margin:0;max-width:150px;font-size:10px}.back-top{width:100%;justify-content:space-between;padding-top:15px;font-size:10px}.footer-nav{display:block;margin-block:30px}.footer-nav nav{max-width:none;gap:15px;font-size:10px}.footer-nav>div{margin-top:25px;font-size:9px;gap:20px}.footer-bottom{font-size:7px;gap:16px}.footer-bottom span:last-child{display:none}.footer-word{font-size:31vw;margin-top:25px}.legal-header{gap:20px;align-items:start}.legal-header .pill{font-size:10px;padding:12px 18px;min-height:38px}.legal-page main{padding-block:35px}.legal-page h2{font-size:27px}.legal-page p,.legal-page li{font-size:12px}}
/* Final usability adjustments: content stays reachable when motion is paused. */
.contact-layout>*{min-width:0}.contact-form-panel fieldset{min-width:0;border:0;padding:0;margin:0 0 25px}.contact-form-panel fieldset legend{font-size:11px;color:#d1dbcc;margin-bottom:15px}.contact-form-panel .choice-card{min-width:0;display:grid!important;grid-template-columns:16px minmax(0,1fr);gap:5px 10px}.contact-form-panel .choice-card input{grid-column:1;grid-row:1/3}.contact-form-panel .choice-card strong{grid-column:2}.contact-form-panel .choice-card small{grid-column:2;margin-top:0}.contact-form-panel .consent-field>span{font-size:10px}.contact-form-panel>form{min-width:0}.header-cta{white-space:nowrap}
.work:not(.motion-track) .work-viewport{overflow:auto}.work:not(.motion-track) .work-track{transform:none}.hero-art{z-index:1}.browser-front{width:80%;top:32%}.browser-back{width:72%;top:18%;right:0}.art-caption{bottom:-5px}.hero-bottom{position:relative;z-index:3;background:var(--ink)}.hero-art .price-sticker{bottom:12%}.choice-card .choice-icon{display:none}.choice-card strong{line-height:1.3}.choice-card>span:last-child{line-height:1.35}.choice-card>span:last-child>span{display:block;font-size:9px;margin-top:5px;color:#a2b59a}.consent-field{display:flex;align-items:start;gap:10px;line-height:1.7;font-size:10px}.consent-field>span{display:block;color:var(--paper)}.consent-field input{margin-top:3px}.field-group{border:0;padding:0;margin:0 0 25px}.field-group legend{font-size:11px;color:#d1dbcc;margin-bottom:15px}.site-announcement{padding:10px var(--gutter);background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.site-announcement button{background:none;font-size:22px}#contact-success{border:1px solid var(--lime);padding:30px;background:#d8fc770a}#contact-success h2{font-size:32px}#contact-success p{color:#b9c6ba;font-size:13px;margin-block:20px}#contact-success .button{display:inline-flex;padding:15px 23px;background:var(--lime);color:var(--ink);border-radius:99px;font-size:12px}
@media(max-width:650px){.browser-front{width:84%;top:37%}.browser-back{width:72%;top:22%;right:2%}.art-caption{bottom:-19px}.hero-art .price-sticker{bottom:5%}.consent-field{font-size:10px}.field-group legend{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.has-motion .reveal{opacity:1;transform:none}.hero-art,.floating-browser,.work-track,.process-star{translate:none}.process-step{opacity:1}.reading-word{opacity:1}.motion-track .work-pin{position:static;height:auto}.work.motion-track{height:auto}.work-viewport{overflow:auto}.work-track{transform:none}.scroll-progress{display:none}}

.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-logo{width:34px;height:34px;flex:0 0 34px;border-radius:9px}.brand-name{display:inline;letter-spacing:-.07em}.brand .brand-dot{color:inherit}.footer .brand-logo{outline:1px solid #d8fc7740}#contact-status:empty{display:none}
@media(max-width:600px){.brand{gap:7px}.brand-logo{width:29px;height:29px;flex-basis:29px}}
.brand>.brand-name{color:inherit}

/* Cards fan out as the hero leaves the viewport; their controls remain native links. */
.browser-back{transform:translate3d(calc(var(--hero-progress,0)*125px),calc(var(--hero-progress,0)*-145px),calc(var(--hero-progress,0)*-160px)) rotate(calc(9deg + var(--hero-progress,0)*17deg)) rotateY(calc(-8deg - var(--hero-progress,0)*12deg)) scale(calc(1 - var(--hero-progress,0)*.09))}
.browser-front{transform:translate3d(calc(var(--hero-progress,0)*-110px),calc(var(--hero-progress,0)*95px),calc(var(--hero-progress,0)*80px)) rotate(calc(-8deg - var(--hero-progress,0)*14deg)) rotateY(calc(9deg + var(--hero-progress,0)*10deg)) scale(calc(1 + var(--hero-progress,0)*.045))}
.floating-browser img{aspect-ratio:1440/950;object-fit:cover}.floating-browser.is-changing img{animation:preview-change .55s ease both}@keyframes preview-change{from{opacity:.35;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
.contact-business{margin-top:0;border-bottom:1px solid #ffffff26;padding-bottom:25px}.contact-phone{display:flex;justify-content:space-between;align-items:center;font-size:18px;line-height:1.5;padding:19px 0;color:var(--paper)}.contact-business dl{margin:0;display:grid;gap:12px}.contact-business dl>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:baseline}.contact-business dt{font-size:10px;color:#aebbaf;letter-spacing:.06em}.contact-business dd{margin:0;font-size:12px;color:#d5ddd1;overflow-wrap:anywhere}.contact-business a:focus-visible{outline-color:var(--lime)}
@media(max-width:760px){.browser-back{transform:translate3d(calc(var(--hero-progress,0)*40px),calc(var(--hero-progress,0)*-60px),0) rotate(calc(9deg + var(--hero-progress,0)*12deg))}.browser-front{transform:translate3d(calc(var(--hero-progress,0)*-35px),calc(var(--hero-progress,0)*40px),0) rotate(calc(-8deg - var(--hero-progress,0)*9deg))}}
@media(prefers-reduced-motion:reduce){.floating-browser.is-changing img{animation:none}.browser-back{transform:rotate(9deg)}.browser-front{transform:rotate(-8deg)}}

/* Type orbit locked to the price badge. */
.hero-art .price-sticker{right:22px;bottom:9%}.price-sticker .price-orbit{position:absolute;inset:-31px;display:block;width:auto;height:auto;pointer-events:none;color:var(--lime);border-radius:50%;font-size:initial;transform:none}
.price-orbit svg{display:block;width:100%;height:100%;overflow:visible}.price-orbit text{font:700 10.5px Arial,Helvetica,sans-serif;fill:currentColor}.has-motion .price-orbit svg{animation:spin 36s linear infinite}.price-sticker:hover .price-orbit svg{animation-play-state:paused}
/* The three steps follow the visitor's scroll position. */
.ai-node{transition:background .45s,color .45s,transform .6s var(--ease),box-shadow .45s}.has-motion .ai.has-entered .ai-node{animation:ai-arrive .75s var(--ease) backwards;animation-delay:var(--node-delay,0s)}.ai-node.active{box-shadow:0 8px 28px #0002;transform:translateX(-7px)}.ai-node.active:before{background:var(--lime);box-shadow:0 0 12px #d8fc7780}.has-motion .ai.is-in-view .ai-node.active:before{animation:ai-connection 2.2s ease-in-out infinite}.has-motion .ai-words h2>span{display:inline-block;transform:translateX(calc(var(--ai-progress,0)*12px));transition:transform .12s linear}.ai-node small{font-size:11px}
@keyframes ai-arrive{from{opacity:.2;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes ai-connection{0%,100%{opacity:.4}50%{opacity:1}}
.faq-list details{overflow-anchor:none;transition:background .25s}.faq-list details[open]{background:#e9eee350}.faq-list summary{cursor:pointer;transition:color .2s}.faq-list summary:hover{color:#5a762a}.has-motion .faq-list details.faq-arrived{animation:faq-arrive .55s var(--ease)}@keyframes faq-arrive{from{opacity:.4;translate:0 12px}to{opacity:1;translate:0 0}}
.has-motion .contact.is-in-view .contact-title>span{animation:contact-arrow 4.8s var(--ease) infinite;transform-origin:center}@keyframes contact-arrow{0%,30%,100%{transform:translate(0,0)}45%{transform:translate(12px,-12px)}60%{transform:translate(0,0)}}
/* One readable type scale for all business contact details. */
.contact-layout aside .contact-email,.contact-layout aside .contact-phone{font-size:15px;letter-spacing:0;line-height:1.6;padding:14px 0;margin:0;max-width:none;gap:14px;border:0;color:#e8ede5;overflow-wrap:anywhere}.contact-layout aside .contact-email{margin-top:28px;border-top:1px solid #ffffff26;padding-top:20px}.contact-layout aside .contact-phone{padding-top:5px;padding-bottom:18px}.contact-business{padding-bottom:20px}.contact-business dl{gap:11px}.contact-business dl>div{grid-template-columns:62px minmax(0,1fr);gap:14px}.contact-business dt{font-size:12px;letter-spacing:0;line-height:1.6}.contact-business dd{font-size:14px;line-height:1.6;color:#dbe4d7}.contact-layout aside .contact-email:hover,.contact-layout aside .contact-phone:hover{color:var(--lime)}
.form-step-progress{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0 0;font-size:12px;color:#849782}.form-step-progress>span:first-child{color:var(--paper)}.form-step-progress b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff35;border-radius:50%;font-size:10px;margin-right:8px}.form-step-progress.step-two-active>span{color:var(--paper)}.form-step-progress.step-two-active>span:last-child b{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.step-one-actions{margin-top:24px;display:flex;align-items:center;gap:20px}.form-next{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid var(--lime);background:transparent;color:var(--lime);padding:14px 20px;border-radius:99px;font-size:12px;font-weight:600;min-height:49px;white-space:nowrap}.form-next:hover{background:var(--lime);color:var(--ink)}#contact-step-hint{font-size:12px;line-height:1.7;color:#b3c3ad;margin:0;max-width:280px}.has-motion .form-stage-two.step-revealed{animation:step-arrive .65s var(--ease)}@keyframes step-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.has-motion .form-submit button.submit-attention:not(:disabled){animation:submit-pulse 1.4s ease-in-out 2}.form-submit button:hover,.form-submit button:focus-visible{animation:none!important}@keyframes submit-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #d8fc7700}50%{transform:scale(1.035);box-shadow:0 0 0 10px #d8fc7718}}
@media(max-width:760px){.price-sticker .price-orbit{inset:-28px}.hero-art .price-sticker{right:25px;bottom:9%}.ai-node.active{transform:translateX(-4px)}.step-one-actions{flex-direction:column;align-items:stretch}.form-next{width:100%}#contact-step-hint{max-width:none}.contact-layout aside .contact-email,.contact-layout aside .contact-phone{font-size:15px}.contact-business dt{font-size:12px}.contact-business dd{font-size:14px}.contact-title>span{display:block;right:0;top:0;font-size:.85em}.contact-title{padding-right:40px}}
.motion-paused .ai-node,.motion-paused .contact-title>span,.motion-paused .form-submit button{transform:none}.motion-paused .price-orbit svg,.motion-paused .ai-node,.motion-paused .faq-arrived,.motion-paused .contact-title>span,.motion-paused .step-revealed,.motion-paused .submit-attention{animation:none!important}
@media(prefers-reduced-motion:reduce){.price-orbit svg,.ai-node,.faq-arrived,.contact-title>span,.step-revealed,.submit-attention{animation:none!important;transition:none!important}.ai-node{transform:none!important}}

/* Seamless repeated ticker and clearer section rhythm. */
.ticker{--ticker-gap:50px}.ticker-track{gap:0;animation:none;will-change:transform}.ticker-group{display:flex;align-items:center;gap:var(--ticker-gap);padding-right:var(--ticker-gap);flex:none;width:max-content}.has-motion .ticker-track{animation:ticker var(--ticker-duration,35s) linear infinite}
.hero-art .art-monogram{font-size:clamp(450px,42vw,760px);left:-3%;top:-38%;letter-spacing:-.13em;opacity:.96}
.price-sticker>strong,.price-sticker>small,.price-sticker>span:last-child{position:relative;top:5px}
.ai{border-bottom:1px solid #d8fc7730}.process{background:var(--soft);color:var(--ink);border-top:0}.process-sticky h2 em{color:#536d33}.process-sticky p,.process .source-content p{color:var(--muted)}.process .section-label,.process-state{color:#53634e}.process-star{color:#7e9949}.process-orbit{border-color:#637b4540}.process-orbit:after{border-color:#637b4520}.process-index{color:#536d33;mix-blend-mode:normal}.process-step{border-color:#18261f35}.process .read-more{border-color:#18261f35}.process .timeline-output{border-color:#18261f35}.process .timeline-body>p,.process .timeline-output p{color:#52604e}.process .step-number{color:#5c704a}.process .source-content .principle{border-color:#18261f30}
.pricing{border-top:1px solid #18261f18}.hosting{border-top:1px solid #18261f22}.pricing .package-card{position:relative}.has-motion .pricing .package-card.has-entered>.package-tag,.has-motion .pricing .package-card.has-entered>.price-line,.has-motion .pricing .package-card.has-entered>h3,.has-motion .pricing .package-card.has-entered>p{animation:package-content .8s var(--ease) backwards;animation-delay:var(--card-delay,0s)}
.pricing .package-card a span{display:inline-block;transition:transform .4s}.pricing .package-card a:hover span{transform:translate(4px,-4px)}
.has-motion .hosting.has-entered .hosting-basics>div{animation:hosting-arrive .85s var(--ease) backwards;animation-delay:var(--basic-delay,0s)}.has-motion .hosting.has-entered .plan-selector{animation:selector-arrive 1s var(--ease) backwards}.plan-buttons button{transition:background .3s,color .3s,transform .3s}.plan-buttons button:hover{transform:translateY(-3px)}.plan-buttons button[aria-pressed=true]{box-shadow:0 3px 0 #d8fc7730}.has-motion .plan-result.plan-changing{animation:plan-change .55s var(--ease)}
.legal-page .legal-grid{display:block}.legal-page .legal-body{max-width:820px;margin-inline:auto}.legal-page .legal-section{padding:0}
@keyframes package-content{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hosting-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes selector-arrive{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes plan-change{0%{opacity:.4;transform:translateY(9px)}100%{opacity:1;transform:none}}
@media(max-width:760px){.ticker{--ticker-gap:30px}.hero-art .art-monogram{font-size:clamp(380px,108vw,540px);left:0;top:-36%}.pricing .package-card:hover{translate:none}}
.motion-paused .package-card,.motion-paused .hosting-basics>div,.motion-paused .plan-selector,.motion-paused .plan-result{animation:none!important;transform:none;translate:none}@media(prefers-reduced-motion:reduce){.package-card,.hosting-basics>div,.plan-selector,.plan-result,.ticker-track{animation:none!important;transform:none!important;translate:none!important}}

.process .timeline-body>span,.process .timeline-output span{color:#536d33}

.process-step{opacity:1}.has-motion .process-step{opacity:.55}.has-motion .process-step.is-active{opacity:1}

/* A single vector vocabulary keeps icons crisp and aligned across devices. */
.studio-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;overflow:visible}.service-icon{display:grid;place-items:center;flex:0 0 80px;width:80px;font-size:50px}.service-icon .studio-icon{width:50px;height:50px}.service-icon .icon-code{stroke-width:1.45}.value-symbol{width:28px;height:28px}.value-symbol .studio-icon{display:block;width:26px;height:26px}.round-arrow .studio-icon{width:19px;height:19px}.text-link>.studio-icon{margin-left:9px;vertical-align:middle}.package-bottom a .studio-icon{margin-left:auto}.contact-title>span>.studio-icon{display:block;width:1em;height:1em}.back-top .studio-icon{width:22px;height:22px}.note-icon{border:0}.note-icon .studio-icon{width:22px;height:22px}.choice-card .choice-icon{display:block;position:absolute;right:11px;top:11px;color:#a2b59a;width:20px;height:20px}.choice-card .choice-icon .studio-icon{display:block;width:20px;height:20px}.choice-card>span:last-child{padding-right:22px}.choice-card:has(input:checked) .choice-icon{color:var(--lime)}
/* Contact links use the same label/value rows as the registration details. */
.contact-business{margin-top:28px;padding-block:20px;border-block:1px solid #ffffff26}.contact-business dl{gap:12px}.contact-business dl>div{grid-template-columns:62px minmax(0,1fr);gap:14px}.contact-business dt{font-size:12px;line-height:1.6}.contact-business dd,.contact-business dd .contact-email,.contact-business dd .contact-phone{font-size:14px;line-height:1.6;color:#dbe4d7}.contact-business dd .contact-email,.contact-business dd .contact-phone{display:inline;padding:0;margin:0;border:0;letter-spacing:0}.contact-business dd a:hover{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.service-row>summary{gap:10px;align-items:center}.service-row .row-number{flex:0 0 18px;width:18px;align-self:center;padding-top:0}.service-name{flex:1;min-width:0;max-width:none;font-size:25px}.service-icon{display:grid;flex:0 0 32px;width:32px;height:36px;margin-left:0}.service-icon .studio-icon{width:30px;height:30px}.service-row .round-arrow{width:32px;height:32px;margin-left:0}.service-row .round-arrow .studio-icon{width:17px;height:17px}.service-desc{margin-left:28px;margin-right:0}.value-symbol .studio-icon{width:26px;height:26px}.choice-card .choice-icon{width:18px;height:18px;right:9px;top:10px}.choice-card .choice-icon .studio-icon{width:18px;height:18px}.choice-card>span:last-child{padding-right:18px}.contact-business dd,.contact-business dd .contact-email,.contact-business dd .contact-phone{font-size:14px}.contact-business dl>div{grid-template-columns:62px minmax(0,1fr);gap:12px}}
.motion-paused .package-card>*,.motion-paused .package-card:hover{animation:none!important;transform:none;translate:none}@media(prefers-reduced-motion:reduce){.package-card>*{animation:none!important;transform:none!important}}

.choice-card strong{padding-right:24px}.form-submit button .studio-icon{width:18px;height:18px}

/* Slow color gust across the footer word; the letter shapes stay fixed. */
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:25px;margin-top:45px;padding-top:24px;font-size:11px;letter-spacing:0;line-height:1.7}
.footer-links,.footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px}.footer-legal{justify-content:flex-end}.footer-copyright{text-align:center;white-space:nowrap}.footer-bottom a:hover{color:var(--lime)}
.has-motion .footer-word{background:linear-gradient(105deg,#d8fc77 35%,#f7f7f2 45%,#92b867 50%,#d8fc77 60%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:footer-gust 18s linear infinite}.has-motion .footer-word span{color:inherit}
@keyframes footer-gust{from{background-position:150% 0}to{background-position:-50% 0}}
/* Light travels inside the price panel, leaving its shared borders stationary. */
.pricing .package-featured{overflow:hidden;isolation:isolate}.pricing .package-featured>*{position:relative;z-index:1}.pricing .package-featured:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#f7f7f26b 48%,transparent 70%);transform:translateX(-160%)}
.has-motion .pricing.prices-visible .package-featured:before{animation:price-light 7s ease-in-out infinite}.has-motion .pricing.prices-visible .price-line strong{animation:price-ink 7s ease-in-out infinite}
@keyframes price-light{0%,15%{transform:translateX(-160%)}65%,100%{transform:translateX(160%)}}@keyframes price-ink{0%,25%,75%,100%{color:var(--ink)}50%{color:#57752e}}
@media(max-width:1100px){.footer-bottom{grid-template-columns:1fr auto}.footer-links{grid-column:1/-1}.footer-copyright{text-align:left}.footer-legal{justify-content:flex-end}}@media(max-width:650px){.footer-bottom{grid-template-columns:1fr;gap:20px;font-size:11px}.footer-links{gap:12px 20px}.footer-legal{justify-content:flex-start}.footer-copyright{text-align:left}}
.motion-paused .footer-word,.motion-paused .package-featured:before,.motion-paused .price-line strong{animation:none!important}@media(prefers-reduced-motion:reduce){.footer-word,.package-featured:before,.price-line strong{animation:none!important}}

/* Decorative lettering cannot intercept footer navigation or its focus outline. */
.footer{position:relative;isolation:isolate}.footer-top,.footer-bottom{position:relative;z-index:2}.footer-word{position:relative;z-index:0;pointer-events:none;user-select:none}
.mobile-process-progress{display:none}
@media(max-width:950px){
 .work.motion-track{height:240svh}.work.motion-track .work-pin{position:sticky;top:var(--header);height:calc(100svh - var(--header));padding-block:28px;display:flex;flex-direction:column;justify-content:center}
 .work.motion-track .work-viewport{overflow:hidden;scroll-snap-type:none;padding-bottom:0}.work.motion-track .work-track{width:100%;transform:translate3d(calc(var(--work-x,0)*-1px),0,0)!important}.work.motion-track .work-scene{width:100%;scroll-snap-align:none}.work.motion-track .scene-image{max-height:40svh}.work.motion-track .work-counter{display:inline;white-space:nowrap}.work.motion-track .work-line{display:block;max-width:70px}.work.motion-track .work-footer{gap:15px}
}
@media(max-width:650px){
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}.hero-actions>a,.hero-actions .pill{width:100%;height:54px;min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;border-radius:99px;font-size:12px;line-height:1.3}.hero-actions .under-link{border:1px solid #8b9c80;color:var(--paper);font-size:12px}.hero-actions .studio-icon{width:18px;height:18px;flex:none}
 .work.motion-track .work-heading{margin-bottom:22px}.work.motion-track .work-heading h2{font-size:36px}.work.motion-track .work-footer{padding-top:22px;letter-spacing:.025em}.work.motion-track .scene-bottom h3{font-size:23px}
 .process-sticky .process-art{display:none}.mobile-process-progress{display:flex;align-items:center;gap:13px;position:sticky;top:calc(var(--header) + 8px);z-index:5;isolation:isolate;background:var(--soft);color:var(--ink);border:1px solid #6e86463d;padding:12px 14px;margin-bottom:24px;min-height:70px;box-shadow:0 5px 14px #18261f0d}.mobile-process-progress:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:#819b4c;transform:scaleX(var(--process-progress,.1667));transform-origin:left;transition:transform .4s var(--ease)}.mobile-process-progress .process-star{display:block;width:35px;height:35px;flex:none;color:#7d974b;transform:rotate(calc(var(--process-rotation,0)*1deg));transition:transform .65s var(--ease)}.mobile-process-progress .process-index{position:static;order:2;margin-left:auto;font-size:25px;line-height:1;mix-blend-mode:normal;flex:none}.mobile-process-progress .process-state{order:1;text-align:left;display:block;min-width:0;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.05em;color:#52673d}.process-layout{gap:30px}.process-step{scroll-margin-top:160px}
 .pricing{padding-block:48px}.pricing .section-label{margin-bottom:28px}.pricing .section-heading{margin-bottom:28px}.pricing .section-heading h2{font-size:36px}.pricing .section-heading>p{margin-top:16px;line-height:1.7}.pricing .package-card{padding:20px}.pricing .package-tag{font-size:8px;letter-spacing:.06em}.pricing .price-line{margin:19px 0 14px}.pricing .price-line strong{font-size:48px}.pricing .package-card h3{font-size:24px;line-height:1.12;min-height:0;max-width:none}.pricing .package-card>p{font-size:11.5px;line-height:1.65;margin-top:10px}.pricing .package-card .plain-list{font-size:11.5px;line-height:1.5;margin:16px 0 18px}.pricing .package-card li{padding-block:8px}.pricing .package-bottom{gap:12px}.pricing .package-bottom a{font-size:12px;min-height:44px;padding-top:10px}
}
.motion-paused .mobile-process-progress{display:none}@media(prefers-reduced-motion:reduce){.mobile-process-progress{display:none}}

/* Display complete preview images without a fixed-height crop on small screens. */
@media(max-width:950px){.scene-image,.work.motion-track .scene-image{aspect-ratio:auto;max-height:none;padding:14px;display:block}.scene-image img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}.work-scene:hover img{transform:none}}