/* V3. Motion is progressive: the resting document is complete and visible. */
.hero-line{display:block}
.hero-bottom>p{max-width:58ch}
.single-offer{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px;background:#e5e6d8}
.offer-price .amount{font:clamp(90px,10vw,144px)/.95 var(--serif);letter-spacing:-.065em;margin:38px 0 25px}
.offer-price .amount>span{font:13px/1.6 var(--sans);letter-spacing:0;margin-top:22px;max-width:27ch}
.offer-price>p:not(.amount):not(.eyebrow){font-size:13px}.offer-price>.fine{margin-top:30px}
.offer-scope h3{font-size:36px}.offer-scope ul{padding:0;list-style:none;margin:30px 0}.offer-scope ul li{font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}
.offer-steps{padding:0;list-style:none;margin:30px 0;font-size:12px}.offer-steps li{margin:12px 0;display:flex;gap:15px}.offer-steps span{font-size:10px;color:var(--muted);padding-top:2px}.offer-scope .button{display:flex;width:100%}
.not-template{padding-block:115px;border-bottom:1px solid var(--line)}.bespoke-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 12%;align-items:end}.bespoke-heading>.eyebrow{grid-column:1/-1}.bespoke-heading>p:last-child{font-size:14px;max-width:45ch;padding-bottom:4px}.bespoke-heading h2 em{color:#526a4d}
.design-comparison{display:grid;grid-template-columns:.8fr 36px 1.2fr;gap:35px;align-items:center;margin-top:65px}.design-comparison figcaption{font-size:11px;letter-spacing:.05em;margin-bottom:18px}.design-comparison .fine{font-size:10px;margin-top:16px}.comparison-arrow{font:35px var(--serif)}.custom-design a{display:block;border:8px solid #e4dece;box-shadow:0 12px 30px #273c3012;overflow:hidden}.wireframe{position:relative;aspect-ratio:1.6;border:1px solid #8d978c;padding:18px;color:#536157;background:#edece5}.wire-nav{display:flex;gap:7px;border-bottom:1px solid #c3c7bc;padding-bottom:12px}.wire-nav i{height:3px;width:18px;background:#a6afa1}.wire-hero{margin:18px 0 10px;padding:20px 12px;background:#dde0d7;text-align:center}.wire-hero span{display:block;font:8px var(--sans);letter-spacing:.08em}.wire-hero b{display:block;font:18px/1.2 Arial,sans-serif;margin:13px 0}.wire-hero i{display:block;margin:auto;width:60px;height:12px;border:1px solid #8d978c}.wire-cards{display:flex;gap:10px}.wire-cards i{background:#d9ded3;height:36px;flex:1}.wire-lines{margin-top:15px}.wire-lines i{display:block;background:#c3c7bc;height:3px;width:80%;margin-top:5px}.wire-lines i:last-child{width:55%}.wire-strike{position:absolute;top:48%;left:-2%;height:2px;width:104%;background:#6c7764;transform:rotate(-24deg);transform-origin:left}
.same-trade{display:grid;grid-template-columns:.8fr 1.8fr;gap:7%;margin-top:90px}.same-trade h3{font-size:35px}.same-trade>div>p:not(.eyebrow){font-size:12px;margin-top:22px}.same-trade .fine{font-size:10px!important}.trade-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.direction{padding:16px 14px;display:flex;flex-direction:column;overflow:hidden}.direction .tiny{font-size:7px;letter-spacing:.03em;min-height:30px}.direction>p{font-size:32px;line-height:1;letter-spacing:-.035em;min-height:95px;margin-top:22px}.direction img{width:100%;height:150px;object-fit:cover}.direction figcaption{font:8px/1.6 var(--sans);margin-top:18px}.direction-oak{background:#eee8dc;color:#664934}.direction-oak>p{font-family:'Cormorant Garamond',Georgia,serif;font-size:38px}.direction-slate{background:#293b3b;color:#f3f0e7}.direction-slate>p{font-family:var(--sans);font-weight:600;font-size:26px;line-height:1.07;letter-spacing:-.04em}.direction-slate img{object-position:65%;height:150px}.direction-paper{background:#e5e0d1;color:#3a4434}.direction-paper>p{font-family:var(--serif)}.direction-paper img{padding:7px;border:1px solid #a6ab99}.bespoke-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}.bespoke-proof a{font-size:11px;text-decoration:none;border-bottom:1px solid var(--line);padding-block:15px;display:flex;justify-content:space-between;gap:12px}
.study-band{position:relative;isolation:isolate;overflow:hidden}.study-inner{position:relative}.study-band:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--wash)}.study-ember{--wash:#344037}.study-tide{--wash:#c9dcd3}.study-rowan{--wash:#e0d4bd}.study-visual{overflow:hidden;aspect-ratio:1.6}.study-visual picture{display:block}.study-visual img{max-width:none;transform:scale(1.12);transform-origin:center}.auto-page,.hero-phone .auto-page{animation-duration:48s;animation-delay:3s}.hero-phone{transform:translateY(var(--phone-offset,0px))}.motion-toggle:checked~.hero-phone{transform:none}
.button{position:relative;overflow:hidden;transition:none}.button:before{content:'';position:absolute;bottom:8px;left:23px;right:23px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.7}.button:hover{background:var(--ink)}.button>span,.text-link>span{display:inline-block}.motion-toggle:checked~.laptop .auto-page,.motion-toggle:checked~.hero-phone .auto-page{animation-play-state:paused}
@media(max-width:1000px){.single-offer{padding:45px;gap:7%}.same-trade{grid-template-columns:1fr}.trade-directions{margin-top:30px}.direction img{height:200px}.same-trade>div:first-child{max-width:55ch}}
@media(max-width:700px){.desktop-break{display:none}.hero-bottom>p{font-size:12px;max-width:45ch}.single-offer{display:block;padding:35px 25px}.offer-price .amount{font-size:100px;margin-block:25px}.offer-price .amount>span{font-size:12px;max-width:none}.offer-price>.fine{margin-top:20px}.offer-scope{border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.offer-scope h3{font-size:31px}.offer-scope ul li{font-size:12px}.not-template{padding-block:75px}.bespoke-heading{display:block}.bespoke-heading h2{font-size:46px}.bespoke-heading>p:last-child{margin-top:25px;font-size:12px}.design-comparison{grid-template-columns:1fr 1.2fr;gap:15px;margin-top:35px;align-items:start}.comparison-arrow{display:none}.design-comparison figcaption{font-size:9px;letter-spacing:0;min-height:30px;margin-bottom:10px}.wireframe{padding:10px;aspect-ratio:auto;height:150px}.wire-nav{padding-bottom:7px}.wire-hero{margin:10px 0;padding:10px 4px}.wire-hero span{font-size:5px}.wire-hero b{font-size:10px;margin-block:9px}.wire-hero i{width:40px;height:8px}.wire-cards{gap:5px}.wire-cards i{height:19px}.wire-lines{display:none}.custom-design a{border-width:4px;min-height:150px}.custom-design img{height:142px;object-fit:cover;object-position:left}.design-comparison .fine{font-size:8px}.same-trade{margin-top:50px}.same-trade h3{font-size:33px}.trade-directions{gap:8px;grid-template-columns:1fr}.direction{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.direction .tiny{grid-column:1/-1;font-size:8px;min-height:0}.direction>p{font-size:36px;min-height:0;align-self:center}.direction-slate>p{font-size:27px}.direction img{height:140px;margin-top:15px}.direction figcaption{grid-column:1/-1;margin-top:10px;font-size:9px}.bespoke-proof{display:block;margin-top:25px}.bespoke-proof a{font-size:10px}.offer-scope .button{font-size:12px}}
.hero>.eyebrow{max-width:none}.offer-price .amount>span{max-width:none}
.skip{top:0;transform:translateY(-200%)}.skip:focus{top:15px;transform:none}
@media(max-width:1000px){.same-trade{gap:30px}}
@media(max-width:700px){.trade-directions{margin-top:0;gap:16px}.direction-paper>p{font-size:34px}}
/* Clip artwork without making an inner scroll container for view timelines. */
.study-band,.study-visual{overflow:clip}
.skip{clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;padding:12px 18px}
.offer-scope h2{font-size:36px;line-height:1.12;letter-spacing:-.025em}
@media(max-width:700px){.pricing-head h1{font-size:clamp(38px,12.3vw,52px)}.offer-scope h2{font-size:31px}}

/* V4: the resting document is complete. Motion is an optional layer. */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:auto}
[data-settle]{position:relative;font-optical-sizing:none;font-variation-settings:'opsz' 48,'wght' 400}
.settle-final{display:block}.settle-echo{display:none}
@media(prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
.mast>.brand{view-transition-name:studio-logo}
.study-visual[data-study=ember],.case-transition[data-study=ember]{view-transition-name:study-ember}
.study-visual[data-study=tide],.case-transition[data-study=tide]{view-transition-name:study-tide}
.study-visual[data-study=rowan],.case-transition[data-study=rowan]{view-transition-name:study-rowan}
::view-transition-group(*){animation-duration:650ms;animation-timing-function:var(--ease)}
::view-transition-old(root),::view-transition-new(root){animation-duration:300ms}
/* Cross-fade two real variable-font settings; preserve the final text metrics. */
.motion-ready [data-settle].is-revealed>.settle-echo{display:block;position:absolute;inset:0;pointer-events:none;font-variation-settings:'opsz' 54,'wght' 380;animation:type-settle 600ms var(--ease) both}
}
@keyframes type-settle{0%{opacity:.18;transform:translateY(1px) scaleX(1.003)}100%{opacity:0;transform:none}}
.drawn-line{width:70%;height:14px;display:block}.drawn-line.comparison-arrow{width:32px;height:30px}
.wire-strike{position:absolute;inset:0;width:100%;height:100%;background:none;transform:none;color:#6c7764}
.motion-ready .drawn-line path,.motion-ready .wire-strike path{stroke-dasharray:1;stroke-dashoffset:1}
.motion-ready .drawn-line.is-revealed path,.motion-ready .design-comparison.is-revealed .wire-strike path{animation:line-draw 800ms var(--ease) both}
@keyframes line-draw{to{stroke-dashoffset:0}}

/* A website assembled in a single, 4.65-second phrase. */
.site-build{display:none;position:absolute;inset:0;z-index:2;overflow:hidden;background:#eeede7;pointer-events:none;container-type:inline-size}
.is-building .site-build{display:block;animation:build-away 4650ms linear both}
.build-wire{position:absolute;inset:0;padding:3% 5%;animation:wire-away 4650ms linear both}
.build-nav{display:flex;gap:3%;height:8%;align-items:center;border-bottom:1px solid #cbd0c6}.build-nav i{background:#c8cec4;height:3px;width:10%}.build-nav i:first-child{width:20%;margin-right:auto}
.build-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;height:69%;padding-top:6%}
.build-wire-type{align-self:center}.build-wire-type i{display:block;height:16px;background:#cbd0c6;margin-block:8px;transform-origin:left;animation:wire-in 700ms var(--ease) both}.build-wire-type i:nth-child(2){width:75%;animation-delay:150ms}.build-wire-type i:nth-child(3){height:5px;width:40%;animation-delay:250ms}.build-wire-image{background:#d8ddd3;animation:wire-in 850ms 150ms var(--ease) both}.build-wire-foot{display:flex;gap:7%;height:10%;margin-top:4%}.build-wire-foot i{height:3px;width:26%;background:#d3d7cf}
.build-wash{position:absolute;inset:0;background:#eee8dc;transform-origin:bottom left;animation:build-wash 4650ms var(--ease) both}
.build-design{position:absolute;inset:0;padding:3% 5%;color:#664934}.build-brand{font:clamp(6px,1.8cqw,17px)/1.1 'Cormorant Garamond',Georgia,serif;animation:build-type 4650ms var(--ease) both}.build-brand>span{float:right;font:clamp(3px,.65cqw,7px)/1 var(--sans);letter-spacing:.1em;padding-top:1%}
.build-composition{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;height:90%;align-items:center}.build-type{animation:build-type 4650ms var(--ease) both}.build-type>span{font:clamp(4px,.75cqw,9px)/1.5 var(--sans);letter-spacing:.12em}.build-type>p{font:clamp(22px,7cqw,80px)/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin-top:12px}.build-type>small{font:clamp(4px,.9cqw,10px)/1.5 var(--sans);display:block;margin-top:12px}.build-art{width:100%;height:100%;object-fit:cover;animation:build-art 4650ms var(--ease) both}.build-palette{position:absolute;left:5%;bottom:4%;display:flex;gap:4px;animation:build-chips 4650ms var(--ease) both}.build-palette i{width:12px;height:5px;background:#664934}.build-palette i:nth-child(2){background:#b09a67}.build-palette i:nth-child(3){background:#e5e0d1}
@keyframes wire-in{from{opacity:0;transform:scaleX(.85) translateY(5px)}to{opacity:1;transform:none}}
@keyframes wire-away{0%,35%{opacity:1}62%,100%{opacity:0}}
@keyframes build-type{0%,22%{opacity:0;transform:translateY(5px)}42%,100%{opacity:1;transform:none}}
@keyframes build-wash{0%,41%{opacity:0;transform:scaleX(0)}44%{opacity:1}65%,100%{opacity:1;transform:scaleX(1)}}
@keyframes build-art{0%,63%{opacity:0;transform:translateY(7px)}89%,100%{opacity:1;transform:none}}
@keyframes build-chips{0%,39%{opacity:0;transform:translateY(4px)}52%,87%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes build-away{0%,91%{opacity:1}100%{opacity:0}}
.auto-page,.hero-phone .auto-page{animation:none;will-change:auto}
.motion-ready .has-built .auto-page{animation:site-scroll 48s 0s ease-in-out infinite alternate}
.motion-ready .is-building .hero-phone .auto-page{animation:none}
.device-stage.is-offscreen .auto-page,.device-stage:has(.motion-toggle:checked) .auto-page{animation-play-state:paused!important}
.build-replay{position:absolute;z-index:5;left:3%;top:12px;min-height:32px;padding:5px 9px;border:1px solid #73816c;background:var(--paper);color:var(--ink);font:10px var(--sans);opacity:0;transform:translateY(-3px);transition:opacity 300ms var(--ease),transform 300ms var(--ease)}
.device-stage:hover .build-replay,.device-stage:focus-within .build-replay,.build-replay:focus-visible{opacity:1;transform:none}.build-replay:disabled{cursor:default}
@media(hover:none){.build-replay{opacity:1;transform:none}}

/* Three complete directions; one frame when native scrolling can drive it. */
.trade-story{margin-top:105px}.trade-intro{max-width:420px}.trade-intro h3{font-size:clamp(34px,3.6vw,54px);line-height:1.05}.trade-intro>p:not(.eyebrow){font-size:13px;margin-top:25px}.trade-intro .fine{font-size:10px!important}.trade-sticky{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;align-items:center}.trade-showcase{min-width:0}.trade-directions{display:grid;grid-template-columns:1fr;gap:20px}.direction{padding:35px;display:grid;grid-template-columns:1fr 1.1fr;gap:15px 25px;min-height:410px}.direction .tiny{grid-column:1/-1;font-size:9px;min-height:0;letter-spacing:.07em}.direction>p{align-self:center;min-height:0;margin:0;font-size:clamp(36px,4.3vw,64px);line-height:.95}.direction-slate>p{font-size:clamp(30px,3.8vw,54px);line-height:1;text-transform:uppercase}.direction img{height:245px;object-fit:cover;align-self:center}.direction-paper img{padding:8px}.direction figcaption{grid-column:1/-1;margin-top:8px;font-size:9px}.direction figcaption strong{display:block;font-weight:400;font-size:12px;line-height:1.6;margin-top:8px}.trade-rail{height:1px;background:var(--line);margin-top:24px;overflow:hidden}.trade-rail>span{display:block;height:100%;background:var(--ink);transform-origin:left}.trade-labels{display:flex;justify-content:space-between;font-size:9px;margin-top:10px}.trade-hint{display:none}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
.motion-ready .trade-story{height:250vh;view-timeline:--directions block}
.motion-ready .trade-sticky{position:sticky;top:5vh;height:90vh}
.motion-ready .trade-directions{display:grid;gap:0;position:relative}
.motion-ready .direction{grid-area:1/1;opacity:0;pointer-events:none}
.motion-ready .direction-oak{opacity:1}
.motion-ready .trade-hint{display:block;font-size:10px;margin-top:20px;color:var(--muted)}.trade-hint>span:first-child{margin-left:0}.trade-hint>span:last-child{display:none}
@supports(animation-timeline:view()){
.motion-ready .motion-initialized .direction{animation:direction-one linear both;animation-timeline:--directions;animation-range:contain 0% contain 100%}
.motion-ready .motion-initialized .direction-slate{animation-name:direction-two}.motion-ready .motion-initialized .direction-paper{animation-name:direction-three}
.motion-ready .motion-initialized .trade-rail>span{animation:rail-progress linear both;animation-timeline:--directions;animation-range:contain 0% contain 100%}
}
.scroll-fallback .trade-rail>span{transform:scaleX(var(--trade-progress,0))}
}
@keyframes direction-one{0%,24%{opacity:1;transform:none}42%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes direction-two{0%,24%{opacity:0;transform:translateY(8px)}42%,60%{opacity:1;transform:none}78%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes direction-three{0%,60%{opacity:0;transform:translateY(8px)}78%,100%{opacity:1;transform:none}}
@keyframes rail-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Material sampling: an original CSS veneer, paper and brass composition. */
.artefact.palette{justify-content:flex-start;gap:13px}.material-sample{position:relative;height:94px;flex:1;min-height:40px;overflow:hidden;background:#b09a67}.wood-grain{position:absolute;inset:0 24% 0 0;background:repeating-linear-gradient(92deg,#9e7954 0px,#c3a078 2px,#ac8761 5px,#b18a62 10px,#c7a67b 11px,#a17b53 12px,#b9956c 20px)}.wood-grain:before{content:'';position:absolute;width:130%;height:130%;left:-30%;top:-15%;border:1px solid #79583755;border-radius:49%;box-shadow:0 0 0 5px #ad845688,0 0 0 8px #79583744,0 0 0 14px #c7a67b55,0 0 0 19px #79583744}.sample-inlay{position:absolute;inset:0 23% 0 73%;background:#b09a67}.sample-paper{position:absolute;inset:0 0 0 77%;background:#eee8dc}.sample-loupe{position:absolute;left:calc(100% - 41px);top:calc(50% - 19px);width:38px;height:38px;border:1px solid #f3f0e7;border-radius:50%;box-shadow:0 0 0 2px #273c30,0 3px 8px #273c3033;background:#eee8dc55}.sample-loupe:after{content:'';position:absolute;width:16px;height:2px;background:#273c30;right:-11px;bottom:-5px;transform:rotate(45deg)}.sample-loupe i{position:absolute;inset:7px;border:1px solid #273c3088;border-radius:50%}.material-chips{display:flex;gap:8px}.material-chips>span{flex:1;min-width:0}.material-chips i{height:24px;display:block;background:var(--swatch);transform-origin:left}.material-chips code{font:9px/1.8 var(--sans);white-space:nowrap}.palette>.tiny:last-child{font-size:7px;letter-spacing:.025em}
.motion-ready .palette.is-revealed .sample-loupe{animation:sample-sweep 900ms var(--ease) both}.motion-ready .palette.is-revealed .material-chips i{animation:chip-fill 500ms 200ms var(--ease) both}.motion-ready .palette.is-revealed .material-chips>span:nth-child(2) i{animation-delay:450ms}.motion-ready .palette.is-revealed .material-chips>span:nth-child(3) i{animation-delay:700ms}
@keyframes sample-sweep{0%{transform:translateX(-125px)}40%{transform:translateX(-65px)}70%{transform:translateX(-25px)}100%{transform:none}}
@keyframes chip-fill{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}

/* Fine-pointer depth. Two degrees, with a soft, non-oscillating return. */
.study-visual{position:relative;isolation:isolate;transition:transform 650ms var(--ease)}
.study-visual img{transform:none;animation:none}.study-band:before{animation:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.motion-ready .study-visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.motion-ready .study-visual:after{content:'';position:absolute;inset:-45%;background:linear-gradient(115deg,transparent 35%,#ffffff1a 49%,transparent 65%);opacity:0;pointer-events:none;transform:translate(var(--sheen-x,0%),var(--sheen-y,0%));transition:transform 650ms var(--ease),opacity 500ms var(--ease)}
.motion-ready .study-visual:hover:after{opacity:1}
}

/* The amount arrives at approval, before payment and launch. */
.approval-timeline{padding-block:90px 115px;border-bottom:1px solid var(--line);view-timeline:--approval block}
.approval-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px}.approval-intro>.eyebrow{grid-column:1/-1}.approval-intro>p:last-child{font-size:13px;align-self:end;margin-left:auto}
.approval-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;margin:100px 0 0;list-style:none;isolation:isolate}.approval-track:before,.approval-track:after{content:'';position:absolute;height:1px;background:var(--line);top:0;left:0;width:calc(66.666667% + 23.333333px);z-index:-1;transform-origin:left}.approval-track:after{background:var(--ink);transform:scaleX(1)}.approval-track>li{position:relative;padding-top:32px}.timeline-dot{position:absolute;top:-4px;left:0;width:9px;height:9px;border:1px solid var(--ink);border-radius:50%;background:var(--paper)}.approval-track .step-no{font-size:10px}.approval-track h3{font-size:34px;margin-top:18px}.approval-track p{font-size:13px;margin-top:15px}.approval-marker{position:absolute;bottom:calc(100% + 18px);left:-10px;background:var(--ink);color:var(--paper);padding:9px 13px;font:24px/1 var(--serif);white-space:nowrap}.approval-marker small{display:block;font:9px/1.5 var(--sans);margin-top:5px}.approval-marker:after{content:'';position:absolute;left:10px;top:100%;border-top:6px solid var(--ink);border-right:6px solid transparent}
@media(prefers-reduced-motion:no-preference){
.motion-ready .approval-track:after{transform:scaleX(0)}.motion-ready .approval-marker{opacity:0;transform:translateY(-8px)}
@supports(animation-timeline:view()){
.motion-ready .approval-timeline.motion-initialized .approval-track:after{animation:rail-progress linear both;animation-timeline:--approval;animation-range:entry 30% cover 60%}
.motion-ready .approval-timeline.motion-initialized .approval-marker{animation:approval-land linear both;animation-timeline:--approval;animation-range:entry 30% cover 60%}
}
.scroll-fallback .approval-track:after{transform:scaleX(var(--approval-progress,0))}.scroll-fallback .is-approved .approval-marker{opacity:1;transform:none;transition:transform 600ms var(--ease),opacity 600ms var(--ease)}
}
@keyframes approval-land{0%,50%{opacity:0;transform:translateY(-8px)}65%,100%{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.trade-sticky{grid-template-columns:.8fr 1.5fr;gap:5%}.direction{padding:23px;gap:15px;min-height:360px}.direction img{height:210px}.trade-intro>p:not(.eyebrow){font-size:12px}.material-chips code{font-size:8px}}
@media(max-width:700px){
.build-replay{font-size:8px;top:8px;left:12px;min-height:28px}.drawn-line.comparison-arrow{display:none}.site-build .build-type>p{margin-top:7px}.build-type>small{margin-top:7px}
.trade-story{margin-top:65px}.trade-sticky{display:block}.trade-intro{max-width:38ch;margin-bottom:30px}.trade-intro h3{font-size:39px}.trade-intro>p:not(.eyebrow){font-size:12px;margin-top:18px}.trade-directions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#7b886f #e5e0d1}.direction{flex:0 0 92%;scroll-snap-align:start;min-height:360px;padding:23px;display:flex;gap:0}.direction .tiny{font-size:8px}.direction>p{align-self:stretch;margin-block:22px 15px;font-size:47px;min-height:90px}.direction-slate>p{font-size:39px}.direction img{width:100%;height:175px;margin:0;object-fit:cover}.direction figcaption{margin-top:18px;font-size:8px}.direction figcaption strong{font-size:11px}.trade-labels{font-size:8px}.trade-hint{display:block;font-size:10px;margin-top:14px}.trade-hint>span:first-child{display:none}.trade-hint>span:last-child{display:inline}.trade-rail{display:none}
.artefact.palette{gap:9px}.material-chips{gap:4px}.material-chips code{font-size:7px;letter-spacing:-.02em}.material-chips i{height:16px}.palette>.tiny:last-child{font-size:6px}.sample-loupe{width:30px;height:30px;top:calc(50% - 15px)}
.approval-timeline{padding-block:60px 75px}.approval-intro{display:block}.approval-intro h2{font-size:45px}.approval-intro>p:last-child{font-size:12px;margin:24px 0 0}.approval-track{display:block;margin-top:45px;padding-left:25px}.approval-track:before,.approval-track:after{top:0;left:3px;width:1px;height:calc(100% - 130px);transform-origin:top}.approval-track>li{padding-top:0;padding-bottom:40px}.approval-track>li:last-child{padding-bottom:0}.timeline-dot{top:5px;left:-26px}.approval-track h3{font-size:30px;margin-top:10px}.approval-track p{font-size:12px;margin-top:10px}.approval-marker{left:auto;right:0;bottom:auto;top:0;font-size:22px}.approval-marker small{font-size:8px}.approval-marker:after{display:none}.approval-track>li:nth-child(2) h3{padding-right:120px}
@keyframes rail-progress{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.scroll-fallback .approval-track:after{transform:scaleY(var(--approval-progress,0))}
}
@media(max-width:359px){.trade-intro h3{font-size:34px}.direction{padding:20px}.direction>p{font-size:42px}.direction-slate>p{font-size:36px}.material-chips code{font-size:9px}.palette>.tiny:last-child{font-size:8px}.approval-track>li:nth-child(2) h3{padding-right:100px;font-size:27px}.approval-marker{padding:8px;font-size:20px}.approval-marker small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.site-build,.build-replay{display:none!important}.trade-story{height:auto}.trade-sticky{position:static;height:auto;display:block}.trade-intro{margin-bottom:30px}.trade-directions{display:grid;grid-template-columns:1fr;overflow:visible}.direction{opacity:1!important;transform:none!important}.trade-rail,.trade-labels,.trade-hint{display:none}.auto-page{animation:none!important;transform:none!important}.settle-echo{display:none!important}.sample-loupe{transform:none}.approval-marker{opacity:1;transform:none}.approval-track:after{transform:none}.study-visual{transform:none!important}}

@media(max-width:359px){.hero h1{font-size:43px}.offer-price .amount{font-size:80px}.offer-scope .button{padding-inline:16px;gap:14px}.single-offer{padding-inline:22px}}
@media(max-width:700px){.approval-track>li:last-child{height:125px}.approval-track:before,.approval-track:after{top:5px;height:calc(100% - 125px)}}

.drawn-line.link-arrow{width:14px;height:14px;display:inline-block}
.scroll-fallback .direction,.scroll-fallback .trade-rail>span,.scroll-fallback .approval-track:after,.scroll-fallback .approval-marker{animation:none}

.build-composition{position:absolute;top:12%;bottom:5%;left:5%;right:5%;height:auto;grid-template-rows:minmax(0,1fr);min-height:0}.build-art{min-height:0}.build-type{min-width:0}

.material-sample .sample-paper{inset:0 80% 0 0}.material-sample .wood-grain{inset:0 17% 0 20%}.material-sample .sample-inlay{inset:0 0 0 83%}
/* Begin the slow page movement as soon as the build resolves. */
.motion-ready .has-built .auto-page{animation-name:v4-site-scroll}
@keyframes v4-site-scroll{from{transform:translateY(0)}to{transform:translateY(calc(-100% + var(--scroll-stop,330px)))}}
.device-stage .motion-toggle,.device-stage .motion-label{display:none}.motion-ready .device-stage .motion-toggle,.motion-ready .device-stage .motion-label{display:block}