@font-face{font-family:Manrope;src:url('assets/Manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--petroleum:#102f36;--ivory:#f4f1e9;--lime:#d5f36b;--mineral:#74868b;--line:#daddd2}
*{box-sizing:border-box}html{background:var(--ivory);color:var(--petroleum)}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}p,figure{margin:0}.page{min-height:100svh;max-width:1920px;margin:auto;display:flex;flex-direction:column;padding:0 clamp(24px,5.5vw,100px)}
.header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 28px;gap:28px;border-bottom:1px solid var(--line)}.logo{width:190px;height:auto;display:block}.signature{font-size:.875rem;letter-spacing:-.02em}
.hero{display:grid;grid-template-columns:1fr 1fr;flex:1;align-items:center;gap:clamp(36px,6vw,100px);padding:48px 0 52px}.intro{padding:12px 0}.launch-label{display:inline-block;padding:9px 15px;border-radius:3px;background:var(--lime);font-size:.75rem;font-weight:600;letter-spacing:.16em;margin-bottom:26px}
h1{font-family:Manrope,sans-serif;font-size:clamp(3.4rem,5.5vw,5.6rem);line-height:1.075;letter-spacing:-.052em;font-weight:500;margin:0 0 28px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.description{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.75;max-width:355px;color:#405a5d}.preview-note{margin-top:35px;display:flex;gap:16px;align-items:center;font-size:.875rem;line-height:1.7}.note-line{width:32px;height:1px;background:var(--petroleum);flex-shrink:0}
.artwork{position:relative;align-self:stretch;min-height:500px;max-height:710px;overflow:hidden;background:var(--petroleum);border-radius:180px 180px 6px 6px}.artwork>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center}.artwork:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(16,47,54,.78));pointer-events:none}.artwork figcaption{position:absolute;bottom:28px;left:28px;right:28px;z-index:1;color:var(--ivory);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.12em;line-height:1.6}.caption-mark{font:500 30px Manrope,sans-serif;border-left:1px solid #f4f1e966;padding-left:20px;letter-spacing:-.06em}
.footer{border-top:1px solid var(--line);padding:25px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.8125rem;line-height:1.7}.separator{margin:0 14px;color:var(--mineral)}.copyright{color:#52666a;white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.intro{animation:enter .9s both}.artwork{animation:enter 1.15s .12s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1500px){.hero{gap:110px}.intro{padding-left:34px}}
@media(max-width:900px){.page{padding:0 32px}.hero{gap:30px}.artwork{min-height:470px;border-radius:140px 140px 5px 5px}h1{font-size:clamp(2.8rem,6.2vw,3.5rem)}.footer{align-items:flex-start}.footer>p:first-child{max-width:250px}}
@media(max-width:650px){.page{padding:0 24px}.header{padding:22px 0}.logo{width:168px}.signature{display:none}.hero{grid-template-columns:1fr;padding:34px 0 30px;gap:32px}.intro{padding:0}.launch-label{margin-bottom:23px}h1{font-size:clamp(2.7rem,11.9vw,4rem);margin-bottom:22px}.description{font-size:1rem;max-width:330px}.preview-note{margin-top:25px}.artwork{min-height:340px;aspect-ratio:1.07;border-radius:150px 150px 5px 5px}.artwork>img{object-position:57% center}.artwork figcaption{left:21px;right:21px;bottom:21px;font-size:.75rem}.footer{flex-direction:column;gap:8px;padding:20px 0 24px;font-size:.75rem}.footer>p:first-child{max-width:none}.footer .separator{margin:0 8px}}
@media(max-width:360px){.page{padding:0 20px}.artwork{min-height:310px}.footer>p:first-child .separator{display:none}.footer>p:first-child{display:flex;flex-direction:column}}