@charset "UTF-8";
:root{--paper:#efeee7;--ink:#191a17;--acid:#e3ef9b;--muted:#64655d;--line:#c6c7bb;--coral:#ed6b4a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b43c27;outline-offset:6px}[hidden]{display:none!important}::selection{background:var(--coral);color:var(--ink)}.skip{position:fixed;top:-80px;left:20px;background:var(--acid);padding:15px;z-index:20}.skip:focus{top:10px}.header{height:104px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border-bottom:1px solid #41423b}.brand{display:flex;gap:4px;align-items:center;font-size:38px;font-weight:900;letter-spacing:-4px}.brand-star{color:var(--acid);font-size:35px;letter-spacing:0}.brand-name{font-size:10px;line-height:1.15;letter-spacing:.6px;margin-left:18px}.header nav{display:flex;gap:36px;font-size:13px}.header nav a{padding:12px 0;position:relative}.header nav a:hover,.header nav a[aria-current]{color:var(--acid)}.header nav a[aria-current]:after{content:'';position:absolute;height:4px;width:4px;border-radius:100%;background:var(--acid);bottom:0;left:50%}.eyebrow,.hero-meta,.hero-side,.hero-bottom a,.art-tag,.art-note,.preview-caption,.project-number,.footer-meta,.status-label,.back-link{font-family:'Courier New',monospace;font-size:11px;line-height:1.5;letter-spacing:.04em}.hero{background:var(--ink);color:var(--paper);padding:32px 4% 36px;position:relative;overflow:hidden;min-height:740px}.hero-meta{display:flex;justify-content:space-between;color:#acafa2}.hero-name{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(100px,18.7vw,300px);line-height:.82;letter-spacing:-.045em;margin:48px 0 82px;position:relative;width:80%;z-index:1}.hero-name>span{display:block}.hero-name>span:nth-child(2){padding-left:7.5vw}.hero-dot{color:var(--coral)}.hero-collage{position:absolute;right:5%;top:110px;width:23vw;height:400px;pointer-events:none;z-index:2}.collage-outline{font-family:Georgia,serif;font-size:14vw;position:absolute;right:-15px;top:-35px;color:transparent;-webkit-text-stroke:1px #777e65;transform:rotate(-12deg)}.collage-note{position:absolute;right:0;top:50px;background:var(--acid);color:var(--ink);font-family:Georgia,serif;font-style:italic;font-size:clamp(35px,4.8vw,75px);line-height:.85;letter-spacing:-.08em;padding:24px 40px 26px 24px;transform:rotate(9deg);box-shadow:4px 5px 0 #111}.collage-star{position:absolute;color:var(--coral);font-size:11vw;right:9vw;top:140px;transform:rotate(14deg)}.collage-strip{position:absolute;top:340px;right:-30px;white-space:nowrap;background:var(--paper);color:var(--ink);padding:9px 18px;font-size:12px;font-family:'Courier New',monospace;transform:rotate(-8deg)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:3}.hero-bottom p{font-size:20px;line-height:1.15;margin:0}.round-link{display:flex;align-items:center;gap:22px}.round-link span{border:1px solid #74786a;border-radius:100%;width:46px;height:46px;display:grid;place-items:center;font-size:20px}.round-link:hover span{background:var(--acid);color:var(--ink)}.hero-side{color:#acafa2;writing-mode:vertical-rl;font-size:9px}.section-pad{padding:78px 4%}.section-top{display:flex;justify-content:space-between;gap:20px}.selected h2{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.065em;font-weight:500;margin:22px 0 52px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%}.project-row{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:23px 0;transition:color .2s}.project-row:last-of-type{border-bottom:1px solid var(--line)}.project-name{font-size:clamp(27px,3.1vw,49px);letter-spacing:-.055em}.project-number{color:var(--muted);align-self:flex-start;margin-top:5px}.row-arrow{font-size:31px;margin-left:auto;opacity:0;transform:translate(-8px,8px);transition:transform .2s,opacity .2s}.project-row.is-active .row-arrow,.project-row:hover .row-arrow{opacity:1;transform:none}.project-row.is-active .project-name{font-style:italic}.index-hint{font-size:12px;color:var(--muted);line-height:1.5;margin-top:28px}.art{background:var(--art-bg);color:var(--art-ink);position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.15}.art-tag,.art-note{position:absolute;left:22px;z-index:3;font-size:9px}.art-tag{top:20px}.art-note{bottom:17px;max-width:calc(100% - 44px)}.art-word{position:absolute;left:7%;top:32%;font-size:clamp(35px,5.3vw,84px);font-weight:900;letter-spacing:-.075em;z-index:2;transform:rotate(-9deg);overflow-wrap:normal;white-space:nowrap}.art-orbit{position:absolute;width:90%;height:70%;border:1px solid currentColor;border-radius:50%;transform:rotate(-40deg);top:17%;left:6%;opacity:.4}.art-orbit:after{content:'';position:absolute;inset:18px;border:1px solid currentColor;border-radius:50%}.art-mark{position:absolute;right:8%;bottom:13%;font-size:120px;font-family:Georgia,serif;line-height:1;opacity:.6}.art-1 .art-word{transform:rotate(8deg);top:29%}.art-2 .art-orbit{border-radius:0;transform:rotate(25deg)}.art-3 .art-word,.art-4 .art-word{font-size:clamp(28px,4vw,66px);top:38%;transform:rotate(-7deg)}.art-4 .art-orbit{border-radius:0;transform:rotate(-30deg);width:50%;left:25%}.preview-caption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.project-preview.is-active{animation:appear .25s ease}.placeholder-note{font-family:'Courier New',monospace;font-size:10px;line-height:1.6;color:var(--muted);margin:38px 0 0}.off-teaser{background:var(--acid);padding:72px 4%;display:grid;grid-template-columns:1.3fr 1fr;gap:12%;overflow:hidden}.off-teaser h2{font-size:clamp(80px,12vw,180px);font-weight:500;letter-spacing:-.065em;line-height:.85;margin:40px 0 0;position:relative}.off-teaser h2 .serif{padding-left:7vw}.teaser-star{position:absolute;font-size:110px;left:68%;top:0;transform:rotate(10deg)}.teaser-copy{align-self:end}.teaser-copy p{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em;line-height:1.08;margin:0 0 22px}.teaser-copy>span{font-size:13px;display:block}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:14px;margin-top:34px}.text-link:hover{color:#93351f}footer{background:var(--ink);color:var(--paper);padding:55px 4% 24px}.footer-name{display:flex;justify-content:space-between;align-items:center;font-size:clamp(30px,6.3vw,100px);letter-spacing:-.065em;padding-bottom:36px;border-bottom:1px solid #41423b;font-weight:700}.footer-name>span{font-weight:400;color:var(--acid)}.footer-meta{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:9px;color:#bfc2b5}.page-intro{padding:72px 4% 65px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(80px,13vw,195px);font-weight:500;line-height:.88;letter-spacing:-.065em;margin:35px 0}.page-intro p{font-size:18px;line-height:1.5;max-width:620px}.work-page .selected{padding-top:65px}.work-page .selected h2{margin-bottom:60px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:42px}.filters button{border:1px solid #9a9c90;background:none;border-radius:30px;padding:12px 20px;cursor:pointer;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters small{margin-left:10px}.off-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.off-art{aspect-ratio:3/4;display:grid;place-items:center;font-size:clamp(70px,14vw,220px);background:var(--coral);font-family:Georgia,serif;overflow:hidden}.off-art-0{font-style:italic}.off-art-1{background:#d5d6cd;font-family:'Courier New',monospace;font-size:6vw}.off-art-2{background:#bcaee1}.off-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.off-caption h2{font-weight:500;margin:0;font-size:22px;letter-spacing:-.03em}.off-caption span,.off-item p{font:10px 'Courier New',monospace}.off-item p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.portrait-placeholder{aspect-ratio:4/5;background:#d7d8ce;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.portrait-placeholder>span{font-family:Georgia,serif;font-size:14vw;letter-spacing:-.1em;color:#898e79;font-style:italic}.portrait-placeholder small{position:absolute;bottom:20px;font:10px 'Courier New',monospace}.about-copy{padding:25px 0}.about-copy h2,.case-body h2{font-size:clamp(35px,4.5vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.04}.content-placeholder{border-top:1px solid var(--line);padding-top:24px}.content-placeholder span{font:10px 'Courier New',monospace}.content-placeholder p,.case-disclaimer{font-size:16px;line-height:1.7;color:var(--muted);max-width:650px}.contact-intro{background:var(--acid);overflow:hidden}.contact-intro h1{position:relative;max-width:1100px}.contact-star{position:absolute;right:0;top:-15px;font-size:15vw;font-weight:400}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.contact-content h2{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.05em;margin:20px 0}.contact-content p{font-size:13px;line-height:1.6;color:var(--muted)}.case-intro{padding-top:40px}.back-link{display:inline-block;margin-bottom:55px}.case-intro h1{font-size:clamp(58px,11vw,165px);letter-spacing:-.065em;font-weight:500;line-height:1;margin:30px 0 40px;overflow-wrap:anywhere}.status-label{font-size:9px;border:1px solid #a1a390;border-radius:20px;padding:5px 12px}.case-meta{display:flex;gap:8%;font:11px 'Courier New',monospace;border-top:1px solid var(--line);padding:20px 0 35px}.case-art{aspect-ratio:1.9}.case-art .art-word{font-size:12vw;top:26%;left:12%}.case-art .art-mark{font-size:19vw;bottom:10%}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-top:10px}.case-body h2{margin-top:0}.case-sections{margin-top:50px}.case-sections>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0}.case-sections h3{font-weight:500;font-size:18px;margin:0}.case-sections small{margin-left:auto;font:9px 'Courier New',monospace;color:var(--muted)}.case-sections>div>span{font:10px 'Courier New',monospace}.next-project{display:flex;flex-direction:column;gap:22px;background:var(--acid);padding:55px 4%}.next-project>span:last-child{font-size:clamp(35px,6vw,90px);letter-spacing:-.055em}.next-project:hover{background:#d8e980}@keyframes appear{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:850px}.hero-name{font-size:290px}.hero-collage{top:150px}.collage-strip{top:390px}}
@media(max-width:900px){.header nav{gap:22px}.hero{min-height:640px}.hero-name{margin-top:80px;margin-bottom:100px}.hero-collage{top:135px}.collage-note{padding:18px 28px 18px 18px}.collage-star{top:110px}.collage-strip{top:260px;font-size:9px}.project-row{padding:20px 0;gap:12px}.project-name{font-size:30px}.art{aspect-ratio:.9}.art-mark{font-size:90px}.teaser-star{font-size:80px;left:70%}.art-note{font-size:8px}.case-art{aspect-ratio:1.7}}
@media(max-width:600px){.header{height:90px;align-items:center;padding:0 5%;gap:16px}.brand{font-size:30px}.brand-star{font-size:27px}.brand-name{display:none}.header nav{gap:16px;font-size:11px}.hero{padding:26px 5% 28px;min-height:620px}.hero-meta{font-size:8px}.hero-meta>span:last-child{max-width:115px;text-align:right}.hero-name{font-size:21vw;letter-spacing:-.065em;width:100%;margin-top:92px;margin-bottom:178px}.hero-name>span:nth-child(2){padding-left:0}.hero-collage{top:240px;right:9%;width:45vw;height:230px}.collage-outline{font-size:110px;top:0;right:10px}.collage-note{font-size:39px;top:26px;right:20px;padding:17px 25px 20px 17px}.collage-star{font-size:83px;top:93px;right:120px}.collage-strip{top:165px;right:-10px;font-size:8px}.hero-bottom p{font-size:17px}.hero-bottom a{font-size:9px;gap:10px}.hero-side{display:none}.round-link span{width:35px;height:35px}.section-pad{padding:52px 5%}.eyebrow{font-size:9px}.selected h2{font-size:49px;margin:24px 0 32px}.work-grid{grid-template-columns:1fr;gap:30px}.project-row{padding:18px 0}.project-name{font-size:34px}.row-arrow{opacity:1;font-size:25px;transform:none}.index-hint{font-size:11px;margin:18px 0 0}.art{aspect-ratio:1.15}.art-word{font-size:57px}.art-3 .art-word,.art-4 .art-word{font-size:43px}.art-note{font-size:8px}.placeholder-note{margin-top:24px}.off-teaser{padding:50px 5%;grid-template-columns:1fr;gap:45px}.off-teaser h2{font-size:110px}.teaser-star{left:65%;font-size:100px}.teaser-copy p{font-size:32px}.text-link{margin-top:24px}.footer-meta{font-size:8px;flex-wrap:wrap}.footer-meta>span{width:100%}.footer-name{font-size:9vw;padding-bottom:25px}footer{padding:38px 5% 24px}.page-intro{padding:50px 5%}.page-intro h1{font-size:20vw}.page-intro p{font-size:16px}.filters{gap:8px}.filters button{padding:10px 15px;font-size:11px}.off-grid{grid-template-columns:1fr;gap:35px}.off-art{font-size:45vw;aspect-ratio:4/3}.off-art-1{font-size:22vw}.about-grid,.contact-content,.case-body{grid-template-columns:1fr;gap:30px}.portrait-placeholder>span{font-size:43vw}.about-copy{padding:0}.about-copy h2{font-size:42px}.contact-star{right:0;top:-15px;font-size:18vw}.contact-intro h1{font-size:18vw}.case-intro h1{font-size:16vw}.case-meta{gap:12px;flex-direction:column;font-size:10px}.case-art{aspect-ratio:1.1}.case-art .art-word{font-size:13vw;left:5%;top:37%}.case-art .art-mark{font-size:28vw}.case-intro{padding-top:28px}.back-link{margin-bottom:36px}.status-label{font-size:8px}.case-body h2{font-size:38px}.case-sections small{width:100%;margin-left:32px}.case-sections h3{font-size:16px}.case-disclaimer{font-size:14px}.next-project{padding:40px 5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.work-page #work-title{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.065em;font-weight:500;margin:22px 0 60px}@media(max-width:600px){.hero{min-height:680px}.hero-name{margin-bottom:218px}.hero-collage{top:280px}.work-page #work-title{font-size:49px;margin-bottom:32px}}