@charset "UTF-8";
:root{--bg:#121511;--bg-2:#181c16;--panel:#1f251d;--panel-2:#262d23;--text:#f4f5ef;--muted:#a7b0a0;--soft:#c3cabd;--lime:#e5fb78;--lime-2:#f2ffac;--line:#2f372b;--line-2:#414b3a;--ink:#162013;--light:#f2f4ec;--card:#ffffff;--max:1240px;--pad:48px;--r-lg:22px;--r-md:16px;--r-sm:10px;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Apple SD Gothic Neo","Malgun Gothic",Roboto,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.6}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0}
button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:6px}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.wrap{width:min(calc(100% - var(--pad)*2),var(--max));margin-inline:auto}
.skip{position:fixed;top:-100px;left:20px;background:var(--lime);color:var(--ink);z-index:40;padding:12px;border-radius:var(--r-sm)}
.skip:focus{top:12px}

/* Header */
.header-bar{position:sticky;top:0;z-index:30;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.header-bar.scrolled{background:rgb(18 21 17 / .78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--line)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.brand{display:flex;align-items:center;gap:12px;font-size:.6875rem;font-weight:800;line-height:1.25;letter-spacing:1.4px}
.brand-mark{display:flex;align-items:center;letter-spacing:-7px;font-size:1.75rem;font-weight:900;background:var(--lime);color:var(--ink);width:48px;height:40px;padding:0 8px 2px 4px;line-height:1;border-radius:9px}
.brand-mark span{font-size:1.4rem;margin-left:1px}
.site-header nav{display:flex;gap:6px;font-size:.875rem;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgb(255 255 255 / .02)}
.site-header nav a{padding:7px 16px;border-radius:999px;color:var(--soft);transition:background .2s,color .2s}
.site-header nav a:hover{color:var(--ink);background:var(--lime)}
.language{display:flex;gap:4px;font-size:.75rem;color:var(--line-2);align-items:center}
.language button{background:none;padding:8px 6px;font-size:.8125rem;color:var(--muted);letter-spacing:.5px}
.language button[aria-pressed=true]{color:var(--lime);font-weight:700}

/* Hero */
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:72px;padding-block:56px 96px;align-items:center}
.hero::before{content:"";position:absolute;inset:-160px -20% auto 30%;height:620px;background:radial-gradient(closest-side,rgb(229 251 120 / .13),transparent 70%);pointer-events:none;z-index:-1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgb(229 251 120 / .15)}
.hero h1{font-size:clamp(3.25rem,6vw,5.5rem);letter-spacing:-.045em;line-height:1.02;margin:26px 0 28px;font-weight:700}
.hero h1 em{font-style:normal;color:var(--lime)}
.hero-description{max-width:440px;font-size:1.125rem;color:var(--soft);line-height:1.7}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;font-weight:700;font-size:.9375rem;margin-top:34px;border-radius:999px;transition:transform .25s var(--ease),background .2s,box-shadow .25s}
.button::after{content:"→";transition:transform .25s var(--ease)}
.primary{background:var(--lime);color:var(--ink);box-shadow:0 10px 30px rgb(229 251 120 / .18)}
.primary:hover{background:var(--lime-2);transform:translateY(-2px);box-shadow:0 14px 36px rgb(229 251 120 / .28)}
.primary:hover::after{transform:translateX(4px)}
.hero-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px;font-size:.6875rem;letter-spacing:1.2px;color:var(--muted)}
.hero-foot span{padding:7px 13px;border:1px solid var(--line-2);border-radius:999px}
.hero-visual{background:var(--panel);border:1px solid var(--line-2);position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 40px 80px -30px rgb(0 0 0 / .6)}
.feature-label{display:flex;justify-content:space-between;gap:10px;padding:14px 22px;color:var(--lime);font-size:.6875rem;font-weight:700;letter-spacing:1.4px;border-bottom:1px solid var(--line-2)}
.hero-image-frame{height:440px;overflow:hidden;display:flex;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,#24414a,#152229);padding:26px 20px 0}
.hero-image-frame img{height:auto;width:264px;align-self:flex-start;box-shadow:0 20px 50px rgb(0 0 0 / .45);border:1px solid #596143;border-radius:14px;transition:transform .6s var(--ease)}
.hero-visual:hover .hero-image-frame img{transform:translateY(-28px)}
.hero-visual figcaption{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:20px 22px;background:var(--lime);color:var(--ink)}
.small-label{font-size:.6875rem;font-weight:700;letter-spacing:1.2px;display:block}
.hero-visual strong{display:block;font-size:1.5rem;line-height:1.25;margin-top:4px;letter-spacing:-.02em}
.caption-note{max-width:120px;font-size:.75rem;line-height:1.4;text-align:right;opacity:.75}

/* Intro */
.intro{display:none}
.intro-on body{overflow:hidden}
.intro-on .intro{display:flex;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;cursor:pointer}
.intro-bg{position:absolute;inset:0;background:var(--bg);transition:clip-path .9s var(--ease) .15s;clip-path:inset(0)}
.intro-bg::after{content:"";position:absolute;left:50%;top:50%;width:70vmax;height:70vmax;translate:-50% -50%;background:radial-gradient(closest-side,rgb(229 251 120 / .12),transparent)}
.intro-leaving .intro{pointer-events:none}
.intro-leaving .intro-bg{clip-path:inset(0 0 100% 0)}
.intro .wordmark{position:relative;transition:transform .9s var(--ease),opacity .4s ease .6s;animation:intro-in .6s var(--ease) backwards}
.intro-leaving .intro .wordmark{opacity:0}
@keyframes intro-in{from{opacity:0;transform:translateY(24px)}}
.intro-on:not(.intro-leaving) .hero-copy,.intro-on:not(.intro-leaving) .hero-visual{opacity:0;transform:translateY(32px)}
.hero-copy,.hero-visual{transition:opacity .9s var(--ease) .35s,transform .9s var(--ease) .35s}
.hero-visual{transition-delay:.5s}

/* Wordmark */
.wordmark{display:flex;align-items:baseline;font-size:min(10.6vw,9.5rem);font-weight:800;letter-spacing:-.055em;line-height:.95;white-space:nowrap;user-select:none}
.wordmark>span{display:inline-block}
.wm-extra{overflow:hidden;color:var(--lime);vertical-align:bottom}
.wordmark .wm-swap{display:inline-grid;overflow:hidden}
.wm-swap>span{grid-area:1/1;justify-self:start;transition:opacity .5s var(--ease)}
.wm-lower{color:var(--lime);opacity:0}
.wordmark.is-open .wm-upper{opacity:0}
.wordmark.is-open .wm-lower{opacity:1}
.wordmark.is-ready .wm-extra,.wordmark.is-ready .wm-swap{transition:width .9s var(--ease)}
.wordmark.is-ready .wm-extra:nth-of-type(4),.wordmark.is-ready .wm-swap{transition-delay:.08s}
.wordmark.is-ready .wm-extra:nth-of-type(6){transition-delay:.16s}

/* Strip */
.category-strip{background:var(--lime);color:var(--ink);padding:16px 0;overflow:hidden;transform:rotate(-1deg);margin-inline:-12px;box-shadow:0 10px 40px rgb(0 0 0 / .3)}
.strip-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.strip-group{display:flex;align-items:center;gap:36px;padding-right:36px;white-space:nowrap;font-size:1rem;letter-spacing:1.2px;font-weight:800}
.strip-cross{font-size:1.5rem;line-height:1}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Section headings */
.portfolio{padding-block:110px 100px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.section-heading h2,.studio-heading h2{font-size:clamp(2.25rem,4.4vw,3.75rem);line-height:1.06;letter-spacing:-.04em;margin-top:16px;font-weight:700}
.section-heading>p{max-width:320px;font-size:1rem;color:var(--muted)}

/* Game cards */
.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 32px}
.project-card{min-width:0}
.project-image{position:relative;display:block;width:100%;height:330px;overflow:hidden;background:#26312e;padding:0;text-align:left;border-radius:var(--r-lg);isolation:isolate;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.project-image::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .07);pointer-events:none}
.project-image:hover{transform:translateY(-4px);box-shadow:0 30px 60px -24px rgb(0 0 0 / .7)}
.project-image>img{height:100%;width:100%;object-fit:cover;transition:transform .6s var(--ease)}
.project-image:hover>img,.life-image:hover>img{transform:scale(1.035)}
.featured-card .project-image{height:440px;display:flex;justify-content:center;padding-top:28px}
.featured-card .project-image>img{height:auto;width:56%;object-fit:contain;object-position:top;align-self:flex-start;border-radius:12px;box-shadow:0 20px 50px rgb(0 0 0 / .4)}
.featured-card .project-image:hover>img{transform:translateY(-10px)}
.image-reboot{background:radial-gradient(120% 90% at 50% 0%,#2f5560,#1b3036)}
.image-original{background:radial-gradient(120% 90% at 50% 0%,#55395f,#2b1e33)}
.image-original>img{margin-top:-60px}
.image-tag{position:absolute;top:16px;left:16px;padding:6px 11px;background:rgb(18 21 17 / .82);backdrop-filter:blur(6px);color:var(--text);font-size:.6875rem;font-weight:700;letter-spacing:1px;border-radius:999px}
.view-tag{position:absolute;bottom:16px;right:16px;background:var(--lime);color:var(--ink);padding:8px 14px;font-size:.75rem;font-weight:700;border-radius:999px;transition:transform .3s var(--ease),opacity .3s}
@media(hover:hover){.view-tag{opacity:0;transform:translateY(8px)}.project-image:hover .view-tag,.project-image:focus-visible .view-tag,.life-image:hover .view-tag,.life-image:focus-visible .view-tag{opacity:1;transform:none}}
.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.6875rem;font-weight:600;letter-spacing:1.3px;margin:22px 4px 8px}
.project-card h3{font-size:1.75rem;letter-spacing:-.025em;margin:0 4px 10px;line-height:1.2}
.project-card>p{font-size:1rem;color:var(--soft);max-width:520px;margin-inline:4px}
.landscape{height:auto;aspect-ratio:16/9}
.evidence-note{font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);margin-top:56px;padding-top:20px;max-width:900px}

/* Lifestyle */
.lifestyle-section{background:var(--light);color:var(--ink);padding-block:110px;color-scheme:light;border-radius:40px 40px 0 0}
.lifestyle-section .eyebrow,.lifestyle-section .section-heading>p{color:#56624e}
.lifestyle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.life-card{min-width:0;background:var(--card);border-radius:var(--r-lg);padding:10px 10px 26px;box-shadow:0 1px 0 rgb(22 32 19 / .04),0 18px 40px -24px rgb(22 32 19 / .25);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.life-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgb(22 32 19 / .04),0 30px 60px -28px rgb(22 32 19 / .35)}
.life-image{display:block;position:relative;width:100%;height:290px;background:#dde5d3;overflow:hidden;padding:0;border-radius:14px}
.life-image img{transition:transform .6s var(--ease)}
.commute-image{background:linear-gradient(160deg,#e3e9f4,#cdd7ea);display:flex;justify-content:center;padding:26px 28px 0}
.commute-image img{width:72%;height:auto;align-self:flex-start;box-shadow:0 14px 34px #10202b30;border-radius:12px}
.singlog-image{background:#112d30;display:flex;align-items:center}
.singlog-image img{width:100%}
.solomon-image{background:linear-gradient(160deg,#efe6da,#e2d4c2);display:flex;align-items:center;padding:24px 0 24px 18px}
.solomon-image img{height:230px;width:auto;max-width:none;box-shadow:0 14px 34px #30251030;border-radius:8px}
.life-copy{padding:22px 14px 0}
.life-copy .small-label{color:#536347}
.life-copy h3{font-size:1.625rem;letter-spacing:-.025em;margin:8px 0 8px;line-height:1.2}
.life-copy p{color:#4f5e47;font-size:.9688rem}
.lifestyle-section button:focus-visible{outline-color:#253f17}

/* Studio */
.studio-section{display:grid;grid-template-columns:1fr 1.15fr;gap:72px;padding-block:120px 100px}
.studio-intro{font-size:1.375rem;line-height:1.6;letter-spacing:-.01em}
.studio-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}
.studio-facts div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 18px 20px}
.studio-facts dt{font-size:.6875rem;font-weight:700;letter-spacing:1.2px;color:var(--muted)}
.studio-facts dd{margin:10px 0 0;font-size:1rem;font-weight:600}
.studio-note{font-size:1rem;color:var(--muted)}

/* Contact */
.contact-section{margin-bottom:56px;padding:48px;border-radius:28px;background:linear-gradient(135deg,var(--panel-2),var(--panel));border:1px solid var(--line-2);position:relative;overflow:hidden}
.contact-section::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;background:radial-gradient(closest-side,rgb(229 251 120 / .18),transparent);pointer-events:none}
.contact-email{font-size:clamp(1.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.035em;margin-top:14px;overflow-wrap:anywhere}
.contact-note{font-size:.875rem;color:var(--muted);margin-top:8px}

footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:26px 32px;font-size:.75rem;color:var(--muted)}
footer a:hover{color:var(--lime)}
.company-footer{display:block}
.company-details{max-width:850px;line-height:1.9;overflow-wrap:anywhere}
.company-details strong{display:block;margin-bottom:8px;color:var(--soft);font-size:.9375rem}
.company-details p+p{margin-top:4px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}
.privacy-link{font-weight:700;color:var(--soft)}
.legal-page{max-width:850px;padding-block:48px 80px;overflow-wrap:anywhere}
.legal-page h1{font-size:clamp(2rem,5vw,3rem);margin:16px 0}
.legal-date{color:var(--muted);font-size:.875rem}
.legal-draft{margin-block:28px;padding:24px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--panel)}
.legal-draft strong{color:var(--lime)}
.legal-draft p{margin-top:8px}
.legal-page section{margin-top:36px}
.legal-page h2{font-size:1.25rem;margin-bottom:16px}
.legal-page section p{color:var(--soft);margin-top:12px;line-height:1.85}
.legal-page section a{text-decoration:underline;text-underline-offset:4px;color:var(--lime)}
.legal-page .legal-pending{border-left:2px solid var(--line-2);padding-left:16px;font-size:.875rem;color:var(--muted)}
.legal-facts{margin:20px 0;padding:20px;border-radius:var(--r-sm);background:var(--panel)}
.legal-facts div+div{margin-top:14px}
.legal-facts dt{font-size:.8125rem;color:var(--muted)}
.legal-facts dd{margin:3px 0 0}

/* Dialog */
dialog{background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:26px;padding:28px;width:min(1040px,calc(100% - 40px));max-height:90dvh;overflow:auto;box-shadow:0 40px 100px rgb(0 0 0 / .6)}
dialog[open]{animation:dialog-in .35s var(--ease)}
dialog::backdrop{background:rgb(0 0 0 / .7);backdrop-filter:blur(6px)}
@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.close-dialog{width:44px;height:44px;flex-shrink:0;background:var(--panel-2);font-size:1.125rem;border-radius:50%;transition:background .2s,color .2s}
.close-dialog:hover{background:var(--lime);color:var(--ink)}
.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.dialog-layout figure{background:var(--panel);padding:18px;border-radius:var(--r-md)}
.dialog-layout figure img{width:auto;max-height:64vh;margin:auto;object-fit:contain;border-radius:10px}
.dialog-layout figcaption{font-size:.75rem;color:var(--muted);margin-top:14px;text-align:center}
.dialog-copy h2{font-size:2.25rem;line-height:1.1;letter-spacing:-.03em;margin:4px 0 20px}
.dialog-copy p,.dialog-copy li{color:var(--soft);font-size:1rem}
.dialog-copy h3{font-size:.75rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--lime);margin-top:30px}
.dialog-copy ul{list-style:none;padding:0;margin:14px 0 24px}
.dialog-copy li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--line)}
.dialog-copy li::before{content:"";position:absolute;left:2px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.dialog-copy .dialog-note{background:var(--panel);border-radius:var(--r-sm);padding:14px 16px;font-size:.8125rem;line-height:1.65;color:var(--muted)}
.dialog-open{overflow:hidden}

/* Trailer */
.project-video{margin:22px 4px 0;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.project-video>.small-label{flex-basis:100%;color:var(--lime)}
.video-frame{width:100%;aspect-ratio:16/9;background:#000;margin-top:14px;border-radius:var(--r-md);overflow:hidden}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-link{display:inline-block;font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.video-link:hover{color:var(--lime)}
.video-link[hidden]{display:none}

/* Reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.game-grid .reveal:nth-child(even),.lifestyle-grid .reveal:nth-child(2){transition-delay:.08s}
.lifestyle-grid .reveal:nth-child(3){transition-delay:.16s}

/* Korean */
html[lang=ko] .en-break{display:none}
html[lang=ko] .hero h1{font-size:clamp(2.75rem,4.9vw,4.375rem);line-height:1.2;letter-spacing:-.04em;word-break:keep-all}
html[lang=ko] .studio-heading h2{white-space:pre-line;line-height:1.3}
html[lang=ko] p{word-break:keep-all}
html[lang=ko] .section-heading h2{line-height:1.25}

@media(min-width:1500px){.hero h1{font-size:5.5rem}}

@media(max-width:1000px){
:root{--pad:30px}
.hero{gap:36px}
.hero h1{font-size:3.75rem}
.hero-image-frame{height:410px}
.studio-section{gap:36px}
.lifestyle-grid{gap:16px}
.life-image{height:250px}
.studio-facts{grid-template-columns:1fr;gap:8px}
.studio-facts div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px}
.studio-facts dd{margin:0}
.caption-note{display:none}
}

@media(max-width:700px){
:root{--pad:20px}
.site-header{min-height:auto;flex-wrap:wrap;gap:10px;padding-block:14px 12px}
.brand{font-size:.6875rem;gap:10px}
.brand-mark{width:42px;height:35px;font-size:1.5rem;letter-spacing:-6px;border-radius:8px}
.brand-mark span{font-size:1.25rem}
.site-header nav{order:3;width:100%;justify-content:space-between;gap:4px}
.site-header nav a{flex:1;text-align:center;padding:7px 8px}
.language{margin-left:auto}
.hero{grid-template-columns:1fr;padding-block:36px 64px;gap:40px}
.hero::before{inset:-80px -40% auto 0;height:420px}
.hero h1{font-size:clamp(3rem,13vw,4.5rem);margin-top:20px}
.hero-description{font-size:1.0625rem;max-width:460px}
.hero-foot{margin-top:30px}
.hero-image-frame{height:360px}
.hero-image-frame img{width:230px}
.hero-visual figcaption{padding:18px}
.hero-visual strong{font-size:1.375rem}
.category-strip{padding:13px 0}
.strip-group{font-size:.8125rem;gap:24px;padding-right:24px}
.section-heading{display:block;margin-bottom:30px}
.section-heading>p{margin-top:16px;max-width:400px}
.section-heading h2,.studio-heading h2{font-size:2.5rem}
.portfolio{padding-block:72px 64px}
.game-grid{grid-template-columns:1fr;gap:44px}
.project-image{border-radius:var(--r-md)}
.featured-card .project-image{height:360px}
.featured-card .project-image>img{width:55%;min-width:180px}
.project-card h3{font-size:1.625rem}
.lifestyle-section{padding-block:72px;border-radius:28px 28px 0 0}
.lifestyle-grid{grid-template-columns:1fr;gap:20px}
.life-image{height:290px}
.commute-image img{width:210px}
.singlog-image img{max-width:500px;margin:auto}
.solomon-image img{height:250px}
.studio-section{grid-template-columns:1fr;gap:28px;padding-block:72px 56px}
.studio-intro{font-size:1.1875rem}
.studio-facts{margin:24px 0}
.contact-section{padding:32px 24px;border-radius:var(--r-lg);margin-bottom:36px}
.contact-email{font-size:clamp(1.375rem,7vw,2.25rem)}
footer>span:nth-child(2){display:none}
.dialog-layout{grid-template-columns:1fr;gap:22px}
dialog{padding:18px;width:calc(100% - 24px);border-radius:20px}
.dialog-layout figure img{max-height:45vh}
.dialog-copy h2{font-size:1.875rem}
html[lang=ko] .hero h1{font-size:clamp(2.5rem,10.5vw,3.75rem)}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
.hero-visual:hover .hero-image-frame img{transform:none}
.strip-track{width:auto;justify-content:center}
.strip-group:not(:first-child){display:none}
}