.story{position:relative;height:180svh;background:#101113;isolation:isolate;--beat:0}.story-stage{position:sticky;top:0;overflow:hidden;isolation:isolate;height:100svh;display:flex;align-items:center;padding:2rem 7vw}.chromafield{z-index:-2;position:absolute;inset:-20%;background:radial-gradient(ellipse at 73% 45%,#72263e 0%,#421b31 22%,transparent 57%),radial-gradient(ellipse at 25% 68%,#4f2730 0%,transparent 40%),#111113;animation:field-breathe 10s ease-in-out infinite alternate}.story-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#101113,transparent 18%)}@keyframes field-breathe{from{transform:translate(-4%,2%) scale(.98)}to{transform:translate(5%,-4%) scale(1.12)}}.ribbon{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.story-copy{max-width:48%;opacity:calc(1 - var(--beat)*.86);transform:translateY(calc(var(--beat)*-45px))}.story-copy h1{font-size:clamp(3.3rem,6vw,7.5rem);line-height:.98;letter-spacing:-.067em}.story-copy em,.story-beat em{font:italic 1em Georgia,serif;color:#efb7b4}.story-copy p{font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.6;color:#e9dddd;max-width:40ch;margin:1.4rem 0}.story-copy a{background:#efd1c5;color:#27181e}.story-beat{position:absolute;right:8vw;bottom:9%;opacity:var(--beat);font-size:clamp(1.4rem,2.5vw,3rem);line-height:1.15;pointer-events:none}.story-skip{position:absolute;left:7vw;bottom:6%;font-size:.85rem;color:#e7c9cf}.quote-arrow{display:inline-block;position:relative;margin-left:.5em;width:.52em;height:.52em;border-top:1.5px solid;border-right:1.5px solid}.quote-arrow:after{content:'';position:absolute;top:0;right:0;width:.65em;border-top:1.5px solid;transform-origin:right;transform:rotate(-45deg)}.work-tour{max-width:740px;margin:2rem auto 6rem}.work-tour .showcase{width:100%}
.index-shade{position:fixed;inset:0;background:#08060955;backdrop-filter:blur(7px);z-index:85;opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s}.index-shade.is-open{opacity:1;visibility:visible}.page-index{top:0;bottom:0;right:0;padding:0;pointer-events:none;align-items:center}.page-index nav:not([hidden]){position:absolute;right:0;top:0;bottom:0;height:100dvh;max-height:none;width:min(440px,90vw);display:flex;flex-direction:column;align-items:stretch;justify-content:safe center;gap:1rem;padding:clamp(2rem,5vh,4rem) 2rem;border-radius:0;background:#1b171c;transform:translateX(102%);opacity:0;visibility:hidden;transition:transform .39s var(--ease),opacity .32s,visibility .39s}.page-index.is-open nav{opacity:1;transform:none;visibility:visible;pointer-events:auto}.page-index .index-trigger{pointer-events:auto;position:fixed;right:12px;top:44%;writing-mode:horizontal-tb;display:grid;place-items:center;border-radius:50%!important;width:42px;height:42px;padding:0;background:#221b20;border:1px solid #715763;color:#efc6c3;z-index:1;transition:background .3s,transform .39s var(--ease)}.page-index .index-trigger i{width:15px;height:10px;border-block:1px solid;background:transparent}.page-index .index-trigger span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.page-index.is-open .index-trigger{transform:translateX(calc(-1 * min(440px,90vw) + 3px))}.page-index nav a{padding:.2rem 0;font-size:1rem;color:#f3ebee}.page-index nav section{border-bottom:1px solid #47333c;padding-bottom:.5rem}.page-index nav strong{color:#e6aeb7}.page-index[hidden],.index-shade[hidden]{display:none!important}
.mesa .hero{isolation:isolate;overflow:hidden}.mesa .hero>img,.nox .hero>img{z-index:0}.mesa .hero:before,.nox .hero:before{z-index:1;pointer-events:none;background:linear-gradient(0deg,#100e09db,rgba(15,14,9,.28) 85%)}.mesa .hero-content,.nox .hero-content{z-index:2;position:relative}.screen-slide.mesa:after{background:linear-gradient(0deg,#100e09d6,#100e093d)}.diff-new.mesa img{filter:brightness(.54)}.concept-note{font-size:.85rem}.concept-header,.atelier-head{z-index:3}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.mesa-story>img,.oak-hero>img,.oak-gallery figure:not([hidden])>img,.filmstrip img,.compare-section .compare-heading{animation:scene-reveal linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes scene-reveal{0%{opacity:.55;transform:translateY(12px) scale(.985)}25%,75%{opacity:1;transform:none}100%{opacity:.8;transform:translateY(-8px)}}}}
.lockup{display:inline-flex;align-items:center;gap:.55em;line-height:1.1;margin-bottom:.8rem}.lockup svg{width:3rem;height:2.5rem;flex:none}.lockup b,.diff-new .lockup b{display:block;font:600 1.15rem/1.1 Instrument,Arial;margin:0}.lockup small{display:block!important;font-size:.65rem!important;letter-spacing:.08em}.lockup.finalmark.mesa b{font:italic 1.6rem Georgia,serif}.lockup.finalmark.oak b{font:1.35rem Georgia,serif}.lockup.legacy{color:#514636}.diff-old>p,.diff-old>small{margin:.65rem 0!important}.brand-study-note{max-width:55ch;margin:1rem auto 3rem}.brand-study-note>span{font-size:.9rem}.menu-design{padding:1.5rem;background:#f2e8ce;color:#393b27;border:1px solid #c9b990}.menu-design>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #988b70}.menu-design>div>small{color:#585539;font-size:.65rem}.menu-design p{font:italic 1.6rem Georgia,serif;margin:.8rem 0;color:#373d29}.menu-design dl{display:grid;grid-template-columns:1fr auto;gap:.6rem}.menu-design dd{margin:0}.audit-example{padding:1rem;background:#f6f3ec;color:#2b2730;display:grid;gap:.4rem}.audit-example small{color:#594454}.audit-example strong{font-size:1.05rem}.audit-example del{color:#75656a}.audit-example p{color:#37323a!important;margin:0!important}.expertise a span,.row p,.intro{color:#dcd5d4}.diff-new strong{font-size:clamp(1.4rem,3vw,3.3rem)}.inline-study span .link-arrow{position:relative;bottom:auto;left:auto;padding:0;background:none;border-radius:0}
@media(max-width:760px){body:not(.nox,.oak,.mesa)>header{position:fixed;inset:0 0 auto;height:62px;z-index:65;background:#101113f5}body:not(.nox,.oak,.mesa)>main{padding-top:62px}.story{height:163svh}.story-stage{display:block;padding:14svh 6vw 0;height:100svh}.story-copy{max-width:94%}.story-copy h1{font-size:clamp(2.3rem,8.8vw,4rem);max-width:12ch}.story-copy p{max-width:33ch;font-size:1rem;margin:.85rem 0}.story-copy a{font-size:.9rem}.story-beat{bottom:12%;right:7%}.chromafield{background:radial-gradient(ellipse at 48% 67%,#6b253f,transparent 46%),#111113}.page-index .index-trigger{width:36px;height:36px;top:auto;bottom:14px;right:9px}.page-index.is-open .index-trigger{transform:none;bottom:12px;z-index:2}.page-index nav:not([hidden]){padding:2rem 1.3rem 4rem}.lockup svg{width:2rem}.diff-old>p:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.story{height:auto}.story-stage{position:relative;min-height:80svh;height:auto}.story-beat{display:none}.chromafield,.story-stage *{animation:none!important}.story-copy{opacity:1;transform:none}.page-index nav,.index-shade,.page-index button{transition:none!important}}
.page-index.is-open .index-trigger{transform:none;right:12px;top:16px}.page-index.is-open .index-trigger i{border:0;width:16px;height:16px;background:linear-gradient(45deg,transparent 46%,currentColor 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,currentColor 47% 53%,transparent 54%)}.page-index.is-open nav{padding-top:4rem}.diff-old p{max-width:34ch}
.story:has(.story-stage) .story-copy{transition:opacity .15s}.story-copy a:focus-visible{outline:3px solid #fff}.index-shade:not(.is-open){pointer-events:none}.page-index.is-open{z-index:95}
@media(max-width:760px) and (max-height:680px){.story-stage{padding-top:9svh}.story-copy p{margin:.5rem 0}.story-copy h1{font-size:clamp(2rem,7vw,2.75rem)}.story-skip{bottom:3%}}