:root{color-scheme:dark;--bg:#000;--ink:#f4f2f8;--muted:#a4a0af;--line:#28252e;--lav:#ded4fa;--blue:#150fa8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lav);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}button:disabled{opacity:.35;cursor:default}.wrap{width:90%;max-width:1440px;margin-inline:auto}.skip{position:fixed;top:-100px;padding:16px;background:#fff;color:#000;z-index:100}.skip:focus{top:10px}header{width:90%;max-width:1440px;margin:auto;min-height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:26px;letter-spacing:-1px;font-weight:700}.brand span{font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);margin-left:22px}nav{display:flex;gap:28px;font-size:14px}.edition,.eyebrow,.mini-label{font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.6}.edition{color:var(--muted)}.intro{padding-block:65px 50px}.eyebrow{color:#bcb1d7;margin:0 0 24px}h1{margin:0;font-size:clamp(65px,9.1vw,142px);font-weight:500;line-height:1.02;letter-spacing:-.06em;color:var(--lav)}h1>span{display:block;color:var(--ink)}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:35px}.intro-bottom p{font-size:18px;line-height:1.55;max-width:470px;margin:0}.intro-bottom .intro-note{font-size:13px;max-width:none;color:var(--muted)}.hero-film{margin-bottom:30px}.hero-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#101015}.hero-frame video{width:100%;height:100%;display:block;object-fit:contain}#hero-toggle{position:absolute;bottom:20px;right:20px;background:#000b;border:1px solid #ffffff60;padding:11px 18px;border-radius:30px;font-size:13px;backdrop-filter:blur(8px)}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5;color:var(--muted);padding-top:15px}.section{padding-block:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:40px 6%}.hero-film+.section{border:0}.section-no{padding-top:9px;margin:0}.section h2,.icon-heading h2{font-size:clamp(36px,4.4vw,67px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 30px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}p{font-size:17px;line-height:1.75}.columns p,.lead,.role-story p,.rationale>p:last-child,.type-layout p,.icon-heading>p,.post p,.closing-note p{color:var(--muted);margin:0}.lead{max-width:680px}.facts{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:25px;margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line)}dt{font-size:12px;color:var(--muted);margin-bottom:12px}dd{font-size:14px;line-height:1.6;margin:0}.role-story{margin-top:50px;border-left:2px solid #4b475f;padding-left:28px;max-width:740px}.role-story h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;font-weight:400;margin:14px 0 18px}.role-story p+p{margin-top:18px}.full{grid-column:1/-1}.logo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.logo-comparison figure{margin:0}.logo-stage{height:410px;background:#000;border:1px solid #17151b;display:grid;place-items:center;padding:22px}.logo-stage img{width:88%;height:100%;max-height:360px;object-fit:contain}.logo-comparison figcaption span:first-child{color:var(--ink)}.rationale{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-top:28px;border-top:1px solid var(--line)}.rationale p{margin:0}.palette{display:grid;grid-template-columns:1.5fr 1fr 1fr;margin-top:10px}.palette article{background:var(--swatch);padding:28px;min-height:300px;display:flex;flex-direction:column}.palette h3{font-size:34px;font-weight:400;letter-spacing:-.03em;margin:auto 0 10px}.palette code{font-size:16px;letter-spacing:.02em}.palette p{font-size:14px;line-height:1.5;margin:20px 0 0}.palette .light{color:#24202e}.palette-note{font-size:12px;color:var(--muted);margin:-24px 0 0}.type-layout{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-top:35px;align-items:center}.type-name{font-family:Futura,Arial,sans-serif;font-size:clamp(38px,4.8vw,70px);letter-spacing:-.04em;margin:20px 0 25px}.type-name span{display:block;color:var(--muted);font-family:Arial,sans-serif;font-size:15px;font-weight:400;letter-spacing:0;margin-top:12px}.type-layout>div>p:last-child{font-size:16px}.type-specimen{margin:0;min-width:0}.type-specimen img{display:block;width:100%;height:auto}.type-specimen figcaption{font-size:12px}.icon-section{border-top:1px solid var(--line);padding-top:85px;overflow:clip}.icon-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:55px}.icon-heading h2{margin:0}.icon-heading>p{max-width:410px}.icon-pin{padding:25px 0 40px;background:#000}.carousel-top,.carousel-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.carousel-buttons{display:flex;gap:10px}.carousel-buttons button{background:transparent;border:1px solid #3b3744;border-radius:30px;padding:10px 17px;font-size:13px}.carousel-buttons button:hover{background:#1c1726}.icon-viewport{overflow-x:auto;scrollbar-width:none;margin-top:25px;overscroll-behavior-x:contain}.icon-viewport::-webkit-scrollbar{display:none}.icon-track{display:flex;gap:18px;padding-inline:5vw;width:max-content}.icon-card{width:clamp(230px,24vw,360px);flex:none;position:relative;background:#101014;border:1px solid #25212e;padding:22px}.icon-number{color:#8c859b;font:12px monospace}.icon-card img{width:100%;height:auto;display:block;margin-block:10px 20px}.icon-card h4{font-size:16px;font-weight:400;margin:0;line-height:1.5;min-height:48px}.carousel-bottom{margin-top:24px}.track-progress{height:2px;flex:1;background:#26222e;overflow:hidden}.track-progress span{display:block;height:100%;width:10%;background:var(--lav);transform-origin:left}.icon-count{font:12px monospace;white-space:nowrap;color:var(--muted)}.scroll-linked .icon-pin{position:sticky;top:0}.scroll-linked .icon-viewport{overflow:hidden}.interaction-note{font-size:13px;color:#c8bddb;margin-top:23px}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px;margin-top:10px}.post{margin:0}.post:nth-child(even){padding-top:85px}.post-media{display:block;padding:0;border:0;width:100%;aspect-ratio:1;background:var(--blue);position:relative;overflow:hidden;text-align:left}.post-media>img,.post-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.post-media>video{opacity:0;pointer-events:none}.post-media.playing>video{opacity:1}.play-label{position:absolute;bottom:18px;right:18px;border-radius:30px;padding:9px 14px;font-size:12px;background:#000b;color:white;backdrop-filter:blur(8px)}.post figcaption{display:block;padding-top:24px}.post-index{font-size:12px;letter-spacing:.07em;color:#b9accf}.post h3{font-size:26px;font-weight:400;line-height:1.2;letter-spacing:-.03em;color:var(--ink);margin:13px 0}.post p{font-size:16px;max-width:460px}.closing h2{color:var(--lav)}.closing-note{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:28px}.closing-note span{font-size:13px;color:#c2b8d2}.closing-note p{font-size:14px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:40px 55px;gap:30px}footer>a:first-child{font-size:28px;letter-spacing:-1px;color:var(--lav)}footer>a:first-child span{display:block;font-size:12px;letter-spacing:0;margin-top:8px;color:var(--muted)}footer p{font-size:13px;line-height:1.6;color:var(--muted)}.back-top{font-size:14px}@media(min-width:1700px){.icon-track{padding-inline:calc((100vw - 1440px)/2)}}@media(max-width:1000px){.edition{display:none}.brand span{display:none}.section{grid-template-columns:1fr;gap:25px;padding-block:65px}.section-no{margin-bottom:4px}.logo-stage{height:340px}.type-layout{gap:30px}.icon-heading{gap:40px}.post:nth-child(even){padding-top:45px}.palette article{min-height:260px}}@media(max-width:640px){header{min-height:78px;gap:20px}.brand{font-size:22px}nav{gap:16px;font-size:12px}.intro{padding-block:42px 35px}h1{font-size:clamp(48px,11.4vw,74px)}.intro-bottom{display:block;margin-top:25px}.intro-bottom p{font-size:16px}.intro-bottom .intro-note{margin-top:20px;font-size:12px}.eyebrow,.edition,.mini-label{font-size:11px}.hero-frame{aspect-ratio:16/9}#hero-toggle{font-size:12px;padding:7px 12px;bottom:10px;right:10px}figcaption{font-size:12px;gap:12px}.hero-film figcaption span:last-child{display:none}.section h2,.icon-heading h2{font-size:38px}.columns{grid-template-columns:1fr;gap:20px}p{font-size:16px}.facts{grid-template-columns:1fr;gap:18px}.facts>div{display:grid;grid-template-columns:1fr 2fr;gap:15px}dt{margin:0}.role-story{padding-left:20px}.role-story h3{font-size:25px}.logo-comparison{gap:14px}.logo-stage{height:210px;padding:8px}.logo-stage img{width:100%;max-height:185px}.logo-comparison figcaption{display:block}.logo-comparison figcaption span{display:block;margin-bottom:4px}.rationale{grid-template-columns:1fr;gap:18px}.palette{grid-template-columns:1fr}.palette article{min-height:190px;padding:22px}.palette h3{margin:23px 0 8px;font-size:28px}.palette p{margin-top:12px}.palette-note{margin:0}.type-layout{grid-template-columns:1fr;padding-top:15px}.type-name{font-size:55px}.type-specimen{margin-top:5px}.icon-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.icon-card{width:245px}.icon-pin{padding-bottom:30px}.carousel-top{gap:10px}.carousel-buttons{gap:7px}.carousel-buttons button{padding:8px 12px;font-size:12px}.carousel-top>.mini-label{font-size:10px}.post-grid{grid-template-columns:1fr;gap:42px}.post:nth-child(even){padding-top:0}.post h3{font-size:24px}.closing-note{grid-template-columns:1fr;gap:12px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the context inside the pinned carousel scene. */
.icon-section{padding-top:24px}
.icon-pin{padding-top:24px}
.icon-heading{margin-bottom:28px}
.icon-card{background:#f3f0f9;border-color:#e3ddea;color:#282330}
.icon-number{color:#6d637c}
.scroll-linked .icon-heading h2{font-size:clamp(32px,3.2vw,48px)}
.scroll-linked .icon-heading .eyebrow{margin-bottom:12px}
.scroll-linked .icon-heading>p{font-size:16px;line-height:1.6}
.scroll-linked .icon-card{width:clamp(190px,min(23vw,calc(100svh - 380px)),330px);padding:18px}
.scroll-linked .icon-card img{margin-block:6px 12px}
.scroll-linked .icon-card h4{min-height:42px;font-size:15px;line-height:1.4}
.scroll-linked .icon-viewport{margin-top:18px}
.scroll-linked .carousel-bottom{margin-top:18px}
@media(max-width:640px){.icon-heading{margin-bottom:24px}.icon-pin{padding-top:20px}}

/* Editorial hierarchy for a quick hiring review. */
h1{font-size:clamp(52px,7.5vw,116px)}
.intro-bottom>p:first-child{max-width:650px}
.project-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:36px 0 0;border-top:1px solid var(--line);padding-top:24px}
.project-snapshot dd{font-size:15px;max-width:290px}
.design-principles{margin-top:45px}
.design-principles>article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.design-principles>article>span{font:13px monospace;color:#ab9ec0;padding-top:5px}
.design-principles h3,.next-iteration h3{font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.025em;margin:0 0 10px}
.design-principles article p,.next-iteration>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);margin:0;max-width:690px}
.application-logic{border-top:1px solid var(--line);padding-top:24px}
.application-logic>div,.delivery-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.application-logic span{font-size:15px;line-height:1.65;color:var(--muted)}
.application-logic strong{display:block;font-size:15px;font-weight:400;color:var(--lav);margin-bottom:10px}
.delivery-summary{padding:28px 0;margin-top:32px;border-block:1px solid var(--line)}
.delivery-summary h3{font-weight:400;font-size:18px;margin:0 0 12px}
.delivery-summary p{font-size:15px;color:var(--muted);margin:0;line-height:1.65}
.next-iteration{margin-top:40px}
.skip-icons{font-size:13px;align-self:center;margin-right:15px;color:var(--lav)}
@media(max-width:1000px){nav{gap:18px}.brand span{display:none}}
@media(max-width:640px){h1{font-size:clamp(40px,9vw,58px)}header{flex-wrap:wrap;padding-block:18px;gap:17px}nav{width:100%;justify-content:space-between;gap:10px}.project-snapshot,.application-logic>div,.delivery-summary{grid-template-columns:1fr;gap:20px}.project-snapshot dd{max-width:none}.carousel-top{flex-wrap:wrap}.carousel-buttons{flex-wrap:wrap}.skip-icons{font-size:12px;margin-right:10px}.design-principles h3,.next-iteration h3{font-size:22px}}

.feedback-outcome{margin-top:38px;padding:28px;border:1px solid #393143;background:#100d15}.feedback-outcome h3{font-size:25px;font-weight:400;letter-spacing:-.025em;line-height:1.25;margin:0 0 16px}.feedback-outcome>p:not(.mini-label){font-size:16px;line-height:1.7;color:var(--muted);margin:0}.feedback-outcome .evidence-note{font-size:12px!important;margin-top:18px!important;color:#918a9d!important}@media(max-width:640px){.feedback-outcome{padding:22px}}