/* The reading chapters now share the site's WebGL canvas. */
.cinematic-copies{position:fixed;inset:0;z-index:1;pointer-events:none;clip-path:var(--cinematic-clip,none)}
.copy-shade{clip-path:var(--cinematic-clip,none)}
html[data-reader-header=scope],html[data-reader-header=process],html[data-reader-header=pricing]{--reader-header-bg:#f1eee6}
.quiet-sequence:has(.kinetic){background:transparent!important}
.quiet-sequence>.copy.quiet-copy.daylight.kinetic{background:transparent;padding:130px 5.2vw 62px;--beam:#a77a50;--beam-core:#604b35;--beam-halo:transparent}
.kinetic .daylight-scene,.kinetic .daylight-wash{display:none}
.kinetic .daylight-content{min-height:calc(var(--quiet-page-height) - 192px)}
.quiet-sequence>.copy.quiet-copy.kinetic h2.daylight-heading{font-size:clamp(70px,6.7vw,130px);line-height:1.04;letter-spacing:-.068em;max-width:60%}
.quiet-sequence>.copy.quiet-copy.kinetic h2.daylight-heading em{color:#96714e;display:inline}
.kinetic h2{perspective:1000px}
.kinetic h2>.strip-wrap{transform:translate3d(calc(var(--day-x)*-9px),calc(var(--day-y)*-5px),0) rotateY(calc(var(--day-x)*-1.6deg));transform-origin:left center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.kinetic.process .scope-editorial{display:block;width:45%;max-width:760px}
.kinetic.process .scope-menu{margin-top:36px}
.kinetic.process .scope-detail{position:absolute;right:0;bottom:52px;width:35%;padding-top:25px;border-top:1px solid #77634b55;min-height:0}
.kinetic .scope-choice{font-size:clamp(23px,1.8vw,33px);padding-top:17px;padding-bottom:17px}
.kinetic .scope-choice[aria-pressed=true]{font-weight:500}
.kinetic .surface-interaction{position:absolute;right:3%;top:10%;width:34%;height:48%;border:0;background:none;cursor:grab;padding:0;border-radius:50%;touch-action:none}
.kinetic .surface-interaction:active{cursor:grabbing}
.kinetic .surface-interaction:focus-visible{outline:1px dashed #96714e;outline-offset:0}
.kinetic .scope-choice[aria-pressed=true] .day-arrow{transform:rotate(45deg)}
.kinetic .scope-choice:is(:hover,:focus-visible){background:transparent;padding-left:13px}
.kinetic .scope-detail h3{font-size:clamp(27px,2.2vw,42px)}
.kinetic .scope-detail p{font-size:clamp(19px,1.35vw,25px)}
.kinetic .scope-detail .detail-index{font-size:16px;margin-bottom:22px;color:#876b50}
.kinetic .scope-detail .detail-deliverables{font-size:16px}
.kinetic .daylight-intro{max-width:47%;margin-top:25px}
.kinetic .day-next{margin-top:30px}
.kinetic .step-choice::after,.kinetic .step-choice::before{display:none!important}
.kinetic .day-arrow .hover-echo{display:none}
.kinetic .day-arrow .hover-ink{transform:none!important}
.kinetic .stage-name .hover-echo{color:#96714e}
.kinetic .daylight-heading .hover-echo{color:#96714e}
.kinetic.design .stage-top{grid-template-columns:49% 37%;gap:11%}
.quiet-sequence>.copy.quiet-copy.kinetic.design .stage-top h2.daylight-heading{max-width:100%}
.kinetic.design .stage-detail{min-height:290px}
.kinetic.design .stage-controls{gap:7%}
.kinetic.design .stage-route{position:relative;max-width:none;margin-top:60px}
.kinetic.design .stage-controls .step-choice{padding-bottom:22px}
.kinetic.design .stage-numeral{font-size:clamp(90px,8vw,140px);letter-spacing:-.08em}
.kinetic.design .stage-name{font-size:clamp(21px,1.8vw,30px)}
.kinetic.design .stage-route input{margin-top:12px}
.kinetic.design .stage-route input::-webkit-slider-thumb{width:31px;height:31px;border:8px solid #f1eee6;margin-top:-15px;cursor:grab}
.kinetic.design .stage-route input:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 0 0 2px #925d3b}
.kinetic.clarity .daylight-faq{align-self:end;padding-bottom:8px}
.kinetic.clarity .price-editorial{margin-top:40px}
.kinetic.clarity .daylight-price{font-size:clamp(110px,11.8vw,220px)}
.kinetic.clarity .daylight-package{max-width:85%}
.kinetic.clarity .format-controls button{position:relative}
.kinetic.clarity .format-controls button>.strip-wrap{display:inline-block;vertical-align:middle}
.kinetic.clarity .daylight-amount{perspective:1000px}
.kinetic.clarity .daylight-price{transform:translate3d(calc(var(--day-x)*-10px),calc(var(--day-y)*-4px),0) rotateY(calc(var(--day-x)*-2.4deg));transform-origin:left bottom;transition:transform .7s cubic-bezier(.2,.7,.2,1);text-shadow:1px 1px #d3c9b9,2px 2px #d3c9b9}
.kinetic.clarity .format-controls button::after{content:'↗';display:inline-block;margin-left:8px;opacity:0;transform:translate(-5px,5px);transition:transform .35s,opacity .35s}
.kinetic.clarity .format-controls button:is(:hover,:focus-visible)::after,.kinetic.clarity .format-controls button[aria-pressed=true]::after{opacity:1;transform:none}
@media(min-width:801px) and (max-height:900px){
 .quiet-sequence>.copy.quiet-copy.daylight.kinetic{padding-top:105px;padding-bottom:40px}
 .kinetic .daylight-content{min-height:calc(var(--quiet-page-height) - 145px)}
 .quiet-sequence>.copy.quiet-copy.kinetic h2.daylight-heading{font-size:5.4vw}
 .kinetic .scope-choice{font-size:1.6vw;padding-top:12px;padding-bottom:12px}
 .kinetic .daylight-intro{font-size:19px;margin-top:18px;margin-bottom:25px}
 .kinetic.process .scope-menu{margin-top:0}
 .kinetic .day-next{margin-top:15px}
 .kinetic.process .scope-detail{bottom:45px}
 .kinetic .scope-detail h3{font-size:2.15vw}.kinetic .scope-detail p{font-size:19px}
 .kinetic .scope-detail .detail-deliverables{font-size:15px;margin-bottom:0;padding-top:15px}
 .kinetic .scope-detail .detail-index{margin-bottom:15px}
 .kinetic.design .stage-detail{min-height:260px}
 .kinetic.design .stage-route{margin-top:18px}
 .kinetic.design .stage-numeral{font-size:6vw}
 .kinetic.clarity .price-editorial{margin-top:25px}
 .kinetic.clarity .daylight-price{font-size:10.2vw}
}
@media(max-width:800px){
 .quiet-sequence>.copy.quiet-copy.daylight.kinetic{background:#f1eee6;padding:110px 6vw 55px}
 .kinetic .daylight-content{min-height:auto}
 .quiet-sequence>.copy.quiet-copy.kinetic h2.daylight-heading{max-width:100%;font-size:10vw}
 .kinetic.process .scope-editorial{width:100%;max-width:none}
 .kinetic.process .scope-detail{position:relative;bottom:auto;width:100%;margin-top:30px;right:auto}
 .kinetic .daylight-intro{max-width:100%}
 .kinetic .scope-choice{font-size:22px}
 .kinetic .surface-interaction{display:none}
 .kinetic.design .stage-top{grid-template-columns:1fr;gap:30px}
 .kinetic.design .stage-detail{min-height:0}
 .kinetic.design .stage-route{margin-top:35px}
 .kinetic.design .stage-name{font-size:16px}
 .kinetic.clarity .daylight-price{font-size:20vw}
}
@media(prefers-reduced-motion:reduce){.kinetic h2>.strip-wrap{transform:none}}

/* A dormant space: type holds still, gestures reveal the background depth. */
.dormant h2>.strip-wrap,.dormant.clarity .daylight-price{transform:none!important;transition:none;text-shadow:none}
.dormant .surface-interaction{right:0;top:7%;width:42%;height:53%;border-radius:0;cursor:crosshair}
.dormant .surface-interaction:active{cursor:crosshair}
.dormant .surface-interaction:focus-visible{outline:1px solid #96714e55;outline-offset:8px}
.dormant .scope-choice{transition:color .25s,padding .35s}
.dormant.process .scope-detail{top:62%;bottom:auto}
.dormant.clarity .daylight-faq{position:relative;background:#f1eee6;box-shadow:0 0 30px 20px #f1eee6}
.dormant.clarity .format-controls{display:grid;grid-template-columns:max-content 1fr;gap:0 26px}
.dormant.clarity .format-controls button{text-align:left;justify-self:start}
.dormant .scope-choice:is(:hover,:focus-visible){color:#7d5538}
.dormant .scope-choice .day-arrow{opacity:.55}
.dormant .step-choice .stage-numeral{transition:transform .4s,color .3s}
.dormant .step-choice:hover .stage-numeral{transform:translateY(-10px)}
@media(min-width:801px) and (max-height:900px){.dormant.process .scope-detail{top:50%}}
@media(max-width:800px){.dormant.process .scope-detail{top:auto}}

/* Concrete quote terms remain visible beside the amount, outside accordions. */
.kinetic.clarity .daylight-faq{align-self:start;padding-top:0}
.quote-facts{margin:0 0 28px}
.quote-facts>div{display:grid;grid-template-columns:1fr;gap:8px;border-top:1px solid #77634b40;padding:18px 0}
.quote-facts dt{font-size:16px;line-height:1.4;color:#79634b}
.quote-facts dd{margin:0;font-size:20px;line-height:1.45;color:#252621}
.quote-facts [data-delivery-time]{font-size:34px;letter-spacing:-.04em;line-height:1.15}
.quiet-sequence>.copy.daylight h3.quote-payment-title{font-size:22px;letter-spacing:-.025em;margin:0 0 16px}
.quote-payments{list-style:none;margin:0;padding:0}
.quote-payments li{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:18px;border-top:1px solid #77634b40;padding:15px 0}
.quote-payments strong{font-size:34px;line-height:1.15;letter-spacing:-.04em;font-weight:400;color:#806044}
.quote-payments strong>span{font-size:19px;margin-left:3px}
.quiet-sequence>.copy.daylight .quote-payments p{font-size:18px;line-height:1.5;margin:0}
.quiet-sequence>.copy.daylight .quote-work-note{font-size:16px;line-height:1.6;margin:18px 0 26px;color:#655e51}

