@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111210;--line:#30312d;--muted:#989b90;--lime:#d5ff64;--white:#f1f1e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-size:34px;font-weight:800;letter-spacing:-2px}.logo span{color:var(--lime);margin-left:4px;font-size:38px}nav{display:flex;gap:36px;font-size:13px;color:#c7c9c0}.nav-contact{font-size:13px;border-bottom:1px solid #939889;padding:12px 0}.nav-contact span{margin-left:28px}.hero{padding:28px 5% 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.hero-top i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:3%;align-items:center;min-height:640px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);font-weight:600}.hero h1{font-size:clamp(40px,4.5vw,72px);line-height:1.3;letter-spacing:-4px;margin:24px 0}em{font-style:normal;color:var(--lime)}.intro{font-size:15px;line-height:1.9;color:#b1b4a9}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:0;border-radius:50px;padding:17px 25px;font-size:13px;font-weight:700;transition:transform .2s}.pill:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:#171b10}.hero .pill{margin-top:23px}.hero-tags{display:flex;gap:20px;font-size:9px;letter-spacing:1px;color:#7d8274;margin-top:45px}.hero-art{position:relative;height:540px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#39422866,transparent 65%)}.mini-browser{width:85%;height:410px;background:#141613;border:1px solid #687058;transform:rotate(-7deg);box-shadow:0 30px 70px #0008;position:relative;overflow:hidden}.browser-bar{display:flex;justify-content:space-between;font-size:7px;color:#8e9484;border-bottom:1px solid #4a503d;padding:11px 15px;letter-spacing:1px}.mock-nav{padding:18px 23px;font-family:Georgia,serif;font-size:22px}.mock-nav span{float:right;font:7px Arial;letter-spacing:2px;margin-top:8px}.mock-title{position:absolute;top:125px;left:24px;font-size:clamp(60px,6.5vw,100px);font-weight:500;line-height:.88;letter-spacing:-7px;z-index:1}.mock-title i{font-family:Georgia,serif;font-weight:400;color:#d6e5ae}.chrome-ball,.noir-orb{position:absolute;width:210px;height:210px;border-radius:50%;right:12px;top:94px;background:radial-gradient(circle at 32% 28%,#f3f8d1 0%,#a1ae78 12%,#343e23 30%,#dce7b9 43%,#4c5a34 49%,#151c0d 65%,#b3c98c 85%,#303c1c 100%);box-shadow:inset -15px -10px 35px #0008;transform:rotate(-25deg)}.mock-bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:8px;line-height:1.8;letter-spacing:1.5px}.mock-circle{border:1px solid #a3ae8c;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.floating-sticker{position:absolute;bottom:46px;right:0;background:var(--lime);color:#1c2411;padding:22px;font-size:16px;font-weight:800;line-height:1.1;transform:rotate(9deg)}.floating-sticker b{margin-left:35px;font-size:25px}.orbit{position:absolute;inset:30px 0;border:1px solid #485036;border-radius:50%;transform:rotate(32deg)}.orbit-two{inset:60px 40px;transform:rotate(-32deg)}.art-label{position:absolute;top:18px;left:10px;font-size:8px;letter-spacing:2px;color:#a2aa92}.art-caption{position:absolute;bottom:2px;left:20%;font-size:8px;letter-spacing:2px;color:#8e9583}.hero-bottom{padding:24px 0;border-top:1px solid var(--line);letter-spacing:0;font-size:10px}.hero-bottom a{letter-spacing:1px}.ticker{background:var(--lime);color:#14180c;padding:18px 0;overflow:hidden;font-size:27px;font-weight:700;letter-spacing:-.6px}.ticker div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-40%)}}.section{padding:105px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section h2{font-size:clamp(30px,3.3vw,49px);line-height:1.35;letter-spacing:-2px;margin:15px 0 0}.section-head>p{font-size:13px;color:#b3b7a9;line-height:1.8}.section-head>p span{font-size:10px;color:#71776a}.filters{display:flex;gap:9px;margin:35px 0}.filters button{border:1px solid #383c31;background:transparent;color:#a2a797;border-radius:30px;padding:11px 20px;font-size:12px}.filters button.active{background:var(--lime);border-color:var(--lime);color:#151a0d}.filters sup{margin-left:6px;font-size:9px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px}.project{border:0;text-align:left;background:none;color:inherit;padding:0;min-width:0}.project[hidden]{display:none}.project-art{height:350px;position:relative;overflow:hidden;padding:24px 28px;transition:filter .3s}.project:hover .project-art{filter:brightness(1.15)}.poster-top,.poster-foot{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:20px;letter-spacing:1px}.poster-top span{font:7px Arial;letter-spacing:1.5px;padding-top:8px}.poster-title{position:absolute;left:28px;top:100px;font-size:clamp(42px,5.2vw,76px);line-height:.95;font-weight:600;letter-spacing:-4px;z-index:2}.poster-title i{font-family:Georgia,serif;font-weight:400}.poster-foot{position:absolute;bottom:24px;left:28px;right:28px;font-size:7px;letter-spacing:1.5px}.noir{background:#202820;color:#e6e8ce}.noir-orb{right:35px;top:70px;width:240px;height:240px}.pulse{background:#bbfb45;color:#1c2910}.pulse .poster-title{font-weight:900;font-style:italic}.pulse-rings{position:absolute;width:430px;height:430px;right:-170px;top:-20px;border-radius:50%;background:repeating-radial-gradient(ellipse,#1a3419 0 2px,transparent 3px 15px);transform:rotate(-25deg) scaleX(.75)}.velvet{background:#542731;color:#f3c2b9}.velvet .poster-title{font-size:clamp(37px,4vw,60px);top:125px}.velvet-flower{position:absolute;right:35px;top:0;font-size:310px;color:#ad616a;line-height:1.1;transform:rotate(15deg)}.onair{background:#c5c2ef;color:#302b6e}.sound-bars{position:absolute;right:25px;bottom:30px;display:flex;gap:7px;align-items:center;height:240px;transform:rotate(-18deg)}.sound-bars i{width:18px;height:65%;border-radius:20px;background:#6a60b6}.sound-bars i:nth-child(2n){height:95%}.sound-bars i:nth-child(3n){height:45%}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.project-info h3{font-size:17px;margin:0}.project-info h3 span{font-size:11px;font-weight:400;color:#8c9282;margin-left:12px}.project-info>span{font-size:8px;letter-spacing:1px;color:#a2a795}.services{background:#1a1c17}.big-asterisk{font-size:100px;color:var(--lime);line-height:1}.service-row{display:grid;grid-template-columns:7% 36% 1fr 20px;gap:10px;align-items:center;border-top:1px solid #3c4034;padding:30px 0}.service-row:last-child{border-bottom:1px solid #3c4034}.service-row>span{font-size:12px;color:#8c9480}.service-row>span:last-child{font-size:24px;color:var(--lime)}.service-row h3{font-size:24px;margin:0;letter-spacing:-1px}.service-row p{font-size:12px;color:#a0a693}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}.steps article{border-top:1px solid #656e53;padding-top:23px}.steps article>span{font-size:10px;color:var(--lime);letter-spacing:1px}.steps h3{font-size:18px;margin-top:27px}.steps p{font-size:11px;color:#989f8b}.contact{background:var(--lime);color:#19200f}.contact .eyebrow{color:#546332}.contact-heading{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(45px,6.5vw,90px);line-height:1.2;letter-spacing:-5px}.contact em{color:#657e2e}.contact-heading>span{font-size:150px;font-weight:400;line-height:1}.contact-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.contact-bottom p{font-size:13px;line-height:1.8}.dark{background:#18200f;color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;padding:38px 5%;gap:20px}footer p{font-size:10px;color:#8c9281}footer>span,footer>a:last-child{font-size:9px;color:#a5ab98;letter-spacing:1px}dialog{background:#1b1e16;color:var(--white);border:1px solid #535c42;padding:38px;width:min(650px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:30px}.dialog-note{font-size:12px;color:#a0aa90;line-height:1.8}dialog h2{font-size:25px;letter-spacing:-1px;margin:25px 0}#project-preview .project-art{height:350px;margin:25px 0}form{display:grid;gap:18px;margin-top:25px}label{display:grid;gap:8px;font-size:12px;color:#c2c8b6}input,select,textarea{width:100%;border:1px solid #4b543e;background:#11150e;color:#e7eddc;padding:13px;outline-color:var(--lime);border-radius:0}textarea{min-height:100px;resize:vertical}.setup-note,#form-status{font-size:11px;line-height:1.7;color:#9fa98f;margin:0}#form-status{color:var(--lime)}
@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:800px){header{height:78px}.logo{font-size:28px}.logo span{font-size:30px}nav{gap:20px;font-size:11px}.nav-contact{font-size:11px}.nav-contact span{margin-left:10px}.hero-layout{min-height:570px}.hero h1{letter-spacing:-2px}.hero-art{height:420px}.mini-browser{height:330px;width:100%}.mock-title{top:120px;font-size:60px;letter-spacing:-4px}.chrome-ball{width:155px;height:155px;right:0}.floating-sticker{font-size:12px;padding:16px;bottom:10px}.hero-tags{gap:12px;font-size:7px}.section{padding-top:75px;padding-bottom:75px}.project-art{height:280px;padding:20px}.poster-title{left:20px;top:100px;font-size:47px}.poster-top{font-size:16px}.poster-top span{font-size:6px}.noir-orb{width:190px;height:190px;right:0}.poster-foot{left:20px;right:20px;font-size:6px}.project-info>span{display:none}.service-row h3{font-size:20px}.service-row p{font-size:10px}.steps{grid-template-columns:1fr 1fr;row-gap:30px}.contact-heading>span{font-size:100px}footer{flex-wrap:wrap}footer p{display:none}}
@media(max-width:560px){header{padding:0 6%}nav{display:none}.hero{padding:22px 6% 0}.hero-top{font-size:8px;letter-spacing:1px}.hero-top>span:last-child{display:none}.hero-layout{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:45px}.hero h1{font-size:45px;letter-spacing:-2.8px;margin:20px 0}.intro{font-size:13px}.hero-tags{margin-top:30px;font-size:8px}.hero-art{height:440px;margin-top:20px}.mini-browser{width:85%;height:335px}.mock-title{font-size:74px;top:115px}.chrome-ball{width:190px;height:190px;top:80px;right:5px}.floating-sticker{bottom:28px;right:0;font-size:14px}.art-caption{bottom:0;font-size:7px}.hero-bottom{margin-top:20px}.hero-bottom>span:last-child{display:none}.hero-bottom a{font-size:8px}.ticker{font-size:20px;padding:14px 0}.section{padding:65px 6%}.section-head{align-items:start;gap:15px}.section-head>p{font-size:10px;max-width:145px;padding-top:27px}.section h2{font-size:31px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.5px}.filters{gap:6px;margin:26px 0}.filters button{font-size:10px;padding:9px 12px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:330px}.poster-title{font-size:65px;top:110px}.poster-top span{font-size:7px}.noir-orb{width:230px;height:230px;right:12px;top:70px}.poster-foot{font-size:7px}.velvet .poster-title{font-size:47px}.project-info h3{font-size:15px}.project-info h3 span{font-size:10px}.project-info>span{display:block;font-size:7px}.big-asterisk{font-size:75px}.service-row{grid-template-columns:25px 1fr 20px;gap:10px;padding:25px 0}.service-row h3{font-size:20px}.service-row p{grid-column:2;grid-row:auto;margin:0;font-size:10px}.service-row>span:last-child{grid-column:3;grid-row:1 / 3}.steps{gap:25px 17px;margin-top:35px}.steps h3{font-size:16px}.steps p{font-size:10px;line-height:1.8}.contact h2{font-size:43px;letter-spacing:-3px}.contact-heading>span{font-size:70px}.contact-bottom{align-items:start;flex-direction:column;gap:20px;margin-top:20px}.contact-bottom p{font-size:12px}footer{padding:30px 6%;gap:22px}footer .logo{width:100%}footer>span,footer>a:last-child{font-size:8px}dialog{padding:30px 22px}dialog h2{font-size:21px}#project-preview .project-art{height:290px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}
.floating-contact{position:fixed;right:28px;bottom:28px;z-index:50;display:grid;gap:10px;width:184px}.channel-button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:12px;padding:15px 16px;font-size:12px;font-weight:700;box-shadow:0 5px 24px #0004;transition:transform .2s}.channel-button:hover{transform:translateY(-3px)}.channel-button svg{width:22px;height:22px;flex-shrink:0}.channel-button>span:last-child{margin-left:auto;font-size:16px}.telegram{background:#229ed9;color:#fff}.site-inquiry{background:var(--lime);color:#19200f}#channel-status{margin:0;background:#24281e;border:1px solid #536041;padding:12px;color:#e4eadb;font-size:11px;line-height:1.7;border-radius:10px}.hero h1{white-space:nowrap}.hero .intro{margin-bottom:0}.hero-tags{margin-top:32px}footer{padding-bottom:160px}.velvet .poster-title{font-size:clamp(34px,3.8vw,57px)}
@media(max-width:560px){.floating-contact{right:14px;bottom:max(14px,env(safe-area-inset-bottom));width:160px;gap:8px}.channel-button{padding:12px 13px;font-size:11px;border-radius:10px}.channel-button svg{width:19px;height:19px}.hero h1{font-size:42px}.hero-layout{min-height:0}.hero-copy{padding-top:45px}.velvet .poster-title{font-size:40px}.contact-bottom{padding-bottom:45px}}

/* Single split pill for consultation channels. */
.floating-contact{width:264px;display:grid;grid-template-columns:1fr 1fr;gap:0;filter:drop-shadow(0 5px 15px #0004)}
.channel-button{justify-content:center;gap:7px;min-height:52px;padding:13px 14px;border-radius:0;box-shadow:none;font-size:12px}
.channel-button:first-child{border-radius:999px 0 0 999px}
.channel-button:nth-child(2){border-radius:0 999px 999px 0}
.channel-button>span:last-child{margin-left:0;font-size:12px}
.channel-button:hover{transform:none;filter:brightness(1.08)}
.channel-button svg{width:21px;height:21px}
#channel-status{grid-column:1 / -1;margin-top:8px}
@media(max-width:560px){.floating-contact{width:238px;right:14px}.channel-button{min-height:48px;padding:11px 12px;gap:6px}.channel-button>span:last-child{font-size:11px}.channel-button svg{width:20px;height:20px}}
/* Vertical split contact pill. */
.floating-contact{width:108px;grid-template-columns:1fr;right:24px;bottom:28px}
.channel-button{flex-direction:column;gap:7px;min-height:82px;padding:16px 10px}
.channel-button:first-child{border-radius:999px 999px 0 0;padding-top:20px}
.channel-button:nth-child(2){border-radius:0 0 999px 999px;padding-bottom:20px}
.channel-button svg{width:24px;height:24px}
#channel-status{position:absolute;right:120px;bottom:0;width:190px;margin:0}
@media(max-width:560px){.floating-contact{width:84px;right:14px;bottom:max(18px,env(safe-area-inset-bottom))}.channel-button{min-height:73px;padding:13px 8px;gap:6px}.channel-button:first-child{padding-top:18px}.channel-button:nth-child(2){padding-bottom:18px}.channel-button svg{width:22px;height:22px}.channel-button>span:last-child{font-size:10px}#channel-status{right:94px;width:175px}}
/* Compact contact pill centered on the right edge. */
.floating-contact{width:76px;right:18px;top:50%;bottom:auto;transform:translateY(-50%)}
.channel-button{min-height:72px;padding:11px 5px;gap:5px}
.channel-button:first-child{padding-top:16px}
.channel-button:nth-child(2){padding-bottom:16px}
.channel-button svg{width:28px;height:28px}
.channel-button>span:last-child{font-size:12px;line-height:1.25;letter-spacing:-.7px;white-space:nowrap}
#channel-status{right:86px;bottom:0}
@media(max-width:560px){.floating-contact{width:68px;right:10px;top:50%;bottom:auto}.channel-button{min-height:65px;padding:9px 4px;gap:4px}.channel-button:first-child{padding-top:14px}.channel-button:nth-child(2){padding-bottom:14px}.channel-button svg{width:26px;height:26px}.channel-button>span:last-child{font-size:11px;letter-spacing:-.6px}#channel-status{right:78px}}
/* Softer corners and a smaller mobile contact control. */
.channel-button:first-child{border-radius:18px 18px 0 0}
.channel-button:nth-child(2){border-radius:0 0 18px 18px}
@media(max-width:560px){
  .floating-contact{width:58px;right:8px;top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:none}
  .channel-button{min-height:54px;padding:8px 3px;gap:3px}
  .channel-button:first-child{padding-top:10px;border-radius:12px 12px 0 0}
  .channel-button:nth-child(2){padding-bottom:10px;border-radius:0 0 12px 12px}
  .channel-button svg{width:22px;height:22px}
  .channel-button>span:last-child{font-size:10px;letter-spacing:-.7px;line-height:1.2}
  #channel-status{right:68px;width:170px}
}
@media(max-width:560px){
  .floating-contact{width:126px;grid-template-columns:1fr 1fr}
  .channel-button{min-height:54px;padding:8px 4px;gap:3px}
  .channel-button:first-child{padding-top:8px;border-radius:12px 0 0 12px}
  .channel-button:nth-child(2){padding-bottom:8px;border-radius:0 12px 12px 0}
  #channel-status{right:0;bottom:calc(100% + 8px);width:180px}
}
/* Animated hero typography. */
.hero-copy .eyebrow{animation:hero-enter .7s ease-out both}
.hero h1{position:relative;font-weight:900;animation:hero-enter .9s .12s cubic-bezier(.16,1,.3,1) both;text-shadow:0 2px 22px #d5ff640d}
.hero h1 em{display:inline-block;position:relative;background:linear-gradient(110deg,#a2dc32 0%,#d5ff64 28%,#f7ffe6 43%,#c6ff47 54%,#a2dc32 75%,#d5ff64 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 14px #b8ff3938);animation:hero-shine 5s 1s ease-in-out infinite}
.hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;background:linear-gradient(90deg,#a9e83b00,#d5ff64,#efffc7,#a9e83b00);transform-origin:left;animation:hero-line 1.2s .45s cubic-bezier(.16,1,.3,1) both;box-shadow:0 0 15px #c8ff5670}
.hero .intro{animation:hero-enter .8s .3s ease-out both}
.hero-tags{animation:hero-enter .8s .45s ease-out both}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-shine{0%,15%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@keyframes hero-line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.hero-copy .eyebrow,.hero h1,.hero h1 em,.hero h1 em::after,.hero .intro,.hero-tags{animation:none!important}}

/* Two-row header. */
header.site-header{height:auto;display:block;padding:0 5%;border-bottom:1px solid var(--line)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.header-brand{display:flex;align-items:center;gap:17px}
.header-brand strong{font-size:29px;letter-spacing:-1.8px;font-weight:900;white-space:nowrap}
.header-brand strong>span{color:var(--lime);margin-left:5px}
.brand-description{font-size:14px;color:#c4c9b9;padding-left:17px;border-left:1px solid #444a39;white-space:nowrap}
.header-inquiry{display:flex;align-items:center;gap:24px;background:var(--lime);color:#18200f;border-radius:10px;padding:12px 19px;font-size:13px;font-weight:700;white-space:nowrap}
.header-inquiry:hover{background:#e1ff91}
nav.category-nav{display:flex;align-items:center;justify-content:flex-start;gap:36px;min-height:50px;border-top:1px solid var(--line);font-size:13px;color:#c4c9b9}
.category-nav a{display:flex;align-items:center;min-height:50px;border-bottom:2px solid transparent}
.category-nav a:hover{color:var(--lime);border-bottom-color:var(--lime)}
@media(min-width:1600px){header.site-header{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:560px){header.site-header{padding:0 6%}.header-main{min-height:76px;gap:10px}.header-brand{gap:8px}.header-brand strong{font-size:21px;letter-spacing:-1.2px}.brand-description{font-size:10px;padding-left:8px}.header-inquiry{padding:10px 12px;gap:8px;font-size:11px;border-radius:8px}nav.category-nav{display:flex;gap:0;justify-content:space-between;min-height:46px;font-size:12px}.category-nav a{min-height:46px;padding:0 8px}}

.brand-description{font-size:23px;font-weight:800;color:var(--white);letter-spacing:-1px}
#branding{scroll-margin-top:30px}
@media(max-width:560px){.header-brand{gap:8px}.brand-description{font-size:16px;letter-spacing:-.8px}.header-brand strong{font-size:20px}.header-inquiry{padding:10px;gap:5px}}

#profile{scroll-margin-top:30px}
@media(max-width:560px){
 .floating-contact{width:58px;grid-template-columns:1fr}
 .channel-button:first-child{padding-top:10px;border-radius:12px 12px 0 0}
 .channel-button:nth-child(2){padding-bottom:10px;border-radius:0 0 12px 12px}
 #channel-status{right:68px;bottom:0;width:170px}
 nav.category-nav{gap:0;font-size:11px}
 .category-nav a{padding:0 4px}
}

.category-nav a[aria-current=page]{color:var(--lime);border-bottom-color:var(--lime)}
.page-intro{padding-bottom:55px;border-bottom:1px solid var(--line)}
.page-intro h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px;margin:20px 0}
.page-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}
.page-cta{display:flex;align-items:center;justify-content:space-between;gap:20px}
.contact-form-section{display:grid;grid-template-columns:minmax(0,650px) 1fr;gap:9%;padding-top:55px}
.contact-form-card h2,.contact-guide h2{font-size:25px;margin-top:0}
@media(max-width:560px){.contact-form-section{grid-template-columns:1fr;gap:45px}.page-intro{padding-bottom:35px}.page-intro>p:last-child{font-size:12px}.page-cta h2{font-size:25px}}
/* Balanced category navigation scale. */
nav.category-nav{gap:8px;min-height:56px;font-size:15px;letter-spacing:-.3px}
.category-nav a{justify-content:center;min-height:56px;padding:0 23px;font-weight:500;white-space:nowrap;line-height:1.4}
.category-nav a:first-child{padding-left:16px;padding-right:16px}
@media(max-width:560px){
 nav.category-nav{display:grid;grid-template-columns:.65fr 1fr 1.2fr 1.2fr;gap:0;min-height:48px;font-size:13px}
 .category-nav a,.category-nav a:first-child{min-width:0;min-height:48px;padding:0 3px;letter-spacing:-.5px}
}

/* Home service overview and a cleaner, arrow-free interface. */
.service-row{grid-template-columns:7% 36% 1fr}
.service-row>span:last-child:empty{display:none}
.home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-categories>a{position:relative;background:#171a13;padding:35px max(25px,3vw);overflow:hidden;transition:background .25s}
.home-categories>a:hover{background:#252e1b}
.category-number{font-size:9px;letter-spacing:1.5px;color:var(--lime)}
.home-categories h2{font-size:27px;letter-spacing:-1px;margin:22px 0 12px}
.home-categories p{font-size:12px;color:#9ca58e;margin:0;line-height:1.8}
.category-symbol{position:absolute;right:22px;top:26px;font-size:45px;color:#697c463d;line-height:1}
.header-inquiry>span:empty,.floating-sticker>b:empty,.contact-heading>span:empty{display:none}
.header-inquiry{gap:0}
.mock-circle{color:var(--lime);font-family:Georgia,serif}
.home-categories + .ticker{font-size:14px;letter-spacing:0}
.ticker>div{display:flex}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw}
.ticker-item{padding-inline:40px}
.ticker-group>i{font-size:.85em;font-style:normal}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:600px){.home-categories + .ticker{font-size:11px}.ticker-item{padding-inline:30px}}
@media(max-width:560px){
 .home-categories{grid-template-columns:1fr;margin-top:0}
 .home-categories>a{padding:24px 6%}
 .home-categories h2{font-size:23px;margin:12px 0 7px}
 .home-categories p{font-size:11px}
 .category-symbol{top:24px;right:8%;font-size:55px}
 .service-row{grid-template-columns:25px 1fr}
}

.contract-stat{padding:65px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(ellipse at 95% 80%,#31421c55,transparent 65%);border-top:1px solid var(--line)}
.contract-stat h2{font-size:clamp(21px,2.4vw,34px);letter-spacing:-1.5px;margin:14px 0}
.contract-value{display:flex;align-items:baseline;gap:13px;color:var(--lime)}
#contract-count{font-size:clamp(68px,8vw,116px);font-weight:700;line-height:1;letter-spacing:-5px;font-variant-numeric:tabular-nums}
.contract-unit{font-size:20px;color:#b8c99f}
@media(max-width:560px){.contract-stat{padding:40px 6%;align-items:flex-start;flex-direction:column;gap:16px}.contract-stat h2{font-size:23px}.contract-value{align-self:flex-end}#contract-count{font-size:82px}.contract-unit{font-size:17px}}
.media-art{position:relative;height:350px;overflow:hidden;background:#1b2116}.media-poster,.preview-media{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.preview-media{background:#111}.preview-media[hidden]{display:none}.play-hint{position:absolute;bottom:14px;right:14px;z-index:2;background:#10160edb;border:1px solid #8baa5966;color:var(--lime);padding:8px 12px;border-radius:20px;font-size:10px;pointer-events:none}.media-project:hover .media-art{outline:1px solid #a5c36b66;outline-offset:-1px}.media-project .project-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.media-project .project-info>span{display:block;color:var(--lime);font-size:11px}#portfolio-status:empty{display:none}@media(max-width:800px){.media-art{height:280px}}@media(max-width:560px){.media-art{height:300px}}
.contract-stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:64px 5%}
.stat-item{text-align:center;padding:12px 20px;min-width:0}.stat-item+.stat-item{border-left:1px solid var(--line)}
.stat-item .contract-value{justify-content:center;align-self:auto;gap:10px}
.stat-item [data-counter]{font-size:clamp(68px,8vw,116px);font-weight:700;line-height:1;letter-spacing:-5px;font-variant-numeric:tabular-nums}
.contract-stat .stat-item h2{margin:22px 0 0;font-size:clamp(15px,1.8vw,24px);letter-spacing:-.7px;font-weight:600}
@media(max-width:560px){.contract-stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:36px 5%;gap:0}.stat-item{padding:8px 7px}.stat-item [data-counter]{font-size:clamp(46px,13vw,70px);letter-spacing:-3px}.stat-item .contract-unit{font-size:13px}.stat-item .contract-value{gap:5px}.contract-stat .stat-item h2{font-size:13px;margin-top:17px;letter-spacing:-.6px}}
/* Larger, consistently scaled statistics and five category links. */
.stat-item #contract-count,.stat-item #website-count{font-size:clamp(96px,10vw,148px);letter-spacing:-6px}
.contract-stat .stat-item h2{font-size:16px;font-weight:500;letter-spacing:-.4px;margin-top:18px;color:#b6c1a6}
.contract-stat{padding:64px 5%;column-gap:20px}.stat-item{padding:8px 24px}
.guide-content{max-width:1100px;margin:auto;padding-top:50px;padding-bottom:30px}.guide-block{margin-bottom:55px}.guide-block h2{font-size:28px;margin-bottom:25px}.guide-block>p:not(.eyebrow),.guide-block details p{font-size:14px;color:#a8b49a;line-height:1.9}.guide-block ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.guide-block li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.guide-block li strong{font-weight:500}.guide-block li span{color:#a8b49a}.guide-block details{border-bottom:1px solid var(--line);padding:19px 0}.guide-block summary{cursor:pointer;font-size:14px;line-height:1.7}.guide-block details p{margin-bottom:0}
@media(max-width:560px){
 nav.category-nav{grid-template-columns:.55fr 1fr 1.2fr .8fr .8fr;font-size:12px}.category-nav a,.category-nav a:first-child{padding:0 2px;letter-spacing:-.6px}
 .contract-stat{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;padding:38px 4%}.stat-item{padding:8px 6px}
 .stat-item #contract-count,.stat-item #website-count{font-size:clamp(64px,22vw,92px);letter-spacing:-4px}
 .contract-stat .stat-item h2{font-size:11px;letter-spacing:-.4px;margin-top:15px;white-space:nowrap}.stat-item .contract-value{gap:4px}.stat-item .contract-unit{font-size:12px}
 .guide-block{margin-bottom:38px}.guide-block h2{font-size:24px}.guide-block li{grid-template-columns:85px 1fr;gap:12px;font-size:12px;line-height:1.8}.guide-block>p:not(.eyebrow),.guide-block details p,.guide-block summary{font-size:12px}
}
.guide-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:35px 5% 15px}.guide-categories>a{display:block;background:#1b2116;border:1px solid #3a452d;padding:28px;border-radius:10px;transition:border-color .2s,background .2s}.guide-categories>a:hover,.guide-categories>a[aria-current=page]{border-color:var(--lime);background:#252e1a}.guide-categories h2{font-size:25px;letter-spacing:-1px;margin:18px 0 12px}.guide-categories p{font-size:12px;color:#a9b69b;line-height:1.7;margin:0}.guide-category-action{display:block;font-size:11px;color:var(--lime);margin-top:25px}.guide-breadcrumb{display:flex;gap:12px;padding:25px 5% 0;color:#a9b69b;font-size:12px}.guide-breadcrumb>a{color:var(--lime)}.guide-source a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.guide-block code{color:var(--lime);font-size:.95em}.category-nav a[aria-current=true]{color:var(--lime);border-bottom-color:var(--lime)}
@media(max-width:560px){.guide-categories{grid-template-columns:1fr;gap:10px;padding:25px 6% 0}.guide-categories>a{padding:21px}.guide-categories h2{font-size:22px;margin:11px 0 8px}.guide-category-action{margin-top:14px}.guide-breadcrumb{padding:20px 6% 0}.guide-categories.is-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guide-categories.is-detail>a{padding:13px 6px;text-align:center}.guide-categories.is-detail h2{font-size:12px;margin:0;letter-spacing:-.5px}.guide-categories.is-detail .eyebrow,.guide-categories.is-detail p,.guide-categories.is-detail .guide-category-action{display:none}}

.contact-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.8}.contact-consent input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--lime)}.contact-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}#inquiry-form button:disabled{opacity:.6;cursor:wait}
.studio-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:45px 65px;padding:60px 5vw 28px;background:#10120e;border-top:1px solid #3b4530;align-items:start}.studio-footer .logo{display:inline-flex;margin-bottom:22px}.studio-footer h2{font-size:19px;line-height:1.5;margin:0 0 14px;letter-spacing:-.5px}.studio-footer .footer-intro>p{font-size:12px;line-height:1.9;color:#9fa893;margin:0;max-width:440px}.footer-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.footer-tags a,.footer-contact-buttons a,.footer-contact-buttons button{padding:10px 13px;border:1px solid #465239;border-radius:6px;background:#1b2115;color:#d4e3bb;font:inherit;font-size:11px;cursor:pointer}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-links h3{font-size:12px;color:#d5ff64;margin:0 0 15px}.footer-links>div{display:flex;flex-direction:column;gap:8px}.footer-links a{padding:10px 11px;border:1px solid #344029;border-radius:5px;font-size:11px;line-height:1.5;color:#b8c4aa;background:#171c13}.footer-links a:hover,.footer-tags a:hover{border-color:#a8ca53;color:#d5ff64}.studio-footer .footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:24px;border-top:1px solid #344029}.studio-footer .footer-bottom p,.studio-footer .footer-bottom>a{font-size:10px;color:#929c85;margin:0}.footer-contact-buttons{display:flex;gap:7px}.studio-footer .footer-keywords{grid-column:1/-1;font-size:10px;line-height:2;color:#747f68;margin:0;max-width:1100px}@media(max-width:760px){.studio-footer{grid-template-columns:1fr;gap:30px;padding:40px 20px 25px}.studio-footer h2{font-size:17px}.footer-links{gap:10px}.footer-links a{font-size:10px;padding:10px 7px}.studio-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.studio-footer .footer-keywords{font-size:9px}.footer-links h3{font-size:11px}}
.studio-footer p{display:block}

/* Public studio UI: remove decorative borders while preserving layout and keyboard focus. */
body :where(*,*::before,*::after){border-color:transparent!important}.home-categories{background:transparent;gap:18px}.media-project:hover .media-art{outline:none}.contact-form-card{padding-top:0}
@media(max-width:800px){.contact-form-section{grid-template-columns:minmax(0,1fr)}.contact-guide{min-width:0}.contact-form-card{min-width:0}}

.website-seo-hero{text-align:center;min-height:620px;display:grid;place-items:center;padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at 50% 45%,#a1c64f0d,transparent 65%)}.website-seo-hero .eyebrow{color:#c8e990;margin:0 0 28px;font-size:13px;letter-spacing:.04em}.website-seo-hero h1{font-size:clamp(34px,4.8vw,68px);line-height:1.35;letter-spacing:-.055em;margin:0 0 32px;font-weight:700}.website-seo-hero h1 em{color:var(--lime);font-style:normal}.seo-hero-description{font-size:15px;line-height:2;color:#a8b49a;margin:0 auto;max-width:760px;word-break:keep-all}.website-why{text-align:center;padding-top:100px;padding-bottom:120px}.website-why h2{font-size:clamp(32px,4vw,53px);line-height:1.35;letter-spacing:-.05em;margin:0 0 30px}.website-why p{font-size:16px;line-height:2;color:#a8b49a;word-break:keep-all}.slow-reveal-pending{opacity:0;transform:translateY(45px)}[data-slow-reveal]{transition:opacity 2.8s ease,transform 3.2s cubic-bezier(.16,1,.3,1)}[data-slow-reveal].slow-reveal-visible{opacity:1;transform:translateY(0)}@media(max-width:600px){.website-seo-hero{min-height:540px;padding:85px 22px}.website-seo-hero h1{font-size:clamp(29px,7.2vw,42px)}.seo-hero-description{font-size:13px}.desktop-break{display:none}.website-why{padding:75px 24px 90px}.website-why p{font-size:14px}.website-why p br{display:none}}@media(prefers-reduced-motion:reduce){[data-slow-reveal]{opacity:1;transform:none;transition:none}}

.seo-features{padding-top:35px;padding-bottom:110px}.seo-feature-heading{text-align:center;margin-bottom:45px}.seo-feature-heading .eyebrow{font-size:11px;color:#a8c67a;letter-spacing:.15em;margin-bottom:16px}.seo-feature-heading h2{font-size:clamp(27px,3.2vw,43px);letter-spacing:-.045em;line-height:1.4;margin:0}.seo-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1280px;margin:0 auto}.seo-feature-card{background:linear-gradient(145deg,#222a1b,#191e14);padding:32px 28px 35px;border-radius:10px;min-width:0;box-shadow:0 12px 30px #00000012}.seo-feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.seo-feature-check{display:grid;place-items:center;width:34px;height:34px;background:#d5ff6412;color:var(--lime);font-size:19px;border-radius:7px}.seo-feature-number{font-size:11px;color:#71815f;letter-spacing:.08em}.seo-feature-card h3{font-size:18px;line-height:1.6;letter-spacing:-.035em;margin:0 0 14px;word-break:keep-all}.seo-feature-card p{font-size:13px;line-height:1.9;color:#a4b096;margin:0;word-break:keep-all}.seo-feature-card:nth-child(3n+2){transition-delay:.12s}.seo-feature-card:nth-child(3n){transition-delay:.24s}@media(max-width:900px){.seo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.seo-features{padding-bottom:75px}.seo-feature-heading{margin-bottom:30px}.seo-feature-grid{gap:12px}.seo-feature-card{padding:23px 17px 26px;border-radius:8px}.seo-feature-top{margin-bottom:22px}.seo-feature-card h3{font-size:15px}.seo-feature-card p{font-size:12px;line-height:1.85}.seo-feature-check{width:28px;height:28px;font-size:16px}}

/* Shared public-page hero alignment and compositor-only reveal. */
.page-intro{text-align:center;min-height:440px;display:grid;place-items:center;padding-top:90px;padding-bottom:90px}.page-intro>div{max-width:850px;width:100%;margin:auto}.page-intro p:last-child{color:var(--muted);font-size:14px;line-height:1.9;word-break:keep-all}.page-intro h1{line-height:1.3}.hero-layout{grid-template-columns:minmax(0,1fr);justify-items:center}.hero-copy{text-align:center;width:100%;max-width:900px;margin:auto}.hero-copy .intro{margin-left:auto;margin-right:auto}.hero-tags{justify-content:center}.hero-art{width:min(100%,800px);margin-inline:auto}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .intro,.hero-copy .hero-tags{animation:none}.hero-copy h1 em::after{animation:none}.slow-reveal-pending{transform:translate3d(0,38px,0)}@media(max-width:560px){.page-intro{min-height:340px;padding-top:65px;padding-bottom:65px}.page-intro p:last-child{font-size:12px}.hero-copy{padding-top:50px}.hero-art{margin-top:35px}}@media(prefers-reduced-motion:reduce){.slow-reveal-pending{transform:none}}

.contract-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.stat-item #contract-count,.stat-item #website-count,.stat-item #banner-count{font-size:clamp(62px,8vw,120px);letter-spacing:-.06em}@media(max-width:760px){.contract-stat{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-inline:3%}.stat-item{padding:8px 0}.stat-item #contract-count,.stat-item #website-count,.stat-item #banner-count{font-size:clamp(35px,9.8vw,68px);letter-spacing:-.06em}.contract-stat .stat-item h2{font-size:clamp(9px,2.5vw,13px);white-space:nowrap}.stat-item .contract-value{gap:3px}.stat-item .contract-unit{font-size:10px}}

@media(max-width:600px){.contract-stat{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;padding:40px 18px}.contract-stat .stat-item{padding:6px 0;min-width:0}.stat-item #contract-count,.stat-item #website-count,.stat-item #banner-count{font-size:clamp(32px,9vw,52px);letter-spacing:-.055em}.stat-item .contract-value{display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}.stat-item .contract-unit{font-size:10px;flex-shrink:0}.contract-stat .stat-item h2{font-size:clamp(9px,2.45vw,12px);line-height:1.5;margin-top:13px;letter-spacing:-.04em;white-space:nowrap}}

.banner-service-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:20px;padding-bottom:90px}.banner-service-card{min-width:0;padding:34px 27px 40px;background:linear-gradient(145deg,#232b1c,#181e13);border-radius:10px;min-height:240px}.banner-card-number{display:block;font-size:12px;letter-spacing:.1em;color:#b6d984;margin-bottom:40px}.banner-service-cards .banner-service-card h2{font-size:25px;line-height:1.4;letter-spacing:-.04em;margin:0 0 17px;word-break:keep-all}.banner-service-card p{margin:0;color:#a8b49a;font-size:13px;line-height:1.9;word-break:keep-all}.banner-service-card:nth-child(2){transition-delay:.1s}.banner-service-card:nth-child(3){transition-delay:.2s}.banner-service-card:nth-child(4){transition-delay:.3s}@media(max-width:1000px){.banner-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.banner-service-cards{gap:12px;padding-top:10px;padding-bottom:65px}.banner-service-card{padding:25px 18px 30px;min-height:205px}.banner-card-number{margin-bottom:28px}.banner-service-cards .banner-service-card h2{font-size:21px}.banner-service-card p{font-size:12px}}

.banner-service-cards{display:block;padding-left:0;padding-right:0}.banner-slider{--rail-speed:18;user-select:none;-webkit-user-select:none;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;cursor:grab}.banner-slider::-webkit-scrollbar{display:none}.banner-slider-track{display:flex;gap:20px;width:max-content;padding:12px 20px}.banner-slider .banner-service-card{flex:0 0 auto;width:clamp(240px,23vw,350px);min-height:245px;transition:background .3s;outline-offset:-3px}.banner-slider .banner-service-card:hover{background:#2a3520}@media(max-width:600px){.banner-slider-track{gap:12px;padding:10px 12px}.banner-slider .banner-service-card{width:calc((100vw - 42px)/2.5);padding:23px 14px;min-height:235px}.banner-slider .banner-service-card h2{font-size:18px}.banner-slider .banner-service-card p{font-size:11px;line-height:1.8}.banner-slider .banner-card-number{margin-bottom:26px}}

.profile-examples>h2{text-align:center}.profile-examples>#profile-examples-status{text-align:center;color:var(--muted);font-size:13px}.profile-media-card{padding:12px!important}.profile-media-card img,.profile-media-card video{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:7px;background:#111}.profile-media-card h3{font-size:13px;line-height:1.5;margin:15px 5px 7px}.profile-examples{padding-inline:0}

.profile-media-card{position:relative;padding:0!important;overflow:hidden;background:#141811}.profile-media-card img,.profile-media-card video{border-radius:10px;aspect-ratio:3/4;object-fit:cover}.profile-media-card h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:40px 18px 20px;background:linear-gradient(transparent,#000d);color:#fff;font-size:24px;font-weight:700;letter-spacing:-.04em}.profile-media-slider .banner-service-card{min-height:0}.profile-examples>#profile-examples-status{font-size:11px;margin:0 20px 25px}@media(max-width:600px){.profile-media-card h3{padding:30px 12px 15px;font-size:19px}}

.profile-lightbox{position:fixed;inset:0;margin:auto;padding:42px 18px 16px;width:min(900px,94vw);max-width:94vw;max-height:94dvh;background:#10120f;color:#fff;border-radius:12px;overflow:auto;overscroll-behavior:contain}.profile-lightbox::backdrop{background:#000d;backdrop-filter:blur(6px)}.profile-lightbox img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(90dvh - 100px);object-fit:contain;margin:0 auto}.profile-lightbox p{text-align:center;font-size:13px;color:#c7d2b8;margin:14px 0 0}.profile-lightbox-close{position:absolute;top:4px;right:8px;width:40px;height:36px;background:transparent;color:#fff;font-size:28px;cursor:pointer;line-height:1}.profile-lightbox-open{overflow:hidden}.profile-media-card{cursor:zoom-in}@media(max-width:600px){.profile-lightbox{width:96vw;max-width:96vw;padding:43px 10px 15px;max-height:94dvh;border-radius:9px}.profile-lightbox img{max-height:calc(90dvh - 85px)}.profile-lightbox p{font-size:12px}}

.profile-media-card.has-poster-label h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:none}

@supports(content-visibility:auto){.deferred-section{content-visibility:auto;contain-intrinsic-size:auto 650px}}[data-slow-reveal]{transition-duration:3.4s,3.8s}.slow-reveal-pending{transform:translate3d(0,32px,0)}.stat-item[data-slow-reveal]:nth-child(2){transition-delay:.1s}.stat-item[data-slow-reveal]:nth-child(3){transition-delay:.2s}@media(prefers-reduced-motion:reduce){[data-slow-reveal]{transition:none;transform:none;opacity:1}}
/* Stable geometry around the animated counters: only digits and opacity change. */
.stat-item [data-counter]{display:inline-grid;grid-template-areas:"digits";white-space:nowrap;align-items:baseline}
.stat-item [data-counter]::before{content:attr(data-counter-final);grid-area:digits;visibility:hidden;pointer-events:none}
.stat-item .counter-digits{grid-area:digits;text-align:center}
.contract-stat,.home-categories{overflow-anchor:none}
.contract-stat.deferred-section,.home-categories.deferred-section{content-visibility:visible;contain-intrinsic-size:none}
.contract-stat .stat-item[data-slow-reveal],.home-categories>a[data-slow-reveal]{transform:none;transition-property:opacity,background,box-shadow;transition-duration:1.4s,.25s,.25s;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.contract-stat .stat-item[data-slow-reveal],.home-categories>a[data-slow-reveal]{transition:none}}

/* Compact mobile spacing across public studio pages. */
@media(max-width:600px){
 .section{padding-top:42px;padding-bottom:42px}
 .page-intro{min-height:245px;padding:48px 22px 40px}.page-intro h1{margin:14px 0}.page-intro p:last-child{margin-bottom:0}
 .website-seo-hero{min-height:390px;padding:58px 22px}.website-seo-hero .eyebrow{margin-bottom:20px}.website-seo-hero h1{margin-bottom:22px}
 .website-why{padding:48px 24px}.website-why h2{margin-bottom:20px}.website-why p{margin-bottom:0}
 .seo-features{padding-top:24px;padding-bottom:48px}.seo-feature-heading{margin-bottom:25px}
 .banner-service-cards{padding-top:6px;padding-bottom:32px}.profile-examples{padding-top:25px;padding-bottom:38px}.profile-examples>h2{margin-top:0;margin-bottom:18px}
 .page-cta{padding-top:35px;padding-bottom:40px}.page-cta h2{margin-top:0}
 .template-catalog{padding-top:32px}.template-catalog .section-head{margin-bottom:22px}
 .contact-form-section{padding-top:24px;padding-bottom:40px;gap:28px}.contact-form-card{padding-top:0}
 .guide-categories{padding-top:20px;padding-bottom:10px}.guide-content{padding-top:28px;padding-bottom:20px}.guide-block{margin-bottom:34px}.guide-block h2{margin-bottom:18px}
 .hero-copy{padding-top:30px}.hero-tags{margin-top:23px}.hero-art{margin-top:22px;height:385px}.hero-bottom{margin-top:12px}
 .contract-stat{padding-top:28px;padding-bottom:28px}.section-head{margin-bottom:25px}.steps{margin-top:24px}
 .studio-footer{padding-top:32px;gap:24px}.footer-links>div{gap:6px}
 .deferred-section{contain-intrinsic-size:auto 450px}
}

.hero-shortcut{display:inline-flex;margin:0 auto 22px;padding:13px 23px;font-size:12px;align-items:center;justify-content:center}.website-seo-hero h1:has(+.hero-shortcut){margin-bottom:24px}.page-intro h1:has(+.hero-shortcut){margin-bottom:20px}#website-templates,#banner-examples,#profile-work{scroll-margin-top:30px}html{scroll-behavior:smooth}@media(max-width:600px){.hero-shortcut{padding:11px 20px;font-size:11px;margin-bottom:16px}.page-intro:has(.hero-shortcut){min-height:270px}.website-seo-hero h1:has(+.hero-shortcut){margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-copy{position:relative;isolation:isolate}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.intro,.hero-copy>.hero-tags{position:relative;z-index:2}.hero-atmosphere{position:absolute;z-index:-1;pointer-events:none;width:min(650px,80vw);height:400px;left:50%;top:50%;transform:translate(-15%,-48%);opacity:.8;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 70%);overflow:hidden}.hero-venue-photo{position:absolute;inset:0;background:linear-gradient(90deg,#111210b0,#11121030),url('/templates/assets/war-hyper.webp') center/cover;opacity:.55}.hero-atmosphere img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.5) brightness(1.6)}@media(max-width:600px){.hero-atmosphere{width:120%;height:300px;left:50%;top:70px;transform:translateX(-50%);opacity:.65}.hero-venue-photo{opacity:.4}.hero-copy h1{text-shadow:0 3px 20px #000b}}@media(prefers-reduced-motion:reduce){.hero-atmosphere img{display:none}}

.pricing-hero{padding-bottom:55px}.pricing-hero .pricing-emphasis{color:var(--lime);font-size:13px;margin-top:24px;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:15px;align-items:stretch}.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 28px;background:linear-gradient(145deg,#222b1b,#181f13);border-radius:10px}.pricing-card-index{font-size:11px;letter-spacing:.1em;color:#849a69;min-height:24px;display:block;margin-bottom:20px}.pricing-badge{display:inline-flex;align-self:flex-start;padding:7px 11px;background:#d5ff6420;color:var(--lime);border-radius:5px;font-size:11px;margin-bottom:20px}.pricing-grid .pricing-card h2{font-size:22px;line-height:1.5;letter-spacing:-.04em;margin:0 0 22px;word-break:keep-all}.pricing-amount{font-size:36px;line-height:1.3;letter-spacing:-.045em;color:#e6f6c9}.pricing-card ul{list-style:none;padding:0;margin:30px 0 22px;display:grid;gap:16px}.pricing-card li{padding-left:19px;position:relative;font-size:13px;line-height:1.8;color:#b9c6a9;word-break:keep-all}.pricing-card li:before{content:'✓';position:absolute;left:0;color:var(--lime)}.pricing-note{font-size:11px;line-height:1.8;color:#82926f;margin:0 0 28px}.pricing-card>.pill{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:46px;font-size:13px}.pricing-contact{background:#344424;color:#e1f1ca}.pricing-package{background:linear-gradient(145deg,#334322,#202b16)}.pricing-summary{text-align:center;padding-top:35px;padding-bottom:85px}.pricing-summary h2{font-size:30px;letter-spacing:-.04em;margin-bottom:18px}.pricing-summary p{font-size:13px;line-height:1.9;color:#a9b89a;margin-bottom:25px}@media(max-width:600px){.pricing-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:8px}.pricing-card{padding:26px 24px}.pricing-grid .pricing-card h2{font-size:22px;margin-bottom:15px}.pricing-amount{font-size:34px}.pricing-card ul{margin-top:24px;gap:12px}.pricing-hero .pricing-emphasis{font-size:12px;line-height:1.8;word-break:keep-all}.pricing-summary{padding-top:20px;padding-bottom:42px}.pricing-summary h2{font-size:25px}.category-nav{gap:clamp(12px,3.7vw,24px)}}

.hero h1.hero-package-title{font-size:clamp(40px,5.3vw,78px);line-height:1.3;letter-spacing:-.055em}.hero-package-title em{display:inline-block;white-space:nowrap}@media(max-width:600px){.hero h1.hero-package-title{font-size:clamp(29px,7.8vw,45px);line-height:1.4;margin:18px 0 22px;letter-spacing:-.055em}.hero-copy:has(.hero-package-title) .hero-atmosphere{top:90px;height:340px}}

/* Text-only home hero after removing the decorative mockup. */
.hero-layout{min-height:0;padding:60px 0 48px}.hero-copy{padding-top:0;max-width:900px}.hero h1.hero-package-title{margin:20px 0 24px}.hero-tags{margin-top:25px}.hero-atmosphere{left:50%;top:50%;width:min(720px,100%);height:420px;transform:translate(-50%,-50%);mask-image:radial-gradient(ellipse at center,#000 12%,transparent 72%)}.hero-copy:has(.hero-package-title) .hero-atmosphere{top:50%;height:420px}.hero-venue-photo{background-position:center;opacity:.38}.hero-bottom{margin-top:0;padding:18px 0}
@media(max-width:600px){.hero{padding:18px 20px 0}.hero-layout{padding:38px 0 32px;min-height:0}.hero-copy{padding-top:0;width:100%;text-align:center}.hero-copy .eyebrow{font-size:10px;margin:0 0 15px}.hero h1.hero-package-title{font-size:clamp(27px,7.8vw,43px);margin:0 0 20px;line-height:1.38;letter-spacing:-.055em}.hero-copy .intro{font-size:12px;line-height:1.8;margin:0 auto}.hero-tags{margin-top:21px;gap:14px;font-size:7px}.hero-copy:has(.hero-package-title) .hero-atmosphere{top:50%;left:50%;width:calc(100% + 40px);height:330px;transform:translate(-50%,-50%);opacity:.75}.hero-venue-photo{opacity:.3}.hero-bottom{padding:14px 0;gap:12px;font-size:8px}.hero-bottom a{font-size:7px;letter-spacing:.05em}}
@media(max-width:600px){.category-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;align-items:center}.category-nav a{text-align:center;white-space:nowrap;font-size:clamp(9px,2.6vw,11px);padding-left:0;padding-right:0}}

/* Keep all six mobile navigation labels readable on a single line. */
@media(max-width:800px){
 nav.category-nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:2px;min-height:48px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .category-nav::-webkit-scrollbar{display:none}
 .category-nav a,.category-nav a:first-child{flex:0 0 auto;min-width:0;min-height:48px;padding:0 1px;font-size:13px;letter-spacing:-.35px;line-height:1.4;white-space:nowrap;justify-content:center}
}

.contact-dragging,.contact-dragging>*{cursor:grabbing!important;transition:none!important}.contact-dragging>*{pointer-events:none}

/* Let the venue image occupy the full hero instead of a small text backdrop. */
.hero{position:relative;isolation:isolate}.hero>.hero-atmosphere{inset:0;left:0;top:0;width:100%;height:100%;transform:none;opacity:1;z-index:-1;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent)}.hero>.hero-atmosphere .hero-venue-photo{inset:0;background-image:linear-gradient(90deg,#11121070,#11121030 50%,#11121070),url('/templates/assets/war-hyper.webp');background-position:center,center 49%;background-size:cover;opacity:.58}.hero>.hero-atmosphere img{inset:-10%;width:120%;height:120%;opacity:.85}.hero .hero-package-title{text-shadow:0 3px 24px #000b}.hero .intro{color:#d1d5c9}.hero-top,.hero-bottom{position:relative;z-index:2}@media(max-width:600px){.hero>.hero-atmosphere{inset:0;width:100%;height:100%;left:0;top:0;transform:none;opacity:1;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 86%,transparent)}.hero>.hero-atmosphere .hero-venue-photo{background-position:center,center 52%;opacity:.52}.hero>.hero-atmosphere img{inset:-12%;width:124%;height:124%}.hero-copy .eyebrow{text-shadow:0 2px 12px #000}}

/* Contemporary type: soft metal finish without outlines or layered extrusion. */
@font-face{font-family:'Blackpie Pretendard';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Pretendard-Bold.woff2') format('woff2')}
.hero h1.hero-package-title{font-family:'Blackpie Pretendard','Noto Sans KR',sans-serif;font-weight:700;font-synthesis:none;font-size:clamp(40px,5.3vw,76px);line-height:1.42;letter-spacing:-.025em;text-shadow:none}
.hero-package-title>.hero-metal-line{display:block;width:fit-content;max-width:100%;margin:0 auto;padding:.025em .035em;line-height:inherit;white-space:nowrap;letter-spacing:inherit;color:#f1f4f5;background:linear-gradient(165deg,#ffffff 8%,#dce3e8 55%,#aebdc8 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:none;text-shadow:none}
.hero-package-title>em.hero-metal-line{font:inherit;font-style:normal;background-image:linear-gradient(165deg,#fff0bb 8%,#e6d19c 58%,#b6a071 100%);background-size:100% 100%;-webkit-text-stroke:0;filter:none;animation:none;text-shadow:none}
.hero-package-title em::after,.hero-package-title em::before{content:none;display:none}
.hero-metal-dot{font-size:.72em;vertical-align:.05em;letter-spacing:0}
@media(max-width:600px){.hero h1.hero-package-title{font-size:clamp(25px,7.1vw,40px);line-height:1.48;letter-spacing:-.025em}}

@font-face{font-family:'Blackpie SUIT';font-weight:900;font-style:normal;font-display:swap;src:url('/fonts/SUIT-Heavy.woff2') format('woff2')}
.hero h1.hero-package-title{font-family:'Blackpie SUIT','Blackpie Pretendard','Noto Sans KR',sans-serif;font-weight:900;letter-spacing:-.025em}.hero-package-title>em.hero-metal-line{font-family:inherit;font-weight:900;position:relative;margin-top:.08em;background-image:linear-gradient(110deg,#d3a65b 0%,#f5d590 24%,#fff5d4 38%,#ffffff 43%,#f2cc7c 49%,#d5a64e 66%,#fff0bb 84%,#d3a65b 100%);background-size:230% 100%;animation:package-gold-sheen 6.5s ease-in-out infinite;filter:drop-shadow(0 4px 13px #d2a34b35);-webkit-text-stroke:0;text-shadow:none}.hero-package-title>em.hero-metal-line::after{content:'';display:block;position:absolute;left:12%;right:12%;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,#f8db8d88,transparent);box-shadow:none;animation:none}
@keyframes package-gold-sheen{0%,18%{background-position:100% 50%}65%,100%{background-position:0% 50%}}@media(max-width:600px){.hero h1.hero-package-title{font-size:clamp(26px,7.35vw,41px);letter-spacing:-.025em}.hero-package-title>em.hero-metal-line{filter:drop-shadow(0 3px 8px #d2a34b30)}}@media(prefers-reduced-motion:reduce){.hero-package-title>em.hero-metal-line{animation:none;background-position:45% 50%}}

/* Oversized heavy display line with light masked inside the actual glyphs. */
.hero-package-title>.hero-metal-line:first-child{font-family:'Blackpie SUIT','Blackpie Pretendard',sans-serif;font-weight:900;font-size:clamp(58px,8vw,112px);line-height:1.18;letter-spacing:-.045em;padding:.07em .055em .13em;margin-bottom:.04em;background-image:linear-gradient(110deg,#b9c5ce 0%,#f5faff 22%,#ffffff 32%,#b6c8d5 42%,#e4ffb4 52%,#ffffff 58%,#b0c0ce 70%,#edf4f8 85%,#ffffff 100%);background-size:240% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:drop-shadow(0 4px 16px #d8f3b520);animation:hero-heavy-mask 7s ease-in-out infinite}
@keyframes hero-heavy-mask{0%,12%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@media(max-width:600px){.hero-package-title>.hero-metal-line:first-child{font-size:clamp(44px,14vw,64px);line-height:1.15;letter-spacing:-.045em;margin-bottom:.07em;padding-bottom:.14em}.hero-layout{padding-top:34px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.hero-package-title>.hero-metal-line:first-child{animation:none;background-position:50% 50%}}

/* Calm monochrome hero. Only atmospheric smoke drifts horizontally. */
.hero>.hero-atmosphere .hero-venue-photo{filter:grayscale(1);opacity:.5;background-image:linear-gradient(90deg,#11121085,#11121045 50%,#11121085),url('/templates/assets/war-hyper.webp')}
.hero .hero-copy .eyebrow{color:#d9dedd;text-shadow:none}.hero .hero-tags{color:#b1b7b3}.hero .hero-top{color:#a9afab}.hero .hero-top i{background:#d9dedb}
.hero-package-title>.hero-metal-line,.hero-package-title>em.hero-metal-line,.hero-package-title>.hero-metal-line:first-child{animation:none;filter:none;background-image:linear-gradient(165deg,#fff 8%,#e2e5e7 56%,#b8bfc3);background-size:100% 100%;background-position:center;-webkit-text-stroke:0;text-shadow:none}.hero-package-title>em.hero-metal-line::after{content:none;display:none}
.hero .hero-copy[data-slow-reveal]{transition:opacity 2s ease;transform:none}.hero .hero-copy.slow-reveal-pending{transform:none}
.hero>.hero-atmosphere .hero-smoke-layer{position:absolute;left:-10%;top:0;inset:0 auto auto -10%;width:120%;height:100%;object-fit:cover;object-position:center bottom;mix-blend-mode:screen;filter:none;opacity:.45;animation:smoke-sideways 34s ease-in-out infinite alternate;animation-play-state:paused;transform:translate3d(-2%,0,0);pointer-events:none}
.hero>.hero-atmosphere .hero-smoke-secondary{left:-8%;opacity:.22;object-position:65% bottom;animation-name:smoke-sideways-reverse;animation-duration:43s}
.hero.hero-smoke-active>.hero-atmosphere .hero-smoke-layer{animation-play-state:running}
@keyframes smoke-sideways{from{transform:translate3d(-2%,0,0)}to{transform:translate3d(4%,0,0)}}@keyframes smoke-sideways-reverse{from{transform:translate3d(3%,0,0)}to{transform:translate3d(-4%,0,0)}}
@media(max-width:600px){.hero>.hero-atmosphere .hero-venue-photo{opacity:.42}.hero>.hero-atmosphere .hero-smoke-layer{display:block;left:-20%;top:0;width:140%;height:100%;opacity:.36;object-fit:cover;object-position:center bottom}.hero>.hero-atmosphere .hero-smoke-secondary{left:-16%;opacity:.17}}
@media(prefers-reduced-motion:reduce){.hero>.hero-atmosphere .hero-smoke-layer{animation:none;transform:none}.hero>.hero-atmosphere .hero-smoke-secondary{display:none}}

.portfolio-empty{padding:45px 15px;text-align:center;font-size:13px;color:var(--muted)}.portfolio-empty[hidden]{display:none}

/* White smoke at the edges, leaving the central headline unobstructed. */
.hero>.hero-atmosphere .hero-smoke-layer{inset:-8% auto auto -23%;width:88%;height:118%;object-fit:cover;object-position:left bottom;opacity:.62;filter:brightness(1.35) grayscale(1);mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 100%);animation:smoke-edge-left 30s ease-in-out infinite alternate;animation-play-state:paused;transform:translate3d(-3%,0,0)}
.hero>.hero-atmosphere .hero-smoke-secondary{inset:-8% -23% auto auto;left:auto;width:88%;height:118%;object-position:right bottom;opacity:.52;mask-image:linear-gradient(270deg,#000 0%,#000 48%,transparent 100%);animation-name:smoke-edge-right;animation-duration:37s;transform:translate3d(3%,0,0) scaleX(-1)}
.hero.hero-smoke-active>.hero-atmosphere .hero-smoke-layer{animation-play-state:running}
@keyframes smoke-edge-left{from{transform:translate3d(-3%,0,0)}to{transform:translate3d(4%,0,0)}}@keyframes smoke-edge-right{from{transform:translate3d(3%,0,0) scaleX(-1)}to{transform:translate3d(-4%,0,0) scaleX(-1)}}
@media(max-width:600px){.hero>.hero-atmosphere .hero-smoke-layer{inset:-5% auto auto -37%;width:110%;height:115%;opacity:.52;mask-image:linear-gradient(90deg,#000 0%,#000 42%,transparent 86%)}.hero>.hero-atmosphere .hero-smoke-secondary{inset:-5% -37% auto auto;left:auto;width:110%;height:115%;opacity:.45;mask-image:linear-gradient(270deg,#000 0%,#000 42%,transparent 86%)}}
@media(prefers-reduced-motion:reduce){.hero>.hero-atmosphere .hero-smoke-layer{animation:none}.hero>.hero-atmosphere .hero-smoke-secondary{display:block;animation:none}}

.hero>.hero-atmosphere .hero-smoke-layer{left:-29%;right:auto;width:76%;opacity:.48;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 52%,transparent 100%)}.hero>.hero-atmosphere .hero-smoke-secondary{left:auto;right:-29%;width:76%;opacity:.4;mask-image:linear-gradient(270deg,transparent 0%,#000 22%,#000 52%,transparent 100%);transform:translate3d(3%,0,0)}
@keyframes smoke-edge-right{from{transform:translate3d(3%,0,0)}to{transform:translate3d(-4%,0,0)}}
@media(max-width:600px){.hero>.hero-atmosphere .hero-smoke-layer{left:-52%;right:auto;width:100%;opacity:.44}.hero>.hero-atmosphere .hero-smoke-secondary{left:auto;right:-52%;width:100%;opacity:.36}}

/* Slow photographic zoom; typography and edge smoke remain independent. */
.hero>.hero-atmosphere .hero-venue-photo{transform-origin:50% 50%;animation:hero-venue-zoom 38s ease-in-out infinite alternate;animation-play-state:paused}.hero.hero-smoke-active>.hero-atmosphere .hero-venue-photo{animation-play-state:running}
@keyframes hero-venue-zoom{from{transform:scale(1)}to{transform:scale(1.075)}}
@media(prefers-reduced-motion:reduce){.hero>.hero-atmosphere .hero-venue-photo{animation:none;transform:none}}

/* Compact mobile header and page lead-in, keeping readable one-line navigation. */
@media(max-width:800px){
 header.site-header{padding:0 16px}.header-main{min-height:58px;gap:8px}.header-brand{gap:8px}.header-brand strong{font-size:20px;letter-spacing:-1.1px}.brand-description{font-size:16px;padding-left:7px;letter-spacing:-.7px}.header-inquiry{padding:9px 12px;font-size:11px;min-height:36px;border-radius:7px}
 nav.category-nav{min-height:42px}.category-nav a,.category-nav a:first-child{min-height:42px;font-size:13px;padding-top:0;padding-bottom:0}
}
@media(max-width:600px){
 .page-intro,.page-intro:has(.hero-shortcut){min-height:0;padding:25px 20px 22px}.page-intro .eyebrow{font-size:9px;margin:0 0 9px}.page-intro h1{font-size:clamp(28px,7.5vw,34px);margin:0 0 12px;line-height:1.25}.page-intro h1:has(+.hero-shortcut){margin-bottom:13px}.page-intro p:last-child{font-size:12px;line-height:1.75;margin-top:0;margin-bottom:0}.hero-shortcut{padding:10px 17px;min-height:36px;margin-bottom:13px}
 .website-seo-hero{min-height:0;padding:32px 20px 30px}.website-seo-hero .eyebrow{margin-bottom:14px;font-size:10px}.website-seo-hero h1{font-size:clamp(27px,7.1vw,34px);line-height:1.3;margin-bottom:16px}.website-seo-hero h1:has(+.hero-shortcut){margin-bottom:16px}.seo-hero-description{font-size:12px;line-height:1.8}
 .pricing-hero .pricing-emphasis{margin-top:14px;font-size:11px}.hero{padding-top:12px}.hero-layout{padding-top:24px;padding-bottom:22px}.hero-copy .eyebrow{margin-bottom:10px}.hero h1.hero-package-title{margin-bottom:16px}.hero-tags{margin-top:15px}.hero-bottom{padding-top:10px;padding-bottom:10px}
 .banner-service-cards{padding-top:3px}.template-catalog{padding-top:25px}.contact-form-section{padding-top:15px}.guide-categories{padding-top:12px}
}

/* Neutral grey footer palette. */
.studio-footer{background:#202020;color:#e5e5e5}.studio-footer .logo span{color:#d3d3d3}.studio-footer .footer-intro>p{color:#b0b0b0}.studio-footer .footer-links h3{color:#dedede}.studio-footer .footer-tags a,.studio-footer .footer-links a,.studio-footer .footer-contact-buttons a,.studio-footer .footer-contact-buttons button{background:#2b2b2b;color:#c9c9c9}.studio-footer .footer-links a:hover,.studio-footer .footer-tags a:hover,.studio-footer .footer-contact-buttons a:hover{background:#353535;color:#fff}.studio-footer .footer-bottom p,.studio-footer .footer-bottom>a{color:#a5a5a5}.studio-footer .footer-keywords{color:#8d8d8d}

/* Display copy uses an arrow cursor while retaining selectable, accessible text. */
.hero,.page-intro,.website-seo-hero{cursor:default}
.hero a,.page-intro a,.website-seo-hero a{cursor:pointer}

/* Home services: concise Korean labels with a consistent icon and card surface. */
.brand-symbol{display:inline-block;width:.88em;height:.88em;margin-left:.22em;vertical-align:-.06em;color:var(--lime)}
.studio-footer .brand-symbol{color:#d3d3d3}

/* Native viewport and touch compatibility. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.floating-contact{--contact-safe-top:env(safe-area-inset-top,0px);--contact-safe-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:760px),(pointer:coarse){
 input,select,textarea{font-size:16px!important}
 header.site-header{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px)}
 main{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 .studio-footer{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
 .floating-contact{right:max(8px,env(safe-area-inset-right,0px))}
 .profile-lightbox{max-height:94vh;max-height:94dvh}
}
/* Keep native pinch zoom without full-screen blur surfaces or moving layers. */
@media(pointer:coarse){dialog::backdrop,.profile-lightbox::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
html[data-viewport-zoomed=true] *,html[data-viewport-zoomed=true] *::before,html[data-viewport-zoomed=true] *::after{animation-play-state:paused!important}
html[data-viewport-zoomed=true] .hero-atmosphere,html[data-viewport-zoomed=true] .hero-smoke-layer{filter:none!important;mix-blend-mode:normal;mask-image:none!important;-webkit-mask-image:none!important}
html[data-viewport-zoomed=true] .wm-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero h1.hero-package-title>.hero-metal-line{position:relative}
.hero h1.hero-package-title>.hero-metal-line:first-child{font-family:'Blackpie Display Black','Blackpie SUIT',sans-serif;font-weight:400;font-size:1.9em}
.hero h1.hero-package-title>.hero-metal-line:not(:first-child){opacity:.4}
/* Stationary hero; only the small glow surfaces pulse, without text copies or blur filters. */
.hero>.hero-atmosphere .hero-venue-photo,.hero>.hero-atmosphere .hero-smoke-layer{animation:none;transform:none}
.hero h1.hero-package-title>.hero-metal-line{isolation:isolate;text-shadow:0 0 2px #ffffff60,0 0 16px #ffffff20}
.hero h1.hero-package-title>.hero-metal-line::after{content:'';display:block;position:absolute;inset:-.1em -.08em;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 52%,#ffffff45,transparent 45%),radial-gradient(ellipse at 76% 48%,#e4f4ff38,transparent 48%);box-shadow:none;opacity:.14;animation:hero-glow-flicker 5.6s ease-in-out infinite;animation-play-state:paused}
.hero h1.hero-package-title>.hero-metal-line:nth-child(2)::after{animation-delay:-1.7s;animation-duration:6.4s}
.hero h1.hero-package-title>.hero-metal-line:nth-child(3)::after{animation-delay:-3.1s;animation-duration:5.9s}
.hero.hero-glow-active h1.hero-package-title>.hero-metal-line::after{animation-play-state:running}
@keyframes hero-glow-flicker{0%,100%{opacity:.14}12%{opacity:.62}22%{opacity:.2}41%{opacity:.82}57%{opacity:.26}73%{opacity:.58}88%{opacity:.18}}
@media(max-width:600px){.hero h1.hero-package-title>.hero-metal-line::after{inset:-.08em -.02em;background:radial-gradient(ellipse at 22% 52%,#ffffff32,transparent 45%),radial-gradient(ellipse at 76% 48%,#e4f4ff28,transparent 48%)}}
@media(prefers-reduced-motion:reduce){.hero h1.hero-package-title>.hero-metal-line::after{animation:none;opacity:.2}}

/* One decorative glyph layer keeps the strong halo aligned with the actual lettering. */
.hero h1.hero-package-title>.hero-metal-line:first-child::after,.hero h1.hero-package-title>.hero-metal-line:nth-child(2)::after{content:none;display:none}
.hero-glyph-glow{position:absolute;inset:0;display:block;padding:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:inherit;text-align:inherit;color:#fff;-webkit-text-fill-color:#fff;pointer-events:none;user-select:none;text-shadow:0 0 3px #fff,0 0 10px #fff,0 0 22px #ffffffed,0 0 42px #d7eeffcc,0 0 68px #e6f5ff99,0 0 92px #c4e5ff66;opacity:0;animation:hero-neon-toggle 1s steps(1,end) infinite;animation-play-state:paused}
.hero.hero-glow-active .hero-glyph-glow,.hero.hero-glow-active .hero-word-light{animation-play-state:running}
@keyframes hero-neon-toggle{0%{opacity:0}50%,100%{opacity:1}}
@media(max-width:600px){.hero-glyph-glow{text-shadow:0 0 3px #fff,0 0 9px #fff,0 0 18px #fffffff0,0 0 32px #d7eeffcc,0 0 54px #e6f5ff99}}
@media(prefers-reduced-motion:reduce){.hero .hero-glyph-glow{animation:none;opacity:.3}}

.hero h1.hero-package-title>.hero-metal-line.hero-marketing-line{opacity:1;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
.hero-neon-word{position:relative;display:inline-block;color:rgba(255,255,255,.5);-webkit-text-fill-color:currentColor;-webkit-text-stroke:clamp(.65px,.016em,1.1px) #fff;paint-order:stroke fill;text-shadow:none}
.hero-neon-yellow{--word-neon:#ffe34d;--word-halo:#ffe34d80}
.hero-neon-pink{--word-neon:#ff67b4;--word-halo:#ff67b480}
.hero-word-light{position:absolute;inset:0;display:block;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--word-neon);-webkit-text-fill-color:currentColor;-webkit-text-stroke:inherit;paint-order:inherit;text-shadow:0 0 3px var(--word-neon),0 0 14px var(--word-halo),0 0 30px var(--word-halo);pointer-events:none;user-select:none;opacity:0;animation:hero-neon-toggle 1s steps(1,end) infinite;animation-play-state:paused}
.hero-marketing-line>.hero-metal-dot{color:rgba(255,255,255,.5);-webkit-text-fill-color:currentColor}
@media(prefers-reduced-motion:reduce){.hero .hero-word-light{animation:none;opacity:1}}

@font-face{font-family:'Blackpie Display Black';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/BlackHanSans-Hero-v2.woff2') format('woff2');unicode-range:U+0020,U+C62C,U+C778,U+C6D0,U+C720,U+D765,U+C804,U+BB38}
.hero-package-title .hero-allinone{font-family:'Blackpie Display Black','Blackpie SUIT',sans-serif;font-size:1.34em;font-weight:400;line-height:1;letter-spacing:-.035em;background:inherit;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h1.hero-package-title>.hero-metal-line.hero-package-line{opacity:1;background:none;-webkit-text-fill-color:currentColor}
.hero h1.hero-package-title>.hero-package-line::after{content:none;display:none}
.hero-package-tail{display:inline-block;margin-inline-start:.18em;opacity:.4;background:linear-gradient(165deg,#fff 8%,#e2e5e7 56%,#b8bfc3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-package-title .hero-space-word{position:relative;display:inline-block;background:none;-webkit-text-fill-color:currentColor;text-shadow:none;vertical-align:baseline}
.hero-space-label{color:#e4ecf9;-webkit-text-fill-color:currentColor;text-shadow:none}
.hero-space-media,.hero-space-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.hero-space-media{display:none;overflow:hidden;background:#101525 url('/assets/hero-space/galaxies-poster.v1.webp') center/cover}
.hero-space-outline{display:block;object-fit:fill}
.hero-space-video{display:block;width:100%;height:100%;object-fit:cover;opacity:0}
.hero-space-video[data-video-ready=true]{opacity:1}
@supports (mask-image:url('mask.svg')) or (-webkit-mask-image:url('mask.svg')){
 .hero-space-word .hero-space-label{opacity:0}
 .hero-space-media{display:block;mask-image:url('/assets/hero-space/allinone-mask.v1.svg');-webkit-mask-image:url('/assets/hero-space/allinone-mask.v1.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-mode:alpha}
}

.home-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 5% 44px;border:0;background:transparent}
.home-categories>a{min-height:212px;padding:28px;border:0;border-radius:9px;background:linear-gradient(135deg,#242823,#181b18);box-shadow:0 8px 24px #00000014;transition:background .25s,box-shadow .25s}
.home-categories>a:hover{background:linear-gradient(135deg,#2b3325,#1d221b);box-shadow:0 10px 28px #00000026}
.service-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:#d5ff6410;color:#d5efaa}
.service-card-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-categories h2{margin:23px 0 9px;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.045em}
.home-categories p{font-size:12px;line-height:1.7;color:#a5aea0;word-break:keep-all}
@media(max-width:600px){
 .home-categories{grid-template-columns:1fr;gap:12px;padding:0 20px 26px}
 .home-categories>a{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:17px;row-gap:5px;align-items:center;min-height:103px;padding:22px}
 .home-categories .service-card-icon{grid-row:1/3}
 .home-categories h2{grid-column:2;margin:0;font-size:21px;align-self:end}
 .home-categories p{grid-column:2;margin:0;font-size:11px;align-self:start}
}
/* Platform guides share the existing guide layout and public service navigation. */
/* Static, lightweight content directly below the detail-page hero carousel. */
.detail-importance{padding:12px 5% 50px;max-width:1360px;margin:0 auto}
.detail-importance-heading{text-align:center;margin:0 auto 30px}
.detail-importance-heading .eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.04em}
.detail-importance-heading h2{margin:0;font-size:clamp(29px,3.5vw,43px);font-weight:800;line-height:1.35;letter-spacing:-.055em}
.detail-importance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-importance-grid article{min-width:0;padding:27px 25px;background:linear-gradient(135deg,#242823,#1a1e18);border:0;border-radius:8px}
.detail-importance-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:22px;border-radius:7px;background:#d5ff6410;color:var(--lime)}
.detail-importance-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.detail-importance-grid h3{margin:0 0 10px;font-size:18px;letter-spacing:-.035em;font-weight:700}
.detail-importance-grid p{margin:0;font-size:12px;line-height:1.8;color:#aab3a2;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:600px){.detail-importance{padding:8px 20px 30px}.detail-importance-heading{margin-bottom:21px}.detail-importance-heading .eyebrow{font-size:10px;margin-bottom:11px}.detail-importance-heading h2{font-size:28px}.detail-importance-grid{grid-template-columns:1fr;gap:10px}.detail-importance-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;padding:19px 17px}.detail-importance-icon{grid-row:1/3;margin:0}.detail-importance-grid h3{font-size:16px;margin:0 0 5px}.detail-importance-grid p{font-size:11px;line-height:1.75}}
.guide-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-categories h2{font-size:23px}.guide-breadcrumb{flex-wrap:wrap;line-height:1.8}.platform-guide-list{padding-top:24px;padding-bottom:24px}.platform-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;color:inherit}.platform-guide-cards>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:32px;background:linear-gradient(145deg,#252923,#1b1e19);border-radius:9px;transition:background .25s}.platform-guide-cards>a:hover{background:#293222}.platform-guide-mark{font-size:11px;color:#abb5a1}.platform-guide-cards h2{font-size:32px;letter-spacing:-1px;margin:22px 0 13px}.platform-guide-cards p{font-size:13px;line-height:1.9;color:#aab49f;margin:0 0 24px}.platform-guide-action{font-size:12px;color:var(--lime);margin-top:auto}.platform-guide-intro{padding-top:38px;max-width:780px}.platform-guide-intro h2{font-size:23px;margin:0 0 16px;line-height:1.6}.platform-guide-intro p{color:#aab49f;font-size:14px;line-height:1.9}.platform-guide-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:22px 5% 0}.platform-guide-tabs a,.platform-guide-promo nav a{padding:12px 15px;border-radius:6px;background:#22271e;font-size:12px;line-height:1.6;color:#c5cebc}.platform-guide-tabs a[aria-current=page]{color:#111;background:var(--lime)}.platform-guide-promo{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px;padding-bottom:35px}.platform-guide-promo h2{font-size:23px;margin:0 0 12px;line-height:1.5}.platform-guide-promo p{font-size:13px;line-height:1.9;margin:0;color:#aab49f}.platform-guide-promo nav{display:flex;flex-wrap:wrap;gap:8px}.platform-guide-promo nav a:hover,.platform-guide-tabs a:hover{color:var(--lime);background:#303928}.platform-guide-tabs a[aria-current=page]:hover{color:#111;background:var(--lime)}.guide-inline-link{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.platform-guide-article .guide-block h2{line-height:1.5}.platform-guide-article .guide-block li{line-height:1.9}
@media(max-width:900px){.guide-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-guide-promo{align-items:flex-start;flex-direction:column}.platform-guide-promo nav{gap:8px}}
@media(max-width:560px){.guide-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-categories>a{padding:18px 14px}.guide-categories h2{font-size:19px}.guide-categories.is-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-categories.is-detail>a{padding:15px 9px}.guide-categories.is-detail h2{font-size:13px}.platform-guide-cards{gap:10px}.platform-guide-cards>a{padding:22px 15px}.platform-guide-mark{font-size:10px}.platform-guide-cards h2{font-size:22px;margin-top:18px}.platform-guide-cards p{font-size:11px;margin-bottom:20px}.platform-guide-intro{padding-top:26px}.platform-guide-intro h2{font-size:20px}.platform-guide-intro p{font-size:13px}.platform-guide-tabs{padding:20px 6% 0;gap:7px}.platform-guide-tabs a,.platform-guide-promo nav a{font-size:11px;padding:11px 13px}.platform-guide-promo{gap:17px;padding-top:23px;padding-bottom:26px}.platform-guide-promo h2{font-size:21px}.platform-guide-promo p{font-size:12px}.platform-guide-article .guide-block h2{font-size:24px}.platform-guide-article .guide-block li{grid-template-columns:1fr;gap:7px;padding:16px 0}}
.platform-guide-hero h1,.platform-guide-article .guide-block h2{word-break:keep-all;text-wrap:balance}
.platform-guide-tools{margin-bottom:24px}.platform-guide-tools>label{display:block;font-size:13px;color:#c6cfbd;margin-bottom:12px}.platform-guide-tools input{display:block;width:100%;max-width:680px;min-height:52px;padding:14px 17px;background:#20251d;color:#f1f1e9;border:0;border-radius:7px;font-size:14px}.platform-guide-tools input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.platform-guide-tools input::placeholder{color:#89947e}.platform-guide-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.platform-guide-filters button,.platform-guide-empty button{border:0;border-radius:6px;background:#252c20;color:#c7d0bd;padding:11px 15px;font-size:12px}.platform-guide-filters button[aria-pressed=true]{background:var(--lime);color:#141810}.platform-guide-result{font-size:12px;color:#a4af98;margin:20px 0 0}.platform-guide-result span{font-weight:700;color:#dce6ce}.platform-guide-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.platform-guide-cards>a{padding:25px 21px;min-height:225px}.platform-guide-cards h2{font-size:26px;margin:17px 0 12px;word-break:keep-all}.platform-guide-cards p{font-size:12px;line-height:1.8}.platform-guide-alias{font-size:11px;color:#a4b38e;margin:-4px 0 12px}.platform-guide-cards [hidden],.platform-guide-empty[hidden]{display:none!important}.platform-guide-empty{padding:40px 20px;background:#1d2319;border-radius:8px;text-align:center}.platform-guide-empty p{font-size:13px;color:#b1bda5;line-height:1.8;margin:0 0 20px}.platform-guide-article .guide-block li strong{line-height:1.7}
@media(max-width:1050px){.platform-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.platform-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-guide-cards>a{min-height:205px;padding:22px 15px}.platform-guide-cards h2{font-size:22px}.platform-guide-cards p{font-size:11px}.platform-guide-tools input{font-size:13px;min-height:49px}.platform-guide-filters{gap:7px}.platform-guide-filters button{font-size:11px;padding:10px 13px}}
.platform-guide-cards p{word-break:keep-all;overflow-wrap:anywhere}@media(max-width:700px){.platform-guide-cards h2.platform-guide-name-long{font-size:19px}}