/* CURIOUS: Learnly → 관찰하고 실험하는 클래스. Individually editable composition. */
:root{--paper:#fffbea;--ink:#333c34;--accent:#6b713d;--surface:#f0e6ac;--muted:color-mix(in srgb,var(--ink) 76%,var(--paper));--gutter:48px;--section:96px;--display:Albert,SUIT,sans-serif;--button-radius:8px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px 7%;padding:64px var(--gutter) 32px;align-items:start;min-height:780px}.hero-copy{grid-column:1;grid-row:1;max-width:560px;padding-top:32px;z-index:2}.hero-media{grid-column:2;grid-row:1/4;height:670px}.hero-secondary{grid-column:1;grid-row:2;width:48%;height:220px;justify-self:end;margin-top:16px}.hero-secondary figcaption{font-size:12px;margin-top:8px}.hero-bottom{grid-column:1;grid-row:3;align-self:end}.hero-lead{max-width:400px}.hero-media img{object-position:57% center}@media(max-width:900px){.hero{gap:24px 32px;min-height:690px}.hero-media{height:600px}.hero h1{font-size:42px}.hero-secondary{height:170px}}@media(max-width:650px){.hero{padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;min-height:0}.hero-copy{grid-column:1/-1;grid-row:1;padding:0}.hero h1{font-size:36px}.hero-media{grid-column:1/-1;grid-row:2;height:420px}.hero-secondary{grid-column:2;grid-row:3;width:100%;height:160px;margin-top:0}.hero-bottom{grid-column:1;grid-row:3;align-self:center}.hero-lead{max-width:400px}}
.entries{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px;scrollbar-width:thin}.entry{flex:0 0 calc(50% - 16px);scroll-snap-align:start}.entry-media{aspect-ratio:4/5}.entry:nth-child(even){padding-top:64px}.entry:nth-child(even) .entry-media{aspect-ratio:1}.entry-copy{max-width:480px}@media(max-width:650px){.entries{gap:16px;margin-right:-20px;padding-right:20px}.entry{flex-basis:86%}.entry:nth-child(even){padding-top:32px}.entry-media{aspect-ratio:4/5}}


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