:root{
  --brand:#ea580c; --brand-deep:#c2410c; --brand-hi:#ff7a1a; --on-brand:#1c1210; --brand-rgb:234,88,12; --glow-rgb:255,122,26;
  --hero-bg:#090605; 
  --red:#d7261e; --red-deep:#9b1c16;
  --cream:#fff3e0; --paper:#fffaf0; --kraft:#f4e2c4;
  --ink:#1c1210; --ink-2:#4a362c; --night:#160c08; --night-2:#24120a;
  --yellow:#ffc93c; --green:#2f9e44;
  --f-display:"Kanit","IBM Plex Sans Thai",system-ui,sans-serif;
  --f-body:"IBM Plex Sans Thai","Kanit",system-ui,sans-serif;
  --f-ko:"Black Han Sans","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --f-ko2:"Do Hyeon","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --gut:clamp(16px,4.5vw,40px);
  --max:1200px;
  --burst:polygon(50.0% 0.0%,55.8% 9.9%,64.1% 2.0%,66.8% 13.2%,77.0% 7.9%,76.5% 19.4%,87.8% 17.3%,84.1% 28.1%,95.5% 29.2%,88.9% 38.6%,99.5% 42.9%,90.5% 50.0%,99.5% 57.1%,88.9% 61.4%,95.5% 70.8%,84.1% 71.9%,87.8% 82.7%,76.5% 80.6%,77.0% 92.1%,66.8% 86.8%,64.1% 98.0%,55.8% 90.1%,50.0% 100.0%,44.2% 90.1%,35.9% 98.0%,33.2% 86.8%,23.0% 92.1%,23.5% 80.6%,12.2% 82.7%,15.9% 71.9%,4.5% 70.8%,11.1% 61.4%,0.5% 57.1%,9.5% 50.0%,0.5% 42.9%,11.1% 38.6%,4.5% 29.2%,15.9% 28.1%,12.2% 17.3%,23.5% 19.4%,23.0% 7.9%,33.2% 13.2%,35.9% 2.0%,44.2% 9.9%);
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --dots:radial-gradient(rgba(28,18,16,.16) 1.2px,transparent 1.7px);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-padding-top:78px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.7 var(--f-body);overflow-x:clip;-webkit-font-smoothing:antialiased}
@supports not (overflow:clip){body{overflow-x:hidden}}
img,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
[lang="ko"]{font-family:var(--f-ko2);word-break:keep-all;line-height:1.2;font-synthesis:none}
.kicker .th,.foot-h .th,.branch-top .alt .en,.tag .th{letter-spacing:0;text-transform:none}
html[lang="en"] .th,html[lang="th"] .en{display:none!important}
html:not(.js) .tabs,html:not(.js) .lang{display:none}
.nw{white-space:nowrap}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:100%;max-width:calc(var(--max) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px;box-shadow:0 0 0 6px var(--ink)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--yellow);color:var(--ink);padding:12px 18px;border:3px solid var(--ink);border-radius:12px;font:600 16px var(--f-display);text-decoration:none}
.skip:focus{top:12px}
.pending{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;font:600 12px/1 var(--f-body);letter-spacing:.01em;padding:5px 9px 5px 7px;border-radius:999px;border:1.5px dashed currentColor;white-space:nowrap}
.pending::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
.on-dark .pending,.pending.on-dark{color:var(--yellow);background:rgba(255,201,60,.08)}
.on-light .pending,.pending.on-light{color:var(--ink-2);background:rgba(255,201,60,.35)}
.btn{--bg:var(--brand);--fg:var(--on-brand);--sh:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:10px 24px;border:3px solid var(--ink);border-radius:16px;background:var(--bg);color:var(--fg);font:800 18px/1.2 var(--f-display);text-decoration:none;box-shadow:5px 5px 0 var(--sh);transition:transform .15s,box-shadow .15s;cursor:pointer;text-align:center}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--sh)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--sh)}
@media (max-width:360px){.btn{padding:10px 14px;gap:8px;font-size:16.5px}}
.btn-ghost{--bg:transparent;--fg:var(--cream);--sh:var(--brand-hi);border-color:var(--cream)}
.btn-yellow{--bg:var(--yellow);--fg:var(--ink)}
.hero .btn:not(.btn-ghost),.night-end .btn{--sh:var(--yellow)}
.night-end .btn-yellow{--sh:var(--brand)}
.btn[disabled],.btn[aria-disabled="true"]{--bg:transparent;--fg:var(--ink-2);border-style:dashed;border-color:var(--ink-2);box-shadow:none;cursor:not-allowed;transform:none;font-weight:600}
.sec{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,120px)}
.sec-head{position:relative;z-index:2;max-width:760px;margin-bottom:clamp(32px,5vw,52px)}
.sec-head.center{margin-inline:auto;text-align:center}
.tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 14px 7px 12px;background:var(--yellow);color:var(--ink);border:2.5px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2.5deg);font:600 13px/1 var(--f-display);letter-spacing:.14em}
.tag [lang="ko"]{font-size:17px;letter-spacing:0}
.tag i{width:1.5px;height:14px;background:var(--ink);opacity:.5}
.h2{font:800 clamp(34px,7.4vw,66px)/1.12 var(--f-display);letter-spacing:-.01em;text-wrap:balance}
.lead{margin-top:14px;font-size:clamp(17px,2.2vw,19px);max-width:36em;text-wrap:pretty}
.sec-head.center .lead{margin-inline:auto}
.ghost-ko{position:absolute;z-index:0;font:400 clamp(150px,38vw,460px)/.85 var(--f-ko);color:transparent;-webkit-text-stroke:2px currentColor;opacity:.22;white-space:nowrap;pointer-events:none;user-select:none}
.topbar{position:sticky;top:0;z-index:40;background:rgba(22,12,8,.94);color:var(--cream);border-bottom:1px solid rgba(255,243,224,.1)}
@supports (backdrop-filter:blur(8px)){.topbar{background:rgba(22,12,8,.82);backdrop-filter:blur(10px) saturate(1.3)}}
.topbar-in{display:flex;align-items:center;gap:16px;height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;min-height:48px}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;flex:none;background:var(--red);color:var(--cream);border:2.5px solid var(--cream);border-radius:11px;font:400 15px/1 var(--f-ko);text-align:center;transform:rotate(-5deg);box-shadow:3px 3px 0 var(--brand)}
.brand-text b{display:block;font:800 19px/1.1 var(--f-display)}
.brand-text small{display:block;font:600 10.5px/1.3 var(--f-display);letter-spacing:.22em;color:var(--yellow)}
.nav{display:none}
.nav ul{display:flex;gap:4px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font:600 16px/1 var(--f-display);text-decoration:none;color:rgba(255,243,224,.86)}
.nav a:hover{color:var(--on-brand);background:var(--brand)}
.lang{display:flex;gap:2px;padding:3px;border:2px solid rgba(255,243,224,.85);border-radius:999px}
.lang button{min-width:52px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:800 14px/1 var(--f-display);color:var(--cream);cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--brand);color:var(--on-brand)}
@media (min-width:900px){.nav{display:block}}
.top-go{display:none}
@media (min-width:1180px){.top-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:2.5px solid var(--ink);border-radius:12px;background:var(--brand);color:var(--on-brand);font:800 15px/1 var(--f-display);text-decoration:none;box-shadow:3px 3px 0 var(--yellow);white-space:nowrap}.top-go:hover{background:var(--brand-hi)}.top-go .ic{width:20px;height:20px}}
.awning{position:relative;z-index:3;height:42px;border-top:7px solid var(--ink);background:repeating-linear-gradient(90deg,var(--brand) 0 36px,var(--cream) 36px 72px);filter:drop-shadow(0 7px 0 rgba(0,0,0,.28))}
.awning::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;background:radial-gradient(circle at 18px 0,var(--brand) 17.5px,transparent 18px) 0 0/72px 18px repeat-x,radial-gradient(circle at 54px 0,var(--cream) 17.5px,transparent 18px) 0 0/72px 18px repeat-x}
.hero{position:relative;overflow:hidden;color:var(--cream);background:var(--hero-bg);padding-bottom:clamp(96px,12vw,140px)}
.lights{position:absolute;left:0;right:0;top:44px;width:100%;height:clamp(84px,10vw,128px);z-index:2;pointer-events:none}
.lights .halo{animation:twinkle 3.2s ease-in-out infinite}
.lights .b1 .halo{animation-delay:-1.1s}.lights .b2 .halo{animation-delay:-2.2s}
@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}}
.hero-grid{position:relative;padding-top:clamp(108px,13vw,160px)}
.hero-copy,.hero-rest,.hero .facts{position:relative;z-index:3}
.kicker{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 14px;border:1.5px solid rgba(255,201,60,.55);border-radius:999px;color:var(--yellow);font:600 13px/1.2 var(--f-display);letter-spacing:.12em;text-transform:uppercase}
.kicker [lang="ko"]{font-size:16px;letter-spacing:.04em}
.hero h1{margin-top:20px}
.ko-big{display:block;font:400 clamp(70px,24.5vw,150px)/1 var(--f-ko);color:var(--brand-hi);letter-spacing:-.01em;text-shadow:3px 3px 0 var(--brand-deep),7px 7px 0 var(--ink),7px 7px 22px rgba(0,0,0,.45);white-space:nowrap}
.name-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font:800 clamp(38px,10.4vw,70px)/1.15 var(--f-display);color:var(--cream)}
.kw-chip{display:inline-block;padding:.08em .4em .14em;font-size:.46em;white-space:nowrap;line-height:1.15;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:.22em;transform:rotate(-7deg);box-shadow:4px 4px 0 var(--red)}
.hero-photo{position:relative;z-index:1;margin:calc(10px - 68.75vw) calc(-1 * var(--gut)) 0}
.hero-photo img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:4/5;object-fit:cover}
.hero-photo::before,.hero-photo::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.hero-photo::before{top:0;height:20%;background:linear-gradient(var(--hero-bg),transparent)}
.hero-photo::after{bottom:0;height:16%;background:linear-gradient(transparent,var(--hero-bg))}
.hero-pill{position:absolute;z-index:2;left:var(--gut);bottom:2.5%;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font:800 13px/1.1 var(--f-display);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.hero-pill .ic{width:16px;height:16px;stroke-width:2}
.hero-pill [lang="ko"]{font-size:14px;line-height:1;color:var(--red-deep)}
@media (max-width:374px){.hero-pill{bottom:.8%;gap:5px;padding:4px 10px 4px 8px;font-size:12px}.hero-pill [lang="ko"]{font-size:13px}} 
.hero-rest{padding-top:22px}
.hero-lead{margin-top:0;max-width:31em;font-size:clamp(17px,2.1vw,19.5px);line-height:1.75;color:rgba(255,243,224,.9);text-wrap:pretty}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;clear:both}
.cta-row .btn{flex:1 1 200px}
.hero .btn-ghost{--bg:rgba(9,6,5,.55)}
.facts{display:grid;gap:10px;margin-top:26px}
@media (min-width:560px){.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fact{display:flex;align-items:flex-start;gap:11px;min-height:64px;padding:11px 12px;border:2px dashed rgba(255,243,224,.34);border-radius:14px;background:linear-gradient(rgba(255,243,224,.05),rgba(255,243,224,.05)),rgba(9,6,5,.8);color:var(--cream);text-decoration:none}
a.fact{border-style:solid;border-color:rgba(255,243,224,.6);transition:background .15s,transform .15s}
a.fact:hover{background:rgba(255,243,224,.13);transform:translateY(-2px)}
.fact-ic{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--brand);color:var(--on-brand);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--red)}
.fact-ic .ic{width:20px;height:20px}
.fact-l{display:block;font:600 12.5px/1.3 var(--f-display);letter-spacing:.04em;color:var(--yellow)}
.fact-v{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:3px;font:800 16px/1.3 var(--f-display)}
.fact-v .pending{font-size:11.5px}
.burst{position:absolute;display:grid;place-content:center;text-align:center;aspect-ratio:1;background:var(--yellow);color:var(--ink);clip-path:var(--burst);text-decoration:none}
.hero-burst{position:relative;float:right;z-index:4;width:clamp(108px,30vw,150px);margin:0 2px 16px 14px;shape-outside:circle(50%);shape-margin:10px;transform:rotate(10deg);filter:drop-shadow(5px 5px 0 var(--ink));animation:wobble 5s ease-in-out infinite}
@media (max-width:359px){.hero-burst{width:100px;margin-left:10px}}
.hero-burst span{display:block;font:800 clamp(12.5px,3.4vw,14.5px)/1.15 var(--f-display)}
.hero-burst .bb{font-size:clamp(20px,5.4vw,27px);line-height:1.05;color:var(--red-deep)}
.hero-burst [lang="ko"]{font-size:15px;color:var(--red-deep)}
.hero-burst:focus-visible{clip-path:none;border-radius:50%}
@keyframes wobble{0%,100%{transform:rotate(10deg)}50%{transform:rotate(4deg) scale(1.04)}}
@media (min-width:600px){
  .hero-photo{margin-top:calc(10px - 25vw)}
  .hero-photo img{aspect-ratio:16/9}
}
@media (min-width:900px){
  .hero{--colw:min(600px,48vw);--photo-w:clamp(1100px,100vw,1400px)}
  .hero-grid{padding-top:clamp(108px,10vw,128px)}
  .hero-top{position:relative}
  .hero-copy,.hero-rest{max-width:var(--colw)}
  .hero-rest{position:static;padding-top:24px}
  .hero-lead,.hero .cta-row{position:relative;z-index:3}
  .hero-lead{text-shadow:0 1px 10px var(--hero-bg),0 0 2px var(--hero-bg)}
  .ko-big{font-size:clamp(70px,11vw,150px)}
  .name-row{font-size:clamp(38px,5.6vw,70px)}
  .hero-photo{position:absolute;margin:0;left:calc(var(--colw) + 44px - .35 * var(--photo-w));bottom:0;width:var(--photo-w)}
  .hero-photo img{aspect-ratio:16/9}
  .hero-photo::before{top:0;bottom:0;right:auto;width:calc(.35 * var(--photo-w) - 6px);height:auto;background:linear-gradient(90deg,var(--hero-bg) 45%,rgba(9,6,5,.8) 84%,transparent)}
  .hero-photo::after{top:0;height:auto;background:linear-gradient(transparent 88%,var(--hero-bg)),linear-gradient(270deg,var(--hero-bg),transparent 10%)}
  .hero-burst{position:absolute;float:none;margin:0;shape-outside:none;top:-6px;right:14px;width:150px}
  .hero-pill{left:calc(35% + 12px);bottom:3.5%}
  .fact{padding:10px 10px;gap:9px}
  .fact-ic{width:34px;height:34px}
  .fact-ic .ic{width:18px;height:18px}
  .fact-v{font-size:15.5px}
  .cta-row .btn{flex:0 0 auto}
  .hero .cta-row .btn{padding-inline:22px}
}
@media (min-width:900px) and (max-width:1164px){.hero .cta-row .btn{flex:1 1 auto}}
.tapes{position:relative;z-index:5;overflow:hidden;margin-top:calc(-1 * clamp(56px,7vw,86px));padding-block:clamp(16px,3vw,40px);pointer-events:none}
.tape{width:112%;margin-left:-6%;border-block:4px solid var(--ink);overflow:hidden;white-space:nowrap}
.tape-track{display:flex;width:max-content;animation:marquee 46s linear infinite}
.tape-track > span{display:flex;align-items:center}
.tape-a{position:relative;z-index:2;background:var(--yellow);color:var(--ink);transform:rotate(-2.4deg)}
.tape-b{position:absolute;left:0;right:0;top:50%;background:var(--red);color:var(--cream);transform:translateY(-50%) rotate(1.8deg)}
.tape-b .tape-track{animation-direction:reverse;animation-duration:60s}
.tape i{display:inline-flex;align-items:baseline;gap:8px;padding:9px 14px;font:800 clamp(17px,2.4vw,24px)/1.2 var(--f-display);font-style:normal}
.tape i [lang="ko"]{font-family:var(--f-ko);font-size:1.08em;font-weight:400}
.tape svg{width:18px;height:18px;fill:currentColor;flex:none}
@keyframes marquee{to{transform:translateX(-50%)}}
.why{background:var(--brand);color:var(--on-brand);margin-top:calc(-1 * clamp(40px,5vw,70px));padding-top:clamp(110px,13vw,170px)}
.why::before{content:"";position:absolute;inset:0;background-image:var(--dots);background-size:11px 11px;opacity:.7}
.why .ghost-ko{right:-4%;bottom:-6%;color:var(--cream);opacity:.24}
.why-grid{position:relative;z-index:2;display:grid;gap:26px}
@media (min-width:860px){.why-grid{grid-template-columns:repeat(3,1fr);gap:28px}}
.why-card{position:relative;padding:26px 24px 28px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--ink)}
.why-card:nth-child(1){transform:rotate(-1.2deg)}
.why-card:nth-child(2){transform:rotate(.8deg)}
.why-card:nth-child(3){transform:rotate(-.6deg)}
.why-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.why-num{font:800 54px/1 var(--f-display);color:var(--brand);-webkit-text-stroke:2.5px var(--ink);letter-spacing:-.02em}
.why-icon{width:96px;height:96px;margin-top:-46px;margin-right:-6px}
.why-ko{display:inline-block;margin-top:14px;padding:4px 10px;background:var(--ink);color:var(--yellow);border-radius:6px;font:400 17px/1.2 var(--f-ko)}
.why-card h3{margin-top:12px;font:800 clamp(24px,3vw,28px)/1.25 var(--f-display)}
.why-card p{margin-top:8px;font-size:16.5px;color:var(--ink-2)}
.best{background:var(--kraft);background-image:var(--noise),radial-gradient(80% 60% at 50% 0%,#fff1d8,transparent);color:var(--ink)}
.best .ghost-ko{left:-3%;top:2%;color:var(--brand);opacity:.11}
.cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
@media (min-width:700px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}}
@media (min-width:1040px){.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 30px}}
@media (min-width:1040px){.cards.six{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}}
.card{position:relative;padding:9px 9px 14px;background:var(--paper);border:3px solid var(--ink);border-radius:6px;box-shadow:5px 6px 0 var(--ink);transform:rotate(var(--r,-1deg));transition:transform .2s}
.card:nth-child(2n){--r:1.1deg}.card:nth-child(3n){--r:-.4deg}.card:nth-child(4n){--r:1.6deg}
.card:hover{transform:rotate(0) translateY(-4px)}
.card::before{content:"";position:absolute;z-index:3;top:-13px;left:50%;width:74px;height:24px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,213,120,.82);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.photo{position:relative}
.photo-in{position:relative;display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border:2.5px solid var(--ink);border-radius:3px;background:var(--pb);container-type:inline-size}
.photo-in::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,18,16,.22) 1.3px,transparent 1.8px);background-size:9px 9px}
.photo-in::after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.10) 0deg 8deg,transparent 8deg 18deg)}
.photo-ko{position:relative;z-index:1;font:400 26px/1 var(--f-ko);font-size:min(calc(84cqi / var(--n)),76px);color:var(--pk);text-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.photo-in img{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;object-fit:cover}
.photo:has(img) .photo-tag{display:none}
.v1{--pb:var(--brand);--pk:var(--cream)}
.v2{--pb:var(--red);--pk:var(--yellow)}
.v3{--pb:var(--yellow);--pk:var(--red)}
.v4{--pb:#2a1710;--pk:var(--brand-hi)}
.photo-tag{position:absolute;z-index:2;left:7px;top:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 6px;background:rgba(255,250,240,.94);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;font:600 11px/1.2 var(--f-body)}
.photo-tag .ic{width:14px;height:14px;stroke-width:2}
.price{position:absolute;right:-12px;bottom:-20px;z-index:3;width:clamp(70px,19vw,90px);transform:rotate(-8deg);filter:drop-shadow(3px 3px 0 var(--ink))}
.price.price-top{top:-16px;bottom:auto} 
.price .burst{position:static;width:100%;background:var(--yellow)}
.card:nth-child(even) .price .burst{background:var(--cream)}
.price small{display:block;font:600 10.5px/1 var(--f-display);margin-bottom:1px}
.price b{display:block;font:800 clamp(22px,5.6vw,28px)/1 var(--f-display);color:var(--red-deep)}
.price b span{font-size:.55em;vertical-align:.45em;margin-right:1px}
.card h3{margin-top:16px;padding-right:20px;font:800 clamp(18px,4.6vw,22px)/1.25 var(--f-display)}
.card .sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:4px;font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.card .sub [lang="ko"]{font-size:16px;color:var(--red)}
.sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.sz-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 11px 3px 10px;border:2px solid var(--ink);border-radius:999px;font:600 14px/1.2 var(--f-display);background:#fff}
.sz-chip i{font-style:normal}
.sz{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--ink);color:var(--cream);font:800 11.5px/1 var(--f-display)}
.best-foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:56px;padding-top:24px;border-top:3px dashed rgba(28,18,16,.3)}
.best-foot p{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-2);max-width:40em}
.best-foot .btn{--bg:var(--ink);--fg:var(--cream);--sh:var(--brand)}
.menu-sec{background:radial-gradient(70% 50% at 50% 18%,rgba(var(--glow-rgb),.3),transparent 70%),var(--night-2);color:var(--cream);padding-top:0}
.menu-sec .lights{top:44px}
.menu-sec .wrap{position:relative;z-index:3;padding-top:clamp(120px,14vw,170px)}
.menu-sec .tag{background:var(--brand);color:var(--on-brand)}
.menu-sec .lead{color:rgba(255,243,224,.86)}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 34px;max-width:1040px}
.tab{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:8px 18px;border:2.5px solid rgba(255,243,224,.75);border-radius:999px;background:rgba(255,243,224,.06);color:var(--cream);font:600 16px/1.2 var(--f-display);cursor:pointer;transition:background .15s,transform .15s}
.tab [lang="ko"]{font-size:16px;color:var(--yellow)}
.tab:hover{background:rgba(255,243,224,.14)}
.tab[aria-selected="true"]{background:var(--brand);border-color:var(--ink);color:var(--on-brand);box-shadow:4px 4px 0 var(--yellow);transform:rotate(-1.5deg)}
.tab[aria-selected="true"] [lang="ko"]{color:var(--on-brand)}
.board{position:relative;max-width:1000px;margin-inline:auto;padding:clamp(34px,5vw,54px) clamp(18px,4vw,52px) clamp(26px,4vw,40px);background:var(--paper);background-image:var(--noise);color:var(--ink);border-radius:4px;box-shadow:0 2px 0 #e9d6b4,0 26px 60px rgba(0,0,0,.55);transform:rotate(-.5deg)}
.board::before,.board::after{content:"";position:absolute;top:-14px;width:96px;height:28px;background:rgba(255,213,120,.85);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.board::before{left:-18px;transform:rotate(-24deg)}
.board::after{right:-18px;transform:rotate(22deg)}
.panel:focus-visible{outline-offset:8px}
.panel-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 18px;padding-bottom:16px;margin-bottom:6px;border-bottom:4px double var(--ink)}
.panel-ko{font:400 clamp(40px,9vw,72px)/1 var(--f-ko);color:var(--red);letter-spacing:-.01em}
.panel-head h3{font:800 clamp(22px,3.4vw,30px)/1.2 var(--f-display)}
.rows{display:grid}
@media (min-width:820px){.rows{grid-template-columns:1fr 1fr;column-gap:56px}}
.row{display:grid;grid-template-columns:minmax(0,auto) minmax(14px,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:2px dashed rgba(28,18,16,.2)}
.row-name{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.row-main{order:-1;flex:1 0 100%;font:600 19px/1.3 var(--f-display)}
.row-ko{font-size:16px;color:var(--red)}
.row-alt{font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.row-note{flex:1 0 100%}
.row-note{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:var(--ink-2)}
.row-dots{align-self:center;height:0;border-bottom:3px dotted rgba(28,18,16,.4)}
.row-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:800 22px/1 var(--f-display);white-space:nowrap}
.row-price .pp{display:flex;align-items:center;gap:6px}
.cur{font-size:.6em;margin-right:1px;color:var(--brand-deep)}
.board-foot{margin-top:22px;font-size:13.5px;color:var(--ink-2)}
.board-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 22px;padding-bottom:14px;border-bottom:2px dashed rgba(28,18,16,.25);font:600 14px/1.3 var(--f-display);color:var(--ink-2)}
.board-head .key{display:inline-flex;align-items:center;gap:6px}
.hot{display:inline-flex;align-items:center;margin-left:8px;padding:3px 8px 2px;border-radius:6px;background:var(--red);color:#fff;font:800 12px/1.25 var(--f-display);letter-spacing:.01em;vertical-align:2px;transform:rotate(-3deg);white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}
.hot-key{margin-left:0}
.board.is-all{transform:none}
.board.is-all .panel + .panel{margin-top:44px}
.board.is-all .panel-ko{font-size:clamp(36px,8vw,48px)}
@media (min-width:760px){
  .board.is-all{max-width:1200px}
  .board.is-all .panels{columns:2;column-gap:52px}
  .board.is-all .panel,.board.is-all .panel + .panel{break-inside:avoid;margin:0 0 40px}
  .board.is-all .rows{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:1100px){.board.is-all .panels{columns:3;column-gap:46px}}
.age{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;border:2px solid var(--ink);border-radius:10px;background:#fff;font-size:14px;line-height:1.45}
.age b{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--red);color:var(--cream);font:800 15px/1 var(--f-display)}
.panel[hidden]{display:none}
.gallery{background:var(--brand);color:var(--on-brand)}
.gallery::before{content:"";position:absolute;inset:0;background-image:var(--dots);background-size:11px 11px;opacity:.6}
.gallery .ghost-ko{left:-4%;bottom:-5%;color:var(--cream);opacity:.16}
.gallery .lead{color:var(--on-brand)}
.gal-hint{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font:600 15px/1.2 var(--f-display)}
.gal-hint .ic{width:20px;height:20px}
.gal{position:relative;z-index:2;margin-inline:calc(-1 * var(--gut));padding:20px var(--gut) 30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:thin;scrollbar-color:var(--ink) transparent}
.gal-list{display:flex;gap:18px;width:max-content}
.gal-item{--h:clamp(200px,56vw,300px);flex:none;scroll-snap-align:start;transform:rotate(var(--r,-1deg))}
.gal-item:nth-child(2n){--r:1.1deg}.gal-item:nth-child(3n){--r:-.4deg}
@media (max-width:340px){.gal-item{--h:clamp(170px,52vw,300px)}} 
.land{--ar:4/3}.port{--ar:3/4}.sq{--ar:1}
.gal-fig{position:relative;margin:0;padding:8px 8px 10px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 var(--ink)}
.gal-fig::before{content:"";position:absolute;z-index:3;top:-12px;left:50%;width:70px;height:22px;transform:translateX(-50%) rotate(-3deg);background:rgba(255,213,120,.82);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.gal-ph{display:block;height:var(--h);aspect-ratio:var(--ar);overflow:hidden;border:2px solid var(--ink);border-radius:3px;background:var(--night-2)}
.gal-ph img{width:100%;height:100%;max-width:none;object-fit:cover}
.gal-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;max-width:calc(var(--h) * var(--ar));margin-top:8px;padding-inline:2px;font:800 15px/1.3 var(--f-display)}
.gal-cap [lang="ko"]{font-family:var(--f-ko);font-weight:400;font-size:17px;color:var(--red)}
@media (min-width:700px){
  .gal-hint{display:none}
  .gal{margin:0;padding:12px 0 0;overflow:visible;scroll-snap-type:none}
  .gal-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 26px;width:auto;align-items:start}
  .gal-item{--h:auto}
  .gal-ph{height:auto}
  .gal-cap{max-width:none}
  .land{--ar:3/2}.sq{--ar:1}
  .g1{grid-column:1/9}.g2{grid-column:9/13}.g3{grid-column:1/5}.g4{grid-column:5/13}.g6{grid-column:1/7}.g7{grid-column:7/13}
}
.branches{background:var(--cream);background-image:var(--noise)}
.branches::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(var(--brand-rgb),.2) 1.3px,transparent 1.8px);background-size:13px 13px;-webkit-mask:linear-gradient(180deg,transparent,#000 40%,#000);mask:linear-gradient(180deg,transparent,#000 40%,#000)}
.branches .ghost-ko{right:-2%;top:0;color:var(--red);opacity:.1}
.branch-grid{position:relative;z-index:2;display:grid;gap:34px}
@media (min-width:860px){.branch-grid{grid-template-columns:1fr 1fr;gap:36px}}
.branch{position:relative;display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-radius:22px;box-shadow:9px 9px 0 var(--ink)}
.branch-top{display:flex;align-items:center;gap:16px;padding:22px 22px 20px;background:var(--brand);color:var(--on-brand);border-bottom:3px solid var(--ink);border-radius:19px 19px 0 0;position:relative;overflow:hidden}
.branch-top::after{content:"";position:absolute;inset:0;background-image:var(--dots);background-size:10px 10px;opacity:.6;pointer-events:none}
.branch.new .branch-top{background:var(--ink);color:var(--cream)}
.branch.new .branch-top::after{background-image:radial-gradient(rgba(255,243,224,.16) 1.2px,transparent 1.7px);opacity:1}
.branch.new .branch-top .alt{color:var(--yellow)}
.branch-no{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:var(--cream);color:var(--ink);border:3px solid var(--ink);font:400 20px/1 var(--f-ko);box-shadow:3px 3px 0 var(--ink)}
.branch-top h3{position:relative;z-index:1;font:800 clamp(32px,6vw,42px)/1.1 var(--f-display)}
.branch-top .alt{display:block;font:600 14px/1.3 var(--f-display);letter-spacing:.08em}
.branch-map{position:relative;display:block;height:132px;overflow:hidden;border-bottom:3px solid var(--ink);background:var(--kraft)}
.branch-photo{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-bottom:3px solid var(--ink);background:var(--night)}
.branch-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:0 75%}
.map-pill.photo-pill{top:12px;bottom:auto;background:var(--paper)}
.photo-pill .ic{width:16px;height:16px}
@media (min-width:860px){.branch-photo,.branch-map{aspect-ratio:auto;height:clamp(200px,21vw,250px)}}
.branch-map svg{width:100%;height:100%}
a.branch-map:hover svg{transform:scale(1.03)}
.branch-map svg{transition:transform .3s}
.map-pill{position:absolute;left:14px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font:800 13px/1.1 var(--f-display);box-shadow:3px 3px 0 var(--ink)}
.map-pill.road{background:var(--paper)}
.pin-pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{transform:scale(.6);opacity:.55}100%{transform:scale(1.6);opacity:0}}
.branch-body{display:grid;gap:16px;padding:22px 22px 24px;flex:1}
.info{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.55}
.info .ic{margin-top:2px;color:var(--brand-deep)}
.info .pending{margin-left:4px}
.branch .btn{width:100%;margin-top:auto}
.branch-burst{right:-10px;top:-30px;z-index:4;width:104px;transform:rotate(12deg);filter:drop-shadow(4px 4px 0 var(--ink))}
.branch-burst span{display:block;font:800 12.5px/1.15 var(--f-display)}
.branch-burst .bb{font-size:21px;color:var(--red-deep)}
.branch.new .branch-top{padding-right:96px}
.branch.new .branch-top h3{min-width:0}
@media (max-width:359px){.branch-burst{width:86px}.branch.new .branch-top{padding-right:60px}}
.contact{background:var(--red);color:var(--cream)}
.contact::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(28,18,16,.25) 1.3px,transparent 1.8px);background-size:12px 12px}
.contact .ghost-ko{right:-3%;top:-2%;color:var(--yellow);opacity:.1}
.contact .tag{background:var(--cream)}
.contact .lead{color:var(--cream)}
.go-now{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;margin-bottom:34px;padding:18px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:7px 7px 0 var(--ink);transform:rotate(-.6deg)}
.go-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--red);color:var(--cream);border:3px solid var(--ink)}
.go-ic .ic{width:28px;height:28px}
.go-txt b{display:block;font:800 clamp(19px,2.6vw,24px)/1.25 var(--f-display)}
.go-txt > span{display:block;margin-top:2px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.go-now .btn{grid-column:1/-1;width:100%}
.btn-ink{--bg:var(--ink);--fg:var(--cream);--sh:var(--brand)}
.go-now .btn:focus-visible,.on-light .btn:focus-visible,.branch .btn:focus-visible{outline-color:var(--ink)}
@media (min-width:760px){.go-now{grid-template-columns:auto minmax(0,1fr) auto;padding:20px 22px}.go-now .btn{grid-column:auto;width:auto}}
.go-btns{grid-column:1/-1;display:grid;gap:14px}
@media (min-width:760px){.go-btns{grid-column:auto}}
.ch-groups{position:relative;z-index:2;display:grid;gap:26px}
@media (min-width:860px){.ch-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.ch-group h3{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:800 19px/1.2 var(--f-display);color:var(--cream)}
.ch-group h3::after{content:"";flex:1;height:0;border-bottom:2px dashed rgba(255,243,224,.45)}
.ch-list{display:grid;gap:10px}
.ch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px 10px 14px;border:2.5px dashed rgba(255,243,224,.7);border-radius:14px;background:rgba(28,18,16,.3);color:var(--cream);font:800 17px/1.2 var(--f-display);text-align:left;cursor:not-allowed}
.ch .ch-label{display:flex;align-items:center;gap:10px;min-width:0}
.ch .pending{flex:none;font-size:12px;color:var(--ink);background:var(--yellow);border-color:var(--ink)}
.ch-sub{display:block;margin-top:2px;font:600 13px/1.25 var(--f-body)}
.ch.live{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.ch.live:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.night-end{position:relative;overflow:hidden;text-align:center;color:var(--cream);background:radial-gradient(60% 70% at 50% 62%,rgba(var(--glow-rgb),.34),transparent 70%),var(--night);padding:0 0 clamp(72px,10vw,120px)}
.bulbs{position:absolute;left:0;right:0;top:50px;height:64px;pointer-events:none;background:radial-gradient(circle at 30px 26px,#ffe9a8 0 5px,#ffb35c 6px,rgba(255,154,60,.5) 8px,rgba(255,122,26,0) 24px) 0 0/60px 64px repeat-x;animation:glow 2.6s ease-in-out infinite}
.bulbs::before{content:"";position:absolute;left:0;right:0;top:0;height:20px;background:radial-gradient(circle at 30px -10px,transparent 27px,#0d0705 27.5px,#0d0705 29px,transparent 29.5px) 0 0/60px 20px repeat-x}
@keyframes glow{0%,100%{opacity:1}50%{opacity:.72}}
.night-end .wrap{position:relative;z-index:2;padding-top:clamp(120px,14vw,160px)}
.neon{display:inline-block;padding:.2em .55em .16em;font:400 clamp(30px,8.4vw,66px)/1.22 var(--f-ko);color:#fff4e6;border:3px solid var(--brand-hi);border-radius:18px;text-shadow:0 0 12px rgba(var(--glow-rgb),.9),0 0 32px rgba(var(--glow-rgb),.6);box-shadow:0 0 18px rgba(var(--glow-rgb),.55),inset 0 0 18px rgba(var(--glow-rgb),.35);transform:rotate(-2deg);word-break:keep-all}
.end-title{margin-top:28px;font:800 clamp(26px,5.4vw,44px)/1.25 var(--f-display);text-wrap:balance}
.night-end .cta-row{justify-content:center;max-width:620px;margin-inline:auto}
.end-link{margin-top:18px}
.end-link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 16px/1.2 var(--f-display);color:var(--yellow);text-underline-offset:4px}
.end-link .ic{width:20px;height:20px}
.foot{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);padding:clamp(56px,8vw,90px) 0 calc(40px + env(safe-area-inset-bottom))}
.foot-mark{display:block;font:400 clamp(60px,24.5vw,360px)/.92 var(--f-ko);color:transparent;-webkit-text-stroke:2px var(--brand-hi);letter-spacing:-.01em;white-space:nowrap;margin-bottom:24px}
.foot-grid{display:grid;gap:28px}
@media (min-width:860px){.foot-grid{grid-template-columns:1.3fr 1fr 1fr;gap:40px}}
.foot b{font:800 22px/1.2 var(--f-display)}
.foot p,.foot li{font-size:15px;color:rgba(255,243,224,.82)}
.foot-h{font:600 13px/1 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--brand-hi);margin-bottom:12px}
.foot ul a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;text-decoration:none}
.foot ul a:hover{color:var(--yellow);text-decoration:underline}
.slogan{display:inline-flex;align-items:baseline;gap:10px;margin-top:14px;padding:8px 14px;border:2px solid var(--brand-hi);border-radius:10px;transform:rotate(-1.5deg)}
.slogan [lang="ko"]{font:400 20px/1 var(--f-ko);color:var(--brand-hi)}
.fine{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,243,224,.15);display:flex;flex-wrap:wrap;gap:6px 24px;font-size:13px!important;color:rgba(255,243,224,.68)}
.fine span{font-size:13px}
.actionbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;display:flex;gap:8px;padding:7px;background:var(--ink);border:2px solid rgba(255,243,224,.18);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.4);transform:translateY(calc(100% + 40px));visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s}
.actionbar.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.ab{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:6px;min-height:54px;padding:6px 8px;border-radius:14px;background:#33231b;color:var(--cream);font:800 15.5px/1.15 var(--f-display);text-decoration:none;text-align:center}
.ab .ic{width:22px;height:22px}
.ab.main{flex:1.7 1 0;gap:8px;background:var(--brand);color:var(--on-brand);text-align:left}
.ab.main small{display:block;font:600 11.5px/1.2 var(--f-display)}
@media (min-width:900px){.actionbar{display:none}}
@media (max-width:899px){.foot{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .card:hover,.btn:hover,.ch.live:hover{transform:rotate(var(--r,0deg))}
}
.promo{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px 16px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);font:600 16px/1.45 var(--f-display)}
.promo .ic{flex:none;color:var(--red-deep)}
.promo b{font-weight:800}
.branch-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.branch-links .btn{min-height:50px;font-size:16px;padding:8px 12px;box-shadow:3px 3px 0 var(--ink)}
.btn-paper{--bg:var(--paper);--fg:var(--ink)}
.info a{font-weight:700;text-underline-offset:3px;color:inherit}
.page-hero{position:relative;overflow:hidden;color:var(--cream);background:radial-gradient(70% 60% at 70% 40%,rgba(var(--glow-rgb),.22),transparent 70%),var(--hero-bg);padding-bottom:clamp(48px,7vw,84px)}
.page-hero .bulbs{top:50px}
.page-hero-in{position:relative;z-index:2;padding-top:clamp(112px,13vw,150px);display:grid;gap:28px}
@media (min-width:900px){.page-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:44px}}
.crumbs{font:600 14px/1.3 var(--f-display);color:rgba(255,243,224,.75);margin-bottom:14px}
.crumbs a{color:var(--yellow);text-underline-offset:3px}
.crumbs span[aria-hidden]{margin:0 6px}
.page-title{margin-top:16px;font:800 clamp(36px,8.4vw,64px)/1.12 var(--f-display);text-wrap:balance}
.page-title .ko{display:block;font:400 clamp(44px,11vw,84px)/1 var(--f-ko);color:var(--brand-hi);text-shadow:3px 3px 0 var(--brand-deep),6px 6px 0 var(--ink);margin-bottom:8px}
.page-lead{margin-top:14px;max-width:34em;font-size:clamp(17px,2.1vw,19px);line-height:1.7;color:rgba(255,243,224,.9)}
.page-photo{position:relative;margin:0;border:3px solid var(--cream);border-radius:18px;overflow:hidden;box-shadow:8px 8px 0 var(--brand);background:var(--night);transform:rotate(1.2deg)}
.page-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.page-photo .map-pill{top:12px;bottom:auto;background:var(--paper)}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.quick .btn{min-height:54px;padding:8px 12px;font-size:16.5px;gap:8px}
.quick .btn-call{grid-column:1/-1;font-size:19px}
.quick .btn-ghost{--bg:rgba(9,6,5,.55)}
.page-hero .btn:not(.btn-ghost){--sh:var(--yellow)}
.page-hero .btn-yellow{--sh:var(--brand)}
.sec-paper{background:var(--cream);background-image:var(--noise)}
.info-grid{position:relative;z-index:2;display:grid;gap:18px}
@media (min-width:700px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.info-card{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink)}
.info-card .ic-wrap{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--on-brand);border:2.5px solid var(--ink)}
.info-card .ic-wrap .ic{width:22px;height:22px}
.info-card h3{font:800 19px/1.3 var(--f-display)}
.info-card p{margin-top:4px;font-size:16px;line-height:1.6;color:var(--ink-2)}
.info-card p a{color:var(--ink);font-weight:700;text-underline-offset:3px}
.en-note{position:relative;z-index:2;margin-top:28px;padding:16px 18px;border:2.5px dashed var(--ink);border-radius:16px;background:#fff;font-size:16px;line-height:1.6}
.en-note b{font-family:var(--f-display)}
.en-note a{font-weight:700;text-underline-offset:3px}
.other-branch{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:34px;padding:20px 22px;background:var(--ink);color:var(--cream);border-radius:18px;box-shadow:6px 6px 0 var(--brand)}
.other-branch p{font:600 17px/1.45 var(--f-display)}
.other-branch b{color:var(--yellow)}
.other-branch .btn{--sh:var(--yellow)}
.sec-head .h2.sm{font-size:clamp(28px,5.6vw,46px)}
.page-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1040px){.page-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.menu-page .menu-sec{padding-top:0}
.menu-page .menu-sec .wrap{padding-top:clamp(60px,8vw,90px)}
.board .promo{margin-top:18px;box-shadow:3px 3px 0 var(--ink)}
.nf{min-height:70vh;display:grid;align-content:center;text-align:center}
.nf .neon{margin-inline:auto}
.nf .quick{max-width:640px;margin-inline:auto}
.top-menu{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:2px solid rgba(255,243,224,.85);border-radius:999px;font:800 15px/1 var(--f-display);color:var(--cream);text-decoration:none}
@media (min-width:900px){.top-menu{display:none}}
.sz.wide{display:inline-flex;align-items:center;gap:3px;width:auto;padding:0 8px;border-radius:999px;font-size:11.5px;white-space:nowrap}
.sz-chip .th,.sz-chip .en{margin-right:4px}
@media (min-width:700px){.ch-groups.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.branch h3 a:hover{text-decoration:underline;text-underline-offset:4px}