@font-face{font-family:Bricolage;src:url('assets/fonts/bricolagegrotesque.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:DMSans;src:url('assets/fonts/dmsans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:Bodoni;src:url('assets/fonts/bodonimoda.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:InstrumentSans;src:url('assets/fonts/sans.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:JetBrainsMono;src:url('assets/fonts/jetbrainsmono.ttf') format('truetype');font-weight:100 800;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}body{background:#f8f6ef;color:#1b1b1b;font-family:Bricolage,Arial,sans-serif;font-size:18px;line-height:1.6;font-variation-settings:'opsz' 14}a,button{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}p,figcaption{text-wrap:pretty}h1,h2,h3{text-wrap:balance}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #080808;outline-offset:4px;box-shadow:0 0 0 4px #f1eddf;border-radius:4px}img{display:block;width:100%;height:auto;outline:1px solid #0001;outline-offset:-1px}figure{min-width:0}figcaption{font-size:13px;color:#65635c;margin-top:12px;line-height:1.4}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.case-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px}.case-top>a{font-weight:700}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{border:1px solid #ffffff36;padding:7px 14px;border-radius:99px;font-size:13px;line-height:1.4}.pills span:last-child{background:var(--accent);color:#1b1b1b;border-color:transparent}.brand-hero{background:var(--project);color:var(--project-ink);padding:30px 48px 70px;min-height:780px}.brand-hero .case-top{max-width:1184px;margin:auto}.brand-hero h1{font-size:clamp(70px,10.5vw,150px);letter-spacing:-.065em;line-height:1;max-width:1184px;margin:66px auto 0;font-weight:700;font-variation-settings:'opsz' 72}.brand-subtitle{font-size:clamp(28px,3.3vw,46px);color:var(--accent);max-width:1184px;margin:24px auto 0;line-height:1.2}.hero-description{font-size:21px;line-height:1.5;max-width:1184px;margin:32px auto 0;padding-right:45%}.brand-statement{font-size:clamp(26px,2.55vw,36px);line-height:1.35;max-width:1184px;margin:44px auto 0;padding-right:32%;color:color-mix(in srgb,var(--project-ink) 78%,transparent);letter-spacing:-.025em}.overview{padding-top:72px;padding-bottom:72px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #0002;border-bottom:1px solid #0002}.project-facts>div{padding:24px 24px 28px;border-right:1px solid #0002}.project-facts>div:first-child{padding-left:0}.project-facts>div:last-child{border-right:0}.project-facts dt{font-size:12px;line-height:1.4;color:#65635c;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.project-facts dd{font-size:16px;line-height:1.5;max-width:24ch}.brand-application{padding-top:20px;padding-bottom:50px}.brand-application img{border-radius:22px}.editorial-section{display:grid;grid-template-columns:200px minmax(0,1fr);gap:56px;padding-top:100px;padding-bottom:80px}.section-label{font-size:14px;line-height:1.4;color:#65635c;padding-top:12px}.editorial-section h2{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.02em;max-width:22ch;font-variation-settings:'opsz' 72}.editorial-section p:not(.section-label){max-width:48ch;margin-top:24px;line-height:1.7;color:#5c5a4e}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:60px}.image-pair figure img{height:560px;object-fit:cover;border-radius:18px}.brand-detail{max-width:1000px;padding-top:10px;padding-bottom:80px}.brand-detail img{max-height:780px;object-fit:contain;border-radius:18px;background:var(--project)}.case-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:60px;padding-bottom:60px;border-top:1px solid #0002}.case-footer>a{min-height:44px;display:flex;align-items:center;font-size:15px}.case-footer>a:last-child{font-size:30px;line-height:1.2;display:block;text-align:right;letter-spacing:-.03em}.case-footer a>span{display:block;font-size:12px;color:#65635c;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.case-footer a:hover{text-decoration:underline;text-underline-offset:5px}.case-system{background:#fff;font-family:DMSans,Arial,sans-serif;font-size:17px}.case-system .wrap{max-width:1108px}.system-hero{padding-top:100px}.system-kicker{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;letter-spacing:.04em}.system-kicker>a{font-size:21px;letter-spacing:-.03em;font-weight:800;color:var(--project)}.system-kicker>span{padding:4px 10px;background:#f5f5f3;border:1px solid #eaeae7;border-radius:99px}.system-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.035em;max-width:680px;margin-top:32px;font-weight:450;color:#868681}.system-hero h1 em{font-style:normal;font-weight:650;color:#282924}.system-hero>p{font-size:17px;line-height:1.5;color:#676761;max-width:700px;margin-top:32px}.system-cover{margin-top:64px}.system-cover img{border-radius:24px}.case-system .editorial-section{grid-template-columns:160px minmax(0,1fr);gap:48px}.case-system .editorial-section h2{font-family:DMSans,Arial,sans-serif;font-size:36px;font-weight:550}.case-system .editorial-section p:not(.section-label){font-size:17px}.system-specimen{padding-top:20px;padding-bottom:50px}.specimen-type{background:#f2efdc;color:var(--project);padding:70px 50px;border-radius:22px}.specimen-type svg{width:100%;height:auto;display:block}.specimen-type span{display:block;font-size:18px;letter-spacing:.35em}.specimen-type strong{font-size:clamp(38px,6vw,80px);font-weight:500;letter-spacing:.025em;line-height:1.2;display:block}.specimen-type p{margin-top:30px;font-size:13px;opacity:.7}.palette-specimen{display:flex;height:110px;margin-top:24px;overflow:hidden;border-radius:16px}.palette-specimen i{flex:1}.case-system .image-pair figure img{height:420px}.case-architecture{background:#f6f4f0;font-family:InstrumentSans,Arial,sans-serif;font-size:16px}.architecture-hero{position:relative;height:100svh;min-height:600px;color:#fff;overflow:hidden}.architecture-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;outline:none}.architecture-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a 0%,#0006 56%,transparent 85%),linear-gradient(180deg,#0007,transparent 40%,#0009)}.architecture-hero nav{position:absolute;left:4vw;right:4vw;top:28px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:13px;z-index:2}.architecture-hero nav>a:first-child{text-transform:uppercase;font-size:14px;letter-spacing:.05em;font-weight:600}.architecture-title{position:absolute;left:7vw;bottom:13vh;z-index:2}.architecture-title p{text-transform:uppercase;font-size:12px;letter-spacing:.12em;margin-bottom:22px}.architecture-title h1{font-family:Bodoni,Georgia,serif;font-size:clamp(72px,9vw,150px);line-height:.92;letter-spacing:-.035em;font-weight:400}.architecture-title em{font-style:normal}.architecture-hero-caption{position:absolute;right:4vw;bottom:32px;font-size:12px;z-index:2}.architecture-intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-top:110px;padding-bottom:70px}.architecture-intro h2{font-family:Bodoni,Georgia,serif;font-size:clamp(40px,4.5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.025em;max-width:16ch}.architecture-intro>div>p{font-size:16px;line-height:1.8;max-width:56ch;margin-top:28px}.case-architecture .overview{padding-top:10px;padding-bottom:90px}.case-architecture .project-facts dd{font-size:14px}.architecture-photo{padding-top:20px}.architecture-photo img{width:100%;max-height:900px;object-fit:cover}.architecture-photo figcaption{padding:0 4vw}.architecture-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start;padding-top:40px;padding-bottom:30px}.architecture-pair figure:nth-child(2){padding-top:160px}.architecture-pair img{max-height:700px;object-fit:cover}.case-screens{background:#131411;color:#eeeee7;font-family:DMSans,Arial,sans-serif;font-size:19px}.screens-hero{padding-top:28px;padding-bottom:80px}.screens-hero .case-top{font-family:JetBrainsMono,monospace;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#95958b}.screens-hero .case-top a{font-weight:400;color:#eeeee7}.screens-hero h1{font-family:Bricolage,Arial,sans-serif;font-size:clamp(60px,7.7vw,120px);line-height:.99;letter-spacing:-.06em;font-weight:700;margin-top:120px;max-width:1000px}.screens-hero h1 em{font-style:normal;color:#8f9087;font-weight:400}.screens-hero h1>span{color:var(--accent)}.screens-hero>p{font-size:20px;line-height:1.6;color:#bcbdb1;max-width:850px;margin-top:36px}.screens-hero .project-facts{margin-top:90px;border-color:#ffffff1a}.screens-hero .project-facts>div{border-color:#ffffff1a}.screens-hero .project-facts dt{color:#98998f;font-family:JetBrainsMono,monospace;font-size:10px}.screens-hero .project-facts dd{font-size:14px}.screen-showcase{padding-top:70px;padding-bottom:100px}.screen-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:40px}.case-screens .section-label{font-family:JetBrainsMono,monospace;color:#98998f;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.screen-intro h2,.screens-ending h2{font-family:Bricolage,Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.03em;margin-top:16px}.screen-intro>p{font-size:17px;color:#bcbdb1;align-self:end;line-height:1.65}.screen-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.screen-controls button{background:transparent;border:1px solid #ffffff29;color:#bcbdb1;padding:10px 18px;border-radius:99px;font-family:JetBrainsMono,monospace;font-size:11px;min-height:44px;transition:color .15s,background-color .15s}.screen-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#131411}.screen-controls button:hover{border-color:#fff}.screen-browser{border:1px solid #ffffff29;border-radius:16px;overflow:hidden;background:#22231e}.browser-bar{display:flex;align-items:center;gap:20px;padding:12px 18px;min-height:44px;font-family:JetBrainsMono,monospace;font-size:10px;letter-spacing:.02em;color:#a9aa9d;border-bottom:1px solid #ffffff1a}.browser-bar>span:first-child{font-size:9px;letter-spacing:4px}.browser-bar>a{margin-left:auto}.screen-scroll{height:670px;overflow:auto;overscroll-behavior:contain;background:#e8e3d5}.screen-scroll img{width:100%;height:auto}.screen-browser figcaption{color:#bcbdb1;padding:12px 18px;margin:0;font-size:13px;border-top:1px solid #ffffff1a}.preview-note{margin-top:16px;font-size:12px;color:#98998f}.screens-ending{padding-top:50px;padding-bottom:100px}.screens-ending>p{margin-top:24px;color:#bcbdb1;font-size:17px;max-width:54ch;line-height:1.6}.screen-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.screen-thumbs figure img{height:420px;object-fit:cover;object-position:top;border-radius:12px}.case-screens figcaption{color:#98998f}.case-screens .case-footer{border-color:#ffffff1a}.case-screens .case-footer a>span{color:#98998f}
@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.brand-hero{padding:24px 22px 50px;min-height:720px}.case-top{align-items:flex-start;font-size:11px;gap:16px}.pills{justify-content:flex-end;gap:5px;max-width:180px}.pills span{font-size:10px;padding:5px 9px}.brand-hero h1{font-size:clamp(64px,17vw,110px);margin-top:80px;letter-spacing:-.06em;overflow-wrap:anywhere}.brand-subtitle{font-size:28px;margin-top:22px;max-width:20ch;margin-left:0}.hero-description{padding:0;font-size:18px;margin-top:28px}.brand-statement{padding:0;font-size:26px;line-height:1.4;margin-top:38px}.overview{padding-top:44px;padding-bottom:44px}.project-facts{grid-template-columns:1fr 1fr}.project-facts>div{padding:20px 16px;border-bottom:1px solid #0002}.project-facts>div:nth-child(odd){padding-left:0}.project-facts>div:nth-child(even){border-right:0}.project-facts>div:nth-last-child(-n+2){border-bottom:0}.project-facts dd{font-size:14px}.project-facts dt{font-size:10px}.editorial-section,.case-system .editorial-section{grid-template-columns:1fr;gap:20px;padding-top:60px;padding-bottom:40px}.editorial-section h2,.case-system .editorial-section h2{font-size:34px}.editorial-section p:not(.section-label){margin-top:20px;font-size:17px}.brand-application{padding-top:10px;padding-bottom:20px}.brand-application img,.system-cover img{border-radius:12px}.image-pair{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.image-pair figure img,.case-system .image-pair figure img{height:auto;max-height:600px;border-radius:12px}.brand-detail{padding-top:20px;padding-bottom:50px}.brand-detail img{border-radius:12px;max-height:500px}.case-footer{padding-top:40px;padding-bottom:40px;gap:20px}.case-footer>a:first-child{font-size:13px}.case-footer>a:last-child{font-size:24px}.system-hero{padding-top:60px}.system-kicker{font-size:10px;gap:7px}.system-kicker>a{font-size:18px}.system-kicker>span{padding:4px 7px}.system-hero h1{font-size:36px;margin-top:32px;max-width:19ch;line-height:1.1}.system-hero h1 br{display:none}.system-hero>p{font-size:16px;margin-top:28px}.system-cover{margin-top:44px}.specimen-type{padding:50px 24px;border-radius:14px}.specimen-type strong{font-size:9vw}.specimen-type svg{width:100%;height:auto;display:block}.specimen-type span{font-size:14px}.palette-specimen{height:80px;border-radius:12px}.architecture-hero{height:88svh;min-height:590px}.architecture-hero nav{left:22px;right:22px;top:22px;font-size:10px;gap:20px;flex-wrap:wrap}.architecture-hero nav>a:first-child{font-size:12px}.architecture-hero nav>a:last-child{display:none}.architecture-title{left:22px;bottom:15vh}.architecture-title h1{font-size:22vw}.architecture-title p{font-size:10px}.architecture-hero-caption{left:22px;right:22px;bottom:26px;font-size:10px}.architecture-intro{padding-top:65px;padding-bottom:45px;grid-template-columns:1fr;gap:25px}.architecture-intro h2{font-size:42px}.architecture-intro>div>p{font-size:16px;margin-top:24px;line-height:1.7}.case-architecture .overview{padding-bottom:50px}.architecture-pair{grid-template-columns:1fr;gap:45px;padding-top:25px}.architecture-pair figure:nth-child(2){padding-top:0}.architecture-pair img{max-height:600px;object-fit:cover}.screens-hero{padding-top:24px;padding-bottom:40px}.screens-hero .case-top{font-size:9px;line-height:1.6;gap:25px}.screens-hero .case-top>span{max-width:100px;text-align:right}.screens-hero h1{margin-top:90px;font-size:16vw;line-height:1.02;letter-spacing:-.055em}.screens-hero>p{font-size:18px;margin-top:32px}.screens-hero .project-facts{margin-top:60px}.screens-hero .project-facts>div{border-bottom:1px solid #ffffff1a}.screens-hero .project-facts>div:nth-last-child(-n+2){border-bottom:0}.screen-showcase{padding-top:35px;padding-bottom:60px}.screen-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.screen-intro h2,.screens-ending h2{font-size:32px}.screen-intro>p{font-size:16px}.screen-controls{gap:6px}.screen-controls button{padding:8px 12px;font-size:9px}.screen-browser{border-radius:10px}.browser-bar{padding:12px;font-size:9px;gap:12px}.browser-bar>span:first-child{display:none}.screen-scroll{height:490px}.screen-browser figcaption{font-size:12px;padding:10px 12px}.screens-ending{padding-top:30px;padding-bottom:60px}.screens-ending>p{font-size:16px}.screen-thumbs{grid-template-columns:1fr;gap:35px;margin-top:35px}.screen-thumbs figure img{height:370px}}
@media(max-width:350px){.brand-hero h1{font-size:18vw}.brand-statement{font-size:24px}.brand-hero{min-height:740px}.system-kicker>span:last-child{display:none}.system-hero h1{font-size:32px}.screens-hero h1{font-size:16vw}.screen-controls button{padding:8px 9px}.screen-scroll{height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body[data-slug="8am"] .editorial-section p:not(.section-label){color:#d5c7b5}

/* 8am: preserve complete artwork instead of cropping the numeral specimen. */
body[data-slug="8am"]{background:#130e0a;color:#fff0da}body[data-slug="8am"] .brand-hero{min-height:0;padding-bottom:80px}body[data-slug="8am"] .brand-hero h1{color:#ff9415}body[data-slug="8am"] .brand-subtitle{color:#ffb74a}body[data-slug="8am"] .brand-statement{font-size:clamp(24px,2.3vw,32px);max-width:1184px}body[data-slug="8am"] .project-facts,body[data-slug="8am"] .project-facts>div,body[data-slug="8am"] .case-footer{border-color:#fff0da26}body[data-slug="8am"] .project-facts dt,body[data-slug="8am"] figcaption,body[data-slug="8am"] .section-label,body[data-slug="8am"] .case-footer a>span{color:#c2b4a1}body[data-slug="8am"] .image-pair figure img{height:auto;aspect-ratio:4/5;object-fit:contain;background:#000}body[data-slug="8am"] .brand-application img{outline:1px solid #ffffff14;outline-offset:-1px}

/* Concise case introductions; keep the source artwork in view sooner. */
.case-brand .brand-hero{min-height:0;padding-bottom:60px}
.case-brand .brand-statement{display:none}
.case-top>a,.system-kicker>a,.architecture-hero nav>a{min-height:44px;display:inline-flex;align-items:center}
.browser-bar>a{min-height:44px;display:flex;align-items:center;margin-block:-12px}
html.reduced{scroll-behavior:auto}html.reduced *{animation:none!important;transition:none!important}
.browser-bar>button{margin-left:auto;min-height:44px;margin-block:-12px;padding:0;display:flex;align-items:center;cursor:pointer;background:none;border:0;color:inherit;font:inherit}
.screen-scroll.is-expanded{height:auto;overflow:visible}

@media(max-width:720px){
 html{scrollbar-gutter:auto;scroll-behavior:auto}
 .screen-controls button{min-height:44px;font-size:12px}
 .screen-scroll{height:auto;max-height:none;overflow:visible}
 .case-top>a,.case-footer>a{min-height:44px;display:inline-flex;align-items:center}
}