:root{--bg:#f5f1ea;--ink:#1c1a16;--ink-soft:#3a362f;--muted:#8a8275;--rule:#1c1a1624;--rule-strong:#1c1a1652}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;font-weight:300}.frame{grid-template-rows:auto 1fr auto;max-width:1440px;min-height:100vh;margin:0 auto;padding:36px clamp(28px,5vw,72px);display:grid}header{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.mark{letter-spacing:.42em;padding-left:.42em;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300}.mark .r{font-style:italic}header .meta{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:10px}main{grid-template-columns:1fr;gap:clamp(60px,10vh,120px);padding:clamp(60px,12vh,140px) 0 clamp(40px,8vh,100px);display:grid}.intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;display:grid}.intro-left{max-width:640px}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:32px;font-size:10px}.display{letter-spacing:.04em;color:var(--ink);text-wrap:pretty;font-family:Cormorant Garamond,serif;font-size:clamp(56px,7.5vw,104px);font-weight:300;line-height:1.02}.display em{color:var(--ink-soft);font-style:italic}.intro-right{color:var(--ink-soft);max-width:360px;padding-bottom:12px;font-size:13px;line-height:1.75}.intro-right p+p{margin-top:14px}.portfolio-head{border-top:1px solid var(--rule-strong);justify-content:space-between;align-items:baseline;margin-bottom:40px;padding-top:24px;display:flex}.portfolio-head .label{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic}.portfolio-head .count{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:10px}.brands{background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.brand{background:var(--bg);min-height:320px;color:inherit;flex-direction:column;justify-content:space-between;padding:40px 36px 36px;text-decoration:none;transition:background .4s;display:flex;position:relative}.brand.active{cursor:pointer}.brand.active:hover{background:#efeae0}.brand-top{justify-content:space-between;align-items:flex-start;display:flex}.brand-num{letter-spacing:.28em;color:var(--muted);font-family:Inter,sans-serif;font-size:10px}.brand-status{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.brand-status .dot{background:var(--muted);border-radius:50%;width:5px;height:5px}.brand.active .brand-status .dot{background:#5a7a4a}.brand-bottom{margin-top:80px}.brand-name{letter-spacing:.06em;margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:clamp(40px,5vw,64px);font-weight:300;line-height:1}.brand-name .acc{font-style:italic}.brand-desc{color:var(--ink-soft);max-width:320px;margin-bottom:28px;font-size:12px;line-height:1.65}.brand-link{letter-spacing:.3em;text-transform:uppercase;color:var(--ink);align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:10px;transition:gap .3s,color .3s;display:inline-flex}.brand.active:hover .brand-link{gap:16px}.brand-link .arrow{background:currentColor;width:18px;height:1px;position:relative}.brand-link .arrow:after{content:"";transform-origin:100%;border-top:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.brand-soon .brand-link{color:var(--muted);pointer-events:none}footer{border-top:1px solid var(--rule);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:32px;padding-top:32px;font-size:10px;display:flex}footer a{color:var(--muted);text-decoration:none;transition:color .3s}footer a:hover{color:var(--ink)}footer .links{gap:32px;display:flex}footer .sep{color:var(--rule-strong);margin:0 6px}@media (width<=880px){.intro{grid-template-columns:1fr;gap:40px}.brands{grid-template-columns:1fr}.brand{min-height:260px}}@media (width<=600px){header,footer{text-align:center;flex-direction:column;gap:14px}footer .links{flex-wrap:wrap;justify-content:center}main{padding:60px 0 40px}}.reveal{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) forwards r;transform:translateY(10px)}.reveal.d1{animation-delay:50ms}.reveal.d2{animation-delay:.2s}.reveal.d3{animation-delay:.4s}.reveal.d4{animation-delay:.6s}.reveal.d5{animation-delay:.75s}.reveal.d6{animation-delay:.9s}.reveal.d7{animation-delay:1.05s}@keyframes r{to{opacity:1;transform:translateY(0)}}