@font-face{font-family:Bodoni Moda;src:url('assets/fonts/bodoni-moda-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--ivory:#fff6ed;--oat:#decdc3;--taupe:#a08572;--wine:#310d19;--mulberry:#59213a;--body:'Manrope',Arial,sans-serif;--display:'Bodoni Moda',Georgia,serif;--line:rgba(49,13,25,.23);--gutter:6.4vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--wine);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,h4{margin:0}h1,h2,h3,h4{font-weight:400}h2{font-family:var(--display);font-size:clamp(48px,6.6vw,110px);line-height:1.05;letter-spacing:-.045em}p{line-height:1.7}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--mulberry);color:var(--ivory)}.section-pad{padding:110px var(--gutter)}.eyebrow,.panel-label,.type-credit{font-size:12px;line-height:1.5;letter-spacing:.13em;font-weight:500}.small-note{font-size:13px;line-height:1.65;color:#73585e}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:70px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--wine);color:var(--ivory);padding:12px}.skip-link:focus{top:20px}.masthead{position:absolute;left:var(--gutter);top:33px;z-index:3;font-size:12px;letter-spacing:.12em}.masthead span{margin-left:30px;color:#7a6265;font-size:11px}.chapter-index{position:fixed;right:32px;top:24px;z-index:30}.chapter-index>button{display:flex;align-items:center;gap:15px;border:1px solid rgba(49,13,25,.18);border-radius:2px;background:var(--ivory);font-size:12px;line-height:1;padding:15px 18px;box-shadow:0 2px 20px #310d1906}.index-divider{height:13px;width:1px;background:var(--line)}.menu-glyph{font-size:19px;line-height:10px;transition:transform .25s}.chapter-index>button[aria-expanded=true] .menu-glyph{transform:rotate(45deg)}#chapter-menu{position:absolute;right:0;top:57px;width:310px;background:var(--ivory);border:1px solid var(--line);padding:22px 25px;box-shadow:0 20px 50px #310d1918}#chapter-menu a{display:flex;align-items:center;gap:24px;font-size:14px;padding:13px 0;border-bottom:1px solid #310d1910}#chapter-menu a span{font-size:12px;color:#80656a}#chapter-menu a[aria-current=location]{color:var(--mulberry);font-weight:600}#chapter-menu a[aria-current=location] span{color:var(--wine)}#chapter-menu p{font-size:10px;letter-spacing:.13em;margin-top:22px;color:#80656a}.opening{height:100svh;min-height:650px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.opening-title{position:absolute;top:19%;font:400 22px var(--display);letter-spacing:-.02em;animation:soft-in .9s both .2s}.hero-logo{width:clamp(340px,34vw,560px);height:auto;animation:logo-reveal 1.6s cubic-bezier(.2,.7,.3,1) both}.opening-bottom{position:absolute;bottom:36px;width:calc(100% - var(--gutter)*2);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em}.opening-bottom a{font-size:11px;display:flex;gap:22px;align-items:center;padding:12px}.opening-bottom a span{font-size:20px}.photo-reveal{height:140svh;min-height:900px;background:var(--ivory)}.reveal-frame{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;clip-path:inset(8% 29% 8% 29% round 45% 45% 0 0);background:var(--taupe)}.reveal-portrait{width:100%;height:100%;object-fit:cover;object-position:center 42%}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#310d1940,transparent 65%)}.reveal-brand{position:absolute;left:13%;top:25%;color:var(--ivory);width:27%;text-align:center}.reveal-brand img{width:60%;margin:0 auto 42px}.reveal-brand p{font:clamp(24px,3vw,46px)/1.2 var(--display)}.photo-note{position:absolute;bottom:30px;left:var(--gutter);font-size:10px;letter-spacing:.12em;color:var(--ivory)}.idea{overflow:hidden;position:relative;padding-bottom:145px}.idea-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;position:relative}.idea-copy{position:relative;z-index:2}.idea-copy h2{margin-bottom:40px}.idea-copy>p{max-width:385px;margin-top:22px}.idea-copy>p:first-of-type{font-size:19px;line-height:1.5}.idea-foot{display:flex;align-items:center;gap:20px;margin-top:58px;font-size:10px;letter-spacing:.12em}.hairline{width:50px;height:1px;background:var(--wine)}.idea-portrait{width:85%;justify-self:center;position:relative;z-index:2}.idea-portrait img{aspect-ratio:4/5;object-fit:cover}.idea-portrait figcaption{margin-top:15px;font-size:12px;color:#75595f}.idea-crop{position:absolute;width:64%;max-width:none;right:-29%;bottom:-20%;opacity:.1;pointer-events:none}.identity-intro{padding-bottom:70px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:45px}.split-heading p{font-size:16px;max-width:340px;margin-bottom:8px}.split-heading p .small-note{display:block;margin-top:23px}.logo-stage{height:640px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 var(--gutter);border:1px solid var(--line);transition:background-color .5s,color .5s;background-size:cover;background-position:center}.logo-stage>img{width:34%;max-width:500px;position:relative;z-index:2;transition:opacity .2s}.stage-label{position:absolute;left:28px;top:25px;font-size:10px;letter-spacing:.13em}.stage-counter{position:absolute;bottom:25px;right:28px;font-size:11px;letter-spacing:.13em}.stage-ivory{background:var(--ivory);color:var(--wine)}.stage-wine{background:var(--wine);color:var(--ivory)}.stage-taupe{background:var(--taupe);color:var(--ivory)}.stage-portrait{background-image:linear-gradient(#310d1960,#310d1960),url('assets/portrait-hero.webp');color:var(--ivory)}.stage-controls{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px var(--gutter) 60px;font-size:12px}.palette-options{display:flex;gap:25px}.palette-option{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 0;border-bottom:1px solid transparent}.palette-option[aria-pressed=true]{border-color:var(--wine)}.palette-option>span:first-child{width:18px;height:18px;border:1px solid #310d1930;border-radius:50%;background:var(--swatch)}.palette-option .photo-swatch{background:url('assets/portrait-hero.webp') 70% center/cover!important}.identity-pair{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.symbol-panel,.wordmark-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;padding:65px}.symbol-panel{background:var(--wine);color:var(--ivory)}.symbol-panel>img{width:32%}.panel-label{position:absolute;bottom:28px;left:35px;right:28px;font-size:10px}.wordmark-panel{background:var(--oat);flex-direction:column;gap:80px}.wordmark{width:85%;max-width:480px}.small-scale{display:flex;gap:22px;align-items:center;font-size:12px}.small-scale img{width:42px}.language-title{max-width:750px}.color-composition{display:flex;min-height:420px}.color-composition>div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:30px 2.8%;font-size:11px}.color-composition>div:first-child{flex:1.4;padding-left:var(--gutter)}.color-composition>div:last-child{flex:.8}.color-composition h3{font:clamp(23px,2.3vw,36px) var(--display);margin-bottom:8px;white-space:nowrap}.color-composition p{font-size:12px;letter-spacing:.08em}.color-ivory{background:var(--ivory);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.color-oat{background:var(--oat)}.color-taupe{background:var(--taupe)}.color-wine{background:var(--wine);color:var(--ivory)}.color-mulberry{background:var(--mulberry);color:var(--ivory)}.palette-note{display:flex;justify-content:space-between;gap:24px;margin:22px var(--gutter) 0;font-size:12px}.palette-note>span:last-child{max-width:460px;font-size:11px;color:#73585e}.type-composition{padding-top:120px;padding-bottom:120px}.type-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;margin-top:55px}.type-layout h3{font:clamp(55px,8.4vw,140px)/.99 var(--display);letter-spacing:-.05em}.type-layout h3 span{font-size:1.35em}.type-credit{display:block;font-size:10px;margin-top:37px;color:#785d62}.type-support{padding-top:16px}.type-support h4{font-size:22px;line-height:1.45;margin:25px 0 17px;letter-spacing:-.035em}.type-support>p{max-width:350px;font-size:15px}.compact-type{border-top:1px solid var(--line);margin-top:40px;padding-top:27px}.compact-type>span{font-size:10px;letter-spacing:.14em}.compact-type p{font:35px var(--display);margin:8px 0}.compact-type small{font-size:12px}.language-devices{display:grid;grid-template-columns:1.15fr 1fr;position:relative;min-height:720px}.echo-panel{background:var(--oat);position:relative;overflow:hidden;min-height:560px}.echo-pattern{position:absolute;inset:-12% -25%;background-image:url('assets/mirrormirror-symbol-wine.svg');background-size:180px 125px;background-repeat:repeat;transform:rotate(-12deg);opacity:.55}.echo-panel .panel-label{background:var(--oat);bottom:0;left:0;right:0;padding:22px 35px}.crop-panel{position:relative}.crop-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.crop-panel .panel-label{color:var(--ivory);text-shadow:0 1px 8px #310d19}.language-note{position:absolute;bottom:65px;left:7%;background:var(--ivory);padding:35px 40px;max-width:370px}.language-note p{font:23px/1.4 var(--display);margin-top:20px}.world-intro{padding-top:145px;padding-bottom:100px}.world-intro h2{max-width:950px}.world-intro>p{margin-top:40px;max-width:500px}.artwork{position:relative;overflow:hidden}.scene-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.environment-art{aspect-ratio:3/2;max-height:1000px}.environment-art .scene-photo{height:100%}.wall-logo{position:absolute;width:18%;left:40%;top:17%;mix-blend-mode:multiply;filter:drop-shadow(1px 2px 1px #310d1928)}.application-caption{padding:28px var(--gutter) 45px;display:flex;align-items:center;justify-content:space-between;gap:35px}.application-caption>div>span{font-size:10px;letter-spacing:.12em}.application-caption h3{font:32px/1.15 var(--display);margin-top:10px;letter-spacing:-.035em}.application-caption>p{font-size:13px;line-height:1.7}.inspect-button,.text-button{font-size:12px;padding:12px 0;border-bottom:1px solid var(--line);white-space:nowrap}.inspect-button span,.text-button span{margin-left:20px;font-size:18px}.application-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.application-title h3{font:clamp(34px,4vw,64px)/1.1 var(--display);letter-spacing:-.04em;margin-top:22px}.application-title>p{font-size:14px;max-width:365px}.patient-app{padding-top:80px}.patient-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:5%;align-items:center}.patient-art{aspect-ratio:3/2;container-type:inline-size}.patient-art .scene-photo{height:100%}.folder-print,.booklet-print,.appointment-print{position:absolute;mix-blend-mode:multiply}.folder-print{left:13%;top:24%;width:32%;height:61%;padding:0}.folder-print>img:first-child{width:75%}.folder-print>p{font:3.7cqw/1.05 var(--display);letter-spacing:-.04em;margin-top:19%}.folder-print>span{display:block;font-size:1cqw;letter-spacing:.09em;margin-top:8%}.folder-print .folder-symbol{position:absolute;width:21%;bottom:3%;right:0}.booklet-print{left:60%;top:16%;width:24%;height:43%;padding:0}.booklet-print>img{width:22%;margin-bottom:22%}.booklet-print p{font:3.4cqw/1.1 var(--display);letter-spacing:-.03em}.booklet-print>span{font-size:.8cqw;letter-spacing:.07em;display:block;margin-top:15%}.appointment-print{left:63%;top:75%;width:23%;height:16%}.appointment-print>img{width:70%}.appointment-print>p{font:2.3cqw/1.1 var(--display);margin-top:8%}.appointment-print>div{font-size:.7cqw;margin-top:6%}.paper-detail{padding:20px 0}.paper-detail>.eyebrow{font-size:10px}.flat-card{background:var(--oat);padding:30px 32px;margin:25px 0 18px;max-width:360px}.flat-card h4{font:34px/1.1 var(--display);letter-spacing:-.035em;margin:25px 0}.flat-card p{display:flex;align-items:center;gap:15px;font-size:12px;margin-bottom:16px}.flat-card p span{height:1px;background:var(--line);flex:1}.flat-card small{display:block;font-size:8px;letter-spacing:.12em;margin-top:25px}.paper-detail>.small-note{font-size:11px}.paper-detail>.text-button{margin-top:20px}.object-applications{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 var(--gutter) 95px}.object-applications .application-caption{padding:25px 0 15px;gap:12px}.object-applications .application-caption h3{font-size:29px}.gift-art,.packaging-art{aspect-ratio:1/1.05;container-type:inline-size;background:var(--oat)}.gift-art .scene-photo,.packaging-art .scene-photo{width:100%;height:100%;object-fit:cover}.gift-card-print,.gift-sleeve-print,.bag-print,.carton-print{position:absolute}.gift-card-print{top:28%;left:20%;width:28%;color:var(--ivory);text-align:center}.gift-card-print img{width:42%;margin:0 auto 15%}.gift-card-print span{font-size:1cqw;letter-spacing:.14em;white-space:nowrap}.gift-sleeve-print{left:46%;top:34%;width:34%;mix-blend-mode:multiply}.gift-sleeve-print>img{width:82%}.gift-sleeve-print>p{font:4.2cqw/1.05 var(--display);margin-top:19%;letter-spacing:-.03em}.gift-sleeve-print>span{font-size:.95cqw;display:block;margin-top:15%;letter-spacing:.07em}.bag-print{left:18%;top:45%;width:30%;mix-blend-mode:multiply;text-align:center}.bag-print>img{width:90%;margin:auto}.bag-print>span{display:block;font-size:.95cqw;letter-spacing:.09em;white-space:nowrap;margin-top:17%}.carton-print{left:63%;top:65%;width:17%;mix-blend-mode:multiply;text-align:center}.carton-print img{width:46%;margin:auto}.carton-print span{font-size:.85cqw;display:block;white-space:nowrap;margin-top:18%}.application-note{font-size:11px;color:#73585e;max-width:390px;line-height:1.6}.campaign-app{background:var(--wine);color:var(--ivory);padding-bottom:70px}.campaign-intro{padding-bottom:65px}.campaign-intro>div{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:35px}.campaign-intro h3{font:clamp(40px,5.2vw,80px)/1.1 var(--display);letter-spacing:-.035em}.campaign-intro p{font-size:14px;max-width:300px}.campaign-art{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;align-items:center;padding:0 10%;container-type:inline-size}.campaign-poster{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--taupe)}.campaign-poster>img:first-child{width:100%;height:100%;object-fit:cover;filter:brightness(.87)}.poster-top{position:absolute;top:6%;left:0;width:100%;text-align:center;font-size:1.5cqw;letter-spacing:.15em}.poster-you{position:absolute;top:9%;left:0;width:100%;text-align:center;font:15cqw/1 var(--display);letter-spacing:-.07em}.poster-logo{position:absolute;left:20%;bottom:10%;width:60%}.poster-note{position:absolute;bottom:6%;left:0;width:100%;text-align:center;font-size:.62cqw;letter-spacing:.12em}.campaign-side{align-self:center}.campaign-mini{position:relative;width:83%;aspect-ratio:1;overflow:hidden;margin-bottom:40px}.campaign-mini>img:first-child{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.campaign-mini>span{position:absolute;left:10%;top:9%;font:4.2cqw/1.05 var(--display);letter-spacing:-.03em}.campaign-mini .mini-logo{position:absolute;width:16%;left:10%;bottom:10%}.campaign-side>.eyebrow{font-size:10px}.campaign-side>p{font-size:12px;margin-top:15px;color:var(--oat)}.campaign-inspect{text-align:right;padding:35px 10% 0}.campaign-inspect .text-button{border-color:#fff6ed50}.social-app{padding-top:130px;padding-bottom:110px}.social-art{display:grid;grid-template-columns:1fr 1fr .7fr;gap:28px;align-items:center;container-type:inline-size}.social-tile{aspect-ratio:1;position:relative;overflow:hidden}.social-photo>img:first-child{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(.75)}.social-photo>span{position:absolute;left:9%;top:10%;font:3.5cqw/1.1 var(--display);color:var(--ivory)}.social-photo .social-symbol{position:absolute;left:9%;bottom:9%;width:14%}.social-type{background:var(--oat);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9% 5%}.social-type>img{width:68%}.social-type>p{font:4.6cqw/1.05 var(--display);letter-spacing:-.04em;text-align:center}.social-type i{font-style:normal}.social-type>span{font-size:.8cqw;letter-spacing:.12em}.social-info{background:var(--mulberry);color:var(--ivory);aspect-ratio:9/16;padding:14% 12%;display:flex;flex-direction:column}.social-info>span{font-size:.7cqw;letter-spacing:.1em}.social-info h4{font:2.8cqw/1.1 var(--display);letter-spacing:-.035em;margin-top:18%}.social-rule{height:1px;background:#fff6ed70;width:26%;margin:16% 0}.social-info>p{font-size:1cqw;line-height:1.9}.social-info>img{width:19%;margin-top:auto;padding-top:10%}.social-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.social-caption .small-note{font-size:11px}.digital-app{background:var(--oat);padding-bottom:80px}.digital-art{container-type:inline-size;position:relative;padding:45px 13% 80px 0;overflow:visible}.desktop-concept{background:var(--ivory);box-shadow:0 22px 60px #310d1922;overflow:hidden;border:1px solid #310d1920;border-radius:8px}.mock-browser{height:32px;background:#eadbd1;display:flex;align-items:center;gap:5px;padding:0 13px}.mock-browser>span{width:5px;height:5px;border-radius:50%;border:1px solid #310d1950}.mock-browser p{font-size:7px;letter-spacing:.1em;text-align:center;flex:1}.mock-nav{display:flex;align-items:center;justify-content:space-between;padding:3% 5%;gap:15px}.mock-nav>img{width:24%}.mock-nav>span{font-size:.65cqw}.mock-cta{padding:6px 8px;border:1px solid var(--wine)}.mock-hero{display:grid;grid-template-columns:1fr 1fr}.mock-hero>div{padding:12% 10%}.mock-hero .eyebrow{font-size:.65cqw;letter-spacing:.1em}.mock-hero h4{font:4.1cqw/1.05 var(--display);letter-spacing:-.04em;margin:7% 0}.mock-hero p{font-size:.85cqw;line-height:1.7}.mock-link{display:block;font-size:.65cqw;border-bottom:1px solid var(--line);width:fit-content;padding:10% 0 3%}.mock-hero>img{width:100%;height:100%;object-fit:cover;object-position:69% center}.mock-bottom{padding:3% 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.mock-bottom>span{font-size:.65cqw;letter-spacing:.1em}.mock-bottom p{font:1.7cqw var(--display)}.mobile-concept{position:absolute;right:0;bottom:25px;width:23%;border:5px solid var(--wine);border-radius:26px;background:var(--ivory);padding:20px 12px 18px;box-shadow:0 15px 40px #310d1935;overflow:hidden}.mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-top>img{width:25px}.mobile-top>span{font-size:12px}.mobile-concept h4{font:2.5cqw/1.02 var(--display);letter-spacing:-.04em;margin:0 3px 16px}.mobile-portrait{width:100%;aspect-ratio:1/1;object-fit:cover}.mobile-concept>p{font-size:.8cqw;margin-top:15px;line-height:1.6}.mobile-mock-link{display:block;font-size:.75cqw;border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.system{padding-top:135px}.system h2{margin-bottom:75px}.system-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,260px);gap:16px}.system-identity{grid-column:1/5;grid-row:1;background:var(--wine);color:var(--ivory);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.system-identity>img{width:50%}.system-identity>span{font-size:8px;letter-spacing:.13em}.system-item{position:relative;overflow:hidden;padding:0;text-align:left;background:var(--oat);isolation:isolate}.system-item>img{width:100%;height:100%;object-fit:cover}.system-item-label{position:absolute;left:0;bottom:0;width:100%;padding:15px 20px;font-size:10px;background:var(--ivory);display:flex;justify-content:space-between;border:1px solid #310d1910;z-index:2}.system-item-label>span{font-size:14px;line-height:1}.system-environment{grid-column:5/13;grid-row:1}.system-patient{grid-column:1/6;grid-row:2}.system-phrase{grid-column:6/10;grid-row:2;background:var(--oat);padding:35px 30px;display:flex;flex-direction:column;justify-content:center}.system-phrase>p{font:clamp(36px,4.2vw,66px)/1.05 var(--display);letter-spacing:-.04em}.system-phrase>span{font-size:8px;letter-spacing:.12em;margin-top:22px}.system-campaign{grid-column:10/13;grid-row:2/4}.system-gift{grid-column:1/5;grid-row:3}.system-palette{grid-column:5/6;grid-row:3;display:flex;flex-direction:column}.system-palette>i{flex:1;background:var(--ivory);border:1px solid #310d1910}.system-palette>i:nth-child(2){background:var(--oat)}.system-palette>i:nth-child(3){background:var(--taupe)}.system-palette>i:nth-child(4){background:var(--wine)}.system-palette>i:nth-child(5){background:var(--mulberry)}.system-digital{grid-column:6/10;grid-row:3}.system-preview{display:block;position:absolute;inset:0 0 39px;pointer-events:none;overflow:hidden}.system-preview>.artwork{width:100%;height:100%;aspect-ratio:auto;min-height:0}.system-preview>.environment-art>img.scene-photo{object-position:center 50%}.system-preview>.digital-art{padding:8% 13% 8% 7%;background:var(--oat);overflow:hidden}.system-preview .mobile-concept{bottom:12%;right:3%}.system-preview .mock-browser{height:16px}.system-preview .mock-browser p{font-size:4px}.system-preview .mock-nav{gap:4px}.system-preview .mock-cta{padding:2px}.system-preview .mobile-concept{border-width:2px;border-radius:10px;padding:5px}.system-preview .mobile-top{margin-bottom:6px}.system-preview .mobile-top>img{width:12px}.system-preview .mobile-top>span{font-size:7px}.system-preview .mobile-concept h4{margin-bottom:5px}.system-preview .mobile-concept p{margin-top:5px}.system-preview .mobile-mock-link{padding-top:3px;margin-top:3px}.system-preview .mock-link{padding:6% 0 3%}.system-item .artwork,.system-item>img{transition:transform .7s}.system-item:hover .artwork,.system-item:hover>img{transform:scale(1.035)}.system-note{font:28px var(--display);margin-top:55px;text-align:center}.closing{background:var(--wine);color:var(--ivory);min-height:950px;display:flex;align-items:center;flex-direction:column;text-align:center;padding:70px var(--gutter) 32px}.closing>.eyebrow{color:var(--oat)}.closing>img{width:300px;margin-top:100px}.closing h2{font:clamp(28px,3.5vw,50px)/1.25 var(--display);letter-spacing:-.035em;margin-top:60px}.back-top{display:flex;align-items:center;gap:30px;font-size:12px;border-bottom:1px solid #fff6ed60;padding:10px 0;margin-top:45px}.back-top span{font-size:20px}.closing footer{margin-top:115px;padding-top:25px;border-top:1px solid #fff6ed28;width:100%;display:flex;text-align:left;justify-content:space-between;gap:40px;font-size:10px;color:var(--oat)}.closing footer p{line-height:1.7}.closing footer>span{margin-left:auto}dialog{padding:0;border:0;width:min(1300px,94vw);max-height:94svh;background:var(--ivory);color:var(--wine);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#1b080edb;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;gap:25px;font-size:12px}.dialog-header>span{letter-spacing:.08em;text-transform:uppercase}.dialog-header>button{font-size:12px;display:flex;align-items:center;gap:20px}.dialog-header>button>span{font-size:28px}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 25px}.dialog-bottom>p{font-size:12px;max-width:650px}.dialog-bottom>div{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:12px}.dialog-bottom button{font-size:24px;padding:8px}#exhibit-content{background:var(--oat);overflow:hidden}#exhibit-content>.artwork{margin:auto;width:min(100%,950px);aspect-ratio:3/2;max-height:70svh;overflow:hidden}#exhibit-content>.gift-art,#exhibit-content>.packaging-art{max-width:850px;aspect-ratio:3/2}#exhibit-content>.campaign-art{background:var(--wine);padding:4% 7%;color:var(--ivory);gap:9%}#exhibit-content>.social-art{padding:4%;gap:4%;background:var(--ivory)}#exhibit-content>.digital-art{padding:3% 15% 5% 5%;background:var(--oat);aspect-ratio:3/2}#exhibit-content .mobile-concept{bottom:5%;right:3%}.rise{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.rise.visible{opacity:1;transform:translateY(0)}
@keyframes logo-reveal{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes soft-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1800px){:root{--gutter:9vw}.opening-title{top:20%}.logo-stage{height:760px}.system-grid{grid-template-rows:repeat(3,330px)}}
@media(max-width:1100px){:root{--gutter:5vw}.masthead span{display:none}.chapter-index{right:25px}.logo-stage{height:520px}.idea-layout{gap:6%}.idea-portrait{width:95%}.identity-pair,.symbol-panel,.wordmark-panel{min-height:380px}.symbol-panel,.wordmark-panel{padding:45px}.color-composition{min-height:340px}.language-devices{min-height:560px}.patient-layout{grid-template-columns:1.55fr 1fr;gap:4%}.flat-card{padding:23px}.flat-card h4{font-size:28px}.object-applications{gap:20px}.object-applications .application-caption{align-items:start}.object-applications .application-caption h3{font-size:24px}.application-caption>p{max-width:280px}.system-grid{grid-template-rows:repeat(3,220px)}.social-art{gap:18px}.campaign-art{padding:0 7%}.closing footer{gap:25px}.mobile-concept{padding:12px 8px;border-radius:19px}.mobile-top{margin-bottom:15px}.mobile-top>img{width:22px}.mobile-concept h4{margin-bottom:10px}.mobile-concept>p{margin-top:10px}.mobile-mock-link{margin-top:9px;padding-top:8px}}
@media(max-width:760px){:root{--gutter:6vw}.section-pad{padding-top:75px;padding-bottom:75px}h2{font-size:clamp(42px,10vw,70px)}.chapter-heading{margin-bottom:45px;align-items:start;flex-direction:column;gap:10px}.chapter-heading>.small-note{font-size:11px}.masthead{top:28px;font-size:10px}.chapter-index{top:17px;right:16px}.chapter-index>button{gap:10px;font-size:11px;padding:13px}.chapter-index>button>span:nth-child(3){display:none}#chapter-menu{top:49px;width:min(310px,88vw)}.opening{min-height:600px}.opening-title{top:25%;font-size:20px}.hero-logo{width:67%;min-width:0;max-width:390px}.opening-bottom{bottom:30px;justify-content:center}.opening-bottom>span{display:none}.photo-reveal{height:115svh;min-height:720px}.reveal-frame{height:100svh;min-height:580px;clip-path:inset(7% 12% 7% 12% round 45% 45% 0 0)}.reveal-portrait{object-position:62% center}.photo-shade{background:linear-gradient(0deg,#310d1970,transparent 70%)}.reveal-brand{top:auto;bottom:16%;left:14%;width:72%}.reveal-brand img{width:29%;margin-bottom:22px}.reveal-brand p{font-size:28px}.photo-note{font-size:8px;bottom:24px}.idea-layout{grid-template-columns:1fr;gap:50px}.idea-copy h2{margin-bottom:25px}.idea-copy>p{font-size:15px;max-width:440px}.idea-copy>p:first-of-type{font-size:18px}.idea-foot{margin-top:30px;font-size:9px}.idea-portrait{width:76%;justify-self:end;max-width:400px}.idea-crop{width:95%;right:42%;bottom:-3%;opacity:.12}.split-heading{flex-direction:column;align-items:start;gap:25px;margin-top:30px}.split-heading p{font-size:14px}.split-heading p .small-note{margin-top:15px;font-size:11px}.logo-stage{height:410px}.logo-stage>img{width:60%}.stage-label{top:20px;left:20px;font-size:8px}.stage-counter{font-size:9px;bottom:20px;right:20px}.stage-controls{flex-direction:column;align-items:start;gap:13px;padding-top:18px;padding-bottom:35px}.palette-options{justify-content:space-between;gap:17px;width:100%;max-width:430px}.palette-option{font-size:11px;gap:7px}.palette-option>span:first-child{width:16px;height:16px}.identity-pair{grid-template-columns:1fr}.symbol-panel,.wordmark-panel{min-height:320px}.symbol-panel>img{width:30%;max-width:145px}.wordmark-panel{gap:55px;padding:45px 30px}.wordmark{width:88%;max-width:420px}.panel-label{font-size:8px;left:25px;bottom:22px}.small-scale{font-size:11px}.color-composition{display:grid;grid-template-columns:repeat(6,1fr);min-height:0}.color-composition>div{min-height:210px;padding:22px!important}.color-composition>div:nth-child(-n+3){grid-column:span 2}.color-composition>div:nth-child(n+4){grid-column:span 3}.color-composition h3{font-size:23px}.color-composition p{font-size:10px}.color-ivory{border-bottom:0}.palette-note{flex-direction:column;gap:8px}.palette-note>span{font-size:11px}.palette-note>span:last-child{font-size:10px}.type-layout{grid-template-columns:1fr;gap:55px;margin-top:40px}.type-layout h3{font-size:14vw}.type-layout h3 span{font-size:1.3em}.type-credit{margin-top:30px}.type-support{padding-top:0}.type-support h4{font-size:21px}.type-support>p{font-size:15px;max-width:430px}.compact-type{margin-top:30px}.language-devices{grid-template-columns:1fr 1fr;min-height:0}.echo-panel{min-height:370px}.echo-pattern{background-size:120px 84px}.crop-panel{min-height:370px}.crop-panel .panel-label,.echo-panel .panel-label{font-size:7px;padding:15px;left:0;bottom:0;right:0}.crop-panel .panel-label{background:#310d1940}.language-note{position:static;grid-column:1/-1;padding:40px var(--gutter);max-width:none;background:var(--oat)}.language-note p{font-size:24px}.world-intro{padding-top:90px;padding-bottom:65px}.world-intro>p{font-size:15px;margin-top:25px}.environment-art{aspect-ratio:1.2}.environment-art .scene-photo{object-fit:cover}.application-caption{padding:22px var(--gutter) 35px;flex-wrap:wrap;gap:18px;align-items:start}.application-caption h3{font-size:29px}.application-caption>p{order:3;max-width:none;font-size:12px;width:100%}.application-caption>.inspect-button{margin-left:auto}.application-title{align-items:start;flex-direction:column;gap:24px;margin-bottom:32px}.application-title h3{font-size:39px;margin-top:18px}.application-title>p{font-size:14px}.patient-app{padding-top:40px}.patient-layout{grid-template-columns:1fr}.patient-art{margin:0 calc(var(--gutter)*-1)}.paper-detail{max-width:400px;width:100%;justify-self:center;padding:35px 20px 0}.flat-card{max-width:none;padding:35px}.flat-card h4{font-size:36px}.flat-card small{font-size:9px}.paper-detail>.small-note{font-size:12px}.object-applications{grid-template-columns:1fr;gap:42px;padding-bottom:75px}.gift-art,.packaging-art{aspect-ratio:1.1}.object-applications .application-caption h3{font-size:29px}.application-note{font-size:11px}.campaign-intro{padding-bottom:40px}.campaign-intro>div{flex-direction:column;align-items:start;gap:25px;margin-top:25px}.campaign-intro h3{font-size:43px}.campaign-intro p{font-size:14px}.campaign-art{grid-template-columns:1fr;gap:42px;padding:0 var(--gutter)}.campaign-poster{max-width:520px}.poster-top{font-size:3cqw}.poster-you{font-size:32cqw}.poster-note{font-size:1.4cqw}.campaign-side{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.campaign-mini{width:100%;grid-row:1/3;margin:0}.campaign-mini>span{font-size:5cqw}.campaign-side>.eyebrow{align-self:end;font-size:8px}.campaign-side>p{align-self:start;font-size:11px;margin-top:13px}.campaign-inspect{padding:30px var(--gutter) 0}.campaign-app{padding-bottom:40px}.social-art{grid-template-columns:1fr 1fr;gap:15px}.social-info{grid-column:1/-1;width:60%;justify-self:center;margin-top:10px}.social-photo>span{font-size:5cqw}.social-type>p{font-size:6.4cqw}.social-type>span{font-size:1.25cqw}.social-info>span{font-size:2cqw}.social-info h4{font-size:7cqw}.social-info>p{font-size:2.6cqw}.social-info{padding:10%}.social-caption{align-items:start;flex-direction:column;gap:12px}.digital-art{padding:15px 0 0;display:flex;align-items:center;flex-direction:column;gap:35px}.desktop-concept{border-radius:5px}.mock-browser{height:20px;padding:0 8px;gap:3px}.mock-browser>span{width:3px;height:3px}.mock-browser p{font-size:5px}.mock-nav{gap:8px}.mock-nav>span{font-size:1cqw}.mock-cta{padding:3px 4px}.mock-hero .eyebrow{font-size:1cqw}.mock-hero h4{font-size:5.2cqw}.mock-hero p{font-size:1.4cqw}.mock-link{font-size:1cqw}.mock-bottom>span{font-size:1cqw}.mock-bottom p{font-size:2cqw}.mobile-concept{position:relative;right:auto;bottom:auto;width:53%;max-width:270px;border-radius:24px;border-width:5px;padding:18px 12px}.mobile-concept h4{font-size:6cqw;margin:20px 0}.mobile-top{margin:0 0 15px}.mobile-top>img{width:35px}.mobile-top>span{font-size:14px}.mobile-concept>p{font-size:2.4cqw;margin-top:16px}.mobile-mock-link{font-size:2.2cqw;margin-top:15px;padding-top:12px}.system h2{margin-bottom:40px}.system-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:220px 190px 220px 240px 220px;gap:12px}.system-identity{grid-column:1;grid-row:1}.system-environment{grid-column:2;grid-row:1}.system-patient{grid-column:1/-1;grid-row:2}.system-phrase{grid-column:1;grid-row:3;padding:22px}.system-phrase>p{font-size:32px}.system-phrase>span{font-size:7px}.system-campaign{grid-column:2;grid-row:3/5}.system-gift{grid-column:1;grid-row:4}.system-palette{grid-column:1;grid-row:5;flex-direction:row;height:45px;align-self:end}.system-digital{grid-column:1/-1;grid-row:5;align-self:start;height:165px}.system-item-label{font-size:8px;padding:13px 12px}.system-identity>img{width:65%}.system-identity>span{font-size:7px}.system-preview>.digital-art{display:block;padding:3% 20% 3% 15%}.system-preview .mobile-concept{position:absolute;width:19%;right:11%;bottom:7%}.system-preview .mobile-concept h4{font-size:2cqw;margin:5px 0}.system-preview .mobile-concept p{font-size:.7cqw}.system-preview .mobile-mock-link{font-size:.7cqw}.system-preview .mock-hero h4{font-size:3.1cqw}.system-preview .mock-hero p{font-size:.7cqw}.system-preview .mock-hero .eyebrow,.system-preview .mock-link,.system-preview .mock-nav>span,.system-preview .mock-bottom>span{font-size:.6cqw}.system-preview .mock-bottom p{font-size:1.3cqw}.system-note{font-size:23px;margin-top:35px}.closing{padding-top:50px;min-height:850px}.closing>img{width:230px;margin-top:85px}.closing h2{font-size:31px;margin-top:50px}.closing footer{margin-top:75px;flex-direction:column;gap:17px;font-size:10px}.closing footer>span{margin:0}.dialog-header{padding:14px 16px;font-size:10px}.dialog-header>button{font-size:11px;gap:10px}.dialog-bottom{padding:15px 17px;flex-direction:column;align-items:start;gap:10px}.dialog-bottom>p{font-size:11px}.dialog-bottom>div{align-self:end}#exhibit-content>.artwork{max-height:none;aspect-ratio:3/2}#exhibit-content>.campaign-art{grid-template-columns:1.12fr 1fr;gap:8%}#exhibit-content .campaign-side{display:block}#exhibit-content .poster-top{font-size:1.4cqw}#exhibit-content .poster-you{font-size:14cqw}#exhibit-content .poster-note{font-size:.62cqw}#exhibit-content .campaign-mini>span{font-size:4cqw}#exhibit-content .campaign-side>.eyebrow{font-size:5px;display:block;margin-top:12px}#exhibit-content .campaign-side>p{font-size:6px}#exhibit-content>.social-art{grid-template-columns:1fr 1fr .7fr;align-items:center}#exhibit-content .social-info{grid-column:auto;width:100%;margin:0;padding:14% 12%}#exhibit-content .social-photo>span{font-size:3.5cqw}#exhibit-content .social-type>p{font-size:4.6cqw}#exhibit-content .social-type>span{font-size:.8cqw}#exhibit-content .social-info>span{font-size:.7cqw}#exhibit-content .social-info h4{font-size:2.8cqw}#exhibit-content .social-info>p{font-size:1cqw}#exhibit-content>.digital-art{display:block;padding:5% 17% 7% 4%;aspect-ratio:1.35}#exhibit-content .mobile-concept{position:absolute;width:24%;right:3%;bottom:10%;padding:6px;border-width:3px;border-radius:12px}#exhibit-content .mobile-top{margin-bottom:6px}#exhibit-content .mobile-top>img{width:14px}#exhibit-content .mobile-top>span{font-size:7px}#exhibit-content .mobile-concept h4{font-size:2.5cqw;margin:6px 0}#exhibit-content .mobile-concept>p{font-size:.9cqw;margin-top:7px}#exhibit-content .mobile-mock-link{font-size:.8cqw;margin-top:6px;padding-top:6px}#exhibit-content .mock-hero h4{font-size:3.8cqw}#exhibit-content .mock-hero .eyebrow{font-size:.7cqw}#exhibit-content .mock-hero p{font-size:.8cqw}#exhibit-content .mock-bottom p{font-size:1.5cqw}}
@media(max-width:390px){.color-composition>div{padding:17px!important}.color-composition h3{font-size:20px}.color-composition p{font-size:9px}.palette-options{gap:12px}.palette-option{font-size:10px;gap:5px}.system-grid{grid-template-rows:190px 180px 200px 220px 220px}.system-phrase>p{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.photo-reveal{height:auto;min-height:0}.reveal-frame{position:relative;clip-path:none!important;height:85svh}.rise{opacity:1;transform:none}.system-item:hover .artwork,.system-item:hover>img{transform:none}}
/* Artwork coordinates follow the blank photographed surfaces. */
.wall-logo{width:18%;left:44.5%;top:20%}
.folder-print{left:20%;top:18%;width:29%;height:62%}.folder-print>p{margin-top:34%}.folder-print .folder-symbol{bottom:0;right:0}
.booklet-print{left:61.5%;top:18%;width:18%;height:35%}.booklet-print>img{width:24%;margin-bottom:24%}.booklet-print>p{font-size:3.1cqw}.booklet-print>span{font-size:.75cqw;margin-top:19%}
.appointment-print{left:61.5%;top:69%;width:18%;height:13%}.appointment-print>p{font-size:2cqw}.appointment-print>div{font-size:.62cqw}
.gift-art,.packaging-art{aspect-ratio:3/2}.gift-art .scene-photo,.packaging-art .scene-photo{height:auto;aspect-ratio:3/2}
.gift-card-print{left:63%;top:34%;width:24%;text-align:center}.gift-card-print>img{width:35%;margin-bottom:24%}.gift-card-print>span{font-size:.78cqw}
.gift-sleeve-print{left:16%;top:33%;width:34%}.gift-sleeve-print>img{width:76%}.gift-sleeve-print>p{font-size:3.8cqw;margin-top:13%}.gift-sleeve-print>span{font-size:.8cqw;margin-top:10%}
.bag-print{left:25%;top:56%;width:24%}.bag-print>img{width:85%}.bag-print>span{font-size:.68cqw;margin-top:12%}
.carton-print{left:63%;top:58%;width:16%}.carton-print>img{width:38%}.carton-print>span{font-size:.65cqw;margin-top:18%}
.system-preview{display:flex;align-items:center;justify-content:center}.system-preview>.artwork{flex-shrink:0;width:100%;height:auto;aspect-ratio:3/2}.system-preview>.digital-art{aspect-ratio:3/2}
@media(max-width:760px){.environment-art{aspect-ratio:3/2}.object-applications{gap:40px}.gift-art,.packaging-art{aspect-ratio:3/2}}
.bag-print{top:52%}.poster-you{top:56%;font-size:12cqw}
.application-caption>div>span,.type-credit{font-size:12px}.application-title>p{font-size:16px}.application-caption>p{font-size:14px}.campaign-intro p{font-size:16px}
@media(max-width:760px){.poster-you{font-size:26cqw}#exhibit-content .poster-you{font-size:12cqw}.application-title>p{font-size:15px}.application-caption>p{font-size:13px}}

.chapter-index>button{min-height:44px}.system-environment .system-preview{align-items:flex-start}

/* A more expressive opening. The supplied mark resolves after its two arches separate. */
:root{--rose:#f0abbf;--cherry:#e74467;--silver:#c5c7cb}
.masthead{color:var(--ivory);font-size:12px}.masthead span{color:#e0bdc8;font-size:12px}
.opening{background:var(--wine);color:var(--ivory);min-height:730px;height:100svh;overflow:hidden;isolation:isolate}
.opening-kicker{position:absolute;top:15%;font-size:12px;font-weight:600;letter-spacing:.2em;animation:soft-in .8s 1.5s both}
.intro-identity{width:clamp(250px,28vw,460px);margin-top:-65px;text-align:center}
.intro-symbol{width:78%;aspect-ratio:1540/1076;margin:0 auto 34px;position:relative}
.moving-arches,.resolved-symbol{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.intro-arch-left{transform:translateX(-547.81px);animation:mirror-left 1.55s cubic-bezier(.65,0,.15,1) .55s both}
.intro-arch-right{transform:translateX(0);animation:mirror-right 1.55s cubic-bezier(.65,0,.15,1) .55s both}
.moving-arches{animation:moving-fade .22s 2.08s forwards}
.resolved-symbol{opacity:0;animation:resolved-in .22s 2.08s forwards}
.intro-wordmark{width:100%;animation:soft-in .8s 1.7s both}
.intro-aesthetics{display:block;font-size:12px;letter-spacing:.45em;margin:19px 0 0 .45em;animation:soft-in .8s 1.85s both}
.opening-title{top:auto;bottom:13%;font:500 clamp(40px,5.9vw,94px)/1.05 var(--body);letter-spacing:-.065em;animation:soft-in .85s 1.7s both}
.opening-title em{font-family:var(--display);font-weight:400;color:var(--rose)}
.opening-bottom{bottom:25px;font-size:12px;letter-spacing:.08em}.opening-bottom a{font-size:12px}.replay-intro{font-size:12px;color:#e0bdc8;padding:12px 0;display:flex;gap:12px;align-items:center}.replay-intro:hover{color:#fff}
.photo-reveal{height:290svh;min-height:1900px;background:var(--wine)}
.reveal-frame{height:100svh;min-height:580px;position:sticky;top:0;clip-path:none;background:var(--wine);overflow:hidden;isolation:isolate}
.portal-world{position:absolute;inset:0;transform:scale(1.1);will-change:transform}
.reveal-portrait{height:100%;width:100%;object-fit:cover;object-position:70% center}
.photo-shade{background:linear-gradient(90deg,rgba(28,3,13,.65),rgba(28,3,13,.06) 67%)}
.portal-copy{position:absolute;left:8%;top:22%;color:var(--ivory);opacity:0;will-change:transform,opacity}
.portal-copy>.eyebrow{font-size:12px;letter-spacing:.2em}.portal-copy>p{font:500 clamp(65px,10.2vw,164px)/.93 var(--body);letter-spacing:-.065em;margin:36px 0 30px}.portal-copy em{font-family:var(--display);font-weight:400;color:var(--rose)}.portal-signoff{font-size:14px;letter-spacing:.14em}
.portal-wordmark{position:absolute;left:8%;bottom:8%;width:28%;max-width:420px;opacity:0;will-change:opacity}
.portal-architecture{position:absolute;inset:0;pointer-events:none}
.portal-rim,.portal-wall{position:absolute;left:50%;top:62%;width:44vw;height:96svh;border-radius:50% 50% 0 0 / 34% 34% 0 0;transform:translate(-50%,-50%);transform-origin:50% 54%;will-change:transform,opacity}

.portal-rim{border:2px solid #e4b9c6;box-shadow:0 0 0 2.2vw #3d142266,inset 0 0 40px #14050c55}
.portal-rim-front{border-color:#f0abbf99}.portal-rim-middle{border-color:#fff6ed88}.portal-rim-back{border-color:#fff6ed66}
.portal-guidance{position:absolute;inset:45px var(--gutter) auto;display:flex;justify-content:space-between;color:var(--ivory);font-size:12px;letter-spacing:.12em;will-change:opacity}
.photo-note{bottom:26px;font-size:12px;opacity:0;will-change:opacity}
@keyframes mirror-left{from{transform:translateX(-273.905px)}to{transform:translateX(-547.81px)}}
@keyframes mirror-right{from{transform:translateX(-273.905px)}to{transform:translateX(0)}}
@keyframes moving-fade{to{opacity:0}}@keyframes resolved-in{to{opacity:1}}
@media(max-width:760px){.opening{min-height:640px}.intro-identity{width:66%;max-width:360px;margin-top:-50px}.intro-symbol{margin-bottom:30px}.opening-kicker{top:17%;font-size:12px;letter-spacing:.12em}.opening-title{font-size:clamp(38px,9.8vw,70px);bottom:17%;white-space:nowrap}.opening-bottom{justify-content:space-between;bottom:30px}.opening-bottom>span{display:none}.replay-intro{font-size:12px}.intro-aesthetics{margin-top:15px}.photo-reveal{height:250svh;min-height:1500px}.portal-rim,.portal-wall{width:72vw;height:90svh;top:62%}.portal-copy{top:auto;bottom:21%;left:7%}.portal-copy>.eyebrow{font-size:12px}.portal-copy>p{font-size:22vw;margin:25px 0}.portal-signoff{font-size:12px}.portal-wordmark{left:7%;bottom:10%;width:55%}.portal-guidance{top:35px;font-size:12px;gap:25px}.portal-guidance>span:first-child{max-width:160px}.photo-shade{background:linear-gradient(0deg,#260812a8,transparent 85%)}.reveal-portrait{object-position:63% center}.photo-note{font-size:12px}.masthead{font-size:12px}}
@media(prefers-reduced-motion:reduce){.resolved-symbol{opacity:1}.moving-arches{display:none}.photo-reveal{height:auto;min-height:0}.reveal-frame{height:100svh;position:relative}.portal-architecture,.portal-guidance{display:none}.portal-world{transform:none!important}.portal-copy,.portal-wordmark,.photo-note{opacity:1!important;transform:none!important}.replay-intro{display:none}}

/* Editorial presentation: confident scale, vivid accents, close portrait crops. */
:root{--oat:var(--rose);--taupe:var(--silver);--mulberry:var(--cherry)}
h2{font-family:var(--body);font-weight:500;font-size:clamp(44px,6.5vw,104px);letter-spacing:-.062em;line-height:1.03}h2 em,h3 em{font-family:var(--display);font-weight:400;letter-spacing:-.055em}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em}.small-note{font-size:14px}.chapter-heading{margin-bottom:60px}.section-pad{padding-top:100px;padding-bottom:100px}
.chapter-index>button{font-size:14px;border-radius:0}.chapter-index>button[aria-expanded=true]{background:var(--rose)}
.idea{background:var(--rose);padding-top:100px;padding-bottom:110px}.idea-layout{grid-template-columns:1.1fr 1fr;gap:7%}.idea-copy h2{font-size:clamp(42px,6.2vw,100px)}.idea-copy>p{max-width:440px;font-size:16px}.idea-copy>p:first-of-type{font-weight:500;font-size:20px}.idea-foot{font-size:12px;font-weight:600}.idea-portrait{width:100%;transform:rotate(3deg);padding:12px 12px 0;background:var(--ivory)}.idea-portrait img{aspect-ratio:4/5;object-position:center 38%}.idea-portrait figcaption{font-size:12px;padding:0 4px 14px;color:var(--wine)}.idea-crop{right:-22%;opacity:.11}
.identity-intro{padding-bottom:60px}.split-heading h2{max-width:830px}.split-heading p{min-width:215px}.logo-stage{height:570px}.stage-silver{background:var(--silver);color:var(--wine)}.stage-controls,#stage-caption{font-size:14px}.palette-option{font-size:14px}.wordmark-panel{background:var(--silver)}.small-scale{font-size:14px}
.language-title{max-width:1000px}.color-composition>div:nth-child(1){flex:1}.color-composition>div:nth-child(2){flex:1.35}.color-composition>div:nth-child(4){flex:1.35}.color-composition>div:nth-child(5){flex:1}.color-composition h3{font-family:var(--body);font-weight:500;letter-spacing:-.045em}.color-mulberry{background:var(--cherry);color:var(--wine)}.palette-note{font-size:14px}.palette-note>span:last-child{font-size:12px}
.type-layout h3{font-family:var(--body);font-size:clamp(52px,8.6vw,140px);font-weight:500;letter-spacing:-.065em}.type-layout h3 span{font-family:var(--display);font-style:italic;font-size:1.45em}.type-support h4{font-size:27px;font-weight:500}.type-support>p{font-size:16px}.type-credit{line-height:1.7}.compact-type small{font-size:14px}.echo-panel{background:var(--rose)}.language-note{background:var(--cherry);color:var(--wine)}.language-note p{font-family:var(--body);font-size:24px;font-weight:500;letter-spacing:-.035em}.crop-panel img{object-position:center 38%}
.world-intro{background:var(--wine);color:var(--ivory)}.world-intro .small-note{color:var(--rose)}.world-intro h2{max-width:1100px}.world-intro>p{font-size:18px;color:#e7cdd5}.application-title h3,.application-caption h3,.campaign-intro h3{font-family:var(--body);font-weight:500;letter-spacing:-.05em;line-height:1.08}.application-title h3{font-size:clamp(32px,4vw,62px)}.application-caption h3{font-size:clamp(26px,2.7vw,42px)}.inspect-button,.text-button{font-size:14px;min-height:44px}
.campaign-app{background:var(--wine);color:var(--ivory)}.campaign-intro h3{font-size:clamp(42px,5.8vw,90px)}.campaign-intro h3 em{color:var(--rose)}.campaign-poster{transform:rotate(-2deg)}.campaign-poster>img:first-child{object-position:center 30%}.poster-top{font-family:var(--body);font-weight:600;font-size:3.4cqw;letter-spacing:-.04em;top:6%;left:7%}.poster-you{font-family:var(--display);font-style:italic;top:auto;bottom:16%;left:7%;font-size:15cqw;line-height:1}.poster-note{letter-spacing:.1em}.campaign-mini{transform:rotate(4deg)}.campaign-mini>span{font-family:var(--body);font-weight:500;letter-spacing:-.05em;line-height:1.05}.campaign-mini>span i{font-family:var(--display);font-size:1.3em;font-weight:400}.campaign-side>p{font-size:14px}
.social-type{background:var(--rose)}.social-type>p{font-family:var(--body);font-weight:500;letter-spacing:-.055em}.social-type i{font-family:var(--display);font-weight:400;font-size:1.25em}.social-photo>span{font-family:var(--body);font-weight:600;letter-spacing:-.05em;line-height:.98}.social-info{background:var(--wine)}.social-info h4{font-family:var(--body);font-weight:500;letter-spacing:-.055em}.social-art{align-items:center}.social-type{transform:rotate(-3deg)}
.digital-app{background:var(--rose)}.desktop-concept{border-radius:0;border:1px solid #310d1930}.mock-hero{background:var(--wine);color:var(--ivory)}.mock-hero h4{font-family:var(--body);font-weight:500;font-size:6.1cqw;letter-spacing:-.06em}.mock-hero em,.mobile-concept em{font-family:var(--display);color:var(--rose);font-weight:400;font-size:1.15em}.mock-hero>img{object-position:63% center}.mock-hero p{color:var(--ivory)}.mock-link{border-color:#fff6ed66}.mobile-concept{background:var(--wine);color:var(--ivory);border-color:#220611}.mobile-top>img{filter:brightness(0) invert(1)}.mobile-concept h4{font-family:var(--body);font-weight:500;letter-spacing:-.06em;font-size:3cqw}.mobile-mock-link{border-color:#fff6ed66}.mock-cta{background:var(--wine);color:var(--ivory)}.mock-bottom{background:var(--ivory)}
.system-phrase{background:var(--cherry)}.system-phrase>p{font-family:var(--body);font-weight:500;letter-spacing:-.05em}.system-phrase em{font-family:var(--display);font-weight:400}.system-campaign>img{object-position:48% center}.system-note{font-family:var(--body);font-size:24px;letter-spacing:-.035em}.closing h2{font-family:var(--body);font-size:clamp(30px,4.5vw,65px)}.closing h2 em{color:var(--rose)}.closing footer{color:#e2bac8;font-size:12px}.closing>.eyebrow{color:#e2bac8}
@media(max-width:1100px){.split-heading{align-items:start;flex-direction:column}.logo-stage{height:470px}}
@media(max-width:760px){.section-pad{padding-top:75px;padding-bottom:75px}h2{font-size:clamp(41px,10.7vw,70px)}.chapter-heading{margin-bottom:42px}.chapter-heading>.small-note{font-size:14px}.idea-layout{grid-template-columns:1fr;gap:45px}.idea-copy h2{font-size:clamp(41px,11vw,72px)}.idea-copy>p{font-size:16px}.idea-copy>p:first-of-type{font-size:20px}.idea-foot{font-size:12px;gap:12px}.idea-portrait{width:90%;margin-right:3%;max-width:440px}.idea-crop{right:-25%}.split-heading p{font-size:16px}.split-heading p .small-note{font-size:13px}.logo-stage{height:380px}.palette-option{font-size:12px}.color-composition h3{font-size:21px}.color-composition>div{padding:18px!important}.palette-note>span{font-size:14px}.palette-note>span:last-child{font-size:12px}.type-layout h3{font-size:17vw}.type-support>p{font-size:16px}.type-support h4{font-size:25px}.world-intro>p{font-size:16px}.application-title h3{font-size:37px}.application-title>p{font-size:16px}.application-caption h3,.object-applications .application-caption h3{font-size:27px}.application-caption>p{font-size:14px}.campaign-intro h3{font-size:46px}.campaign-poster{margin:0 2%}.poster-top{font-size:7cqw}.poster-you{font-size:30cqw;bottom:17%;top:auto}.campaign-side>.eyebrow{font-size:12px}.campaign-side>p{font-size:13px}.campaign-mini>span{font-size:5.5cqw}.campaign-art{padding-bottom:25px}.mock-hero h4{font-size:7cqw}.mobile-concept h4{font-size:8cqw}.mobile-concept>p{font-size:3cqw}.mobile-mock-link{font-size:2.6cqw}.system-phrase>p{font-size:32px}.system-note{font-size:20px}.closing footer{font-size:12px}.system-preview .mobile-concept h4{font-size:2.3cqw}.system-preview .mock-hero h4{font-size:3.7cqw}#exhibit-content .poster-top{font-size:3cqw}#exhibit-content .poster-you{font-size:15cqw}#exhibit-content .mock-hero h4{font-size:4.6cqw}#exhibit-content .mobile-concept h4{font-size:3cqw}}
@media(prefers-reduced-motion:reduce){.idea-portrait,.campaign-poster,.campaign-mini,.social-type{transform:none}}

/* Presentation refinements from the annotated review. */
.opening .intro-identity{margin-top:0}
.opening-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.opening-bottom>a{grid-column:2;justify-self:center}
.opening-bottom>.replay-intro{grid-column:3;justify-self:end}
.reflection-section{min-height:640px;height:82svh;background:var(--ivory);color:var(--wine);display:grid;place-items:center;padding:100px var(--gutter);text-align:center}
.reflection-section h1{font:500 clamp(56px,9.4vw,168px)/1.02 var(--body);letter-spacing:-.065em;max-width:100%;text-wrap:balance}
.reflection-section h1 em{font:italic 400 1em/1.02 var(--display);letter-spacing:-.055em}
.portal-copy{top:26%}.portal-copy>p{line-height:.87;margin:0 0 34px}.portal-signoff{font-size:clamp(16px,1.15vw,20px);font-weight:500;letter-spacing:.12em}
.idea-portrait{padding:12px}.wordmark-panel{gap:0;justify-content:center}.palette-note>span:only-child{max-width:none;color:var(--wine);font-size:14px}.type-support h4{margin-top:0}.language-note p{margin-top:0}
.color-composition>div{position:relative;transition:flex-grow .68s cubic-bezier(.22,1,.36,1);min-width:0;outline-offset:-7px}
.color-composition>div>div{transition:transform .68s cubic-bezier(.22,1,.36,1)}
.color-composition>div:focus-visible{outline:2px solid currentColor}
@media(min-width:950px){
 .color-composition>div{padding-left:2.5%;padding-right:2.5%;min-width:155px}
 .color-composition>div:first-child{padding-left:var(--gutter)}
 .color-composition:has(>div:focus-visible)>div{flex-grow:1}
 .color-composition>div:focus-visible{flex-grow:2.7!important}
 .color-composition>div:focus-visible>div{transform:translateY(-14px)}
}
@media(min-width:950px) and (hover:hover) and (pointer:fine){
 .color-composition:has(>div:hover)>div{flex-grow:1}
 .color-composition>div:hover{flex-grow:2.7!important}
 .color-composition>div:hover>div{transform:translateY(-14px)}
}
.wall-logo{width:27%;left:53.5%;top:15.8%;transform:translateX(-50%)}
.social-type{position:relative;overflow:hidden;isolation:isolate}
.social-type>.social-echo{position:absolute;width:112%;max-width:none;height:auto;right:-29%;top:17%;opacity:.17;z-index:0;pointer-events:none}
.social-type>.social-type-wordmark,.social-type>p,.social-type>.social-tagline{position:relative;z-index:1}
.social-type>p{font-size:4.95cqw;line-height:.96;letter-spacing:-.065em}
.social-type i{font-style:italic}
.social-type>.social-tagline{background:var(--wine);color:var(--ivory);padding:4.5% 7%;border-radius:999px;font-size:.85cqw;letter-spacing:.12em;font-weight:500}
.closing{min-height:1180px;padding:160px var(--gutter) 45px}
.closing>img{width:330px;margin-top:35px}
.closing h2{margin-top:105px;line-height:1.3}
.closing .back-top{margin-top:70px}
.closing footer{margin-top:175px;padding-top:32px;align-items:flex-end;font-size:14px}
.closing footer a{text-decoration:underline;text-underline-offset:4px}.closing footer a:hover{color:var(--ivory)}
@media(max-width:760px){
 .opening-bottom{row-gap:8px;bottom:28px}
 .opening-bottom>.replay-intro{grid-column:2;grid-row:2;justify-self:center;padding:4px 0;opacity:.75}
 .reflection-section{height:72svh;min-height:460px;padding:90px var(--gutter)}
 .reflection-section h1{font-size:clamp(56px,13.5vw,88px);max-width:600px}
 .reflection-section h1 em{display:block}
 .portal-copy{top:auto;bottom:23%}.portal-copy>p{margin:0 0 28px;line-height:.87}.portal-signoff{font-size:16px;letter-spacing:.1em}
 .social-type>p{font-size:6.8cqw}
 .social-type>.social-tagline{font-size:1.3cqw}
 #exhibit-content .social-type>p{font-size:4.8cqw}
 #exhibit-content .social-type>.social-tagline{font-size:.85cqw}
 .closing{min-height:1030px;padding:110px var(--gutter) 36px}
 .closing>img{width:250px;margin-top:25px}.closing h2{margin-top:95px;line-height:1.35}.closing .back-top{margin-top:65px}
 .closing footer{margin-top:145px;padding-top:28px;align-items:flex-start;font-size:13px;gap:20px}
}
@media(prefers-reduced-motion:reduce){.color-composition>div,.color-composition>div>div{transition:none}.color-composition>div:hover>div,.color-composition>div:focus-visible>div{transform:none}}

/* A deliberate opening: draw, hold, separate, then reveal the name. */
.opening{animation:intro-atmosphere 6.8s ease-out both}
.traced-arch{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:trace-away .22s 2.85s both}
.traced-arch path{stroke-dasharray:1;stroke-dashoffset:0;animation:trace-mirror 1.85s cubic-bezier(.45,0,.2,1) .35s both}
.moving-arches{animation:pair-arrives .22s 2.85s both,moving-fade .25s 5.4s forwards}
.intro-arch-left{animation:mirror-left 2.5s cubic-bezier(.64,0,.16,1) 2.95s both}
.intro-arch-right{animation:mirror-right 2.5s cubic-bezier(.64,0,.16,1) 2.95s both}
.resolved-symbol{animation:resolved-in .25s 5.4s forwards}
.intro-wordmark{animation:name-reveal 1.25s cubic-bezier(.2,.65,.2,1) 5.05s both}
.intro-aesthetics{animation:descriptor-reveal 1.1s cubic-bezier(.2,.65,.2,1) 5.5s both}
.opening-bottom,.chapter-index{animation:intro-controls .8s ease 6.05s both}
.opening-bottom:focus-within,.chapter-index:focus-within{animation:none}
@keyframes trace-mirror{from{stroke-dashoffset:1;opacity:0}12%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes trace-away{from{opacity:1}to{opacity:0}}
@keyframes pair-arrives{from{opacity:0}to{opacity:1}}
@keyframes name-reveal{from{opacity:0;transform:translateY(12px);filter:blur(5px);clip-path:inset(0 50%)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}}
@keyframes descriptor-reveal{from{opacity:0;transform:translateY(7px);letter-spacing:.7em}to{opacity:1;transform:none;letter-spacing:.45em}}
@keyframes intro-controls{from{opacity:0}to{opacity:1}}
@keyframes intro-atmosphere{from{background-color:#1b050e}to{background-color:var(--wine)}}
.intro-skipped .opening,.intro-skipped .opening *,.intro-skipped .chapter-index{animation:none!important}
.intro-skipped .traced-arch,.intro-skipped .moving-arches{display:none}
.intro-skipped .resolved-symbol{opacity:1}
@media(prefers-reduced-motion:reduce){.traced-arch{display:none}.opening{background:var(--wine)}.resolved-symbol,.intro-wordmark,.intro-aesthetics,.opening-bottom,.chapter-index{opacity:1;filter:none;transform:none}}

/* Scroll chapters: reflected type, an immersive collection, and a final reveal. */
.identity-intro .split-heading,.type-layout{margin-top:0}
.identity-intro .split-heading p{max-width:370px;line-height:1.8}
.wall-logo{width:29.5%;left:51.4%;top:17.5%}
.reflection-section{height:160svh;min-height:900px;padding:0;display:block;position:relative}
.reflection-stage{height:100svh;min-height:560px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden;padding:0 var(--gutter);isolation:isolate}
.reflection-section h1{position:relative;z-index:2;white-space:nowrap}
.reflection-section h1>span,.reflection-section h1>em{display:inline-block;will-change:transform}
.reflection-type{position:relative;width:max-content;max-width:100%}
.reflection-mirror{position:absolute;top:calc(100% + 14px);left:-16vw;right:-16vw;padding:0 16vw;transform:scaleY(-1);transform-origin:center;mask-image:linear-gradient(transparent 12%,#000);pointer-events:none;user-select:none}
.reflection-section .reflection-echo{width:100%;opacity:0}
.reflection-halo{position:absolute;width:min(58vw,960px);height:82%;border:1px solid #310d191b;border-radius:50% 50% 0 0;top:30%;opacity:0;pointer-events:none}
.system{padding:120px 2.5vw 100px}
.system h2{margin-left:calc(var(--gutter) - 2.5vw);margin-bottom:70px}
.system-grid{grid-template-rows:repeat(3,clamp(370px,46svh,660px));gap:18px}
.system-preview{inset:0;align-items:center;container-type:size}
.system-preview>.artwork{width:max(100cqw,150cqh);height:auto;aspect-ratio:3/2;max-height:none}
.system-environment .system-preview{align-items:center}
.system-preview>.digital-art{width:100%;height:100%;aspect-ratio:auto;display:flex;align-items:center;padding:7%;background:var(--rose)}
.system-preview .desktop-concept{width:100%}
.system-preview .mobile-concept{width:25%;right:4%;bottom:12%}
.system-identity>img{width:62%;max-width:380px}
.system-phrase{padding:8%}
.system-phrase>p{font-size:clamp(45px,5.6vw,100px)}
.system-item:focus-visible{outline:3px solid var(--wine);outline-offset:5px;z-index:2}
.system-campaign>img{object-position:48% 38%}
.closing{height:240svh;min-height:1500px;padding:0;display:block;position:relative;text-align:center}
.finale-stage{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:var(--wine);display:flex;align-items:center;justify-content:center;isolation:isolate}
.finale-signoff{position:relative;z-index:1;padding:60px var(--gutter) 140px;width:100%}
.finale-signoff>img{width:clamp(230px,23vw,390px);margin:0 auto}
.closing h2{font-size:clamp(38px,5vw,84px);line-height:1.18;margin-top:70px}
.finale-curtain{position:absolute;top:0;bottom:0;width:50.1%;background:var(--rose);z-index:2;pointer-events:none;will-change:transform}
.finale-curtain-left{left:0}.finale-curtain-right{right:0}
.finale-burst{position:absolute;inset:0;display:grid;place-items:center;z-index:3;color:var(--wine);pointer-events:none;overflow:hidden}
.finale-burst>img{position:absolute;width:130vw;max-width:none;opacity:.09;transform:translateY(19%)}
.finale-burst>p{position:relative;font:500 clamp(84px,14vw,245px)/.91 var(--body);letter-spacing:-.075em;transform:translateY(-3%)}
.finale-burst em{font-family:var(--display);font-weight:400;letter-spacing:-.065em}
.closing footer{position:absolute;z-index:4;bottom:0;left:0;width:100%;margin:0;padding:26px var(--gutter);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #fff6ed28;background:var(--wine);gap:28px;font-size:12px;text-align:left}
.footer-end{display:flex;align-items:center;gap:40px}
.closing .back-top{margin:0;padding:7px 0;border:0;font-size:12px;white-space:nowrap;text-decoration:none}
.closing .back-top span{margin-left:18px}
@media(max-width:760px){
 .reflection-section{height:145svh;min-height:850px}
 .reflection-stage{min-height:560px}
 .reflection-section h1{font-size:clamp(57px,13.6vw,102px);white-space:normal;width:100%}
 .reflection-section h1>span,.reflection-section h1>em{display:block}
 .reflection-type{width:100%;max-width:600px}
 .reflection-mirror{top:calc(100% + 10px)}
 .reflection-halo{width:78vw;top:24%;height:74%}
 .system{padding:85px 16px 70px}
 .system h2{margin-left:8px}
 .system-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 320px 300px 320px 380px;gap:12px}
 .system-identity{grid-column:1;grid-row:1}
 .system-environment{grid-column:1/-1;grid-row:2}
 .system-patient{grid-column:1/-1;grid-row:3}
 .system-phrase{grid-column:2;grid-row:1;padding:18px}
 .system-phrase>p{font-size:clamp(35px,6.3vw,50px)}
 .system-campaign{grid-column:2;grid-row:4}
 .system-gift{grid-column:1;grid-row:4}
 .system-digital{grid-column:1/-1;grid-row:5;height:auto;align-self:stretch}
 .system-palette{display:none}
 .system-preview>.digital-art{padding:8%;display:flex}
 .system-preview .mobile-concept{width:25%;right:4%;bottom:12%}
 .system-note{padding:0 10px}
 .closing{height:220svh;min-height:1400px}
 .finale-stage{min-height:650px}
 .finale-signoff{padding:55px 24px 150px}
 .finale-signoff>img{width:230px}
 .closing h2{font-size:clamp(30px,7.6vw,52px);margin-top:55px}
 .finale-burst>p{font-size:clamp(70px,15vw,115px)}
 .finale-burst>img{width:190vw}
 .closing footer{padding:22px 24px;flex-direction:column;align-items:stretch;gap:16px;font-size:11px}
 .footer-end{justify-content:space-between;gap:20px}
 .closing .back-top{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .reflection-section{height:85svh;min-height:550px}
 .reflection-stage{position:relative;height:100%;min-height:550px}
 .reflection-section h1>span,.reflection-section h1>em{transform:none!important;opacity:1!important}
 .reflection-echo,.reflection-halo,.finale-curtain,.finale-burst{display:none}
 .closing{height:100svh;min-height:750px}
 .finale-stage{position:relative;height:100%;min-height:750px}
 .finale-signoff{transform:none!important;opacity:1!important}
}

/* Floating artwork and the automatic identity study. */
.scroll-art{transform-origin:center;will-change:translate,rotate,scale}
.language-devices{overflow:hidden}
.crop-panel{overflow:hidden}
#world{overflow:hidden}
.stage-controls{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center}
.palette-options{gap:22px}
.palette-option{position:relative;padding:10px 0 13px;border-bottom:0;min-height:44px}
.palette-meter{position:absolute;bottom:0;left:0;right:0;height:2px;background:#310d1920;overflow:hidden;opacity:.4}
.palette-meter i{display:block;width:100%;height:100%;background:var(--wine);transform:scaleX(var(--palette-progress,0));transform-origin:left}
.palette-option[aria-pressed=true] .palette-meter{opacity:1}
.palette-option[aria-pressed=true]{border-color:transparent}
.palette-playback{font-size:12px;min-height:44px;padding:8px 4px;min-width:68px;display:flex;gap:10px;align-items:center;justify-content:flex-end}
.palette-playback span{font-size:10px}
.logo-stage{overflow:hidden;transition:background-color .85s ease,color .85s ease}
.logo-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#310d1960,#310d1960),url('assets/portrait-hero.webp') center/cover;opacity:0;transition:opacity .85s ease}
.logo-stage.stage-portrait{background-image:none}
.logo-stage.stage-portrait:before{opacity:1}
.stage-label,.stage-counter{z-index:2}
.campaign-poster{container-type:inline-size}
.campaign-poster .poster-top{left:7%;right:7%;width:auto;text-align:center;font-size:6.6cqw;letter-spacing:-.04em;top:7%}
.campaign-poster .poster-you{left:4%;right:4%;width:auto;text-align:center;font-size:30cqw;letter-spacing:-.065em;bottom:17%;top:auto}
.application-caption>p{margin-left:auto}
.social-caption{margin-top:24px}
.system{padding:110px 0 65px;overflow:clip}
.system h2{margin:0 var(--gutter) 65px}
.system-gallery{height:440svh;min-height:2400px;position:relative}
.system-grid{position:sticky;top:0;height:100svh;min-height:600px;display:block;perspective:1400px;overflow:hidden;background:var(--ivory)}
.system-grid:before{content:'';position:absolute;inset:0;background:url('assets/mirrormirror-symbol-wine.svg') center/90vw auto no-repeat;opacity:.035;pointer-events:none}
.system-card{position:absolute;left:50%;top:50%;width:48vw;max-width:800px;height:auto;aspect-ratio:3/2;margin:0;padding:0;box-shadow:0 32px 80px #310d1930,0 2px 7px #310d1914;overflow:hidden;will-change:transform;backface-visibility:hidden;isolation:isolate;background:var(--ivory);grid-area:auto;align-self:auto}
.system-card .system-preview{position:absolute;inset:0;display:block;container-type:normal;overflow:hidden}
.system-card .system-preview>.artwork{width:100%;height:100%;max-height:none;aspect-ratio:3/2;translate:none;rotate:none;scale:none;transform:none}
.system-card .scene-photo{width:100%;height:100%}
.system-identity{width:30vw;max-width:500px;aspect-ratio:1.12;display:grid;place-items:center;background:var(--wine)}
.system-identity>img{width:65%;max-width:none}
.system-environment{width:56vw;max-width:940px}
.system-patient{width:49vw;max-width:820px}
.system-campaign{width:29vw;max-width:480px;aspect-ratio:2/3}
.system-campaign>img{width:100%;height:100%;object-fit:cover;object-position:center}
.system-phrase{width:33vw;max-width:520px;aspect-ratio:1;display:flex;justify-content:center;padding:3vw;background:var(--cherry)}
.system-phrase>p{font-size:clamp(50px,6.4vw,106px);line-height:.98}
.system-gift{width:44vw;max-width:740px}
.system-packaging{width:40vw;max-width:660px}
.system-social{width:57vw;max-width:930px;aspect-ratio:1.75;background:var(--ivory)}
.system-card .system-preview>.social-art{display:grid;grid-template-columns:1fr 1fr .7fr;gap:3%;align-items:center;padding:5%;aspect-ratio:1.75}
.system-preview .social-info{display:block;grid-column:auto;min-height:0}
.system-digital{width:62vw;max-width:1040px;aspect-ratio:1.5}
.system-card .system-preview>.digital-art{display:flex;flex-direction:row;align-items:center;padding:7% 12% 7% 6%;background:var(--rose)}
.system-preview .desktop-concept{width:100%;translate:none!important;rotate:none!important;scale:none!important}
.system-preview .mobile-concept{position:absolute;width:24%;max-width:none;right:3%;bottom:8%;translate:none!important;rotate:none!important;scale:none!important}
.system-preview .campaign-poster,.system-preview .campaign-mini,.system-preview .social-type{transform:none}
.system-note{margin:35px var(--gutter) 0}
.finale-signoff{padding:65px var(--gutter) 125px}
.finale-signoff>img{width:clamp(340px,43vw,650px);max-height:54svh;object-fit:contain}
.closing .finale-signoff h2{font-size:clamp(26px,2.8vw,43px);font-weight:400;line-height:1.25;letter-spacing:-.035em;margin-top:42px}
.closing .finale-signoff h2 em{color:var(--rose)}
.closing footer{font-size:12px;padding:24px var(--gutter);gap:30px}
.closing footer p{white-space:nowrap}
.closing footer p>span{margin:0 8px;opacity:.6}
.closing footer>.back-top{margin-left:auto}
@media(max-width:1100px){.closing footer p{white-space:normal;max-width:75%}}
@media(max-width:760px){
 .stage-controls{grid-template-columns:1fr auto;gap:16px;padding-bottom:38px}
 #stage-caption{grid-column:1/-1;font-size:13px}
 .palette-options{gap:16px}
 .palette-option{font-size:12px;gap:5px}
 .palette-option>span:first-child{width:14px;height:14px}
 .palette-playback{font-size:11px;min-width:52px;gap:5px}
 .system{padding:85px 0 65px}
 .system h2{margin:0 24px 45px}
 .system-gallery{height:460svh;min-height:2400px}
 .system-grid{min-height:560px;perspective:900px}
 .system-card{width:82vw;height:auto;max-width:none;grid-area:auto}
 .system-identity{width:61vw;aspect-ratio:1.12}
 .system-environment{width:90vw}
 .system-campaign{width:59vw;aspect-ratio:2/3}
 .system-phrase{width:65vw;aspect-ratio:1;padding:8vw}
 .system-phrase>p{font-size:13vw}
 .system-social{width:94vw;aspect-ratio:1.75}
 .system-digital{width:94vw;aspect-ratio:1.5}
 .system-preview>.digital-art .mobile-concept{position:absolute;width:24%;right:3%;bottom:8%}
 .finale-signoff{padding:65px 24px 150px}
 .finale-signoff>img{width:82vw;max-width:420px;max-height:47svh}
 .closing .finale-signoff h2{font-size:28px;margin-top:35px}
 .closing footer{flex-direction:column;align-items:stretch;padding:20px 24px;gap:16px;font-size:11px}
 .closing footer p{max-width:none;white-space:normal}
 .closing footer>.back-top{align-self:flex-end}
}
@media(prefers-reduced-motion:reduce){
 .scroll-art{translate:none!important;rotate:none!important;scale:none!important;will-change:auto}
 .system-gallery{height:auto;min-height:0;padding:0 var(--gutter)}
 .system-grid{height:auto;min-height:0;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:24px;perspective:none;overflow:visible}
 .system-card{position:relative;top:auto;left:auto;width:100%;max-width:none;aspect-ratio:3/2;transform:none!important;grid-area:auto;will-change:auto}
 .system-campaign{aspect-ratio:2/3;grid-row:span 2}
 .system-phrase{padding:30px}
 .system-phrase>p{font-size:clamp(34px,5vw,80px)}
 .system-social,.system-digital{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.system-grid{grid-template-columns:1fr}.system-campaign,.system-social,.system-digital{grid-area:auto}.system-phrase>p{font-size:56px}}
.campaign-poster .poster-note{font-size:clamp(10px,1.8cqw,12px);letter-spacing:.08em}
.system-preview .social-info{display:flex;grid-column:auto;width:100%;margin:0;padding:14% 12%;justify-self:stretch}
.system-preview .social-photo>span{font-size:3.5cqw}
.system-preview .social-info>span{font-size:.7cqw}
.system-preview .social-info h4{font-size:2.8cqw}
.system-preview .social-info>p{font-size:1cqw}
.system-preview .social-type>.social-tagline{font-size:.85cqw}
.system-preview .social-type>p{font-size:4.8cqw}

/* Fresh physical expressions and bounded scroll layers. */
.opening,.reflection-stage,.reveal-frame{contain:paint;clip-path:inset(0)}
.opening{animation:none;background:var(--wine)}
.portal-mask{position:absolute;inset:0;width:100%;height:100%;fill:var(--wine)}
.portal-rim{will-change:auto;box-shadow:none}
.portal-world{will-change:auto}
#art-environment{width:100%;max-height:none}
.color-composition>div{justify-content:flex-end}
.closing .finale-signoff h2{margin-top:clamp(70px,7svh,105px)}
.system-gallery{height:350svh;min-height:2300px}
.system-card>img,.system-card>video{width:100%;height:100%;object-fit:cover}
.system-tote{width:54vw;max-width:940px;aspect-ratio:3/2}
.system-motion-symbol{width:34vw;max-width:640px;aspect-ratio:1}
.system-street{width:32vw;max-width:560px;aspect-ratio:2/3}
.system-compact{width:49vw;max-width:850px;aspect-ratio:3/2}
.system-motion-type{width:57vw;max-width:1000px;aspect-ratio:3/2}
.film-control{position:absolute;right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;background:#fff6eddf;color:var(--wine);display:grid;place-items:center;font-size:14px;z-index:2;border:1px solid #310d1920;opacity:.75;transition:opacity .2s}
.film-control:hover,.film-control:focus-visible{opacity:1}
@media(max-width:760px){
 .system-gallery{height:340svh;min-height:2150px}
 .system-tote{width:88vw}.system-motion-symbol{width:65vw}.system-street{width:62vw}.system-compact{width:87vw}.system-motion-type{width:91vw}
 .closing .finale-signoff h2{margin-top:65px}
}
@media(prefers-reduced-motion:reduce){.system-gallery{height:auto;min-height:0}.system-card{width:100%;max-width:none}.portal-architecture{display:none}}

.system-gallery{overflow-anchor:none}

/* A larger photographic website hero, with copy over the portrait. */
#art-digital{padding-right:9%}
#art-digital .mock-hero{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;isolation:isolate}
#art-digital .mock-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%;z-index:-2}
#art-digital .mock-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#310d194f,transparent 52%);pointer-events:none}
#art-digital .mock-hero>div{position:relative;z-index:1;width:46%;height:100%;padding:8% 5.5%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#art-digital .mock-hero h4{font-size:6.8cqw;line-height:1.02;margin:10% 0}
#art-digital .mock-link{margin-top:10%}
#art-digital>.mobile-concept{width:21%;right:-1%;bottom:0}
#art-digital .mobile-portrait{object-position:73% center;aspect-ratio:4/5;object-fit:cover}
@media(max-width:760px){
 #art-digital{padding-right:0}
 #art-digital .mock-hero{aspect-ratio:1.5}
 #art-digital .mock-hero>div{width:47%;padding:7% 5%}
 #art-digital .mock-hero h4{font-size:7.6cqw}
 #art-digital>.mobile-concept{width:62%;right:auto;bottom:auto}
}
/* Typography: a type specimen followed by an editorial scale. */
.language-devices{margin-top:clamp(64px,7vw,120px)}
.typography{background:var(--ivory)}
.typography-intro{padding-top:clamp(90px,10vw,160px);padding-bottom:clamp(70px,8vw,125px)}
.type-kicker{font:500 .875rem/1.5 var(--body);letter-spacing:.14em}
.typography-intro .type-kicker{margin-bottom:36px}
.typography-intro h2{max-width:1100px}
.type-duet{display:grid;grid-template-columns:1fr 1fr;background:var(--wine);color:var(--ivory);padding:64px var(--gutter) 70px;gap:7vw}
.type-specimen{min-width:0}
.specimen-bodoni{border-left:1px solid #fff6ed33;padding-left:7vw;color:#f0abbf}
.specimen-glyph{font:400 clamp(150px,22vw,360px)/1.12 var(--body);letter-spacing:-.07em;padding:8px 0 36px;white-space:nowrap}
.specimen-bodoni .specimen-glyph{font-family:var(--display);font-style:italic;letter-spacing:-.075em}
.specimen-description h3{font:400 clamp(30px,3.1vw,48px)/1.2 var(--body);letter-spacing:-.045em;margin-bottom:12px}
.specimen-description>span{font-size:.875rem}
.specimen-description p{font-size:1rem;line-height:1.6;max-width:360px;margin-top:26px;color:var(--ivory)}
.type-hierarchy{padding-top:clamp(80px,9vw,145px);padding-bottom:clamp(90px,10vw,160px)}
.hierarchy-intro{display:flex;justify-content:space-between;align-items:start;gap:35px;margin-bottom:62px}
.hierarchy-intro h3{font:400 clamp(30px,3vw,46px)/1.14 var(--body);letter-spacing:-.045em;width:75%}
.hierarchy-scale{margin:0}
.hierarchy-row{display:grid;grid-template-columns:25% 75%;align-items:center;border-top:1px solid var(--line);padding:35px 0;gap:0}
.hierarchy-row dt{padding-right:28px}
.hierarchy-row dt>span{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}
.hierarchy-row dt small{display:block;font-size:.875rem;line-height:1.5;color:#73585e}
.hierarchy-row dd{margin:0;min-width:0}
.hierarchy-display{padding:42px 0 48px}
.hierarchy-display dd p{font:400 clamp(50px,6.7vw,108px)/1.2 var(--body);letter-spacing:-.06em}
.hierarchy-display em{font-family:var(--display);font-weight:400;font-size:1.09em;letter-spacing:-.065em}
.hierarchy-heading dd p{font:500 clamp(29px,3.4vw,54px)/1.25 var(--body);letter-spacing:-.045em}
.hierarchy-body dd p{font:400 1.125rem/1.75 var(--body);max-width:550px}
.hierarchy-detail{border-bottom:1px solid var(--line)}
.hierarchy-detail dd p{font:600 .875rem/1.7 var(--body);letter-spacing:.13em}
#chapter-menu{max-height:calc(100svh - 100px);overflow-y:auto}
@media(max-width:760px){
 .typography-intro .type-kicker{margin-bottom:26px}
 .type-duet{grid-template-columns:1fr;padding-top:35px;padding-bottom:48px;gap:42px}
 .specimen-glyph{font-size:clamp(170px,49vw,280px);padding:0 0 23px}
 .specimen-bodoni{border-left:0;border-top:1px solid #fff6ed33;padding:34px 0 0}
 .specimen-description h3{font-size:32px}
 .specimen-description p{margin-top:18px;max-width:330px}
 .hierarchy-intro{display:block;margin-bottom:35px}
 .hierarchy-intro h3{width:auto;margin-top:24px;font-size:34px}
 .hierarchy-row{grid-template-columns:1fr;gap:24px;padding:28px 0 34px}
 .hierarchy-row dt{padding-right:0}
 .hierarchy-row dt>span{margin-bottom:4px}
 .hierarchy-display dd p{font-size:clamp(42px,11.3vw,75px)}
 .hierarchy-heading dd p{font-size:clamp(27px,7vw,42px)}
 .hierarchy-body dd p{font-size:1rem}
 .hierarchy-detail dd p{letter-spacing:.1em}
}