/* FLOW ROOM: Breathstone → 한 호흡에서 다음 동작으로. Individually editable composition. */
:root{--paper:#f5f8f1;--ink:#38513e;--accent:#6e8b64;--surface:#e1ead7;--muted:color-mix(in srgb,var(--ink) 76%,var(--paper));--gutter:48px;--section:96px;--display:Cormorant,SUIT,serif;--button-radius:8px}
.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:calc(90svh - 72px);padding-left:var(--gutter);gap:40px}.hero-copy{align-self:center;padding-block:64px;max-width:540px}.hero-media{height:100%;min-height:660px;grid-column:2;grid-row:1/3}.hero-side-note{align-self:end;padding-bottom:32px}.hero-caption{color:var(--muted)}.hero-side-note .text-link{font-size:13px}.hero-lead{max-width:390px}@media(max-width:900px){.hero{gap:24px}.hero-media{min-height:600px}.hero h1{font-size:40px}}@media(max-width:650px){.hero{display:flex;flex-direction:column;padding:0;gap:0}.hero-copy{align-self:stretch;max-width:none;padding:40px 20px}.hero-media{min-height:0;height:420px;order:2}.hero-side-note{padding:20px;order:3;align-self:stretch}.hero h1{font-size:36px}.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}}
.entry h3,.footer-signature{font-family:var(--display)}

@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}}