/* PROFILE LAB / SIGNATURE EDITION — a restrained premium finish. */
:root{--bg:#08090b;--surface:#101113;--line:rgba(216,219,223,.18);--text:#efeeee;--muted:#b1b2b6;--silver:#d5d5d5}
body.signature-v5{background:#08090b;letter-spacing:0;overflow-x:clip}
body.signature-v5 .container{width:min(calc(100% - 96px),1312px)}
body.signature-v5 .site-header{background:rgba(7,8,9,.94);border-bottom-color:#dedede24}
body.signature-v5 .brand-monogram{width:48px;height:48px;background:#000}
body.signature-v5 .brand-words{font-size:19px;letter-spacing:1.1px}
body.signature-v5 .brand-words small{font-size:8.3px;letter-spacing:2.05px}
body.signature-v5 .desktop-nav a{font-size:11px;letter-spacing:1.8px;color:#c4c4c6}
body.signature-v5 .desktop-nav a:hover{color:white}
body.signature-v5 .header-cta{min-width:157px;border-color:#bababb72;color:#f5f5f5}
body.signature-v5 .header-cta:hover{color:#101010}
body.signature-v5 a:focus-visible,body.signature-v5 button:focus-visible{outline:2px solid #e9e9e9;outline-offset:4px}
body.signature-v5 .hero{background:radial-gradient(ellipse at 75% 41%,#26272b 0,#131418 32%,#08090b 71%);border-bottom:1px solid #ffffff13}
body.signature-v5 .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 75%,#08090b 100%)}
body.signature-v5 .hero-inner{grid-template-columns:49% 51%;min-height:700px;padding-block:67px 20px}
body.signature-v5 .hero-prelude{color:#c4c6c9;letter-spacing:2.1px}
body.signature-v5 .hero h1{font-size:clamp(66px,7.8vw,118px);letter-spacing:-6px;line-height:.94;margin-bottom:40px}
body.signature-v5 .hero h1 em{color:#e0e0e0}
body.signature-v5 .hero-korean{font-size:clamp(25px,2.7vw,36px);margin-bottom:20px}
body.signature-v5 .hero-desc{font-size:14px;line-height:1.95;max-width:460px;word-break:keep-all;margin-bottom:33px}
body.signature-v5 .hero-stage{width:min(100%,640px)}
body.signature-v5 .hero-stage>img{width:94%;filter:drop-shadow(0px 12px 46px #000a);animation:none}
body.signature-v5 .hero-orbit{border-color:#d9dce017;opacity:.38}
body.signature-v5 .stage-caption{right:3px;color:#a9a9ab}
body.signature-v5 .button{font-size:13px;min-height:54px;letter-spacing:-.05px;gap:22px}
body.signature-v5 .hero .button{min-width:198px}
body.signature-v5 .hero-note{color:#9a9b9e;letter-spacing:2.0px}
body.signature-v5 .section{padding:clamp(72px,7.7vw,116px) 0}
body.signature-v5 .section-code span,body.signature-v5 .section-numeral{font-size:11px;color:#a5a6a9;letter-spacing:1.6px}
body.signature-v5 .eyebrow{font-size:11px;color:#b5b6b9}
body.signature-v5 .heading-aside p,body.signature-v5 .brand-teaser p:not(.eyebrow){font-size:14px;line-height:1.95}
body.signature-v5 .service-linked{padding:31px 13px;min-height:114px;grid-template-columns:69px minmax(0,1fr) 235px 44px;border-color:#d6d8dd28}
body.signature-v5 .service-linked:hover{background:linear-gradient(90deg,#ffffff09,transparent 85%)}
body.signature-v5 .service-number{font-size:18px;color:#bdbfc2}
body.signature-v5 .service-info strong{font-size:clamp(18px,1.52vw,23px);letter-spacing:-.6px}
body.signature-v5 .service-info small{font-size:13px;color:#b8b9bc;line-height:1.65}
body.signature-v5 .service-label{color:#a7a8ac;font-size:10px;letter-spacing:1.7px}
body.signature-v5 .service-arrow{border-color:#8e919577;color:#d4d4d5}
body.signature-v5 .service-hint{font-size:12px;color:#b5b6b9}
body.signature-v5 .case-grid{gap:18px}
body.signature-v5 .case-card{border:1px solid #dddddd2a;background:#0d0e10}
body.signature-v5 .case-picture{background:radial-gradient(circle at 50% 35%,#25272b,#08090b 73%);}
body.signature-v5 .case-play{background:#090a0cd9;font-size:12px;border-color:#f0f0f086;padding:11px 13px}
body.signature-v5 .case-caption{padding:20px 18px;min-height:68px}
body.signature-v5 .case-caption b{font-size:16px}
body.signature-v5 .case-caption small{font-size:10px;color:#b2b4b8;letter-spacing:.3px;font-family:'Noto Sans KR',sans-serif}
body.signature-v5 .brand-teaser{background:radial-gradient(ellipse at 78% 47%,#22242860,transparent 65%),#0d0e10}
body.signature-v5 .brand-teaser-visual{background:#050505;box-shadow:0 30px 100px #0008}
body.signature-v5 .brand-teaser-visual span{font-size:11px}
body.signature-v5 .studio-section{border-top:1px solid var(--line)}
body.signature-v5 .studio-copy>p:not(.eyebrow){font-size:15px;line-height:2.05;color:#bbbdc1}
body.signature-v5 .footer{background:#060708}
body.signature-v5 .contact-section{background:radial-gradient(ellipse at 78% 40%,#1f2025,#0b0c0f 65%)}
/* User journey: visually deliberate editorial strip */
.signature-journey{padding:100px 0 104px;background:linear-gradient(180deg,#0b0c0e,#111215 65%,#0b0c0f);border-block:1px solid var(--line)}
.journey-title-row{display:grid;grid-template-columns:1fr .44fr;gap:48px;align-items:end;margin:36px 0 44px}
.journey-title-row .section-title{margin-top:10px}
.journey-title-row>p{font-size:14px;line-height:2;color:#b4b5b9;max-width:420px;word-break:keep-all;margin-bottom:10px}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d6d6d630}
.journey-item{display:flex;flex-direction:column;min-height:228px;padding:26px 29px 30px;border-right:1px solid #d6d6d630;background:#0e0f11;transition:background .25s ease}
.journey-item:last-child{border-right:0}
.journey-item:hover{background:#1b1c20}
.journey-num{font:400 32px/1.1 Georgia,serif;color:#989ba1}
.journey-heading{display:flex;align-items:center;justify-content:space-between;margin-top:39px;font-weight:700;font-size:21px;letter-spacing:-.8px}
.journey-heading>span{font-size:19px;color:#c9cbd0}
.journey-desc{margin-top:12px;font-size:13px;line-height:1.85;color:#b1b2b7;word-break:keep-all}
/* De-risk pricing shown in historical work images */
body.signature-v5 .brand-price-note{color:#c3c4c7;font-size:13px;max-width:730px}
/* Details and grids */
body.signature-v5 .detail-lead{color:#c0c1c5}
body.signature-v5 .detail-feature p,body.signature-v5 .section-heading-compact>p:not(.eyebrow){font-size:14px;color:#b7b9bd}
body.signature-v5 .detail-feature h3{font-size:19px}
body.signature-v5 .related-link{font-size:14px}
body.signature-v5 .brand-page-copy>p:not(.eyebrow){font-size:15px;color:#c0c1c5}
@media(max-width:1110px){body.signature-v5 .hero h1{font-size:clamp(60px,7vw,85px)}body.signature-v5 .hero .button{min-width:0}}
@media(max-width:760px){
 body.signature-v5 .container{width:min(calc(100% - 38px),1312px)}
 body.signature-v5 .site-header{height:72px}
 body.signature-v5 .brand-monogram{width:37px;height:37px}
 body.signature-v5 .brand-words{font-size:15px}
 body.signature-v5 .brand-words small{font-size:7px;letter-spacing:1.45px}
 body.signature-v5 .hero{min-height:0}
 body.signature-v5 .hero-inner{display:flex;flex-direction:column;min-height:0;align-items:stretch;padding-block:40px 6px}
 body.signature-v5 .hero-prelude{font-size:9px;letter-spacing:1.45px;margin-bottom:23px}
 body.signature-v5 .hero h1{font-size:clamp(50px,12.1vw,73px);line-height:.98;letter-spacing:-3px;margin-bottom:25px}
 body.signature-v5 .hero-korean{font-size:clamp(23px,5.8vw,31px);line-height:1.52}
 body.signature-v5 .hero-desc{font-size:13px;line-height:1.9;margin-bottom:25px}
 body.signature-v5 .hero .button{padding:15px 14px;min-height:52px;font-size:12px}
 body.signature-v5 .hero-stage{width:min(92%,440px);align-self:center;margin:6px 0 8px}
 body.signature-v5 .hero-stage>img{width:90%}
 body.signature-v5 .stage-caption{font-size:7px;right:-7px}
 body.signature-v5 .hero-end{padding-block:19px;font-size:8px}
 body.signature-v5 .section{padding:70px 0}
 body.signature-v5 .section-title{font-size:clamp(31px,7.9vw,45px);letter-spacing:-1.3px}
 body.signature-v5 .service-linked{grid-template-columns:29px minmax(0,1fr) 31px;padding:22px 1px;min-height:99px;gap:11px}
 body.signature-v5 .service-number{font-size:13px}
 body.signature-v5 .service-info strong{font-size:16px}
 body.signature-v5 .service-info small{font-size:12px;line-height:1.6}
 body.signature-v5 .service-info em{font-size:10px;white-space:normal}
 body.signature-v5 .service-arrow{width:29px;height:29px}
 body.signature-v5 .case-grid{gap:12px}
 body.signature-v5 .case-caption{padding:12px 11px;min-height:72px}
 body.signature-v5 .case-caption b{font-size:14px}
 body.signature-v5 .case-caption small{font-size:9.5px;line-height:1.5;letter-spacing:0}
 body.signature-v5 .case-play{font-size:10px;padding:8px 9px}
 body.signature-v5 .heading-aside p{font-size:13px}
 .signature-journey{padding:67px 0}
 .journey-title-row{display:block;margin:26px 0 30px}
 .journey-title-row>p{font-size:13px;margin-top:17px}
 .journey-grid{grid-template-columns:1fr}
 .journey-item{min-height:0;padding:23px;border-right:0;border-bottom:1px solid #d6d6d630}
 .journey-item:last-child{border-bottom:0}
 .journey-heading{margin-top:15px;font-size:20px}
 .journey-desc{font-size:12px}
 .journey-num{font-size:26px}
 body.signature-v5 .brand-teaser{padding:65px 0}
 body.signature-v5 .detail-feature p{font-size:13px}
}
@media(max-width:390px){body.signature-v5 .hero h1{font-size:47px;letter-spacing:-2.4px}body.signature-v5 .hero-prelude{font-size:8px;letter-spacing:1px}body.signature-v5 .hero-buttons .button{gap:6px;padding-inline:11px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.journey-item{transition:none}}
/* Final legibility pass: hero bottom navigation remains readable above the fade. */
body.signature-v5 .hero-end{z-index:4;color:#a9aaad;position:relative}
body.signature-v5 .hero-end span{color:#a9aaad}
body.signature-v5 .hero-end-line{background:linear-gradient(90deg,#74777b85,transparent)}
body.signature-v5 .stage-caption{color:#aeb0b4}
@media(max-width:760px){body.signature-v5 .hero-end{font-size:9px;letter-spacing:1.2px}body.signature-v5 .hero-end span{color:#a6a8ac}}
/* Small-phone footer links should wrap instead of extending horizontally. */
@media(max-width:390px){body.signature-v5 .footer-links{flex-wrap:wrap;justify-content:flex-start;column-gap:15px;row-gap:12px}body.signature-v5 .footer-links a{font-size:9px;letter-spacing:.6px}}