@font-face{font-family:Sora;src:url('assets/sora-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sora;src:url('assets/sora-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--paper:#f1ede4;--ink:#102720;--dark:#0c2420;--mint:#34c9a9;--muted:#69736d;--champagne:#b99a68;--soft:#ddd5c8;--pad:4.4vw;--serif:Georgia,'Times New Roman',serif;--sans:Sora,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}button:disabled{cursor:default;opacity:.35}img,video{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.06em}em{font-family:var(--serif);font-weight:400}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #007d69;outline-offset:7px}.dark-section :focus-visible{outline-color:var(--mint)}::selection{background:var(--mint);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--mint);padding:14px}.skip-link:focus{top:14px}.eyebrow{font-size:9px;line-height:1.8;letter-spacing:.2em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--mint);color:var(--ink);padding:16px 22px;border-radius:4px;font-size:12px;transition:background .25s,transform .25s}.button:hover{background:#71edd1;transform:translateY(-2px)}.button>span{font-size:19px}.round-arrow{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid currentColor;border-radius:50%;font-size:24px;transition:background .25s,transform .25s}.round-arrow:hover{background:var(--mint);color:var(--ink);transform:translateY(3px)}.wordmark{display:inline-flex;align-items:center;position:relative;font-size:28px;font-weight:600;letter-spacing:-1.8px;line-height:1;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{width:6px;height:6px;border-radius:50%;background:var(--mint);margin:16px 0 0 4px}.site-header{position:fixed;z-index:40;top:0;left:0;width:100%;height:95px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .25s,color .25s,height .25s}.site-header.scrolled{height:78px;background:rgba(243,242,235,.94);backdrop-filter:blur(14px)}.site-header.on-dark{background:rgba(20,43,37,.92);color:var(--paper)}.header-note{font-size:8px;letter-spacing:.19em;line-height:1.65;margin-left:80px}.header-actions{display:flex;align-items:center;gap:12px}.header-cta{font-size:10px;padding:11px 16px;gap:27px}.header-cta>span{font-size:16px}.menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid #83918866;border-radius:4px}.menu-toggle span{height:1px;width:17px;background:currentColor;transition:width .2s}.menu-toggle span:last-child{width:11px;margin-left:6px}.menu-toggle:hover span:last-child{width:17px;margin-left:0}
.hero-story{height:165svh;position:relative}.hero-stage{height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;background:var(--paper);isolation:isolate}.hero-topline{position:absolute;top:138px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;z-index:4}.connection-path{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.connection-path path{stroke:#40b29b;stroke-width:.8;stroke-dasharray:1800;stroke-dashoffset:var(--line-offset,0)}.connection-path circle{fill:var(--mint)}.hero-portrait{position:absolute;bottom:-4%;height:91%;width:49%;left:25.5%;mix-blend-mode:multiply;transform:translate3d(0,var(--portrait-y,0px),0) scale(var(--portrait-scale,1));transform-origin:center bottom;will-change:transform;z-index:1}.hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.hero-start{position:absolute;left:var(--pad);top:34%;font-size:clamp(50px,6.2vw,105px);font-weight:600;line-height:1.08;letter-spacing:-.08em;z-index:3;transform:translateX(var(--title-left,0px));opacity:var(--title-opacity,1)}.hero-start small{display:block;font-size:.49em;letter-spacing:-.065em;font-weight:400;margin-top:6px;margin-left:3px}.hero-end{position:absolute;right:var(--pad);top:36%;font-size:clamp(68px,7.3vw,125px);line-height:.83;letter-spacing:-.065em;z-index:3;transform:translateX(var(--title-right,0px));opacity:var(--title-opacity,1)}.hero-aside{position:absolute;top:66%;left:var(--pad);z-index:3;font-size:11px;line-height:1.9;color:#58665e;opacity:var(--title-opacity,1)}.hero-bottom{position:absolute;bottom:35px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:5}.scroll-prompt{display:flex;gap:15px;align-items:center;font-size:8px;letter-spacing:.14em;line-height:1.8}.scroll-prompt .round-arrow{width:40px;height:40px;font-size:20px}.hero-signoff{font-size:10px;line-height:1.8;text-align:right}.hero-index{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;display:flex;gap:12px;align-items:center;color:var(--paper);mix-blend-mode:difference}.hero-index i{display:block;height:1px;width:48px;background:currentColor}.hero-story:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--mint)}
.dark-section{color:var(--paper);background:var(--dark)}.manifesto{padding:110px var(--pad) 90px;position:relative;min-height:850px;isolation:isolate}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:85px}.section-top .eyebrow{color:#a0b5a9}.tiny-symbol{font-size:38px;color:var(--mint)}.manifesto-copy{font-size:clamp(46px,6.6vw,107px);line-height:1.06;text-align:center;letter-spacing:-.065em}.manifesto-copy em{color:var(--mint);letter-spacing:-.07em}.manifesto-copy .word{display:inline-block;opacity:var(--word-opacity,1);transition:opacity .15s}.manifesto-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:90px}.manifesto-bottom>.eyebrow{color:var(--mint)}.manifesto-bottom p{font-size:11px;line-height:1.95;color:#b5c4ba;max-width:420px}
.gallery-section{position:relative;background:var(--dark);color:var(--paper)}.gallery-stage{position:relative;overflow:hidden;padding-top:90px}.motion-ready .gallery-section{height:calc(100svh + var(--gallery-travel,1400px))}.motion-ready .gallery-stage{height:100svh;min-height:710px;position:sticky;top:0}.gallery-heading{padding:0 var(--pad);display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2}.gallery-heading .eyebrow{color:#9eb3a7}.gallery-heading h2{font-size:clamp(32px,3.8vw,60px);line-height:1.03;margin-top:18px}.gallery-heading h2 em{color:var(--mint)}.gallery-controls{display:flex;gap:9px;padding-bottom:3px}.gallery-controls button{border:1px solid #86968b;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;color:var(--paper);font-size:21px}.gallery-controls button:not(:disabled):hover{background:var(--mint);color:var(--ink)}.gallery-viewport{overflow-x:auto;padding:30px 0 50px;scrollbar-width:thin;scrollbar-color:#638578 transparent}.motion-ready .gallery-viewport{overflow:hidden}.gallery-track{display:flex;align-items:start;gap:7vw;width:max-content;padding:0 var(--pad);transform:translate3d(var(--gallery-x,0px),0,0);will-change:transform}.gallery-photo{flex-shrink:0;width:31vw}.gallery-photo img{width:100%;height:100%;object-fit:cover}.gallery-photo figcaption{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;padding-top:14px;color:#b6c8be;white-space:nowrap}.gallery-barber{height:37svh;min-height:260px;margin-top:14px;width:34vw}.gallery-barber img{object-position:67% center}.gallery-quote{width:19vw;padding-top:55px;flex-shrink:0}.gallery-quote>span{font:italic 75px var(--serif);color:var(--mint);line-height:.7}.gallery-quote p{font-size:clamp(25px,2.4vw,40px);line-height:1.1;letter-spacing:-.045em}.gallery-quote p em{color:var(--mint)}.gallery-quote small{display:block;font-size:7px;letter-spacing:.13em;margin-top:35px;line-height:1.9;color:#aec0b5}.gallery-beauty{height:39svh;min-height:275px;margin-top:35px;width:35vw}.gallery-owner{height:40svh;min-height:285px;width:23vw;margin-top:0}.gallery-owner img{object-position:center 65%}.gallery-outro{padding-top:45px;width:29vw;flex-shrink:0}.gallery-outro .eyebrow{color:#aac0b4}.gallery-outro p{font-size:3.3vw;line-height:1.05;letter-spacing:-.06em;margin:28px 0}.gallery-outro p em{color:var(--mint)}.gallery-meter{height:1px;background:#7b91834d;position:absolute;bottom:30px;left:var(--pad);right:var(--pad)}.gallery-meter span{display:block;height:2px;width:100%;background:var(--mint);transform-origin:left;transform:scaleX(var(--gallery-progress,.01))}
.solutions{padding:130px var(--pad) 150px}.solutions-intro{text-align:center;margin:0 auto 85px}.solutions-intro .eyebrow{color:var(--muted)}.solutions-intro h2{font-size:clamp(40px,5.1vw,80px);line-height:1.06;margin:30px 0 24px}.solutions-intro p{font-size:12px;color:var(--muted)}.solution-pair{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1450px;margin:0 auto}.solution-card{display:block;text-align:left;background:transparent;width:100%;padding:0}.solution-card.beauty-card{margin-top:115px}.solution-image{height:41vw;max-height:610px;overflow:hidden;position:relative;background:#d5d8cc}.solution-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.2,1)}.barber-card img{object-position:68% center}.beauty-card img{object-position:43% center}.solution-card:hover .solution-image img{transform:scale(1.045)}.image-number{position:absolute;top:20px;left:20px;background:var(--paper);color:var(--ink);width:32px;height:32px;display:grid;place-items:center;font-size:9px;border-radius:50%}.solution-caption{display:flex;justify-content:space-between;align-items:center;padding:35px 0 26px}.solution-caption small{font-size:8px;letter-spacing:.2em}.solution-caption h3{font-size:clamp(36px,4.8vw,73px);margin:8px 0 20px;line-height:1}.solution-caption p{font-size:12px;line-height:1.8;color:var(--muted)}.solution-arrow{height:58px;width:58px;background:var(--mint);border-radius:50%;display:grid;place-items:center;font-size:29px;transition:transform .3s}.solution-card:hover .solution-arrow{transform:rotate(45deg)}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:10px;padding:10px 0;border-bottom:1px solid #80968b}.text-link span{font-size:16px}
.film-section{padding:95px 0 55px}.film-intro{display:flex;align-items:start;justify-content:space-between;gap:50px;padding:0 var(--pad) 70px}.film-intro .eyebrow{max-width:220px;color:#9cb4a5}.film-intro h2{font-size:clamp(38px,4.8vw,70px);line-height:1.05;max-width:70%}.film-intro h2 em{color:var(--mint)}.film-window{position:relative;margin:0 2vw;aspect-ratio:16/8.5;background:#16221b;overflow:hidden}.film-window video{width:100%;height:100%;object-fit:cover}.film-window:not(.playing):after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#061c1970);pointer-events:none}.film-toggle{position:absolute;z-index:2;bottom:30px;left:30px;background:var(--paper);padding:14px 18px;border-radius:4px;display:flex;align-items:center;gap:14px;font-size:10px}.film-icon{font-size:15px}.film-meta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px var(--pad) 0;font-size:9px;letter-spacing:.09em}.film-meta a{letter-spacing:0;display:flex;gap:30px;font-size:11px}.film-meta a span{color:var(--mint);font-size:20px}
.app-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:150px 8vw 130px;overflow:hidden;min-height:860px}.app-copy>.eyebrow{color:var(--muted)}.app-copy h2{font-size:clamp(54px,6.9vw,105px);line-height:.97;margin:30px 0}.app-copy>p{font-size:12px;line-height:1.95;max-width:335px;color:var(--muted);margin-top:30px}.theme-picker{display:inline-flex;padding:5px;border:1px solid #15282126;border-radius:100px;margin-top:30px;gap:5px}.theme-picker button{border-radius:100px;padding:12px 20px;background:transparent;font-size:11px}.theme-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.theme-hint{font-size:9px;color:var(--muted);display:block;margin-top:14px}.app-art{position:relative;min-height:605px;display:flex;justify-content:center;align-items:center}.app-background-word{position:absolute;left:-10%;top:18%;font:italic 27vw var(--serif);color:#dce3d8;letter-spacing:-.09em;transform:rotate(-10deg);user-select:none}.phone{width:280px;border:6px solid #29352f;border-radius:40px;padding:5px;background:#182720;box-shadow:20px 32px 60px #172d2226;position:relative;z-index:1;transform:rotate(7deg);transition:transform .8s}.app-art:hover .phone{transform:rotate(0)}.phone-speaker{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:65px;height:15px;border-radius:20px;background:#1a211b;z-index:3}.phone-screen{border-radius:29px;overflow:hidden;background:#f7f5ec;color:#22382d}.phone-cover{height:162px;position:relative}.phone-cover img{width:100%;height:100%;object-fit:cover;object-position:70% center}.phone-cover:after{position:absolute;inset:0;content:'';background:linear-gradient(#0003,transparent)}.phone-status{display:flex;justify-content:space-between;position:absolute;top:13px;left:17px;right:17px;color:white;font-size:8px;z-index:2}.phone-content{padding:24px 19px 0;position:relative}.phone-monogram{position:absolute;top:-20px;right:19px;width:38px;height:38px;background:#f7f5ec;border-radius:10px;display:grid;place-items:center;font:italic 23px var(--serif)}.phone-content>small{font-size:7px;letter-spacing:.15em;display:block;margin-bottom:16px}.phone-content h3{font-size:29px;line-height:1.05}.phone-content>p{font-size:8px;color:#6c7a6e;margin:13px 0 20px}.phone-service{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #233f3220;padding:17px 0;font-size:10px}.phone-service small{display:block;margin-top:6px;font-size:7px;color:#66766b}.phone-booking{background:#253e31;color:white;font-size:8px;padding:13px 11px;display:flex;justify-content:space-between;border-radius:3px;margin-bottom:20px}.phone-nav{display:flex;justify-content:space-between;font-size:7px;border-top:1px solid #d9dfd5;padding:17px 0 14px}.phone.beauty .phone-screen,.phone.beauty .phone-monogram{background:#f4ece5}.phone.beauty .phone-booking{background:#704d42}.phone.beauty .phone-cover img{object-position:35% center}.app-annotation{position:absolute;right:-20px;top:20px;font:italic 22px var(--serif);transform:rotate(8deg);color:#5c7767}.app-annotation svg{display:block;width:100px;height:65px;margin-left:-15px;fill:none;stroke:currentColor;stroke-width:1.3}.app-demo-note{position:absolute;bottom:-2px;font-size:7px;letter-spacing:.16em;color:var(--muted)}
.contact-section{padding:70px var(--pad) 0;text-align:center;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;text-align:left;color:#a6bdb0}.back-top{width:43px;height:43px;border:1px solid #6e887b;display:grid;place-items:center;border-radius:50%;font-size:22px}.back-top:hover{color:var(--ink);background:var(--mint)}.contact-section h2{font-size:clamp(60px,10.1vw,160px);line-height:.98;margin-top:100px;letter-spacing:-.065em}.contact-section h2 em{color:var(--mint)}.contact-section>p{font-size:12px;color:#adc1b6;margin-top:32px}.contact-button{margin-top:32px;min-width:205px}.footer-bottom{margin-top:130px;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #74918244;text-align:left}.footer-bottom nav{display:flex;gap:36px;font-size:11px}.footer-bottom>span{font-size:8px;letter-spacing:.13em;line-height:1.8;color:#aac2b5}.footer-bottom a:hover{color:var(--mint)}.footer-legal{display:flex;justify-content:space-between;gap:20px;padding:14px 0 22px;color:#97b1a3}.footer-legal small,.footer-legal button{font-size:8px;background:none;color:inherit}.footer-legal button{text-decoration:underline;text-underline-offset:4px}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
dialog{padding:0;border:0;color:var(--ink);background:var(--paper);max-width:none}dialog::backdrop{background:#0d201bc9;backdrop-filter:blur(7px)}.nav-dialog{width:100%;height:100%;max-height:100%;margin:0;padding:28px var(--pad) 35px}.nav-top{display:flex;justify-content:space-between;align-items:center}.icon-button{background:transparent;border:1px solid #82918477;width:44px;height:44px;border-radius:4px;font-size:28px;display:grid;place-items:center;line-height:1}.nav-dialog>.eyebrow{margin-top:80px;color:var(--muted)}.nav-dialog nav{margin-top:30px;max-width:1000px}.nav-dialog nav a{display:flex;align-items:center;gap:30px;font-size:clamp(28px,4.8vw,75px);letter-spacing:-.055em;padding:12px 0}.nav-dialog nav small{font-size:10px;letter-spacing:0;color:var(--muted)}.nav-dialog nav a>span{margin-left:auto;font-size:30px;color:#2b9f82}.nav-dialog nav a:hover{color:#20816d}.nav-bottom{display:flex;justify-content:space-between;margin-top:50px;font-size:11px;color:var(--muted)}.beauty-dialog{width:min(980px,92vw);max-height:90svh;overflow:auto;border-radius:10px}.beauty-dialog[open]{display:grid;grid-template-columns:.95fr 1.05fr}.close-beauty{position:absolute;z-index:4;top:15px;right:15px;background:var(--paper)}.beauty-dialog-photo{height:100%;min-height:580px;width:100%;object-fit:cover;object-position:32% center}.beauty-dialog-copy{padding:65px 38px 45px}.beauty-dialog-copy h2{font-size:46px;line-height:1;margin:26px 0}.beauty-dialog-copy>p{font-size:12px;line-height:1.85;color:var(--muted)}.beauty-dialog-copy ul{list-style:none;padding:0;margin:28px 0;font-size:11px;line-height:1.8}.beauty-dialog-copy li{padding:9px 0;border-bottom:1px solid #d6ded4}.beauty-dialog-copy>small{display:block;font-size:8px;color:var(--muted);margin-top:18px}
@media(min-width:1800px){.hero-stage{min-height:820px}.hero-portrait{width:45%;left:27.5%}.hero-start{left:7vw}.hero-end{right:7vw}.gallery-track{gap:6vw}}
@media(max-width:1000px){.header-note{margin-left:0}.hero-topline{top:120px}.hero-stage{min-height:650px}.hero-portrait{width:63%;left:18.5%;height:85%}.hero-start{font-size:6.5vw;top:30%}.hero-end{font-size:8vw;top:40%}.hero-aside{top:62%;font-size:10px;max-width:160px}.hero-signoff{max-width:150px;font-size:9px}.manifesto{min-height:auto;padding-top:85px}.manifesto-copy{font-size:7vw}.app-section{gap:4vw;padding-left:5vw;padding-right:5vw}.app-annotation{right:-10px;top:0;font-size:18px}.gallery-photo figcaption{font-size:7px}.gallery-quote{width:24vw}.gallery-barber{width:39vw}.gallery-beauty{width:43vw}.gallery-owner{width:29vw}.gallery-outro{width:33vw}}
@media(max-width:700px){:root{--pad:22px}html{scroll-padding-top:80px}.site-header{height:76px;gap:10px}.site-header.scrolled{height:68px}.wordmark{font-size:25px}.header-note{display:none}.header-actions{gap:9px}.header-cta{padding:10px 12px;font-size:9px;gap:12px}.menu-toggle{width:38px;height:38px}.hero-story{height:130svh}.hero-stage{height:100svh;min-height:700px}.hero-topline{top:100px;font-size:6px;letter-spacing:.12em}.hero-topline span:last-child{display:none}.hero-portrait{height:64%;width:100%;left:0;bottom:0}.hero-portrait img{mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}.hero-start{font-size:clamp(42px,12vw,75px);top:17%;left:var(--pad);line-height:1.05}.hero-start small{font-size:.55em;margin-top:6px}.hero-end{top:30.5%;right:var(--pad);font-size:clamp(48px,14vw,82px);line-height:.8}.hero-end br{display:none}.hero-aside{display:none}.connection-path{opacity:.65}.hero-bottom{bottom:20px;align-items:end}.scroll-prompt{background:#f3f2ebdd;border-radius:50px;padding:7px 9px 7px 6px;gap:8px;font-size:6px;letter-spacing:.1em}.scroll-prompt .round-arrow{width:29px;height:29px;font-size:17px}.hero-signoff{color:var(--paper);font-size:7px;line-height:1.65;text-shadow:0 1px 3px #000}.hero-index{display:none}.manifesto{padding:65px var(--pad) 60px}.section-top{margin-bottom:65px}.eyebrow{font-size:7px;letter-spacing:.15em}.tiny-symbol{font-size:28px}.manifesto-copy{font-size:9.3vw;line-height:1.12;letter-spacing:-.055em}.manifesto-bottom{display:block;margin-top:55px}.manifesto-bottom>.eyebrow{display:none}.manifesto-bottom p{font-size:10px;line-height:1.85;max-width:290px;margin-left:auto}.gallery-section,.motion-ready .gallery-section{height:auto!important}.gallery-stage,.motion-ready .gallery-stage{height:auto;min-height:0;position:relative;padding:45px 0 35px}.gallery-heading{align-items:center}.gallery-heading h2{font-size:38px;margin-top:12px}.gallery-controls{gap:7px}.gallery-controls button{width:34px;height:34px;font-size:18px}.gallery-viewport,.motion-ready .gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;padding:35px 0 55px}.gallery-track{transform:none!important;gap:28px;padding:0 var(--pad);will-change:auto}.gallery-track>*{scroll-snap-align:center}.gallery-barber,.gallery-beauty{width:76vw;height:290px;min-height:0;margin-top:0}.gallery-photo figcaption{font-size:6px;letter-spacing:.05em}.gallery-quote{width:58vw;padding:32px 0 0 6px}.gallery-quote p{font-size:32px}.gallery-quote small{font-size:6px;max-width:180px}.gallery-owner{width:58vw;height:290px;min-height:0;margin-top:0}.gallery-outro{width:70vw;padding:25px 10px}.gallery-outro p{font-size:38px;margin:25px 0}.gallery-outro .round-arrow{width:38px;height:38px}.gallery-meter{bottom:17px}.solutions{padding:85px var(--pad)}.solutions-intro{margin-bottom:50px}.solutions-intro h2{font-size:39px;line-height:1.08;margin-top:20px}.solutions-intro p{font-size:10px}.solution-pair{grid-template-columns:1fr;gap:65px}.solution-card.beauty-card{margin-top:0}.solution-image{height:105vw;max-height:540px}.solution-caption{padding:25px 0 14px}.solution-caption h3{font-size:54px;margin:10px 0 14px}.solution-caption p{font-size:11px}.solution-arrow{width:49px;height:49px;font-size:25px}.solution-caption small{font-size:7px}.text-link{font-size:9px}.film-section{padding-top:65px;padding-bottom:35px}.film-intro{display:block;padding-bottom:35px}.film-intro .eyebrow{display:block;max-width:240px}.film-intro h2{font-size:37px;max-width:none;margin-top:23px}.film-window{margin:0;aspect-ratio:16/10}.film-window video{object-fit:contain}.film-toggle{bottom:12px;left:var(--pad);padding:10px 12px;font-size:8px;gap:9px}.film-meta{align-items:start;gap:15px;padding-top:19px;font-size:6px}.film-meta a{font-size:8px;gap:12px;max-width:160px;line-height:1.7}.film-meta a span{font-size:15px}.app-section{grid-template-columns:1fr;padding:85px var(--pad) 75px;gap:65px}.app-copy h2{font-size:71px;margin:25px 0}.app-copy>p{font-size:11px;max-width:300px;margin-top:23px}.theme-picker{margin-top:25px}.theme-hint{font-size:8px}.app-art{min-height:565px}.app-background-word{font-size:85vw;left:-10%;top:20%}.phone{width:266px;transform:rotate(5deg)}.app-annotation{font-size:15px;right:-5px;top:-30px;z-index:3}.app-annotation svg{width:65px;height:50px}.app-demo-note{font-size:6px}.contact-section{padding-top:35px}.footer-top .eyebrow{font-size:6px;max-width:230px}.contact-section h2{font-size:17vw;margin-top:85px}.contact-section>p{font-size:10px;margin-top:24px}.contact-button{margin-top:25px;min-width:190px;font-size:11px}.footer-bottom{margin-top:85px;flex-wrap:wrap;padding:28px 0;gap:30px}.footer-bottom nav{gap:24px;font-size:9px}.footer-bottom>span{font-size:6px;width:100%;letter-spacing:.13em}.footer-legal{flex-wrap:wrap;gap:14px}.footer-legal small,.footer-legal button{font-size:6px}.nav-dialog{padding:23px var(--pad)}.nav-dialog>.eyebrow{margin-top:65px}.nav-dialog nav{margin-top:35px}.nav-dialog nav a{font-size:25px;gap:12px;letter-spacing:-.06em;padding:20px 0}.nav-dialog nav small{font-size:8px}.nav-dialog nav a>span{font-size:22px}.nav-bottom{font-size:8px;line-height:1.7;gap:20px;margin-top:40px}.beauty-dialog[open]{grid-template-columns:1fr}.beauty-dialog-photo{height:210px;min-height:0;object-position:center 40%}.beauty-dialog-copy{padding:30px 24px}.beauty-dialog-copy h2{font-size:39px;margin:20px 0}.beauty-dialog-copy .button{font-size:10px;width:100%}}
@media(max-width:360px){:root{--pad:18px}.header-cta{font-size:8px;padding:9px;gap:6px}.hero-start{font-size:12vw}.hero-end{font-size:13vw}.hero-stage{min-height:650px}.hero-portrait{height:60%}.phone{width:245px}.app-copy h2{font-size:62px}.app-annotation{right:0}.nav-dialog nav a{font-size:22px}}
body.reduced-motion{scroll-behavior:auto}body.reduced-motion .hero-story{height:100svh}body.reduced-motion .hero-stage{position:relative}body.reduced-motion .gallery-section{height:auto!important}body.reduced-motion .gallery-stage{height:auto;position:relative}body.reduced-motion .gallery-viewport{overflow-x:auto}body.reduced-motion .gallery-track{transform:none!important}body.reduced-motion .reveal{opacity:1;transform:none;transition:none}body.reduced-motion .manifesto-copy .word{opacity:1!important;transition:none}body.reduced-motion .hero-start,body.reduced-motion .hero-end,body.reduced-motion .hero-aside{opacity:1;transform:none}body.reduced-motion .hero-portrait{transform:none}body.reduced-motion .phone{transform:none}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
/* The portrait is a separate text-free layer; feather its photographic backdrop. */
.hero-portrait{display:flex;align-items:flex-end;justify-content:center}
.hero-portrait img{width:auto;height:auto;max-height:100%;max-width:100%;margin:0 auto;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000);mask-composite:intersect}
.connection-path{mask-image:linear-gradient(to right,#000 22%,transparent 33%,transparent 66%,#000 78%)}
@media(max-width:700px){.hero-story{min-height:700px}.hero-portrait{height:62%}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.app-copy h2{font-size:clamp(48px,15.5vw,68px)}.menu-toggle{width:44px;height:44px}.gallery-heading h2{font-size:clamp(30px,9vw,38px)}.gallery-controls button{width:44px;height:44px}body.reduced-motion .hero-story{height:max(100svh,700px)}}
@media(max-width:360px){.hero-story{min-height:650px}body.reduced-motion .hero-story{height:max(100svh,650px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-ready) .reveal{opacity:1!important;transform:none!important}body:not(.motion-ready) .hero-story{height:100svh}body:not(.motion-ready) .hero-stage{position:relative}body:not(.motion-ready) *,body:not(.motion-ready) *:before,body:not(.motion-ready) *:after{animation:none!important;transition:none!important}}

/* Official MC Hub identity */
.brand-logo{display:inline-grid;align-items:center;flex:0 0 auto;line-height:0}
.brand-logo img{display:block;width:145px;height:auto}
.brand-logo>img{grid-area:1/1}
.brand-logo .logo-light{visibility:hidden}
.site-header.on-dark .brand-logo .logo-color{visibility:hidden}
.site-header.on-dark .brand-logo .logo-light,.footer-brand .logo-light{visibility:visible}
.nav-top .brand-logo img{width:160px}
@media(max-width:700px){.brand-logo img{width:122px}.nav-top .brand-logo img{width:138px}}
@media(max-width:360px){.brand-logo img{width:108px}}
.film-toggle{color:var(--ink)}
.app-background-word,.app-annotation{display:none}
.app-art .phone,.app-art:hover .phone{transform:none}

/* Premium palette and the clean-alpha portrait treatment. */
.site-header.scrolled{background:rgba(241,237,228,.95);border-bottom:1px solid rgba(185,154,104,.2)}
.site-header.on-dark{background:rgba(12,36,32,.94)}
.button{box-shadow:0 9px 24px rgba(16,39,32,.08)}
.button:hover{background:#52d4b7}
.hero-story:after{display:none}
.connection-path path{stroke:#2fae94}
.hero-portrait{mix-blend-mode:normal}
.hero-portrait img{width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center bottom;mask-image:none;-webkit-mask-image:none}
.hero-portrait{width:45%;left:27.5%;height:88%;bottom:-4%}
.gallery-owner{background:linear-gradient(145deg,#d8d0c3,#eee9df);overflow:hidden}
.gallery-owner img{object-fit:contain;object-position:center bottom}
.solution-image{background:var(--soft)}
.image-number{border:1px solid rgba(185,154,104,.34);box-shadow:0 8px 22px rgba(16,39,32,.08)}
.theme-picker{border-color:rgba(185,154,104,.35)}
.phone{border-color:#1d332d;background:#102720;box-shadow:20px 32px 70px rgba(16,39,32,.16)}
.nav-dialog nav a>span{color:#2d9f87}
.nav-dialog nav a:hover{color:#207a67}
@media(min-width:701px){
  .hero-end{top:34%;font-size:clamp(60px,6.25vw,108px)}
}
.manifesto,.gallery-section{background:var(--story-bg,var(--dark));color:var(--story-ink,var(--paper));border:0}
.manifesto{min-height:780px;min-height:90svh;display:flex;flex-direction:column;justify-content:space-between;padding:100px var(--pad) 80px;gap:64px}
.manifesto .section-top{margin:0}
.manifesto-copy{font-size:clamp(46px,6.5vw,104px);line-height:1.16;letter-spacing:-.06em;margin:0 auto;width:100%;max-width:1450px}
.manifesto-line{display:block}
.manifesto-line+.manifesto-line{margin-top:12px}
.manifesto-copy em{color:var(--story-accent,var(--mint));letter-spacing:-.055em;white-space:nowrap}
.manifesto-bottom{margin:0;gap:40px}
.solutions-intro h2{margin:0}
.manifesto .section-top .eyebrow,.manifesto-bottom p,.gallery-heading .eyebrow,.gallery-photo figcaption,.gallery-quote small,.gallery-outro .eyebrow{color:var(--story-muted,#b5c4ba)}
.manifesto .tiny-symbol,.manifesto-bottom>.eyebrow,.gallery-heading h2 em,.gallery-quote>span,.gallery-quote p em,.gallery-outro p em{color:var(--story-accent,var(--mint))}
.gallery-controls button{color:inherit;border-color:var(--story-rule,#86968b)}
.gallery-meter{background:var(--story-rule,#7b91834d)}
.gallery-meter span{background:var(--story-accent,var(--mint))}
.gallery-viewport{scrollbar-color:var(--story-accent,var(--mint)) transparent}
.gallery-owner{background:none;overflow:visible}
.gallery-owner{overflow:hidden}
.gallery-owner img{background:none;object-fit:cover;object-position:center center}
@media(max-width:700px){
  .manifesto{min-height:0;padding:65px var(--pad) 64px;gap:52px}
  .manifesto-copy{font-size:clamp(34px,9.5vw,62px);line-height:1.12;text-align:left;letter-spacing:-.055em}
  .manifesto-line em{display:block;font-size:1.3em;margin-top:2px}
  .manifesto-line+.manifesto-line{margin-top:28px}
  .manifesto-bottom{margin:0}
  .manifesto-bottom p{margin-left:0;font-size:11px;max-width:310px}
}
@media(max-width:700px){
  .hero-portrait{width:100%;left:0;height:59%;bottom:0}
  .hero-portrait img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;mask-image:none;-webkit-mask-image:none}
  .scroll-prompt{background:rgba(241,237,228,.9);border:1px solid rgba(185,154,104,.2)}
}