@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171b1a;--paper:#f0f0eb;--muted:#9a9f9c;--line:#444b47;--acid:#ffec78;--blue:#6292a0;--wrap:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;z-index:30;left:1rem;top:-5rem;background:var(--acid);color:var(--ink);padding:.8rem 1rem}.skip:focus{top:1rem}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.site-header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,4.2vw,72px);border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--ink)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-weight:800;font-size:34px;line-height:1;letter-spacing:-.14em;padding-right:.14em}.brand-dot,.accent,.hero-period{color:var(--acid)}.brand-name{font-size:10px;line-height:1.27;font-weight:800;letter-spacing:.16em}.nav{display:flex;align-items:center;gap:clamp(30px,5vw,76px)}.nav a{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:700}.nav a:hover,.text-link:hover,.footer a:hover,.back-link:hover{color:var(--acid)}.nav span{font:400 10px 'DM Mono',monospace;color:var(--muted)}.menu-toggle{display:none}.section-wrap{max-width:var(--wrap);margin-inline:auto;padding-left:clamp(24px,4.2vw,72px);padding-right:clamp(24px,4.2vw,72px)}.eyebrow,.hero-top,.hero-bottom,.project-type,.corner-label,.media-size,.footer,.about-lists h3,.resume-slot,.contact-slots,.case-kicker,.case-meta span,.story-rail,.image-slot,.back-link,.case-next{font-family:'DM Mono',monospace;letter-spacing:.08em}.hero{min-height:min(780px,calc(100svh - 88px));padding:clamp(30px,3.8vw,64px) clamp(24px,4.2vw,72px) 0;display:flex;flex-direction:column;position:relative;overflow:hidden;max-width:var(--wrap);margin:auto}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.hero-top{color:var(--muted)}.hero-index{color:var(--acid)}.hero h1{font-size:clamp(74px,12.1vw,210px);line-height:.82;letter-spacing:-.095em;margin:auto 0;max-width:100%;font-weight:800}.hero h1 em,.about-section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.hero-period{letter-spacing:-.1em}.hero-bottom{font-size:14px;font-weight:500;margin-bottom:37px}.text-link{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:15px}.text-link span{margin-left:22px;color:var(--acid)}.hero-rule{height:9px;background:var(--paper);width:100%}.hero-rule span{display:block;height:100%;width:24%;background:var(--acid)}.work-section{padding-top:105px;padding-bottom:130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:30px}.eyebrow{font-size:12px;color:var(--acid)}h2,h3,p{margin-top:0}.section-heading h2,.contact-line h2{font-size:clamp(58px,7vw,106px);letter-spacing:-.075em;line-height:1;margin:17px 0 0}.section-note{font-size:14px;line-height:1.7;color:#aeb5b1;max-width:305px;margin:0 0 7px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:82px}.project-card{display:block;min-width:0}.project-media{position:relative;aspect-ratio:1.23;overflow:hidden;border:1px solid #63716d;display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s}.project-card:hover .project-media{border-color:var(--acid);background:#343b38}.media-one{background:#34413f}.media-two{background:#303c42}.media-three{background:#464744}.media-four{background:#343b39}.project-media:before,.image-slot:before{content:"";position:absolute;inset:20px;border:1px solid rgba(238,241,235,.2);pointer-events:none}.project-media:after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:300 38px 'DM Mono',monospace;color:rgba(240,240,235,.38)}.corner-label,.media-size{position:absolute;font-size:11px;color:#dce2df}.corner-label{top:37px;left:38px}.media-size{right:38px;bottom:36px}.media-number{font-size:clamp(130px,18vw,310px);font-weight:800;letter-spacing:-.12em;line-height:1;color:rgba(240,240,235,.06)}.project-caption{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;padding-top:20px;margin-top:16px}.project-type{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.project-caption h3{font-size:clamp(26px,2.7vw,42px);letter-spacing:-.05em;line-height:1.1;margin:0}.project-open{width:46px;height:46px;border:1px solid #727b76;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .25s,color .25s;flex:none}.project-card:hover .project-open{background:var(--acid);color:var(--ink);border-color:var(--acid)}.about-section{background:var(--paper);color:var(--ink);padding:120px 0 130px}.about-section .eyebrow{color:#607b72}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-section h2{font-size:clamp(60px,7.1vw,110px);line-height:.92;letter-spacing:-.075em;margin:40px 0}.about-section h2 em{-webkit-text-stroke:1px var(--ink)}.about-content{padding-top:54px}.about-placeholder{border-top:2px solid var(--ink);padding:25px 0 53px}.about-placeholder span{font:12px 'DM Mono',monospace;letter-spacing:.08em;color:#5d6c64}.about-placeholder p{font-size:clamp(23px,2.55vw,38px);line-height:1.35;font-weight:600;letter-spacing:-.045em;margin:26px 0 0;max-width:600px}.about-lists{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #adb4ac;padding-top:25px}.about-lists h3{font-size:12px;color:#596b62}.about-lists p{font-size:15px}.resume-slot{border:1px solid var(--ink);padding:18px 21px;margin-top:48px;display:flex;justify-content:space-between;font-size:12px}.contact-section{padding-top:130px;padding-bottom:135px}.contact-line{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-bottom:32px}.contact-line h2{margin-top:25px}.contact-mark{font-size:clamp(70px,10vw,150px);line-height:.7;color:var(--acid);font-weight:400}.contact-section>p{color:#abb1ad;font-size:18px;margin:30px 0 50px}.contact-slots{display:flex;gap:16px;flex-wrap:wrap}.contact-slots span{border:1px solid #77817b;padding:17px 24px;font-size:12px}.footer{border-top:1px solid var(--line);padding-top:26px;padding-bottom:26px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.footer a{color:var(--paper)}
/* Case study framework */
.case-hero{padding-top:42px;padding-bottom:65px}.back-link{font-size:12px;color:#bbc3bd}.case-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:65px;font-size:12px;color:var(--acid)}.case-hero h1{font-size:clamp(64px,10vw,156px);line-height:.95;letter-spacing:-.085em;margin:46px 0 78px;max-width:1180px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.case-intro>p{font-size:clamp(22px,2.5vw,37px);line-height:1.3;letter-spacing:-.04em;max-width:610px;margin:0}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:20px}.case-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:18px}.case-meta strong{font-size:14px;font-weight:600}.image-slot{background:#35403e;min-height:460px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;color:#e0e7e3;font-size:13px}.image-slot span:last-child{color:#aebbb4;font-size:11px}.case-hero-image{min-height:min(62vw,750px);background:#43504d}.case-hero-image:before{inset:28px}.case-story{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding-top:105px;padding-bottom:108px}.story-rail{color:var(--acid);font-size:12px;border-top:1px solid var(--line);padding-top:18px}.story-copy h2{font-size:clamp(38px,5vw,70px);line-height:1.08;letter-spacing:-.065em;margin:0 0 35px}.story-copy p{font-size:19px;line-height:1.65;color:#b8c0ba;max-width:670px}.case-gallery{padding-bottom:15px}.gallery-large{min-height:650px;background:#303b40}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.gallery-pair .image-slot{min-height:370px}.gallery-pair .image-slot:nth-child(2){background:#45443f}.gallery-wide{min-height:620px;background:#444b45}.result-story{padding-bottom:150px}.case-next{border-top:1px solid var(--line);padding-top:30px;padding-bottom:80px;display:flex;justify-content:space-between;font-size:13px}.case-next a:hover{color:var(--acid)}
@media(max-width:900px){.hero{min-height:660px}.hero h1{font-size:clamp(74px,12.6vw,125px)}.work-section{padding-top:80px}.project-grid{gap:60px 20px}.media-size{display:none}.about-grid{gap:35px}.case-intro{grid-template-columns:1fr;gap:42px}.case-meta{max-width:650px}.case-story{grid-template-columns:1fr;gap:35px;padding-top:80px;padding-bottom:85px}.story-copy h2{margin-bottom:20px}}@media(max-width:650px){.site-header{height:72px;padding:0 22px}.brand-mark{font-size:30px}.brand-name{font-size:9px}.menu-toggle{display:flex;gap:15px;align-items:center;border:0;background:none;color:var(--paper);font:12px 'DM Mono',monospace;letter-spacing:.08em;padding:12px 0}.menu-toggle span{font-size:21px;line-height:0}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ink);border-bottom:1px solid var(--line);padding:18px 24px 25px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px;justify-content:space-between}.section-wrap{padding-left:22px;padding-right:22px}.hero{min-height:560px;padding:30px 22px 0}.hero-top{font-size:10px}.hero h1{font-size:clamp(56px,13.6vw,88px);line-height:.9;letter-spacing:-.09em}.hero-bottom{font-size:11px;margin-bottom:24px}.text-link{font-size:12px}.text-link span{margin-left:5px}.hero-rule{height:6px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.contact-line h2{font-size:64px}.section-note{margin-top:25px}.work-section{padding-top:75px;padding-bottom:95px}.project-grid{grid-template-columns:1fr;row-gap:55px}.project-media{aspect-ratio:1.24}.corner-label{top:30px;left:29px}.project-media:before,.image-slot:before{inset:14px}.project-caption h3{font-size:29px}.about-section{padding:85px 0 100px}.about-grid{grid-template-columns:1fr;gap:10px}.about-section h2{font-size:68px;margin:30px 0}.about-content{padding-top:0}.about-placeholder{padding-bottom:40px}.about-placeholder p{font-size:27px}.about-lists{gap:16px}.about-lists p{font-size:14px}.contact-section{padding-top:95px;padding-bottom:110px}.contact-line h2{font-size:clamp(47px,11vw,70px)}.contact-mark{font-size:65px}.contact-section>p{font-size:16px}.contact-slots span{width:100%}.footer{font-size:10px;flex-wrap:wrap}.footer span:nth-child(2){display:none}.case-hero{padding-top:26px;padding-bottom:45px}.case-kicker{margin-top:45px;font-size:10px}.case-hero h1{font-size:clamp(57px,12vw,85px);margin:36px 0 60px}.case-intro>p{font-size:25px}.case-meta{gap:9px}.case-meta span{font-size:9px}.case-meta strong{font-size:12px}.case-hero-image{min-height:420px}.image-slot{min-height:320px;font-size:11px}.case-story{padding-top:65px;padding-bottom:65px}.story-copy h2{font-size:44px}.story-copy p{font-size:16px}.gallery-large{min-height:370px}.gallery-pair{gap:10px;margin-top:10px}.gallery-pair .image-slot{min-height:210px}.gallery-pair .image-slot span:last-child{display:none}.gallery-wide{min-height:360px}.result-story{padding-bottom:90px}.case-next{padding-bottom:55px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Hero name typography. */
.hero h1{font-family:'IBM Plex Sans',Arial,sans-serif;font-size:clamp(72px,11vw,165px);line-height:.92;letter-spacing:-.055em;font-weight:600}
.case-hero h1{font-family:'IBM Plex Sans',Arial,sans-serif;letter-spacing:-.055em;font-weight:600}
@media(max-width:900px){.hero h1{font-size:clamp(72px,11.5vw,125px)}}
@media(max-width:650px){.hero h1{font-size:clamp(56px,12.2vw,82px);line-height:.95;letter-spacing:-.06em}}

.project-media.has-photo{background:#28322e}
.project-media.has-photo:before,.project-media.has-photo:after,.case-hero-image.has-photo:before{display:none}
.project-media.has-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%;transition:transform .4s ease}
.project-card:hover .project-media.has-photo img{transform:scale(1.035)}
.media-two.has-photo img{object-position:right center}
.media-three.has-photo img{object-position:center 70%}
.case-hero-image.has-photo{min-height:0;padding:clamp(24px,4vw,64px);background:#2b3430}
.case-hero-image.has-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:900px;object-fit:contain}