@font-face{font-family:'NB International Book';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/NBInternationalPro-Book.woff') format('woff');}
@font-face{font-family:'Season Mix';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/SeasonMix-Light.woff') format('woff');}
@font-face{font-family:'Season Mix';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/SeasonMix-Regular.woff') format('woff');}
@font-face{font-family:'NB International Pro';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/NBInternationalPro-Light.woff') format('woff');}
@font-face{font-family:'NB International Pro';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/NBInternationalPro-Regular.woff') format('woff');}
@font-face{font-family:'NB International Pro';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/NBInternationalPro-Medium.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/spectral-latin-300-normal.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:300;font-display:swap;src:url('assets/fonts/spectral-latin-300-italic.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/spectral-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/spectral-latin-400-italic.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/spectral-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Spectral';font-style:italic;font-weight:500;font-display:swap;src:url('assets/fonts/spectral-latin-500-italic.woff2') format('woff2');}
:root{--bg:#001a0b;--bg-deep:#001207;--ink:#e8ede2;--muted:#9aaa99;--lime:#d5e96d;--line:rgba(228,238,221,.2);--sans:'Manrope',Arial,sans-serif;--serif:'Spectral',Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}main{background:var(--bg)}html{background:#000a04;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#000a04;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}h1,h2,h3,p{margin:0}button{background:none}button:disabled{cursor:default}.skip-link{position:fixed;top:-100px;left:16px;background:var(--lime);color:var(--bg);padding:14px;z-index:1000}.skip-link:focus{top:16px}.site-header{position:fixed;z-index:100;top:26px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}/* Compact capsule: 16px per item, no gaps, 4px outer horizontal padding. */
.glass-nav{
  pointer-events:auto;display:flex;align-items:center;justify-content:center;
  width:max-content;max-width:calc(100% - 24px);height:50px;gap:0;padding:0 4px;border-radius:999px;
  background:transparent;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.glass-nav a{
  position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;
  height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;
  color:#b8c6b9;opacity:1;font-family:'NB International Book','NB International Pro',Arial,sans-serif;
  font-size:15px;font-weight:400;line-height:20px;letter-spacing:-.5px;text-transform:none;
  white-space:nowrap;transition:color .2s ease,background-color .2s ease;
}
.glass-nav a::after{
  content:'';position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;
  background:#FF623B;transform:translateX(-50%);opacity:0;transition:opacity .2s ease;
}
.glass-nav a.active{color:#fff;background:transparent}
.glass-nav a.active::after{opacity:1}
@media(hover:hover){.glass-nav a:not(.active):hover{background:rgba(255,255,255,.08);color:#fff}}

.hero{height:calc(100svh + 300px);min-height:0;position:relative;overflow:hidden;isolation:isolate;background:var(--bg)}
.hero::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#000,transparent);opacity:.6;pointer-events:none}
.hero::after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:300px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.hero-canvas{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:pan-y;overflow:hidden;user-select:none}
.hero-canvas.dragging{cursor:grabbing}
.canvas-world{position:absolute;width:0;height:0;left:0;top:0;will-change:transform}
.canvas-cell{position:absolute;left:0;top:0;width:0;height:0}
.canvas-tile{position:absolute;transform:translate(-50%,-50%)}
.canvas-parallax{width:100%;height:100%;transform:translate3d(calc(var(--hero-pointer-x,0px)*var(--pointer-depth,1)),calc(var(--hero-pointer-y,0px)*var(--pointer-depth,1)),0);opacity:var(--hero-opacity,1)}
.canvas-art{position:relative;width:100%;height:100%;overflow:hidden;transform-origin:center;transform:scale(.9)}
.canvas-art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-copy{position:absolute;z-index:3;top:50svh;left:4.5%;right:6%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;gap:24px 64px;pointer-events:none}
.hero-wordmark{flex:none;width:171px;height:26px;margin:0}
.hero-wordmark img{object-fit:contain}
.hero-statement{flex:none;width:max-content;font-family:var(--serif);font-size:clamp(32px,2.6vw,42px);font-weight:400;line-height:.99;letter-spacing:-1.5px}
.hero-line{display:block;overflow:hidden;padding-block:.08em;margin-block:-.08em}
.hero-line>span{display:block}
.hero-copy.stacked{left:24px;right:24px;flex-direction:column;justify-content:center;gap:24px;text-align:center}
/* One entrance, after fonts and artwork are ready; pan transforms stay separate. */
.js .hero:not(.intro-ready) .canvas-art{opacity:0;filter:blur(8px);transform:scale(.72)}
.js .hero:not(.intro-ready) .hero-wordmark img{opacity:0}
.js .hero:not(.intro-ready) .hero-line>span{transform:translateY(115%)}
.hero.intro-ready:not(.intro-complete) .canvas-tile:not([data-extra]) .canvas-art{animation:hero-art-in 1.166667s var(--ease) both;animation-delay:var(--intro-delay)}
.hero.intro-ready:not(.intro-complete) .hero-wordmark img{animation:hero-logo-in .8s ease both;animation-delay:0s}
.hero.intro-ready:not(.intro-complete) .hero-line>span{animation:hero-line-in 1.2s var(--ease) both;animation-delay:0s}
.hero.intro-ready:not(.intro-complete) .hero-line:nth-child(2)>span{animation-delay:.15s}
.hero.intro-ready:not(.intro-complete) .hero-line:nth-child(3)>span{animation-delay:.3s}
body.motion-paused .site-header,body.motion-paused .hero-bottom{animation:none!important;opacity:1!important}
@keyframes hero-art-in{from{opacity:0;filter:blur(8px);transform:scale(.72)}to{opacity:1;filter:blur(0);transform:scale(.9)}}
@keyframes hero-logo-in{from{opacity:0}to{opacity:1}}
@keyframes hero-line-in{from{transform:translateY(115%)}to{transform:translateY(0)}}
body.motion-paused .hero .canvas-art,body.motion-paused .hero .hero-wordmark img,body.motion-paused .hero .hero-line>span{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}
.hero-bottom{position:absolute;z-index:3;left:0;right:0;top:calc(100svh - 62px);display:flex;justify-content:center;pointer-events:none}
.scroll-hint{pointer-events:auto;display:inline-block;padding:12px 16px;font-size:10px;font-weight:400;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);animation:scroll-pulse 2.4s ease-in-out infinite}
@keyframes scroll-pulse{0%,100%{opacity:1;filter:blur(0)}50%{opacity:.1;filter:blur(2px)}}
.hero.offscreen .scroll-hint{animation-play-state:paused}

.section-space{padding:150px 4.5%}.section-eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:500;text-align:center}/* About typography and collaboration presence. */
#about{--serif:'Season Mix',Georgia,serif;--sans:'NB International Pro',Arial,sans-serif;position:relative;min-height:max(960px,100svh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:160px 0;overflow:hidden;isolation:isolate}
#about>.section-eyebrow{margin-bottom:56px;color:var(--muted)}
#about .about-copy{width:70vw;max-width:none;font-family:var(--serif);font-size:clamp(42px,5.775vw,131.25px);font-weight:300;line-height:1.04;letter-spacing:-.035em;position:relative;z-index:2;text-align:left}
.word-mask{display:inline-block;vertical-align:top;padding:.05em .035em .13em;margin:-.05em -.035em -.13em}
.word-mask>span{display:inline-block;transform:translateY(20px);opacity:0;filter:blur(4px);transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1.4s cubic-bezier(.22,1,.36,1),filter 1.4s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}
.is-visible .word-mask>span{transform:none;opacity:1;filter:none}
#about .collaborators{position:absolute;inset:0;pointer-events:none;z-index:3}
#about .collab-cursor{position:absolute;left:0;top:0;width:max-content;color:var(--color);opacity:0;transition:opacity .65s ease;pointer-events:none;animation:none;filter:none}
#about .collab-cursor svg,#visitor-cursor svg{display:block;width:25px;height:26.667px;fill:currentColor;stroke:none;flex:none}
#about .cursor-label,#visitor-cursor .cursor-label{display:block;width:max-content;background:var(--color);color:#001a0b;font-family:var(--sans);font-size:20px;font-weight:300;line-height:1.2;letter-spacing:0;padding:8px 16px;border-radius:999px;margin-top:-5px;margin-left:15px;white-space:nowrap}
#visitor-cursor{--color:#FF623B;--sans:'NB International Pro',Arial,sans-serif;position:absolute;left:0;top:0;width:max-content;z-index:110;color:var(--color);visibility:visible;opacity:1;pointer-events:none;transition:none}
#about.has-visitor,#about.has-visitor *{cursor:none!important}

body:not(.js) #about .word-mask>span,body.motion-paused #about .word-mask>span{opacity:1;filter:none;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){#about .word-mask>span{opacity:1;filter:none;transform:none;transition:none}}
@media(max-width:700px){#about{min-height:860px;padding:120px 0}#about .about-copy{width:86vw;font-size:clamp(36px,7vw,46px)}#about>.section-eyebrow{font-size:8px;margin-bottom:42px}}

.origins{padding:160px 0 140px;overflow:hidden}
.origins p{font-family:'Season Mix',Georgia,serif;font-size:24px;font-weight:400;line-height:1.3;text-align:center;color:var(--ink);margin:0 auto 150px;max-width:90vw}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 23.04s linear infinite;padding-block:14px}
.logo-set{display:flex;align-items:center;justify-content:space-around;min-width:100vw;gap:85px;padding-right:85px;flex-shrink:0}
.logo-set img{display:block;width:var(--logo-w);height:var(--logo-h);object-fit:contain;flex-shrink:0;max-width:none}
@keyframes marquee{to{transform:translateX(-50%)}}
/* Each centred row has its own scroll entrance. */
.principles{--serif:'Season Mix',Georgia,serif;--sans:'NB International Pro',Arial,sans-serif;position:relative;padding-top:100px;padding-bottom:110px;text-align:center}
.principles>.section-eyebrow{margin-bottom:100px}
.principle-list{position:relative}
.principle{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;text-align:center;padding:47px 0;border-block:1px solid transparent;color:var(--ink);font-family:var(--serif);font-weight:300;font-size:clamp(30px,5.555556vw,120px);line-height:1.13;letter-spacing:0px;transition:color .35s,border-color .35s,transform 1s var(--ease) var(--principle-delay,0ms),opacity 1s var(--ease) var(--principle-delay,0ms),filter 1s var(--ease) var(--principle-delay,0ms)}
.js .principle{opacity:0;transform:translateY(20px);filter:blur(4px)}
.js .principle:not(.is-visible):not(:focus-visible){transition:color .35s,border-color .35s}
.js .principle.is-visible,.js .principle:focus-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.principle.in-focus,.principle:focus-visible{border-color:rgba(255,255,255,.08)}
.principle-content{display:flex;align-items:center;justify-content:center;gap:inherit;max-width:100%;opacity:var(--principle-opacity,1);transition:opacity .18s ease-out}
.principle.in-focus .principle-content,.principle:focus-visible .principle-content{opacity:1}
.principle-number{flex:none;font-family:var(--sans);font-size:20px;font-weight:400;letter-spacing:0;color:#a9bba6;min-width:24px;align-self:flex-start;padding-top:.55em}
.principle-preview{position:fixed;width:240px;height:185px;z-index:30;pointer-events:none;opacity:0;transform:translate(-50%,-70%) scale(.96);transition:opacity .12s ease-out,transform .18s var(--ease);border-radius:8px;overflow:hidden;background:#e7f197}
.principle-preview.visible{opacity:1;transform:translate(-50%,-70%) scale(1)}
.principle-preview img{object-position:60% 45%}

body.js.motion-paused .principle{opacity:1;transform:none;filter:none;transition:none}
@media(prefers-reduced-motion:reduce){.js .principle,.js .principle.is-visible,.js .principle:focus-visible{opacity:1;transform:none;filter:none;transition:none}}

.testimonials{padding-top:100px;padding-bottom:180px}.testimonials>.section-eyebrow{margin-bottom:110px}.testimonial-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;max-width:1280px;margin:auto}.testimonial-copy{padding-left:0}.sample-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#a6b8a0;margin-bottom:25px}blockquote{font-family:var(--serif);font-size:clamp(30px,3.3vw,49px);line-height:1.08;letter-spacing:-.045em;font-weight:300;margin:0 0 35px}.quote-name{font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px}.quote-role{font-size:10px;color:var(--muted)}.quote-controls{display:flex;align-items:center;gap:9px;margin-top:65px}.circle-button{border-radius:50%;width:46px;height:46px;border:1px solid #dbe6d11c;background:#e1eedb0c;display:inline-flex;align-items:center;justify-content:center;font-size:19px;transition:background .2s,transform .2s}.circle-button:hover{background:#e1eedb25;transform:translateY(-2px)}.quote-counter{margin-left:20px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.card-stack{height:595px;position:relative;margin-right:12px;perspective:1200px}.portrait-card{position:absolute;inset:0;border-radius:8px;overflow:hidden;transform-origin:50% 85%;transition:transform .75s var(--ease),filter .7s,opacity .4s;box-shadow:0 18px 40px #0002;backface-visibility:hidden}.portrait-card img{object-position:center}.portrait-card[data-card="1"] img{object-position:64% center}.portrait-card span{position:absolute;bottom:25px;left:25px;color:white;font-size:11px;opacity:.9}.portrait-card:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0002);pointer-events:none}.quote-changing{animation:quote-in .55s var(--ease)}@keyframes quote-in{from{opacity:0}to{opacity:1}}
.work{padding-top:60px;padding-bottom:90px}.work-heading{display:flex;justify-content:space-between;text-transform:uppercase;font-weight:500;letter-spacing:.17em;font-size:10px;margin-bottom:125px}.bento-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.bento{position:relative;overflow:hidden;border-radius:35px;height:500px;padding:0;text-align:left;isolation:isolate}.bento:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#001a0b99);opacity:0;transition:opacity .3s;pointer-events:none}.bottle{width:132px;height:235px;position:relative;transform:rotate(15deg);filter:drop-shadow(12px 18px 14px #00140750)}.cap{position:absolute;width:53px;height:68px;background:linear-gradient(90deg,#131d15,#3e473f 30%,#687267 55%,#19271c 100%);top:0;left:40px;border-radius:16px 16px 4px 4px;z-index:2}.cap:after{content:'';position:absolute;bottom:0;left:-9px;right:-9px;height:22px;border-radius:4px;background:repeating-linear-gradient(90deg,#212e23 0px,#313f2e 2px,#43513c 3px,#233522 4px)}.bottle-body{position:absolute;bottom:0;left:0;width:132px;height:177px;border-radius:26px 26px 20px 20px;background:linear-gradient(90deg,#082a17,#215d35 20%,#427346 38%,#174e24 68%,#02270f);box-shadow:inset 2px 0 5px #cbe1b42b,inset -5px 0 9px #0005}.bottle-label{position:absolute;inset:37px 2px 13px;border-radius:2px;background:linear-gradient(90deg,#c6d3c4,#f9f9ed 30%,#e6e9dd);color:#143321;padding:13px 12px;display:flex;flex-direction:column}.bottle-label b{font-size:31px;letter-spacing:-3px;line-height:1}.bottle-label>span{font-family:var(--serif);font-size:13px;margin-top:10px;line-height:1.1}.bottle-label small{font-size:5px;letter-spacing:.8px;margin-top:auto;line-height:1.7}.tile-bottle .bottle{margin:22px auto;transform:rotate(0) scale(1.03)}
.billboard-sky{position:absolute;inset:0 0 25%;background:linear-gradient(#c1cbd1,#e5e1cd 83%,#6d7556 84%,#2f3f29 100%)}.billboard-ground{position:absolute;inset:76% 0 0;background:repeating-linear-gradient(177deg,#6c6a50 0px,#827759 3px,#535643 6px,#7c745f 8px)}.billboard-frame{position:absolute;inset:17% 8% 19%;background:#cbc8b7;border:8px solid #c6c6b8;box-shadow:3px 7px 10px #0006;z-index:2}.billboard-frame:before,.billboard-frame:after{content:'';position:absolute;top:100%;height:38%;width:9px;background:#9c9e94;box-shadow:2px 0 #484d45;z-index:-1}.billboard-frame:before{left:16%}.billboard-frame:after{right:16%}.billboard-poster{position:absolute;inset:0;background:linear-gradient(120deg,#f1c29c,#ff7e43 70%);color:#42280e;padding:4% 3%;overflow:hidden}.billboard-poster>span{font-family:var(--serif);font-size:clamp(22px,3.4vw,53px);letter-spacing:-.07em;line-height:1;white-space:nowrap;position:relative;z-index:2}.billboard-poster>b{position:absolute;top:38%;right:8%;font-size:39px;letter-spacing:-4px}.poster-sun{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:linear-gradient(155deg,#ee3d16,#802b06);left:6%;top:58%;box-shadow:0 -20px 70px #f84b22}.poster-sun:after{content:'';position:absolute;inset:-20% 15%;border-radius:70%;transform:rotate(-35deg);background:linear-gradient(90deg,#5a290f,#db4d12 60%,#fd8041);box-shadow:15px 0 28px #ffb252}.tile-billboard .billboard-poster>span{font-size:27px}.tile-billboard .billboard-poster>b{font-size:22px;letter-spacing:-2px}.tile-billboard .billboard-frame{border-width:5px}.phone,.mini-phone{position:relative;background:#f7f8ec;color:#183926;border:5px solid #d5d5be;outline:1px solid #737b69;border-radius:30px;box-shadow:8px 15px 30px #0004;width:196px;height:375px;padding:22px 12px 10px;overflow:hidden;font-family:var(--sans)}.phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);background:#0d1b12;width:58px;height:14px;border-radius:30px}.phone-top{font-size:8px;display:flex;justify-content:space-between;margin-top:7px}.phone-avatar{background:#efb780;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px}.phone h3{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:-1px;line-height:1.05;margin-top:13px}.phone-date{font-size:6px;text-transform:uppercase;letter-spacing:.7px;margin-top:6px;color:#708573}.progress-ring{width:100px;height:100px;border:7px solid #dfe7d3;border-top-color:#759755;border-right-color:#a1b979;border-radius:50%;margin:15px auto 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;font-family:var(--serif);line-height:1;transform:rotate(-15deg)}.progress-ring small{font-family:var(--sans);font-size:6px;margin-top:6px}.phone-stats{display:flex;justify-content:space-between;font-size:8px;padding-bottom:9px;border-bottom:1px solid #18392616}.phone-stats span{display:flex;flex-direction:column;gap:4px;text-align:center}.phone-stats small{font-size:5px;color:#65745a}.phone-task{background:#e6edd8;border-radius:12px;padding:10px;margin-top:10px;font-size:8px;line-height:1.5}.phone-task b{display:block;font-size:11px}.phone-nav{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:13px}.mini-phone{width:128px;height:245px;border-radius:17px;border-width:3px;padding:27px 10px 12px}.mini-phone>small{font-size:6px;display:block;margin-top:5px}.mini-phone>b{font-family:var(--serif);font-size:15px;font-weight:400;line-height:1;display:block;margin-top:8px}.mini-phone .progress-ring{width:75px;height:75px;font-size:24px;border-width:5px}.mini-phone .phone-notch{width:36px;height:9px;top:4px}.phone-lines{height:32px;background:repeating-linear-gradient(#edf0df 0 6px,transparent 6px 10px);border-radius:4px}.app-controls{position:absolute;bottom:20px;left:0;right:0;text-align:center}.app-controls button{font-size:10px;backdrop-filter:blur(10px);background:#001b0ca8;padding:12px 20px;border:1px solid #ffffff30;border-radius:30px}.app-controls span{margin-left:22px}.play-copy{position:absolute;left:35px;top:35px;z-index:2;pointer-events:none}.small-label{font-size:9px;text-transform:uppercase;letter-spacing:.15em}.play-copy p{font-family:var(--serif);font-size:42px;line-height:1.02;letter-spacing:-2px;margin-top:20px}.play-orb{position:absolute;width:320px;height:320px;right:6%;bottom:1%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 24%,#f2ffc9 0,#d5e96d 22%,#779e1e 50%,#284d18 73%,#bac872 100%);box-shadow:inset -14px -19px 25px #001b0c60,15px 20px 30px #2748221c;transition:background .7s,transform .25s ease-out;transform:rotate(-15deg)}.play-orb span{font-size:290px;color:#184b28;line-height:1;mix-blend-mode:overlay;text-shadow:1px 1px 2px #ecff9c;animation:orb-spin 28s linear infinite}.play-controls{position:absolute;bottom:28px;left:35px;display:flex;align-items:center;gap:8px;z-index:2}.mood-button{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:3px solid #e9eae5;outline:1px solid transparent}.mood-button.active{outline-color:#23442b}.play-controls>span{font-size:9px;margin-left:8px;color:#48634d}@keyframes orb-spin{to{transform:rotate(360deg)}}
.join{position:relative;min-height:940px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#042411 0,transparent 60%)}.join-copy{position:relative;text-align:center;z-index:2;pointer-events:none}.join-copy>*{pointer-events:auto}.join-copy .section-eyebrow{font-size:8px;color:#a7b69e;margin-bottom:22px}.join-copy h2{font-family:var(--serif);font-weight:300;font-size:clamp(50px,5.5vw,80px);line-height:1.1;letter-spacing:-4px;margin-bottom:28px}.outline-button{display:inline-flex;gap:30px;align-items:center;border:1px solid #dbe8d373;border-radius:30px;padding:12px 24px;font-size:10px;transition:background .25s,color .25s}.outline-button:hover{background:var(--ink);color:var(--bg)}.orbit{position:absolute;left:50%;top:50%;width:0;height:0}.orbit-item{position:absolute;left:0;top:0;width:100px;height:100px;border-radius:50%;overflow:hidden;will-change:transform;border:1px solid #ffffff18;box-shadow:0 8px 25px #0002}.orbit-item img{object-position:60% center}.orbit-item .orbit-art{height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:60px;color:#07351c}.orbit-controls{position:absolute;bottom:70px;left:0;right:0;display:flex;gap:20px;align-items:center;justify-content:center}.orbit-controls>span{font-size:9px;color:#91a88e}.orbit-controls .circle-button{width:30px;height:30px;font-size:14px}footer{padding:25px 4.5% 10px;background:var(--bg-deep);overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0 55px;color:#a9b8a3;font-size:10px;border-top:1px solid #d9e6d226}.footer-top>div{display:flex;gap:30px;align-items:center}.footer-top button{font-size:10px;padding:0}.footer-top a:hover,.footer-top button:hover{color:var(--ink)}.footer-wordmark{display:flex;align-items:baseline;justify-content:space-between;line-height:.85}.footer-wordmark>span:first-child{font-weight:600;font-size:clamp(100px,19vw,300px);letter-spacing:-.1em;margin-left:-.06em}.footer-wordmark>span:last-child{font-family:var(--serif);font-weight:300;font-size:clamp(100px,19vw,300px);letter-spacing:-.08em;margin-right:.02em}.footer-meta{font-size:9px;line-height:1.7;color:#a7b69e;padding:0 20px 24px}.footer-meta>span{font-size:8px;color:#6f876c}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform 1.15s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.footer-wordmark .reveal:nth-child(2){transition-delay:.12s}.footer-wordmark .reveal:nth-child(3){transition-delay:.24s}body:not(.js) .reveal{opacity:1;transform:none}body:not(.js) .word-mask>span{transform:none}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .reveal{opacity:1;transform:none;transition:none}body.motion-paused .word-mask>span{transform:none;transition:none}body.motion-paused{scroll-behavior:auto}.offscreen .collab-cursor,.offscreen .marquee-track,.offscreen .play-orb span{animation-play-state:paused}dialog{padding:0;border:1px solid #dbe8d336;border-radius:24px;background:#082713;color:var(--ink);width:min(960px,calc(100% - 40px));max-height:90vh;overflow-y:auto;box-shadow:0 30px 100px #0008}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#001006cc;backdrop-filter:blur(15px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:5;background:#001d0ccc}.project-copy{padding:80px 45px 55px}.project-copy h2{font-family:var(--serif);font-weight:300;font-size:50px;line-height:1;letter-spacing:-2px;margin:22px 0}.project-copy p{font-size:13px;line-height:1.7;color:#b8c9b2}.project-copy .outline-button{margin-top:35px}#project-art{min-height:500px;position:relative;background:#426984;overflow:hidden}#project-art>img{position:absolute;inset:0}#project-art .bottle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(15deg) scale(1.6)}
@media(min-width:1700px){.bento{height:600px}}
@media(max-width:1100px){.section-space{padding:110px 5%}.principle{gap:18px;padding:45px 0}.principles>.section-eyebrow{margin-bottom:70px}.testimonial-layout{gap:9%}.card-stack{height:490px}.bento{height:400px;border-radius:26px}.play-orb{width:245px;height:245px;right:4%;bottom:8%}.play-orb span{font-size:230px}.play-copy p{font-size:35px}.footer-meta{font-size:7px}.footer-meta>span{font-size:6px}.join{min-height:850px}}
@media(max-width:700px){html{scroll-padding-top:85px}.site-header{top:15px}.section-space{padding:90px 6%}.origins{padding:150px 0 80px}.origins p{margin-bottom:90px}.logo-set{gap:45px;padding-right:45px}.logo-set>span{font-size:25px}.logo-set .logo-google{font-size:26px}.logo-set .logo-intercom{font-size:16px}.logo-set .logo-neko{font-size:18px}.logo-set .logo-withings{font-size:17px}.logo-set .logo-cleo{font-size:20px}.section-eyebrow{font-size:8px}.principles{padding-top:75px;padding-bottom:65px}.principles>.section-eyebrow{margin-bottom:50px}.principle{font-size:30px;line-height:1.08;gap:12px;padding:42px 0;letter-spacing:0px}.principle-number{padding-top:3px}.principle-preview{display:none}.testimonials{padding-top:60px;padding-bottom:100px}.testimonials>.section-eyebrow{margin-bottom:55px}.testimonial-layout{display:flex;flex-direction:column-reverse;gap:60px}.card-stack{width:calc(100% - 30px);max-width:400px;height:440px;margin-right:0}.testimonial-copy{width:100%}blockquote{font-size:35px;line-height:1.12;margin-bottom:25px}.quote-controls{margin-top:30px}.sample-label{font-size:8px;margin-bottom:18px}.work{padding-top:25px;padding-bottom:55px}.work-heading{font-size:8px;margin-bottom:85px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bento{height:290px;border-radius:19px;grid-column:span 1}.bento:after{opacity:1}.play-copy{left:25px;top:25px}.play-copy p{font-size:32px;margin-top:17px}.small-label{font-size:7px}.play-orb{width:215px;height:215px;bottom:40px;right:12px}.play-orb span{font-size:200px}.play-controls{bottom:24px;left:25px}.join{min-height:680px}.join-copy .section-eyebrow{font-size:6px;letter-spacing:.13em;margin-bottom:15px}.join-copy h2{font-size:46px;letter-spacing:-2.5px;margin-bottom:20px}.outline-button{font-size:8px;gap:20px;padding:10px 17px}.orbit-item{width:60px;height:60px}.orbit-item .orbit-art{font-size:38px}.orbit-controls{bottom:40px;gap:12px}.orbit-controls>span{font-size:7px}.footer-top{font-size:8px;align-items:flex-start;padding:25px 0 40px;gap:20px}.footer-top>div{gap:13px;flex-wrap:wrap;justify-content:flex-end}.footer-top button{font-size:8px}.footer-top>span{max-width:90px;line-height:1.6;flex-shrink:0}.footer-wordmark{flex-wrap:wrap;position:relative;padding-bottom:10px}.footer-wordmark>span:first-child,.footer-wordmark>span:last-child{font-size:23vw}.footer-meta{order:3;width:100%;font-size:8px;padding:30px 0 10px;display:flex;gap:15px;line-height:1.5}.footer-meta>span{font-size:7px;margin-left:auto}dialog[open]{display:block}#project-art{min-height:310px}.project-copy{padding:35px 25px}.project-copy h2{font-size:39px}.project-copy p{font-size:12px}.project-copy .outline-button{margin-top:25px}.project-copy .small-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal{opacity:1;transform:none}.word-mask>span{transform:none}}

@media(max-width:700px){.orbit-controls .circle-button{width:44px;height:44px}.play-controls{gap:12px}.mood-button{position:relative}.mood-button:before{content:"";position:absolute;inset:-11px}}

/* Custom type is introduced in the top section for this design pass. */
.site-header,.hero{--serif:'Season Mix',Georgia,serif;--sans:'NB International Pro',Arial,sans-serif;font-family:var(--sans)}


@media(max-width:460px){
  .glass-nav{height:auto;min-height:50px;flex-wrap:wrap;gap:0;padding:6px 4px}
  .glass-nav a{flex:0 0 33.333333%;font-size:14px;padding-inline:16px}
}
@media(max-width:700px){
  .hero-bottom{top:calc(100svh - 50px)}
  .scroll-hint{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.scroll-hint{animation:none;opacity:1;filter:none}.hero .canvas-art,.hero .hero-wordmark img,.hero .hero-line>span{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}

@media(prefers-reduced-motion:reduce){.js .site-header,.js .hero-bottom{animation:none!important;opacity:1!important}.js .scroll-hint{animation:none!important;opacity:1;filter:none}}

body.motion-paused .hero .canvas-art{transform:scale(.9)!important}
@media(prefers-reduced-motion:reduce){.hero .canvas-art{transform:scale(.9)!important}}

/* Copy areas stay clear until actual dragging or keyboard exploration begins. */
.hero:not(.grid-filled) .canvas-cell[data-row="0"][data-column="0"] .canvas-tile[data-extra]{visibility:hidden}
.hero.grid-filled .canvas-tile[data-extra]{visibility:visible}
.hero.grid-revealing .canvas-tile[data-extra] .canvas-art{animation:hero-art-in 1.166667s var(--ease) both;animation-delay:var(--fill-delay,0s)}

/* About refinements and the return-to-top scroll cue. */
.hero-bottom{transition:opacity .25s ease,visibility .25s ease}
.hero-bottom.cue-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hero-bottom.cue-hidden .scroll-hint{pointer-events:none}


.word-highlight{display:inline-block;position:relative;padding:0 .07em;margin:0 -.07em}
#about .word-mask{opacity:1;transition:opacity .3s ease}
#about .about-copy.has-word-focus .word-mask{opacity:.2}
#about .about-copy.has-word-focus .word-highlight.word-focused .word-mask{opacity:1}
#about .cursor-visual,#visitor-cursor .cursor-visual{width:max-content;transform-origin:0 0;opacity:1;transform:scale(1);transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}
#about .cursor-reserved .cursor-visual{opacity:0;transform:scale(.9)}
#visitor-cursor .cursor-visual{opacity:0;transform:scale(.88);transition-delay:0s}
#visitor-cursor.is-active .cursor-visual{opacity:1;transform:scale(1);transition-delay:.2s}
body:not(.js) #about>.about-eyebrow,body:not(.js) #principles>.section-eyebrow,body.motion-paused #about>.about-eyebrow,body.motion-paused #principles>.section-eyebrow{opacity:1}

/* Principle dialog: the navigation sits outside the white content card. */
#principle-dialog{width:min(1152px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;color:#001a0b;border-radius:0}
#principle-dialog[open]{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:24px}
.principle-modal-card{overflow-x:hidden;position:relative;display:grid;grid-template-columns:1fr 1fr;min-width:0;max-height:calc(100svh - 48px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 100px #0005}
.principle-modal-image{width:100%;height:100%;min-height:520px;object-fit:cover}
.principle-modal-copy{display:flex;flex-direction:column;justify-content:center;padding:76px 44px 64px}
.principle-modal-copy h2{font-family:'Season Mix',Georgia,serif;font-weight:300;font-size:48px;line-height:1.08;letter-spacing:0;margin:0 0 28px}
.principle-modal-copy p{font-family:'NB International Pro',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:#001a0b;margin:0}
.principle-modal-close{position:absolute;right:16px;top:16px;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#001a0b;border:1px solid #001a0b26}
.principle-modal-close svg{width:20px;height:20px}
.principle-modal-nav{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:transparent;transition:background .2s ease}
.principle-modal-nav:hover{background:#ffffff20}
.principle-modal-nav svg{width:24px;height:24px}
#principle-dialog button:focus-visible{outline-color:#FF623B}
@media(max-width:760px){#principle-dialog{width:calc(100% - 32px);max-height:calc(100svh - 32px)}#principle-dialog[open]{grid-template-columns:1fr 1fr;gap:16px}.principle-modal-card{grid-column:1/-1;grid-row:1;display:block;max-height:calc(100svh - 104px)}.principle-modal-image{height:220px;min-height:0}.principle-modal-copy{padding:32px 28px 40px}.principle-modal-copy h2{font-size:36px;margin-bottom:22px}.principle-modal-nav{grid-row:2;justify-self:end}.principle-modal-nav:last-child{justify-self:start}}

/* Shared eyebrow typography and a left-to-right letter entrance. */
#about>.about-eyebrow,#principles>.section-eyebrow,#people>.section-eyebrow,.work-heading{font-family:'NB International Pro',Arial,sans-serif;font-size:18px;font-weight:500;letter-spacing:4px;line-height:1.2;color:var(--ink);text-transform:uppercase;opacity:1;transform:none;transition:none}
.eyebrow-letter{display:inline-block;white-space:pre}
.js .eyebrow-animated:not(.is-visible) .eyebrow-letter{opacity:0;transform:translateY(4px)}
.eyebrow-animated.is-visible .eyebrow-letter{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--letter-delay,0ms)}
.work-heading{position:relative;display:flex;justify-content:center}
.work-heading>span{display:block;white-space:nowrap;transform:none}
body.motion-paused .eyebrow-animated .eyebrow-letter{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.js .eyebrow-animated .eyebrow-letter{opacity:1!important;transform:none!important;transition:none!important}}

/* Testimonials: a straight deck with a 15 px step beneath each card. */
.testimonials{--serif:'Season Mix',Georgia,serif;--sans:'NB International Pro',Arial,sans-serif}
.testimonial-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;max-width:1320px}
#quote-text,.quote-measure-text{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.34vw,48px);line-height:1.08;letter-spacing:0;margin-bottom:44px}
.quote-name,.quote-role{font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:4px;text-transform:uppercase;color:var(--ink)}
.quote-name{margin-bottom:2px}
.testimonial-copy.reveal,.card-stack.reveal{transform:none;transition:opacity .8s ease}
.quote-controls{gap:12px;margin-top:64px}
.quote-controls .circle-button{width:60px;height:60px;border:0;color:#fff;background:rgba(255,255,255,.08);flex:none}
.quote-controls .circle-button:hover{background:rgba(255,255,255,.14);transform:none}
.quote-controls svg{width:48px;height:48px}
.quote-counter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
.card-stack{height:auto;aspect-ratio:1360/1482;margin:0 0 30px;perspective:none;touch-action:pan-y;user-select:none;cursor:pointer;isolation:isolate}
.portrait-card{border-radius:24px;transform-origin:50% 100%;transition:transform .413793s var(--ease),filter .413793s;backface-visibility:visible;pointer-events:none}
.portrait-card img,.portrait-card[data-card="1"] img{object-position:center;pointer-events:none}
.portrait-card:after{display:none}
.portrait-card.dragging{transition:none}
body.motion-paused .portrait-card{transition:none}
@media(prefers-reduced-motion:reduce){.portrait-card{transition:none}}
.card-stack.is-dragging{cursor:grabbing}
@media(max-width:700px){#quote-text,.quote-measure-text{font-size:36px}.quote-name,.quote-role{font-size:16px;letter-spacing:4px}.testimonial-layout{gap:64px}.card-stack{height:auto;max-width:400px;width:100%;margin-bottom:30px}.quote-controls{margin-top:36px}}

/* Refined scale and supplied bento artwork. */
.card-stack{width:75%;justify-self:center;margin-inline:auto}
.bento>img.bento-supplied{object-fit:cover;object-position:center;width:100%;height:100%}
.bento-static{cursor:default}
#principle-dialog[open]::backdrop{animation:principle-backdrop-in .32s ease both}
@keyframes principle-backdrop-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.card-stack{width:75%;max-width:300px}}

.principle-modal-card{overflow-x:hidden}

/* Passive image tiles without hover overlays. */
.bento:after{display:none!important}
/* One continuous, inverted hero gradient behind the join section and footer. */
.closing-scene{position:relative;isolation:isolate;background:var(--bg)}
.closing-scene:before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,transparent,#000);opacity:.6;pointer-events:none}
.closing-scene>#join,.closing-scene>#footer{position:relative;z-index:1;background:transparent}
.join{--serif:'Season Mix',Georgia,serif;--sans:'NB International Pro',Arial,sans-serif}
.join-copy .outline-button{font-family:'NB International Pro',Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.2;gap:16px;min-height:48px;padding:14px 26px}
@media(max-width:700px){.join-copy .outline-button{padding:12px 19px}}
.join-copy .outline-button img{width:15px;height:11px;object-fit:contain}
.join-copy .outline-button:hover{background:rgba(255,255,255,.08);color:var(--ink)}
.orbit-item{border:0;box-shadow:none}
.orbit-item img{object-fit:contain;object-position:center}
/* Align the Season Mix lowercase ink (529/1000 em) with the SVG top.
   At .85 line-height the baseline is .7855em from the box top. */
#footer{padding:calc(36px + min(2.5875vw,55.89px)) 48px 32px;border:0;overflow:hidden}
.footer-lockup{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,3vw,64px)}
.footer-voy{width:22.638889vw;max-width:489px;height:auto;object-fit:contain;flex:none}
.footer-design{position:relative;top:-.2565em;margin-right:-.027em;font-family:'Season Mix',Georgia,serif;font-size:clamp(60px,12.5vw,270px);font-weight:300;line-height:.85;letter-spacing:0;color:#fff;flex:none}
.footer-combined-logo{display:none}
.footer-links{display:flex;align-self:center;justify-content:center;align-items:center;gap:24px;flex-wrap:nowrap;flex-shrink:0;font-family:'NB International Pro',Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}
/* Centre the links on the SVG o (50.9178 of 139), excluding its y descender.
   The 2px correction excludes the links’ underline padding. */
@media(min-width:1281px){.footer-links{position:relative;top:calc(2px - min(1.776542vw,38.3733px))}}
.footer-links a,.motion-toggle{position:relative;padding-bottom:4px;text-decoration:none;white-space:nowrap}
.footer-links a:before,.footer-links a:after,.motion-toggle:before,.motion-toggle:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#fff;pointer-events:none}
.footer-links a:before,.motion-toggle:before{opacity:.16}
.footer-links a:after,.motion-toggle:after{transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.25,.46,.45,.94)}
.footer-links a:hover:after,.footer-links a:focus-visible:after,.motion-toggle:hover:after,.motion-toggle:focus-visible:after{transform:scaleX(1)}
.footer-links.reveal{transition-delay:.12s}
.footer-design.reveal,.footer-combined-logo.reveal{transition-delay:.24s}


@media(max-width:1280px){
 #footer{padding:36px 48px 32px}
 .footer-lockup{display:flex;flex-direction:column;align-items:center;gap:48px}
 .footer-voy,.footer-design{display:none}
 .footer-links{gap:24px}
 .footer-combined-logo{display:block;width:min(100%,500px);height:auto}
 
}
@media(max-width:600px){#footer{padding-inline:24px}.footer-lockup{gap:40px}.footer-links{gap:24px}}
@media(prefers-reduced-motion:reduce){.footer-links a:after,.motion-toggle:after{transition:none}}

/* Controls belong to the stable layout, never to the changing quotation. */
#quote-content{display:grid;flex:none}
.quote-current,.quote-reserve{grid-area:1 / 1;min-width:0}
.quote-reserve{visibility:hidden;pointer-events:none;user-select:none}
.testimonial-layout{position:relative;align-items:stretch;overflow-anchor:none}
.testimonial-copy{display:flex;flex-direction:column;padding-bottom:96px}
.testimonial-layout>.quote-controls{position:absolute;left:0;bottom:0;margin:0;padding:0;transform:none;transition:opacity .8s ease;z-index:2}
.card-stack{align-self:start}
/* Give longer quotes room at portrait tablet and smaller desktop widths. */
@media(min-width:701px) and (max-width:1280px){
  .testimonial-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px)}
  .card-stack{width:90%}
  .quote-name,.quote-role{font-size:clamp(12px,1.25vw,16px);letter-spacing:clamp(2px,.25vw,3.2px)}
  #quote-text,.quote-measure-text{margin-bottom:clamp(28px,3.4vw,44px)}
}
@media(max-width:700px){.card-stack{align-self:center}}

/* Both modal collections share a square image viewport and stable card size. */
.principle-modal-media{min-width:0;overflow:hidden}
#principle-dialog{width:min(1152px,calc(100% - 48px),calc((100svh - 48px)*2 + 144px))}
#principle-dialog .principle-modal-card{aspect-ratio:2/1;grid-template-rows:minmax(0,1fr);overflow:hidden}
#principle-dialog .principle-modal-media{position:relative;width:100%;aspect-ratio:1/1;align-self:start}
#principle-dialog .principle-modal-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
#principle-dialog .principle-modal-copy{contain:size;min-height:0;overflow:auto;padding:32px 36px;justify-content:safe center}
@media(max-width:760px){
 #principle-dialog{width:calc(100% - 32px)}
 #principle-dialog .principle-modal-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);aspect-ratio:auto;height:min(700px,calc(100svh - 104px))}
 #principle-dialog .principle-modal-copy{padding:28px;justify-content:flex-start}
}

/* Shared warm neutral surface for both principles and work modals. */
.principle-modal-card,.principle-modal-close{background:#F0E8D6}
/* A slower, staggered slide with quadratic ease-out. Hover zoom stays separate. */
.bento.reveal{transform:translateY(50px);transition:opacity 1.038462s cubic-bezier(.25,.46,.45,.94),transform 1.153846s cubic-bezier(.25,.46,.45,.94)}
.bento.reveal.is-visible{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.bento.reveal{opacity:1;transform:none;transition:none}}

/* The loop inherits its tile’s entrance, drag, scale and pointer movement. */
.canvas-art .hair-loop{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}
.canvas-art.hair-loop-ready .hair-loop{opacity:1}
.canvas-art.hair-loop-ready>img{opacity:0}
.canvas-art .hero-media-loop{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}
.canvas-art.hero-media-ready .hero-media-loop{opacity:1}
.canvas-art.hero-media-ready>img{opacity:0}
@media(max-width:700px){.logo-set img{width:calc(var(--logo-w)*.6);height:calc(var(--logo-h)*.6)}}

/* Mobile framing keeps a clear copy area, with floating artwork on both sides. */
.hero.mobile-grid:not(.grid-filled) .canvas-cell[data-row="0"][data-column="0"] .canvas-tile[data-art="fill-right"]{visibility:visible}
.hero.mobile-grid.intro-ready:not(.intro-complete) .canvas-tile[data-art="fill-right"] .canvas-art{animation:hero-art-in 1.166667s var(--ease) both;animation-delay:.55s}
.hero.mobile-grid.grid-revealing .canvas-tile[data-art="fill-right"] .canvas-art{animation:none}
/* Blur settles alongside the principle preview's existing fade and scale. */
.principle-preview{filter:blur(2px);transition:opacity .12s ease-out,transform .18s var(--ease),filter .18s ease-out}
.principle-preview.visible{filter:blur(0)}
@media(max-width:700px){.principle-number{font-size:10px;min-width:12px;padding-top:5px}}
/* Separate the orbit position from its image's depth-like entrance. */
.orbit-item{overflow:visible}
.orbit-visual{width:100%;height:100%;border-radius:50%;overflow:hidden;opacity:0;filter:blur(4px);transform:perspective(700px) rotateX(10deg) scale(.8);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease-out,filter 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--orbit-delay,0ms)}
.orbit.is-entered .orbit-visual{opacity:1;filter:blur(0);transform:perspective(700px) rotateX(0deg) scale(1)}
body:not(.js) .orbit-visual,body.motion-paused .orbit .orbit-visual{opacity:1;filter:none;transform:none;transition:none}
body.motion-paused .principle-preview{filter:none;transition:none}
@media(prefers-reduced-motion:reduce){.orbit-visual{opacity:1;filter:none;transform:none;transition:none}.principle-preview{filter:none;transition:none}}

@media(max-width:700px){.glass-nav{flex-wrap:nowrap;height:50px;padding:0 4px}.glass-nav a{flex:0 0 auto;font-size:clamp(12px,3.8vw,16px);padding-inline:10px}}

/* v0.26 — quiet contrast, a loading signature, and reversible scroll entrances. */
.hero-bottom{isolation:isolate}
.hero-bottom::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:190px;height:30px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,10,4,.85);filter:blur(16px);pointer-events:none}
.scroll-hint{text-shadow:0 0 16px rgba(0,10,4,.85)}
html.preloading,html.preloading body{overflow:hidden}
.page-loader{display:none;position:fixed;inset:0;z-index:2000;background:#001a0b;color:#F4F1E7;--loader-progress:0}
html.preloading .page-loader{display:block}
.loader-logo{position:absolute;left:50%;top:50%;width:clamp(230px,26vw,380px);height:auto;overflow:visible;transform:translate(-50%,-50%)}
.loader-voy{transform:translateX(calc(15px * (1 - var(--loader-progress))))}
.loader-design{transform:translateX(calc(-15px * (1 - var(--loader-progress))))}
.loader-line{clip-path:inset(0 calc(50% * (1 - var(--loader-progress)))) fill-box;transform-box:fill-box}
.loader-percent{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);font-family:'NB International Pro',Arial,sans-serif;font-size:12px;line-height:1;letter-spacing:.08em;font-variant-numeric:tabular-nums}
html.preloading .site-header,html.preloading .hero-bottom{visibility:hidden}
.bento-grid{position:relative}
body.js .bento.reveal,body.js .join-copy.reveal{transition:none}
body.js .orbit-visual{transition:none}
.orbit-item{border:0;box-shadow:none}
.orbit-visual{border:1px solid #ffffff18;box-shadow:0 8px 25px #0002}
@media(max-width:700px){.loader-logo{width:min(64vw,280px)}.loader-percent{font-size:11px}.hero-bottom::before{width:165px}}
@media(prefers-reduced-motion:reduce){.loader-voy,.loader-design{transform:none}.loader-line{clip-path:none}}

/* v0.27 — a letter-led introduction and softer layers. */
.loader-letter{transform:translateY(28px)}
.loader-design{opacity:.8}
.loader-percent{opacity:0}
/* Navigation keeps a dark glass tint for readable links over bright work tiles. */
dialog::backdrop{background:rgba(0,26,11,.25);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
/* Content card grows from 1008px to 1310px, plus the external controls. */
#principle-dialog{width:min(1454px,calc(100% - 32px),calc((100svh - 48px)*2 + 144px))}
@media(max-width:760px){
 #principle-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}
 #principle-dialog[open]{gap:12px}
 #principle-dialog .principle-modal-card{height:min(910px,calc(100svh - 88px));max-height:calc(100svh - 88px);grid-template-rows:auto minmax(140px,1fr)}
 #principle-dialog .principle-modal-media{width:min(100%,max(100px,calc(100svh - 280px)));justify-self:center}
}
/* Reuse the removed copyright's vertical space above the brand lockup. */
#footer{padding-top:calc(118px + min(2.5875vw,55.89px))}
@media(max-width:1280px){#footer{padding-top:102px}}
@media(max-width:600px){#footer{padding-top:94px}.footer-links{column-gap:clamp(8px,calc(10vw - 24px),20px)}.footer-links,.footer-bottom{font-size:clamp(12px,3.59vw,14px)}}
@media(prefers-reduced-motion:reduce){.loader-letter{transform:none}.loader-percent{opacity:1}}

/* v0.28 — pinned editorial work reveal, followed by the supplied nine-card grid. */
@supports(overflow:clip){body{overflow-x:clip}}
.work.section-space{--work-gutter:clamp(24px,2.777778vw,80px);--work-gap:10px;padding:0 0 90px;overflow:visible}
.work-scroll-stage{position:relative;height:calc(var(--work-pin-height,780px) + var(--work-runway,0px))}
.work-pin{position:sticky;top:0;padding:0 var(--work-gutter);isolation:isolate}
.work .work-heading{height:230px;padding:80px 0 0;margin:0;align-items:flex-start;font-size:18px;letter-spacing:4px}
.work-feature{position:relative;display:block;width:100%;height:auto;aspect-ratio:2720 / 1100;padding:0;border:0;background:transparent;isolation:isolate;z-index:2;overflow:visible;cursor:pointer}
.work-feature-frame{position:absolute;display:block;left:var(--feature-x,0px);top:var(--feature-y,0px);width:var(--feature-width,100%);height:var(--feature-height,100%);overflow:hidden;border-radius:var(--feature-radius,32px);background:#b7a58c;transform:translateZ(0)}
.work-feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;transform:scale(var(--feature-zoom,1));transform-origin:left top}
.work-feature:focus-visible{outline-offset:6px;border-radius:32px}
.work .bento-grid{display:flex;flex-direction:column;gap:var(--work-gap);margin:var(--work-gap) var(--work-gutter) 0}
.work .bento-row{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,11fr);gap:var(--work-gap)}
.work .bento-row:nth-child(even){grid-template-columns:minmax(0,11fr) minmax(0,16fr)}
.work .bento{grid-column:auto;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:var(--tile-ratio);border-radius:32px;background:#001a0b}
.work .bento>img{object-position:center;object-fit:cover}
.modal-fade{position:absolute;inset:0;z-index:2;background:#F0E8D6;opacity:0;pointer-events:none;border-radius:inherit}
.principle-modal-close{z-index:3}
@media(max-width:700px){
 .work.section-space{--work-gutter:16px;--work-gap:12px;padding-bottom:55px}
 .work .work-heading{height:160px;padding-top:84px;font-size:12px;letter-spacing:2px}
 .work-feature{aspect-ratio:16 / 10}
 .work .bento-row,.work .bento-row:nth-child(even){grid-template-columns:minmax(0,1fr);gap:var(--work-gap)}
 .work .bento,.work-feature:focus-visible{border-radius:22px}
}
body:not(.js) .work-scroll-stage,body.motion-paused .work-scroll-stage{height:auto}
body:not(.js) .work-pin,body.motion-paused .work-pin{position:relative}
@media(prefers-reduced-motion:reduce){.work-scroll-stage{height:auto}.work-pin{position:relative}.work-feature-photo{will-change:auto}}



/* v0.29 — the eyebrow leads into a true fullscreen image, then scrolls away. */
.work>.work-heading{margin-inline:var(--work-gutter)}
.work-feature-photo{transform-origin:center center}
/* One persistent selected marker; hover continues to affect only the pill. */
.glass-nav{position:relative;isolation:isolate}
.glass-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,20,8,.8),rgba(0,14,6,.76));opacity:0;transition:opacity 1.2s ease-in-out}
.glass-nav.needs-contrast:before{opacity:1}
@media(prefers-reduced-motion:reduce){.glass-nav:before{transition:none}}
.js .glass-nav a::after{display:none}
.nav-active-dot{position:absolute;left:0;top:36px;width:5px;height:5px;border-radius:50%;background:#FF623B;pointer-events:none;opacity:0;will-change:transform}
.glass-nav.indicator-ready .nav-active-dot{transition:transform .55s cubic-bezier(.22,1,.36,1)}
body.motion-paused .glass-nav .nav-active-dot{transition:none}
@media(prefers-reduced-motion:reduce){.glass-nav.indicator-ready .nav-active-dot{transition:none}}

.work-pin{padding-top:30px}
.work-feature-photo{object-position:center 40%}
@media(max-width:700px){.work-pin{padding-top:16px}}

/* v0.31 — larger portraits and a continuous warm-neutral modal transition. */
.orbit-item{width:117px;height:117px}
@media(max-width:700px){.orbit-item{width:70.2px;height:70.2px}}
#principle-dialog .principle-modal-media{border-radius:24px 24px 0 0}
#principle-dialog .principle-modal-image{border-radius:inherit}
#principle-dialog.is-closing::backdrop{animation:modal-backdrop-out 380ms cubic-bezier(.4,0,.2,1) both}
@keyframes modal-backdrop-out{
 from{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
}

/* Inset films follow the measured 1600×1100 supplied compositions. */
.bento-motion-scene{position:absolute;inset:0;display:block;pointer-events:none}
.bento-motion-background,.bento-motion-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bento-motion-poster{transition:opacity .25s ease}
.bento-video-window{position:absolute;display:block;overflow:hidden;isolation:isolate;background:#f1eddf;opacity:0;transition:opacity .25s ease}
.bento-motion-7 .bento-video-window{left:16.125%;top:17.636364%;width:67.875%;height:64.727273%;border-radius:2.209945% / 3.370787%;background:#f0ece1}
.bento-motion-10 .bento-video-window{left:5%;top:15.454545%;width:90.125%;height:69%;border-radius:2.496533% / 4.743083%}
.bento-motion-4 .bento-video-window,.bento-motion-5 .bento-video-window,.bento-motion-8 .bento-video-window{inset:0;background:transparent}
.work-feature,.work .bento{cursor:default}
.bento-video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.bento-motion-scene.has-video .bento-video-window{opacity:1}
.bento-motion-scene.has-video .bento-motion-poster{opacity:0}
@media(prefers-reduced-motion:reduce){.bento-motion-scene,.bento-motion-poster,.bento-video-window{transition:none}}

/* v0.34 — smaller loops, a stable opening and a gentler gathering heading. */
.canvas-tile[data-loop] .canvas-art>img,.canvas-tile[data-loop] .canvas-art>canvas,
.canvas-tile[data-hero-media^="loop"] .canvas-art>img,.canvas-tile[data-hero-media^="loop"] .canvas-art>canvas{transform:scale(.75);transform-origin:center}
.canvas-tile[data-hero-media="work7"] .canvas-art>img,.canvas-tile[data-hero-media="work7"] .canvas-art>canvas{transform:scale(.72);transform-origin:center}
.bento-motion-7 .bento-video{object-fit:cover}
.work .work-heading{height:clamp(300px,40svh,500px)}
@media(max-width:700px){.work .work-heading{height:240px}}

/* v0.35 — the rounded feature rises over the gathering eyebrow on approach. */
.work-scroll-stage{z-index:2;margin-top:calc(-1 * var(--work-approach-lift,0px))}
.work-pin{transform:translate3d(0,var(--work-approach-y,0px),0)}
body.motion-paused .work-scroll-stage{margin-top:0}
body.motion-paused .work-pin{transform:none}
@media(prefers-reduced-motion:reduce){.work-scroll-stage{margin-top:0}.work-pin{transform:none}}

/* v0.42 — responsive vector week tracker, animated one day at a time. */
.work-feature-photo{inset:auto;left:calc((1 - var(--feature-zoom,1)) * 50%);top:calc((1 - var(--feature-zoom,1)) * 50%);width:calc(100% * var(--feature-zoom,1));height:calc(100% * var(--feature-zoom,1));transform:none;will-change:auto;object-position:center}
.work-week{position:absolute;left:74.25%;top:50%;width:42.5%;aspect-ratio:578 / 127;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.2%;pointer-events:none}
.work-day{position:relative;opacity:var(--day-opacity,0);transform:translateY(var(--day-y,20px));will-change:opacity,transform}
.work-day-glass{position:absolute;inset:0;overflow:hidden;border-radius:40% / 24%;background:rgba(255,255,255,.12)}
.work-day-glass img{position:absolute;max-width:none;object-fit:fill}
.work-day-glass::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-radius:inherit}
.work-day svg{position:relative;display:block;width:100%;height:100%;overflow:visible}
body:not(.js) .work-day{opacity:1;transform:none}
@media(max-width:700px){.work-feature-photo{object-position:center}.work-week{left:50%;top:80%;width:84%}}
body.motion-paused .work-day{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.work-day{opacity:1;transform:none}}

/* Visible-only vector rendering keeps Image11 track mattes intact. */
.canvas-art .hero-lottie{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transform:scale(.75);transform-origin:center}
.canvas-art.hero-media-ready .hero-lottie{opacity:1}

/* v0.48 — Work9 shares the visible-only SVG animation pipeline. */
.bento-lottie{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.bento.hero-media-ready>.bento-lottie{opacity:1}
.bento.hero-media-ready>img{opacity:0}

/* Image15 uses the full-resolution transparent WebM inside the same grid tile. */
.canvas-tile[data-hero-media="image15"] .canvas-art>img,.canvas-tile[data-hero-media="image15"] .canvas-art>canvas{transform:scale(.75);transform-origin:center}

.canvas-tile[data-hero-media="image16"] .canvas-art>img,.canvas-tile[data-hero-media="image16"] .canvas-art>canvas{transform:scale(.75);transform-origin:center}

.canvas-tile[data-hero-media="image4"] .canvas-art>img,.canvas-tile[data-hero-media="image4"] .canvas-art>canvas{transform:scale(.75);transform-origin:center}

/* Native transparent Hero videos share the established animation scale. */
.canvas-tile[data-hero-media="image3"] .canvas-art>img,.canvas-tile[data-hero-media="image3"] .canvas-art>canvas,.canvas-tile[data-hero-media="image12"] .canvas-art>img,.canvas-tile[data-hero-media="image12"] .canvas-art>canvas,.canvas-tile[data-hero-media="image13"] .canvas-art>img,.canvas-tile[data-hero-media="image13"] .canvas-art>canvas{transform:scale(.75);transform-origin:center}

/* Quiet accessibility affordances; the decorative ring has no pointer behavior. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.orbit{pointer-events:none}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;font-family:'NB International Pro',Arial,sans-serif;font-size:clamp(12px,3.59vw,14px);font-weight:400;line-height:1.5}
.footer-copyright{color:rgba(255,255,255,.5);padding-bottom:4px}
.motion-toggle{touch-action:manipulation;display:block;margin:0;min-height:44px;padding:10px 0 14px;color:inherit;font:inherit}
.motion-toggle:before,.motion-toggle:after{bottom:10px}
body:not(.js) .motion-toggle{display:none}
.reveal:focus-within{opacity:1!important;transform:none!important}
.skip-link:focus-visible{outline-color:#fff}
@media(forced-colors:active){button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid Highlight}.outline-button,.glass-nav{border:1px solid ButtonText}}

/* Framed Principles carousel, matching the supplied reference. */
.principle-ambient{position:fixed;inset:0;z-index:1000;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;background:#001a0b;transition:opacity .32s ease,visibility 0s .38s;contain:strict}
.principle-ambient.is-visible{visibility:visible;opacity:1;transition-delay:0s}
.principle-ambient.is-closing{opacity:0;transition:opacity .38s ease}
.principle-ambient img{position:absolute;left:-200px;top:-200px;width:calc(100% + 400px);height:calc(100% + 400px);object-fit:cover;filter:blur(200px);opacity:.5;transition:opacity .36s ease}
.principle-ambient.is-changing img{opacity:0;transition-duration:.22s}
#principle-dialog::backdrop{background:transparent;backdrop-filter:none}
#principle-dialog .principle-modal-card{padding:16px;gap:32px;grid-template-columns:1fr 1fr;border-radius:24px;isolation:isolate}
#principle-dialog .principle-modal-media{width:100%;height:100%;aspect-ratio:auto;border-radius:16px;align-self:stretch}
#principle-dialog .principle-modal-copy{padding:clamp(24px,3.35vw,56px) clamp(28px,4.3vw,72px) clamp(24px,3.35vw,56px) clamp(28px,3.35vw,56px);scrollbar-width:thin}
.principle-modal-number{display:block;flex:none;font-family:'NB International Pro',Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.25;margin-bottom:28px;font-variant-numeric:tabular-nums}
#principle-dialog .principle-modal-copy h2{font-size:clamp(40px,3.83vw,64px);line-height:1.04;letter-spacing:-.025em;margin:0 0 30px;flex:none}
#principle-dialog .principle-modal-copy p{font-size:18px;line-height:1.55;flex:none}
#principle-dialog .principle-modal-close{right:16px;top:16px}
@media(max-width:1100px) and (min-width:901px){
 #principle-dialog .principle-modal-copy{padding:24px}
 .principle-modal-number{font-size:20px;margin-bottom:20px}
 #principle-dialog .principle-modal-copy h2{font-size:40px;margin-bottom:24px}
 #principle-dialog .principle-modal-copy p{font-size:17px}
}
@media(max-width:900px){
 #principle-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}
 #principle-dialog[open]{grid-template-columns:1fr 1fr;gap:12px}
 #principle-dialog .principle-modal-card{grid-column:1/-1;grid-row:1;display:block;aspect-ratio:auto;height:auto;max-height:calc(100svh - 100px);overflow:auto;padding:12px;border-radius:24px}
 #principle-dialog .principle-modal-media{width:100%;height:auto;aspect-ratio:4/3;border-radius:14px;margin:0 auto}
 #principle-dialog .principle-modal-close{top:20px;right:20px;background:#fff;border:0}
 #principle-dialog .principle-modal-copy{contain:none;overflow:visible;padding:28px 20px 32px;justify-content:flex-start}
 .principle-modal-number{font-size:20px;margin-bottom:20px}
 #principle-dialog .principle-modal-copy h2{font-size:clamp(36px,6vw,48px);line-height:1.06;margin-bottom:24px}
 #principle-dialog .principle-modal-copy p{font-size:17px;line-height:1.55}
 #principle-dialog .principle-modal-nav{grid-row:2;justify-self:end}
 #principle-dialog .principle-modal-nav:last-child{justify-self:start}
}
body.motion-paused .principle-ambient,body.motion-paused .principle-ambient img{transition:none}
@media(prefers-reduced-motion:reduce){.principle-ambient,.principle-ambient img{transition:none}}

/* v0.70 — phone layouts and native vertical scrolling. */
.browser-chrome-backdrop{display:none}
@media(max-width:700px){
 html,body{background-color:#001a0b}
 .browser-chrome-backdrop{display:block;position:fixed;top:0;left:0;right:0;height:max(12px,env(safe-area-inset-top));background:#001a0b;z-index:98;pointer-events:none}
 .work-pin,.work-feature-frame{background-color:#001a0b}
 .hero{height:100svh;min-height:0}
 .hero:after{height:50px}
 .hero-canvas{cursor:default;pointer-events:none;touch-action:pan-y}
 .hero .canvas-tile[hidden]{display:none!important}
 .hero.mobile-grid .canvas-tile[data-mobile-cell]{visibility:visible!important}
 .hero-copy.stacked{top:51%;left:18%;right:18%;gap:24px}
 .hero-statement{font-size:clamp(28px,8vw,32px)}
 .hero-bottom{top:auto;bottom:16px}
 .glass-nav a{font-size:clamp(9px,2.85vw,12px)}
 #about>.about-eyebrow,#principles>.section-eyebrow,#people>.section-eyebrow{font-size:10.8px;letter-spacing:2.4px}
 .work .work-heading{font-size:7.2px;letter-spacing:1.2px}
 #about .collab-cursor:nth-child(n+4),#visitor-cursor{display:none!important}
 #about .cursor-visual{transform:scale(.7)!important}
 .origins p{font-size:19.2px;max-width:88%;text-wrap:wrap}
 .origins p br{display:none}
 .principle{font-size:25.5px}
 .principle-content{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;gap:8px;width:100%;max-width:none;align-items:start}
 .principle-number{grid-column:1;min-width:0;text-align:left;justify-self:start;padding-top:4px}
 .principle-content>span:last-child{grid-column:2;text-align:center}
 #principle-dialog .principle-modal-close:focus,#principle-dialog .principle-modal-close:focus-visible{outline:none}
 .keyboard-navigation #principle-dialog .principle-modal-close:focus-visible{outline:2px solid #001a0b;outline-offset:3px}
 .testimonial-layout{gap:32px;overflow:hidden}
 .testimonial-layout>.quote-controls{display:none}
 .testimonial-copy{padding-bottom:0;overflow:hidden;touch-action:pan-y;user-select:none}
 #quote-content{position:relative;animation:none}
 .card-stack{width:100%;max-width:none;aspect-ratio:4/3;height:auto;margin:0;overflow:hidden;border-radius:24px;cursor:default}
 .portrait-card{transition:none;box-shadow:none}
 .portrait-card img{object-fit:cover;object-position:center 38%}
 .portrait-card[data-card="1"] img{object-position:center 40%}
 .join-copy h2{font-size:41.4px;letter-spacing:-2.25px;margin-bottom:18px}
 .join-copy .outline-button{font-size:14.4px;gap:14.4px;min-height:44px;padding:10.8px 17.1px}
 .join-copy .outline-button img{width:13.5px;height:9.9px}
}
@media(max-width:360px){.orbit-item{width:56px;height:56px}.join-copy h2{font-size:33px}}

/* v0.71 — mobile artwork rotation, neighbouring portraits and type refinements. */
@media(max-width:700px){
 .glass-nav a{font-size:clamp(9.9px,3.135vw,13.2px)}
 .principle,.principle.in-focus,.principle:focus-visible{border-color:rgba(255,255,255,.08);border-bottom:0}
 .principle:last-child{border-bottom:1px solid rgba(255,255,255,.08)}
 #principle-dialog .principle-modal-media{aspect-ratio:16/9}
 #principle-dialog .principle-modal-number{font-size:16px}
 #principle-dialog .principle-modal-copy h2{font-size:clamp(32.4px,5.4vw,43.2px)}
 #principle-dialog .principle-modal-copy p{font-family:'NB International Pro',Arial,sans-serif;font-weight:400;font-synthesis:none}
 #quote-text,.quote-measure-text{font-size:30.6px}
 .quote-name,.quote-role,.work .work-heading{font-size:10.8px;letter-spacing:2.4px}
 .testimonial-layout{overflow:visible}
 .card-stack{width:calc(100% + 22px);max-width:none;aspect-ratio:auto;border-radius:0;overflow:hidden;flex-shrink:0}
 .card-stack:before{content:'';display:block;width:calc(100% - 22px);aspect-ratio:4/3}
 .portrait-card{inset:0 11px;border-radius:24px}
}

/* v0.72 — full-resolution sunset photo; geometry is shared with the pill glass. */
.work-feature-photo{object-fit:fill;max-width:none}
.work-feature-frame{background-color:#001a0b}

/* v0.73 — edge-to-edge mobile previews and a stationary compact footer reveal. */
@media(max-width:700px){
 .card-stack{width:100vw;max-width:none}
 .card-stack:before{width:88vw}
 .portrait-card{inset-inline:6vw}
}
@media(max-width:1280px){
 .footer-combined-logo.reveal{opacity:0;filter:blur(4px);transform:none;transition:opacity .9s var(--ease) .24s,filter .9s var(--ease) .24s}
 .footer-combined-logo.reveal.is-visible{opacity:1;filter:blur(0);transform:none}
 body:not(.js) .footer-combined-logo.reveal,body.motion-paused .footer-combined-logo.reveal{opacity:1;filter:none;transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:1280px){
 .footer-combined-logo.reveal{opacity:1;filter:none;transform:none;transition:none}
}