/* CURVE SPACE: Form Study → 곡선의 실루엣과 여러 시점. Individually editable composition. */
:root{--paper:#282836;--ink:#f1f1f5;--accent:#b6b6d9;--surface:#414158;--muted:color-mix(in srgb,var(--ink) 78%,var(--paper));--gutter:48px;--section:96px;--display:Albert,SUIT,sans-serif;--button-radius:2px}
.hero{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);padding:48px var(--gutter) 32px;gap:32px 5%;min-height:760px}.hero-copy{align-self:center;max-width:480px}.product-stage{align-self:stretch;position:relative;min-height:530px;background:var(--surface)}.hero-media{height:530px}.hero-media img{object-fit:contain;mix-blend-mode:multiply}.product-caption{display:flex;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--surface);font-size:14px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:32px}.hero-stamp{max-width:280px}.hero-lead{max-width:360px}@media(max-width:900px){.hero{gap:24px;min-height:660px}.hero h1{font-size:40px}.hero-media{height:440px}.product-stage{min-height:0}.product-caption{display:block;padding:16px}.product-caption p{margin-top:4px}}@media(max-width:650px){.hero{display:block;padding-top:32px;min-height:0}.hero h1{font-size:36px}.hero-copy{max-width:none}.product-stage{margin-top:32px}.hero-media{height:360px}.hero-bottom{display:block;margin-top:20px}.hero-stamp{margin-top:16px}.hero-switches button{flex:1}.hero-lead{max-width:400px}}
.entries{display:grid;grid-template-columns:1.25fr .75fr;gap:80px 6%;align-items:start}.entry:nth-child(2){padding-top:160px}.entry:nth-child(3){grid-column:1/-1;width:72%;margin:0 auto}.entry-media{aspect-ratio:5/4}.entry:nth-child(2) .entry-media{aspect-ratio:3/4}.entry:nth-child(3) .entry-media{aspect-ratio:16/9}.entry-copy{max-width:500px}.entry-copy h3{font-size:28px}@media(max-width:900px){.entries{gap:48px 32px}.entry:nth-child(2){padding-top:100px}}@media(max-width:650px){.entries{display:block}.entry,.entry:nth-child(2),.entry:nth-child(3){width:100%;padding:0;margin:0 0 40px}.entry:nth-child(2) .entry-media{aspect-ratio:5/4}.entry-copy h3{font-size:24px}}

.hero-media img{mix-blend-mode:normal}
@media(max-width:1000px){:root{--gutter:32px}}@media(max-width:650px){:root{--gutter:20px;--section:64px}}

/* Reviewed mobile and crop adjustments */
@media(max-width:650px){.photo-ribbon figure:first-child,.photo-ribbon figure:last-child{flex:0 0 85%}}
@media(max-width:400px){.hero h1{font-size:30px}}