:root{--paper: #0d0d10;--paper-2: #17171d;--ink: #f4f1ea;--ink-soft: #918c82;--line: #28282f;--accent: #dabc7f;--max: 1320px;--gutter: clamp(20px, 5vw, 64px);--font-sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.55;letter-spacing:-.01em;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(1100px 640px at 50% -6%,rgba(218,188,127,.09),transparent 60%),radial-gradient(1000px 760px at 50% -2%,rgba(255,255,255,.05),transparent 62%),radial-gradient(900px 900px at 88% 8%,rgba(218,188,127,.04),transparent 55%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.display{font-weight:700;line-height:.98;letter-spacing:-.035em;font-size:clamp(2.6rem,8vw,7rem)}h2.section-title{font-weight:700;letter-spacing:-.03em;line-height:1;font-size:clamp(1.8rem,4vw,3rem)}.accent{color:var(--accent)}hr.rule{border:0;border-top:1px solid var(--line);margin:0}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.nav .brand{font-weight:700;letter-spacing:-.02em;font-size:18px;display:flex;align-items:center}.nav .brand img{height:30px;width:auto;display:block}.nav .links{display:flex;gap:clamp(14px,3vw,34px);align-items:center}.nav .links a{font-size:14px;color:var(--ink-soft);transition:color .2s}.nav .links a:hover,.nav .links a[aria-current=page]{color:var(--ink)}.nav .links a.cta{color:var(--accent)}.hero{padding-block:clamp(40px,8vh,100px) clamp(40px,8vh,90px)}.hero-top{text-align:center;max-width:66rem;margin:0 auto clamp(36px,6vh,72px)}.hero-top .eyebrow{display:block;margin-bottom:20px}.hero-title{font-size:clamp(2rem,4.6vw,3.9rem);line-height:1.06}.hero-lower{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:stretch}.hero-text{display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(20px,3vh,30px)}.hero-media{position:relative;min-height:360px}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:6px;background:var(--paper-2)}@media (max-width: 860px){.hero-lower{grid-template-columns:1fr}.hero-media{position:static;min-height:0}.hero-media img{position:static;height:auto;aspect-ratio:1 / 1}}.hero .sub{margin-top:28px;max-width:46ch;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--ink-soft);letter-spacing:-.015em}.hero .meta-row{margin-top:40px;display:flex;flex-wrap:wrap;gap:28px}.hero .meta-row div{max-width:22ch}.hero .meta-row .eyebrow{display:block;margin-bottom:6px}.pillars{border-top:1px solid var(--line);padding:clamp(44px,8vh,96px) 0}.pillars .phead{margin-bottom:clamp(28px,5vh,56px)}.pillars .phead .eyebrow{display:block;margin-bottom:14px}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,60px)}@media (max-width: 860px){.pgrid{grid-template-columns:1fr;gap:8px}}.pillar{border-top:2px solid var(--ink);padding-top:20px}.pillar .pnum{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;color:var(--accent)}.pillar .ptitle{font-size:clamp(1.45rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:14px 0 8px}.pillar .pkicker{font-style:italic;font-size:1rem;color:var(--ink);margin:0 0 12px;letter-spacing:-.01em}.pillar .pdesc{color:var(--ink-soft);max-width:34ch;font-size:1.02rem}.pillar .ptags{list-style:none;margin-top:20px}.pillar .ptags li{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);padding:10px 0;border-top:1px solid var(--line)}.pillar .ptags li:last-child{border-bottom:1px solid var(--line)}.section{padding-block:clamp(40px,8vh,96px)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,3vw,40px) clamp(20px,2.5vw,36px)}.card{grid-column:span 6;display:block;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.card.wide{grid-column:span 12}.card.small{grid-column:span 6}@media (max-width: 760px){.card,.card.small,.card.wide{grid-column:1 / -1}}.card .thumb{position:relative;overflow:hidden;border-radius:4px;background:var(--paper-2);aspect-ratio:4 / 3}.card.wide .thumb{aspect-ratio:16 / 8}.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover .thumb img{transform:scale(1.035)}.card .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px}.card .name{font-weight:600;font-size:1.15rem;letter-spacing:-.02em}.card .cat{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}.card .client{color:var(--ink-soft);font-size:14px;margin-top:2px}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,4vw,64px);align-items:stretch}@media (max-width: 820px){.about-grid{grid-template-columns:1fr}}.about-grid p{font-size:clamp(1.05rem,1.7vw,1.3rem);letter-spacing:-.015em;max-width:50ch}.about-grid p+p{margin-top:1em}.caps{display:grid;gap:2px}.caps .cap{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}.caps .cap:last-child{border-bottom:1px solid var(--line)}.caps .cap span:last-child{color:var(--ink-soft);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.about-media{position:relative;min-height:320px}.about-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;border-radius:6px;background:var(--paper-2)}@media (max-width: 820px){.about-media{position:static;min-height:0}.about-media img{position:static;height:auto;aspect-ratio:4 / 5}}.about-wide{margin:clamp(36px,7vh,80px) 0 0}.about-wide img{width:100%;aspect-ratio:16 / 7;object-fit:cover;border-radius:6px;background:var(--paper-2)}.about-lower{display:grid;grid-template-columns:.66fr 1.34fr;gap:clamp(28px,4vw,56px);margin-top:clamp(40px,8vh,90px);align-items:start}@media (max-width: 760px){.about-lower{grid-template-columns:1fr;gap:40px}}.toolgroups{border-top:1px solid var(--line)}.toolgroup{border-bottom:1px solid var(--line)}.toolgroup summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;padding:18px 0;font-size:1.1rem;letter-spacing:-.01em}.toolgroup summary::-webkit-details-marker{display:none}.toolgroup summary:after{content:"+";font-family:var(--font-mono);color:var(--ink-soft);width:1em;text-align:center}.toolgroup[open] summary:after{content:"–"}.toolgroup summary .tg-count{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.tg-items{display:flex;flex-wrap:wrap;gap:10px 12px;padding:0 0 22px}.tg-pill{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;color:var(--ink-soft)}.toolgroup[open] summary{color:var(--ink)}.footer{padding:clamp(56px,10vh,120px) 0 48px;border-top:1px solid var(--line);margin-top:40px}.footer .big{font-weight:700;letter-spacing:-.03em;line-height:1;font-size:clamp(2rem,7vw,5rem)}.footer .big a:hover{color:var(--accent)}.footer .cols{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:48px;color:var(--ink-soft);font-size:14px}.footer .cols a:hover{color:var(--ink)}.case-hero{padding-block:clamp(32px,6vh,64px) clamp(24px,4vh,40px)}.case-cover{aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:var(--paper-2)}.case-cover img{width:100%;height:100%;object-fit:cover}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0}@media (max-width:680px){.case-meta{grid-template-columns:repeat(2,1fr)}}.case-meta .eyebrow{display:block;margin-bottom:8px}.case-meta strong{font-weight:600;font-size:1.05rem}.prose{max-width:68ch;margin-inline:auto;font-size:1.15rem}.prose h3{font-size:1.5rem;letter-spacing:-.02em;margin:1.8em 0 .5em}.prose p{margin:0 0 1.1em;color:#cbc7bc}.prose ul{margin:0 0 1.1em 1.2em;color:#cbc7bc}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);margin:56px 0}.gallery .full{grid-column:1 / -1}.gallery figure{background:var(--paper-2);border-radius:4px;overflow:hidden;aspect-ratio:3/2}.gallery .full figure{aspect-ratio:16/9}.gallery img{width:100%;height:100%;object-fit:cover}@media (max-width:680px){.gallery{grid-template-columns:1fr}}.herosections{margin:clamp(56px,9vh,110px) 0 0}.herosection{margin-top:clamp(48px,8vh,96px);padding-top:clamp(32px,5vh,56px);border-top:1px solid var(--line)}.herosection:first-child{margin-top:0}.herosection .gallery{margin:clamp(28px,4vh,44px) 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,20px);margin:clamp(24px,4vh,44px) 0 0}.hero-grid figure{margin:0;background:var(--paper-2);border-radius:6px;overflow:hidden;aspect-ratio:16 / 9}.hero-grid img{width:100%;height:100%;object-fit:cover;display:block}.herosection-head{max-width:60ch}.herosection-title{font-weight:700;font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:-.03em;line-height:1}.herosection-blurb{margin-top:16px;color:var(--ink-soft);font-size:clamp(1.02rem,1.9vw,1.3rem);letter-spacing:-.012em;line-height:1.45;max-width:52ch}.identity{margin:clamp(48px,8vh,96px) 0 0}.identity>.eyebrow{display:block;margin-bottom:clamp(18px,3vh,28px)}.identity figcaption{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:12px 16px}.id-primary{margin:0 0 clamp(12px,1.6vw,24px);background:var(--paper-2);border-radius:6px;overflow:hidden}.id-primary img{width:100%;height:auto;display:block}.id-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,24px);margin-bottom:clamp(12px,1.6vw,24px)}.id-cols figure{margin:0;background:var(--paper-2);border-radius:6px;overflow:hidden}.id-cols img{width:100%;height:auto;display:block}@media (max-width: 680px){.id-cols{grid-template-columns:1fr}}.experiments{margin:clamp(64px,10vh,120px) 0 0;padding-top:clamp(40px,6vh,72px);border-top:1px solid var(--line)}.experiments-head{max-width:60ch;margin-bottom:clamp(28px,4vh,48px)}.experiments-title{font-weight:700;font-size:clamp(1.9rem,5vw,3.2rem);letter-spacing:-.03em;line-height:1;margin-top:14px}.experiments-sub{margin-top:16px;color:var(--ink-soft);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.5;letter-spacing:-.01em}.exp-group{margin-top:clamp(36px,5vh,60px)}.exp-group-title{font-family:var(--font-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,16px)}.exp-grid figure{margin:0;background:var(--paper-2);border-radius:4px;overflow:hidden;aspect-ratio:16/9}.exp-group.logos .exp-grid figure{aspect-ratio:4/3}.exp-grid img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s cubic-bezier(.22,1,.36,1)}.exp-grid img.zoomable:hover{transform:scale(1.04)}@media (max-width: 560px){.exp-grid{grid-template-columns:repeat(2,1fr)}}.lightbox{position:fixed;inset:0;z-index:1000;background:#08080af0;display:flex;align-items:center;justify-content:center;padding:4vmin;cursor:zoom-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox[hidden]{display:none}.lightbox img{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:4px;box-shadow:0 24px 90px #0009}.lightbox-close{position:fixed;top:16px;right:24px;background:none;border:none;color:var(--ink);font-size:42px;line-height:1;cursor:pointer;opacity:.7}.lightbox-close:hover{opacity:1}.lineups{margin:clamp(40px,7vh,80px) 0;display:grid;gap:clamp(16px,2.5vw,28px)}.lineup{margin:0;border-radius:6px;overflow:hidden;background:var(--paper-2)}.lineup img{width:100%;height:auto;display:block}.cancar-block{margin:clamp(48px,8vh,90px) auto;max-width:640px}.cancar-block .eyebrow{display:block;margin-bottom:20px}.cancar{position:relative}.cancar-viewport{position:relative;overflow:hidden;border-radius:6px}.cancar-track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1)}.cancar-slide{min-width:100%}.cancar-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1.5vw,22px)}.cancar-pair img{width:100%;height:auto;display:block;border-radius:4px;background:var(--paper-2)}.cancar-cap{display:flex;gap:14px;align-items:baseline;margin-top:16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.cancar-cap .cancar-flav{color:var(--ink)}.cancar-btn{position:absolute;top:40%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(6px);color:var(--ink);font-size:18px;cursor:pointer;z-index:2;display:grid;place-items:center;transition:background .2s,border-color .2s}.cancar-btn:hover{border-color:var(--ink-soft);background:var(--paper-2)}.cancar-prev{left:12px}.cancar-next{right:12px}.cancar-dots{display:flex;gap:9px;justify-content:center;margin-top:22px}.cancar-dot{width:8px;height:8px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0;transition:background .2s,transform .2s}.cancar-dot.active{background:var(--accent);transform:scale(1.25)}.backlink{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.backlink:hover{color:var(--accent)}.nextproj{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(40px,7vh,80px) 0;border-top:1px solid var(--line);margin-top:40px}.nextproj .label{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.nextproj .t{font-weight:700;letter-spacing:-.03em;font-size:clamp(1.6rem,4vw,3rem)}.nextproj:hover .t{color:var(--accent)}.ph-note{background:var(--paper-2);color:var(--ink-soft);text-align:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-bottom:1px solid var(--line)}.ph-note a{color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(24px,4vh,40px)}.filter{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.filter:hover{color:var(--ink);border-color:var(--ink-soft)}.filter.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}@media (max-width: 640px){.hero-media,.card .thumb,.about-media,.about-wide,.gallery{margin-inline:calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter));border-radius:0}.hero-media img,.card .thumb img,.about-media img,.about-wide img,.gallery figure{border-radius:0}}