:root{
  --paper:#F3EDE2; --paper2:#E9E0D0; --paper3:#DED2BE;
  --ink:#1C1813; --ink2:#4A4036; --mute:#857867;
  --walnut:#2E2118; --walnut2:#4A3424; --walnut3:#6B4C35;
  --gold:#C9A24E; --gold2:#E2C27A; --seal:#A3322A; --green:#6C8640;
  --line:rgba(28,24,19,.14);
  --serif:'Nanum Myeongjo','Noto Serif KR',serif;
  --body:'Noto Serif KR','Nanum Myeongjo',serif;
  --display:var(--serif);
  --wrap:1180px; --g:clamp(16px,4vw,48px);
}
.l-en{--display:'Cormorant Garamond',Georgia,serif;--body:'Inter',system-ui,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
.l-ja{--display:'Shippori Mincho',serif;--serif:'Shippori Mincho',serif;--body:'Noto Serif JP','Shippori Mincho',serif}
.l-zh-tw{--display:'Noto Serif TC',serif;--serif:'Noto Serif TC',serif;--body:'Noto Serif TC',serif}
.l-zh-cn{--display:'Noto Serif SC',serif;--serif:'Noto Serif SC',serif;--body:'Noto Serif SC',serif}
.wm-t,.hn,.ft-wm span,.mn{font-family:'Nanum Myeongjo',var(--display)}
.l-en .hn,.l-en .wm-t,.l-en .ft-wm span,.l-en .mn{font-family:var(--display)}
.l-ja .hn,.l-ja .wm-t,.l-zh-tw .hn,.l-zh-tw .wm-t,.l-zh-cn .hn,.l-zh-cn .wm-t,.l-ja .mn,.l-zh-tw .mn,.l-zh-cn .mn{font-family:var(--display)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.75;font-size:17px;overflow-x:hidden;
  background-image:radial-gradient(rgba(74,52,36,.035) 1px,transparent 1px);background-size:3px 3px}
.l-en body{font-weight:300;font-size:16.5px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;letter-spacing:-.01em;line-height:1.25}
.l-en h1,.l-en h2,.l-en h3{font-weight:500;letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--ink);color:var(--paper);padding:8px 12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--g)}
.wrap.narrow{max-width:820px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.eyebrow{font-family:var(--body);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}
h2{font-size:clamp(32px,4.6vw,58px)}
.prose p{margin:0 0 1.1em;color:var(--ink2)}
.lead{font-size:clamp(18px,1.8vw,21px);color:var(--ink2);max-width:42em;margin:22px 0 0}

/* 낙관 */
.seal{display:inline-grid;grid-template-columns:1fr 1fr;place-items:center;width:30px;height:30px;background:var(--seal);color:#F6E9DC;border-radius:3px;font-family:'Noto Serif KR',serif;font-weight:600;font-size:12px;line-height:1;padding:3px;transform:rotate(-2deg);box-shadow:inset 0 0 0 1.5px rgba(246,233,220,.35)}
.seal span{display:block}

/* header */
.hd{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:28px;padding:18px var(--g);transition:background .35s,box-shadow .35s,padding .35s}
.hd.scrolled{background:rgba(243,237,226,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);padding:12px var(--g)}
.wm{display:flex;align-items:center;gap:12px;text-decoration:none}
.wm-t{font-size:20px;font-weight:800;letter-spacing:.04em}
.nav{display:flex;gap:26px;margin-left:auto;font-size:14px}
.nav a{text-decoration:none;color:var(--ink2);position:relative}
.nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:right .3s}
.nav a:hover::after{right:0}
.langs{display:flex;gap:2px;font-size:12px;letter-spacing:.06em}
.langs a{text-decoration:none;padding:5px 8px;border-radius:999px;color:var(--mute)}
.langs a[aria-current]{background:var(--ink);color:var(--paper)}
/* 히어로 사진 위에 걸칠 때 */
.hd:not(.scrolled) .nav,.hd:not(.scrolled) .langs{background:rgba(243,237,226,.92);border-radius:999px;padding:6px 8px}
.hd:not(.scrolled) .nav{padding:8px 20px}

/* hero */
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}
.hero-copy{padding:140px var(--g) 64px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.kicker{font-size:13px;letter-spacing:.12em;color:var(--mute);margin:0 0 auto;padding-top:10px}
.hero-name{display:flex;flex-direction:column;gap:12px;margin:48px 0 28px}
.hn{font-size:clamp(64px,9.5vw,148px);font-weight:800;line-height:1;letter-spacing:.02em}
.l-en .hn{font-weight:500;font-size:clamp(56px,8vw,120px);letter-spacing:-.01em;line-height:.95}
.hn-sub{font-family:var(--body);font-size:14px;letter-spacing:.3em;color:var(--mute);font-weight:400}
.hero.is-vertical .hero-name{flex-direction:row;align-items:flex-start;gap:22px}
.hero.is-vertical .hn{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.12em;line-height:1}
.hero.is-vertical .hn-sub{writing-mode:vertical-rl;letter-spacing:.35em;padding-top:6px}
.hero-line{font-family:var(--display);font-size:clamp(22px,2.4vw,32px);line-height:1.5;margin:0 0 36px;font-weight:700}
.l-en .hero-line{font-weight:400;font-style:italic}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:14px;letter-spacing:.04em;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px);background:var(--walnut2)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.hero-img{margin:0;position:relative;overflow:hidden;background:var(--walnut)}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;animation:slow 22s ease-out both}
@keyframes slow{from{transform:scale(1.08)}to{transform:scale(1)}}
.steam{position:absolute;left:50%;top:22%;width:140px;height:200px;transform:translateX(-50%);pointer-events:none}
.steam i{position:absolute;bottom:0;width:36px;height:150px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,240,.32),transparent);filter:blur(10px);animation:steam 6s ease-in-out infinite}
.steam i:nth-child(1){left:10px}.steam i:nth-child(2){left:52px;animation-delay:2s}.steam i:nth-child(3){left:94px;animation-delay:4s}
@keyframes steam{0%{opacity:0;transform:translateY(40px) scaleX(.7)}35%{opacity:.9}100%{opacity:0;transform:translateY(-90px) scaleX(1.4)}}

.band{color:var(--walnut3);opacity:.55;padding:0}
.lattice{display:block;width:100%;height:24px}

/* intro */
.intro{text-align:center;padding:clamp(80px,12vw,160px) var(--g)}
.intro .seal{width:44px;height:44px;font-size:17px;margin-bottom:28px}
.intro p{font-family:var(--display);font-size:clamp(24px,3.4vw,44px);line-height:1.55;margin:0 auto;max-width:22em;font-weight:700}
.l-en .intro p{font-weight:400;font-style:italic}

/* story */
.story{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,140px)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:clamp(56px,8vw,96px) 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:34px 24px 30px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat dt{font-family:var(--display);font-size:clamp(30px,3.4vw,46px);font-weight:800;line-height:1;margin-bottom:12px;white-space:nowrap}
.l-en .stat dt{font-weight:500}
.stat.s1 dt{font-size:clamp(64px,8vw,112px);color:var(--seal)}
.stat dd{margin:0;font-size:14px;color:var(--mute);line-height:1.5}
.stat.s1{grid-row:span 1}
.pull{font-family:var(--display);font-size:clamp(24px,3vw,38px);line-height:1.5;margin:clamp(56px,8vw,96px) 0 0;padding-left:28px;border-left:3px solid var(--seal);font-weight:700}
.l-en .pull{font-weight:400;font-style:italic}

/* bowl — 월넛 테이블 */
.bowl{background:var(--walnut);color:#EFE5D5;padding:clamp(80px,10vw,140px) 0;position:relative;overflow:hidden;
  background-image:linear-gradient(100deg,rgba(255,255,255,.02) 0 2px,transparent 2px 9px),linear-gradient(180deg,#33251B,#261B13)}
.bowl .eyebrow{color:#A89478}
.bowl .lead{color:#CDBFA9}
.anatomy{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,80px);align-items:center;margin-top:clamp(48px,7vw,80px)}
.disc{margin:0;position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}
.disc img{width:100%;height:100%;object-fit:cover;object-position:50% 51%;transform:scale(1.62)}
.pin{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:14px;font-weight:600;font-family:var(--body);box-shadow:0 0 0 6px rgba(243,237,226,.18);animation:pulse 3s ease-in-out infinite}
.pin.p1{left:18%;top:62%}.pin.p2{left:49%;top:46%;background:var(--gold2)}.pin.p3{left:72%;top:26%}
.pin.p2{animation-delay:1s}.pin.p3{animation-delay:2s}
@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(243,237,226,.06)}}
.parts{list-style:none;margin:0;padding:0;counter-reset:p}
.parts li{counter-increment:p;padding:22px 0 22px 64px;border-top:1px solid rgba(239,229,213,.14);position:relative}
.parts li:last-child{border-bottom:1px solid rgba(239,229,213,.14)}
.parts li::before{content:counter(p);position:absolute;left:0;top:22px;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(239,229,213,.4);display:grid;place-items:center;font-size:14px}
.parts li:nth-child(2)::before{background:var(--gold2);color:var(--ink);box-shadow:none}
.parts li:nth-child(4)::before{content:'+'}
.parts h3{font-size:22px;margin-bottom:6px;color:#F6EEDF}
.l-en .parts h3{font-size:26px}
.parts p{margin:0;color:#BFB09A;font-size:15.5px}
.tip{margin:clamp(40px,6vw,64px) 0 0;padding:20px 24px;border:1px dashed rgba(239,229,213,.3);border-radius:4px;color:#DCCFB9;font-size:15.5px}

/* farm */
.farm{padding:clamp(80px,10vw,150px) 0}
.two.rev>:first-child{order:0}
.farm-img{margin:0;position:relative}
.farm-img img{aspect-ratio:4/5;object-fit:cover;object-position:20% 80%;width:100%;filter:saturate(.82) contrast(1.02);border-radius:2px}
.farm-img::after{content:'光陽';position:absolute;right:-14px;bottom:28px;writing-mode:vertical-rl;background:var(--seal);color:#F6E9DC;padding:14px 8px;font-family:'Noto Serif KR',serif;font-weight:600;letter-spacing:.3em;font-size:14px}
.farm h2{margin-bottom:28px}
.chips-l{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:30px 0 12px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:8px 16px;border-radius:999px;background:var(--paper2);font-size:14.5px;box-shadow:inset 0 0 0 1px var(--line)}
.chips li:first-child{background:var(--green);color:#F3EDE2;box-shadow:none}

/* team */
.team{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:var(--ink)}
.team figure{margin:0;position:relative;overflow:hidden}
.team img{width:100%;height:100%;object-fit:cover;min-height:560px;max-height:88vh}
.team figure:first-child img{object-position:50% 30%}
.team figcaption{position:absolute;left:var(--g);bottom:40px;color:#F3EDE2;display:flex;flex-direction:column;gap:8px}
.team .cap{font-family:var(--display);font-size:clamp(26px,3.4vw,44px);font-weight:700;line-height:1.3;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.l-en .team .cap{font-weight:400;font-style:italic}
.team .sub{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.7}

/* menu — 화선지 메뉴판 */
.menu{padding:clamp(80px,10vw,150px) 0}
.menu-card{background:#FBF7F0;padding:clamp(36px,6vw,72px) clamp(24px,6vw,80px);box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(46,33,24,.35);text-align:center;color:var(--walnut2);position:relative}
.menu-card .lattice{height:14px;opacity:.35;margin:-10px 0 30px}
.menu-card .lattice:last-child{margin:30px 0 -10px}
.menu-card h2{color:var(--ink);margin-bottom:36px}
.mlist{list-style:none;margin:0;padding:0;text-align:left}
.mlist li{padding:22px 0;border-top:1px solid var(--line)}
.mlist li:last-child{border-bottom:1px solid var(--line)}
.mrow{display:flex;align-items:center;gap:14px}
.mn{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:var(--ink)}
.l-en .mn{font-weight:600}
.dots{flex:1;border-bottom:1px dotted var(--mute);transform:translateY(6px)}
.mlist .seal{width:38px;height:38px;font-size:13px}
.mlist p{margin:6px 0 0;color:var(--mute);font-size:15px}
.sides{margin:26px 0 0;font-size:14.5px;color:var(--ink2)}

/* visit */
.visit{padding:clamp(80px,10vw,140px) 0;background:var(--paper2)}
.info{margin:36px 0 32px;display:grid;gap:0}
.info>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.info dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding-top:4px}
.info dd{margin:0;font-size:15.5px}
.floormap{width:100%;height:auto;margin-bottom:28px}
.fm-frame{fill:#FBF7F0;stroke:var(--line)}
.fm-floor{font-family:var(--display);font-size:30px;font-weight:800;fill:var(--paper3)}
.fm-esc rect{fill:none;stroke:var(--ink2);stroke-width:1.2}
.fm-esc path{stroke:var(--ink2);stroke-width:1.2}
.fm-room{fill:var(--paper2);stroke:var(--ink2);stroke-width:1}
.fm-room-t{font-size:17px;fill:var(--ink2);font-family:var(--body)}
.fm-us{fill:var(--ink)}
.fm-us-t{font-size:19px;fill:#F3EDE2;font-weight:700;font-family:'Nanum Myeongjo',var(--display)}
.fm-door{fill:var(--gold)}
.fm-cap{font-size:12.5px;fill:var(--mute);font-family:var(--body)}
.fm-path{fill:none;stroke:var(--seal);stroke-width:2;stroke-dasharray:6 6;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-24}}
.fm-dot{fill:var(--seal)}.fm-dot.gold{fill:var(--gold)}
.fm-n{font-size:12px;fill:#fff;font-weight:700;font-family:var(--body)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding:16px 0 16px 52px;position:relative;border-top:1px solid var(--line)}
.steps li::before{content:counter(s);position:absolute;left:0;top:16px;width:30px;height:30px;border-radius:50%;background:var(--seal);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}
.steps li:last-child::before{background:var(--gold);color:var(--ink)}
.steps h3{font-size:18px;margin-bottom:2px}
.l-en .steps h3{font-size:21px}
.steps p{margin:0;font-size:15px;color:var(--ink2)}
.waiting{margin:24px 0 0;padding:16px 20px;background:var(--ink);color:var(--paper);border-radius:4px;font-size:15px}

/* faq */
.faq{padding:clamp(80px,10vw,140px) 0}
.faq h2{margin-bottom:28px}
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-family:var(--display);font-size:clamp(19px,2vw,23px);font-weight:700;position:relative}
.l-en summary{font-weight:500;font-size:clamp(21px,2.2vw,25px)}
summary::-webkit-details-marker{display:none}
summary::after{content:'';position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .3s}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details p{margin:0 0 24px;color:var(--ink2);max-width:46em}

/* footer */
.ft{background:var(--ink);color:#BDB1A0;padding:0 0 48px}
.ft .lattice{color:#3A3028;height:24px}
.ft-in{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding-top:48px;font-size:13.5px}
.ft-wm{display:flex;align-items:center;gap:12px;color:#F3EDE2;font-size:20px;font-weight:800}
.ft p{margin:0;line-height:1.7}
.ft-langs a{color:#8F8371}.ft-langs a[aria-current]{background:#F3EDE2;color:var(--ink)}

/* reveal — JS 있을 때만 */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}

/* responsive */
@media (max-width:980px){
  .nav{display:none}
  .langs{margin-left:auto}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:760px){
  body{font-size:16px}
  .hd{padding:14px 16px;gap:12px}
  .wm-t{font-size:17px}
  .langs a{padding:4px 6px;font-size:11px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-img{order:-1;height:72svh}
  .hero-copy{padding:28px 16px 56px}
  .kicker{margin:0}
  .hero-name{margin:26px 0 20px}
  .hero.is-vertical .hero-name{flex-direction:column;gap:10px}
  .hero.is-vertical .hn,.hero.is-vertical .hn-sub{writing-mode:horizontal-tb}
  .hn{font-size:clamp(54px,16vw,80px)}
  .two,.anatomy{grid-template-columns:1fr}
  .disc{max-width:420px;width:100%;margin:0 auto}
  .farm-img::after{right:8px}
  .team{grid-template-columns:1fr}
  .team img{min-height:0;max-height:none;aspect-ratio:4/5}
  .team figure.table{display:none}
  .info>div{grid-template-columns:84px 1fr}
  .ft-in{grid-template-columns:1fr;gap:18px}
  .stat{padding:24px 16px}
}
@media (max-width:480px){
  .wm-t{display:none}
  .hd:not(.scrolled) .langs,.langs{padding:4px}
  .langs a{padding:4px 7px}
}
.l-ko{word-break:keep-all}

/* 2차 */
.hd.solid{background:rgba(243,237,226,.94);box-shadow:0 1px 0 var(--line)}
.hd.solid .nav,.hd.solid .langs{background:none!important;padding:0!important}
.hours{list-style:none;margin:0;padding:0}
.hours li:last-child{color:var(--seal)}
.mp{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--ink)}
.cta .btn{white-space:nowrap}

.mentions{padding:clamp(80px,10vw,140px) 0;background:var(--ink);color:#EFE5D5}
.mentions .eyebrow{color:#9C8E7A}
.mentions h2{color:#F6EEDF}
.mgrid{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(239,229,213,.12)}
.mention{background:var(--ink)}
.mention a{display:flex;flex-direction:column;gap:14px;height:100%;padding:28px 24px;text-decoration:none;transition:background .3s}
.mention a:hover{background:#2A231C}
.msrc{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.mq{margin:0;font-family:var(--display);font-size:clamp(18px,1.7vw,22px);line-height:1.45;color:#F6EEDF;flex:1;font-weight:700}
.l-en .mq{font-weight:400;font-style:italic}
.mwho{font-size:13px;color:#A89A86}
.mmore{font-size:12px;color:#857867}

.ghero{padding:150px 0 clamp(60px,8vw,100px)}
.ghero h1{font-size:clamp(38px,4.6vw,64px);margin:28px 0 24px}
.l-en .ghero h1{font-weight:500}
.ghero .kicker{margin:0}
.ghero .cta{margin-top:32px}
.gimg{margin:0}
.gimg img{aspect-ratio:4/5;object-fit:cover;object-position:40% 62%;width:100%;border-radius:2px}
.gbody{padding:0 0 clamp(80px,10vw,120px)}
.gsec{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:32px 0;border-top:1px solid var(--line)}
.gsec:last-child{border-bottom:1px solid var(--line)}
.gnum{font-family:var(--display);font-size:28px;color:var(--seal);font-weight:800;line-height:1.2}
.gsec h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:10px}
.gsec p{margin:0;color:var(--ink2)}
.back{margin-top:40px}
.back a{color:var(--mute);text-decoration:none}

.ft-r{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.ft-guides{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}
.ft-guides a{color:#BDB1A0;text-decoration:none;border-bottom:1px solid #4A4036}
.nav a:nth-child(n+6){color:var(--seal)}

@media (max-width:1180px){.nav a:nth-child(n+6){display:none}}
@media (max-width:980px){.mgrid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .mgrid{grid-template-columns:1fr}
  .ghero{padding-top:96px}
  .gimg{order:-1}
  .gsec{grid-template-columns:48px 1fr}
  .ft-r{align-items:flex-start}
  .cta .btn{white-space:normal}
}
.steam-cv{position:absolute;inset:0;pointer-events:none}