.section-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px);max-width:1500px;min-height:min(760px,92svh);margin:0 auto;padding:clamp(110px,12vw,140px) clamp(24px,6vw,96px) clamp(48px,6vw,72px);display:grid;position:relative;overflow:hidden}.section-hero:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 70% 45%,#c5a47712,#0000 70%);position:absolute;inset:0}.section-hero-label{letter-spacing:.32em;text-transform:uppercase;color:var(--ink);opacity:.85;align-items:center;gap:22px;font-size:14px;animation:.9s cubic-bezier(.16,1,.3,1) both section-hero-in;display:flex}.section-hero-label span{background:var(--accent);width:62px;height:1px;display:block}.section-hero h1{letter-spacing:-.045em;text-wrap:balance;margin:26px 0 0;font-size:clamp(56px,7.4vw,112px);line-height:.98;animation:1s cubic-bezier(.16,1,.3,1) 80ms both section-hero-in}.section-hero h1 em{background:linear-gradient(100deg,#b8915f 0%,#e8d3ad 45%,#c5a477 70%,#8f7045 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;display:block}.section-hero-description{max-width:480px;font-family:var(--serif);color:#d8d2c6;margin-top:22px;font-size:clamp(18px,1.5vw,22px);line-height:1.45;animation:1s cubic-bezier(.16,1,.3,1) .16s both section-hero-in}.section-hero-explore{border:1px solid var(--accent);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);border-radius:999px;align-items:center;gap:16px;margin-top:36px;padding:15px 34px;font-size:15px;transition:background .3s,color .3s,gap .3s;animation:1s cubic-bezier(.16,1,.3,1) .24s both section-hero-in;display:inline-flex}.section-hero-explore:hover{background:var(--accent);color:var(--bg);gap:22px}.section-hero-collage{aspect-ratio:1.42;position:relative}.section-hero-collage figure{background:var(--surface);border-radius:8px;margin:0;position:absolute;overflow:hidden;box-shadow:0 30px 60px -28px #000}.section-hero-collage img{object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.section-hero-collage figure:hover img{transform:scale(1.04)}.section-hero-main{aspect-ratio:1.6;width:74%;animation:1.2s cubic-bezier(.16,1,.3,1) .15s both section-hero-rise;top:6%;left:22%}.section-hero-left{aspect-ratio:1.08;border:1px solid #c5a47766;width:30%;animation:1.2s cubic-bezier(.16,1,.3,1) .35s both section-hero-rise;top:46%;left:0}.section-hero-right{aspect-ratio:.98;border:1px solid #c5a47766;width:25%;animation:1.2s cubic-bezier(.16,1,.3,1) .5s both section-hero-rise;top:58%;right:0}.section-hero-arcs{pointer-events:none;width:116%;height:118%;position:absolute;inset:-8% -6% -10% -10%}.section-hero-arcs path{stroke:#c5a477;stroke-opacity:.45;stroke-width:1px;stroke-dasharray:1400;stroke-dashoffset:1400px;animation:2.4s .3s forwards section-hero-draw}.section-hero-arcs path+path{stroke-opacity:.3;animation-delay:.6s}@keyframes section-hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes section-hero-rise{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:none}}@keyframes section-hero-draw{to{stroke-dashoffset:0}}@media (max-width:899px){.section-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:104px}.section-hero-label{letter-spacing:.26em;font-size:12px}.section-hero-collage{aspect-ratio:1.25}.section-hero-main{width:84%;left:14%}.section-hero-left{width:36%;top:52%}.section-hero-right{width:30%;top:64%}}@media (prefers-reduced-motion:reduce){.section-hero-label,.section-hero h1,.section-hero-description,.section-hero-explore,.section-hero-collage figure{animation:none}.section-hero-arcs path{stroke-dashoffset:0;animation:none}}
.sl-root{border:1px solid var(--line);background:radial-gradient(ellipse 70% 60% at 50% 30%, #c5a47712, transparent 70%), var(--surface);width:100%;height:clamp(560px,76svh,700px);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;border-radius:22px;outline:none;position:relative;overflow:hidden}.sl-root[data-drag="1"]{cursor:grabbing}.sl-root:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.sl-string{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sl-string path{stroke:#c5a47799}.sl-card{width:var(--sl-cw);transform-origin:50% 0;will-change:transform;position:absolute;top:0;left:0}.sl-print{background:#fbf8f1;margin-top:10px;padding:10px 10px 0;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s;box-shadow:0 1px 2px #0003,0 22px 36px -16px #000c}.sl-card[data-on="0"] .sl-print{filter:saturate(.75)brightness(.92);transform:scale(.9)}.sl-shot{aspect-ratio:1;background:#d9d5cc;position:relative;overflow:hidden}.sl-shot img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sl-note{height:46px;font:italic 400 15px/1.1 var(--serif);color:#3b3833;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;padding:0 8px;display:flex;overflow:hidden}.sl-print-note{padding-bottom:10px}.sl-paper{aspect-ratio:1/1.16;color:#2a241d;background:#fffdf8;border:1px solid #ece4d4;flex-direction:column;padding:18px 16px;display:flex;overflow:hidden}.sl-paper-meta{letter-spacing:.12em;text-transform:uppercase;color:#8a6a3f;font-size:11px;font-weight:600}.sl-paper h3{font-size:clamp(19px, calc(var(--sl-cw) * .078), 24px);letter-spacing:-.015em;color:#1f1a14;margin-top:10px;line-height:1.15}.sl-paper-body{font-size:clamp(12.5px, calc(var(--sl-cw) * .047), 14px);color:#4a4134;border-top:1px solid #e3d9c6;margin-top:12px;padding-top:12px;line-height:1.6}.sl-peg{background:linear-gradient(90deg,#c9a67a,#e3c9a1 45%,#b8915f);border-radius:2px;width:10px;height:26px;margin-left:-5px;position:absolute;top:0;left:50%;box-shadow:0 2px 3px #0004}.sl-peg:after{content:"";background:#503c1e73;border-radius:1px;width:2px;height:7px;position:absolute;top:8px;left:4px}.sl-bar{cursor:default;align-items:center;gap:clamp(12px,2vw,22px);display:flex;position:absolute;bottom:clamp(18px,3vh,30px);left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px)}.sl-cap{flex:1;min-width:0;overflow:hidden}.sl-cap>*{animation:.55s cubic-bezier(.2,.8,.2,1) both sl-in;display:block}.sl-title{font:400 clamp(19px, 2vw, 26px)/1.15 var(--serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;overflow:hidden}.sl-count{letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.sl-count b{color:var(--ink);font-weight:500}.sl-btn{border:1px solid var(--line);width:44px;height:44px;color:inherit;background:0 0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.sl-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.sl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes sl-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@media (max-width:600px){.sl-root{border-radius:16px;height:600px}.sl-count{display:none}}@media (prefers-reduced-motion:reduce){.sl-cap>*{animation:none}.sl-print{transition:none}}
