:root{--black:#070707;--black2:#0d0d0d;--paper:#eeeae2;--ink:#111;--muted:#716f69;--line:rgba(255,255,255,.18);--line-dark:rgba(0,0,0,.18);--pad:clamp(20px,4.25vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);overflow-x:hidden}body{margin:0;min-width:0;overflow-x:hidden;background:var(--black);color:#f4f2ed;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.025em}main,section{min-width:0}section[id]{scroll-margin-top:64px}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover}picture{display:block;width:100%;height:100%}a{color:inherit;text-decoration:none}button{font:inherit}.eyebrow,.index,.project-no{font-size:10px;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;margin:0}.text-link{display:inline-flex;gap:14px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.11em}.section{padding:110px var(--pad)}.section-black{background:var(--black);color:#f4f2ed}.section-paper{background:var(--paper);color:var(--ink)}.section-head{display:flex;justify-content:space-between;gap:20px;padding-top:14px;margin-bottom:52px;border-top:1px solid currentColor}.section-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.56fr);gap:10vw;align-items:start}.section-intro h2,.about-grid h2,.concept-grid h2,.craft-copy h2{font-size:clamp(54px,7.5vw,118px);font-weight:400;letter-spacing:-.065em;line-height:.88;margin:0}.section-intro p,.about-copy p,.concept-grid p,.craft-copy p{font-size:16px;line-height:1.7;margin:6px 0 0}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);mix-blend-mode:difference;color:#fff}.site-header.menu-open{mix-blend-mode:normal}.brand-logo{position:relative;z-index:2;width:112px;height:30px;display:flex;align-items:center}.brand-logo img{object-fit:contain;object-position:left center;filter:invert(1)}.nav{display:flex;gap:28px;font-size:11px;letter-spacing:.12em}.menu-toggle{display:none;position:relative;z-index:2;border:0;background:none;color:inherit;padding:0;font-size:11px;letter-spacing:.12em}
.brand-hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#111}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{object-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.02) 72%),linear-gradient(0deg,rgba(0,0,0,.44),transparent 52%)}.hero-copy{position:absolute;z-index:3;left:var(--pad);bottom:84px;max-width:760px}.hero-copy h1{font-size:clamp(64px,8vw,132px);font-weight:400;letter-spacing:-.075em;line-height:.82;margin:20px 0 28px}.hero-deck{max-width:475px;margin:0 0 30px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.86)}.hero-stamp{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em}
.featured-work{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.68fr);gap:clamp(34px,6vw,96px);align-items:center}.featured-media{height:min(78vh,920px);min-height:620px;overflow:hidden;background:#d7d2ca}.featured-media img{object-fit:cover;object-position:center 46%}.featured-copy{padding-right:min(4vw,55px)}.featured-copy h2{font-size:clamp(72px,8.5vw,142px);font-weight:400;letter-spacing:-.075em;line-height:.8;margin:18px 0 34px}.work-line{font-size:22px;line-height:1.3;margin:0 0 18px}.work-desc{max-width:440px;color:#5f5c56;font-size:14px;line-height:1.65;margin:0 0 28px}.featured-note{max-width:440px;padding:13px 0 15px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:18px;margin:0 0 34px;font-size:9px;line-height:1.4;letter-spacing:.11em}.featured-note span:last-child{text-align:right;color:#69665f}.view-project{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:11px;letter-spacing:.11em}
.studies-intro{margin-bottom:78px}.studies-intro p{color:#aaa}.studies-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:16px;align-items:start}.study-image{overflow:hidden;background:#151515}.study-wide .study-image{aspect-ratio:1/1}.study-tall .study-image{aspect-ratio:2/3}.study-card:not(.study-wide):not(.study-tall) .study-image{aspect-ratio:4/5}.study-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.study-card:hover img{transform:scale(1.012)}.study-meta{display:flex;justify-content:space-between;gap:22px;padding:14px 0 4px;border-bottom:1px solid var(--line)}.study-meta span{font-size:9px;letter-spacing:.14em;color:#777}.study-meta strong{font-size:12px;font-weight:400;text-align:right}
.process-intro{margin-bottom:76px}.process-intro p{color:#5f5c56}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.process-card{min-width:0}.process-image{height:520px;overflow:hidden;background:#d2cec6}.process-image.sketch img{object-fit:contain;padding:18px;background:#e7e4dd}.process-image.realization img{object-position:center 38%}.process-duo{height:520px;display:grid;grid-template-rows:1fr 1fr;gap:1px;background:#aaa;overflow:hidden}.process-duo>div{overflow:hidden;background:#ececec}.process-duo img{object-fit:cover;object-position:center}.process-duo>div:first-child img{object-position:center 20%}.process-duo>div:last-child img{object-fit:contain;background:#d6d8d7}.process-copy{padding:17px 2px 30px;border-bottom:1px solid var(--line-dark)}.process-copy span{font-size:10px;color:#777}.process-copy h3{margin:24px 0 10px;font-size:21px;font-weight:400;letter-spacing:-.03em}.process-copy p{max-width:330px;margin:0;color:#625f59;font-size:13px;line-height:1.55}.dark-process .process-copy{border-color:var(--line)}.dark-process .process-copy p{color:#96938d}.dark-process .process-image,.dark-process .process-duo>div{background:#141414}
.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:10vw}.about-copy p{color:#c4c1ba;margin:0 0 24px}.profile-grid{margin-top:88px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}.profile-grid>div{padding:22px 24px 32px 0;border-bottom:1px solid var(--line)}.profile-grid>div:nth-child(odd){border-right:1px solid var(--line)}.profile-grid>div:nth-child(even){padding-left:24px}.profile-grid span{display:block;margin-bottom:18px;color:#777;font-size:9px;letter-spacing:.14em}.profile-grid strong{font-size:15px;line-height:1.45;font-weight:400}
.contact-section{min-height:82svh;display:flex;flex-direction:column;justify-content:flex-end}.contact-section h2{font-size:clamp(80px,12vw,190px);font-weight:400;letter-spacing:-.07em;line-height:.82;margin:46px 0 54px}.contact-links{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap}.contact-link{font-size:clamp(18px,2vw,30px);border-bottom:1px solid currentColor;padding-bottom:6px}.contact-link.secondary{font-size:14px;color:#68655f}.footer-logo{width:min(520px,58vw);margin-top:110px}.footer-logo img{height:auto;object-fit:contain}.footer{display:flex;justify-content:space-between;margin-top:36px;padding-top:15px;border-top:1px solid var(--line-dark);font-size:10px;letter-spacing:.1em}
.back{position:fixed;z-index:120;left:var(--pad);top:22px;color:#fff;mix-blend-mode:difference;font-size:11px;letter-spacing:.11em}.work-hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);background:var(--black);color:#fff}.work-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:110px var(--pad) 44px}.work-hero-copy h1{font-size:clamp(84px,10vw,176px);font-weight:400;letter-spacing:-.08em;line-height:.76;margin:22px 0 34px}.work-hero-line{font-size:20px;line-height:1.3;margin:0 0 50px;color:#c8c5bf}.work-meta{display:flex;justify-content:space-between;gap:24px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;line-height:1.4;letter-spacing:.08em}.work-hero-media{min-height:100svh;overflow:hidden;background:#151515}.work-hero-media img{object-fit:cover;object-position:center 42%}.concept-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.68fr);gap:10vw}.concept-grid p{margin:0 0 22px;color:#5f5c56}.editorial-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;align-items:end}.editorial-grid figure{margin:0;overflow:hidden;background:#111}.editorial-tall{aspect-ratio:4/5}.editorial-wide{aspect-ratio:16/10}.editorial-tall img{object-position:center 45%}.editorial-wide img{object-position:center center}.editorial-caption{display:flex;justify-content:space-between;gap:24px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:9px;line-height:1.45;letter-spacing:.12em;color:#8b8882}.editorial-caption span:last-child{text-align:right}.craft-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:9vw;align-items:center}.craft-image{height:min(82vh,920px);min-height:620px;overflow:hidden;background:#d5d1c9}.craft-image img{object-fit:cover;object-position:center 38%}.craft-copy h2{margin:24px 0 34px}.craft-copy p:not(.eyebrow){color:#5f5c56;margin:0 0 20px}.craft-index{margin-top:34px;padding-top:15px;border-top:1px solid var(--line-dark);display:grid;gap:10px;font-size:9px;letter-spacing:.13em;color:#716e67}.work-process-intro{margin-bottom:76px}.work-process-intro p{color:#a9a69f}
@media(max-width:900px){
:root{--pad:20px}.menu-toggle{display:block}.nav{position:fixed;z-index:1;inset:0;background:#070707;display:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-size:20px}.nav.open{display:flex}.brand-logo{width:96px}.site-header{padding-top:max(18px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(0,0,0,.28),transparent);mix-blend-mode:normal}
.section{padding:78px var(--pad)}.section-head{margin-bottom:38px}.section-intro,.about-grid,.concept-grid,.craft-grid{grid-template-columns:1fr;gap:38px}.section-intro h2,.about-grid h2,.concept-grid h2,.craft-copy h2{font-size:clamp(48px,13vw,76px)}
.brand-hero{height:100svh;min-height:660px}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center 38%}.hero-shade{display:block;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.18) 100%)}.hero-copy{left:var(--pad);right:var(--pad);bottom:max(42px,env(safe-area-inset-bottom));padding:0;max-width:none}.hero-copy h1{font-size:clamp(54px,15vw,82px);margin:18px 0 22px}.hero-deck{font-size:13px;line-height:1.55;max-width:330px;margin-bottom:24px}.hero-stamp{display:none}
.featured-work{grid-template-columns:1fr;gap:32px}.featured-media{height:auto;min-height:0;background:#d6d1c9}.featured-media picture,.featured-media img{height:auto}.featured-media img{object-fit:contain;object-position:center}.featured-copy{padding-right:0}.featured-copy h2{font-size:clamp(64px,18vw,96px);margin:16px 0 26px}.work-line{font-size:19px}.featured-note{margin-bottom:30px}
.studies-intro{margin-bottom:52px}.studies-grid{grid-template-columns:1fr;gap:40px}.study-wide .study-image,.study-tall .study-image,.study-card:not(.study-wide):not(.study-tall) .study-image{aspect-ratio:auto}.study-image img{height:auto;object-fit:contain;object-position:center;background:#111}.study-meta{padding-bottom:14px}
.process-intro{margin-bottom:50px}.process-grid{grid-template-columns:1fr;gap:42px}.process-image{height:auto;aspect-ratio:auto}.process-image img{height:auto;object-fit:contain;object-position:center}.process-image.sketch img{padding:10px}.process-duo{height:auto;grid-template-rows:none;grid-template-columns:1fr 1fr;align-items:stretch;background:#aaa}.process-duo>div{min-height:0}.process-duo img{height:100%;min-height:0;object-fit:cover}.process-duo>div:last-child img{object-fit:contain}.process-copy{padding-top:14px}.process-copy h3{margin-top:20px}
.profile-grid{grid-template-columns:1fr;margin-top:62px}.profile-grid>div,.profile-grid>div:nth-child(odd),.profile-grid>div:nth-child(even){border-right:0;padding:21px 0 26px}.contact-section{min-height:70svh}.contact-section h2{font-size:clamp(72px,22vw,108px);margin:36px 0 44px}.contact-links{gap:20px}.contact-link{font-size:18px}.footer-logo{width:72vw;margin-top:80px}
.back{top:max(20px,env(safe-area-inset-top));mix-blend-mode:normal;text-shadow:0 1px 10px rgba(0,0,0,.5)}.work-hero{min-height:auto;display:flex;flex-direction:column-reverse}.work-hero-media{min-height:0;height:auto;margin-top:0;background:#111}.work-hero-media picture,.work-hero-media img{height:auto}.work-hero-media img{object-fit:contain;object-position:center}.work-hero-copy{padding:56px var(--pad) 54px}.work-hero-copy h1{font-size:clamp(76px,23vw,114px);margin:18px 0 26px}.work-hero-line{font-size:18px;margin-bottom:34px}.work-meta{flex-direction:column;gap:10px}.editorial-grid{grid-template-columns:1fr;gap:20px}.editorial-tall,.editorial-wide{aspect-ratio:auto}.editorial-grid img{height:auto;object-fit:contain;object-position:center;background:#111}.editorial-caption{flex-direction:column;gap:8px}.editorial-caption span:last-child{text-align:left}.craft-image{height:auto;min-height:0}.craft-image img{height:auto;object-fit:contain;object-position:center;background:#ddd8cf}.work-process-intro{margin-bottom:50px}
}
@media(max-width:380px){.hero-copy h1{font-size:50px}.featured-copy h2{font-size:60px}.work-hero-copy h1{font-size:72px}.contact-section h2{font-size:68px}.contact-link{font-size:16px}}
/* FLASKIAN public logo sizing */
.brand-logo{width:150px}
@media(max-width:900px){.brand-logo{width:128px}}