/* Approved editorial visual system. My Turnkey deliberately keeps its existing layout. */
body.tkx-review.tkx-editorial{background:#fcfdff;color:#222e49}
.tkx-editorial .site-header{box-shadow:none}
.tkx-editorial .header-inner{box-shadow:0 4px 24px rgba(28,48,91,.035)}
.tkx-editorial .content-wrap{width:min(1260px,calc(100% - 96px));padding-top:36px;padding-bottom:80px}
.tkx-editorial .content-wrap.narrow{max-width:980px}
.tkx-editorial .page-intro{margin:35px 0 46px;max-width:880px}
.tkx-editorial .page-intro h1{font-size:clamp(32px,3.8vw,54px);font-weight:650;letter-spacing:-.055em;margin:16px 0 22px}
.tkx-editorial .page-intro p{font-weight:400;line-height:1.9;color:#40516b}
.tkx-editorial .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:650}
.tkx-editorial .breadcrumb{font-weight:500;font-size:12px}
.tkx-editorial .button{border-radius:7px;font-weight:600}
.tkx-editorial .bottom-cta{width:min(1260px,calc(100% - 96px));border-radius:8px;box-shadow:none;background:#25375b;padding:48px;margin-top:16px}
.tkx-editorial .bottom-cta h2{font-weight:550;font-size:clamp(25px,2.7vw,36px)}
.tkx-editorial .bottom-cta p{font-weight:400;color:#c4d1e8}
.tkx-editorial .group-callout,.tkx-editorial .inline-note{background:#f3f6fb;border:0;border-left:2px solid #a8bae8;border-radius:0;padding:20px 24px}
.tkx-editorial .hub-grid,.tkx-editorial .service-grid{grid-template-columns:1fr;gap:0;border-top:1px solid #c2cfe3}
.tkx-editorial .hub-card,.tkx-editorial .service-card{position:relative;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.2fr) auto;gap:18px 38px;align-items:center;min-height:145px;padding:30px 10px;border:0;border-bottom:1px solid #dfe6f1;border-radius:0;background:transparent;box-shadow:none;transform:none}
.tkx-editorial .hub-card:hover,.tkx-editorial .service-card:hover{background:#f3f7fe;transform:none;box-shadow:none}
.tkx-editorial .hub-card h2,.tkx-editorial .hub-card h3,.tkx-editorial .service-card h2{font-size:22px;font-weight:550;margin:0;line-height:1.5}
.tkx-editorial .hub-card p,.tkx-editorial .service-card p{margin:0;font-weight:400;font-size:14px;line-height:1.85}
.tkx-editorial .hub-card>span:last-child,.tkx-editorial .service-card>.card-arrow{margin:0;font-size:12px;font-weight:550;white-space:nowrap}
.tkx-editorial .service-card>.eyebrow,.tkx-editorial .problem-grid .hub-card>.eyebrow{grid-column:1/-1;margin:0;color:#40516b}
.tkx-editorial .service-card,.tkx-editorial .problem-grid .hub-card{row-gap:10px}
.tkx-editorial .detail-layout{grid-template-columns:minmax(0,1fr) 310px;gap:60px}
.tkx-editorial .detail-main{padding:12px 0 25px;background:transparent;border:0;border-radius:0;box-shadow:none}
.tkx-editorial .detail-main h1{font-size:clamp(30px,3.5vw,48px);font-weight:600;line-height:1.4}
.tkx-editorial .detail-main .detail-lead{font-size:17px;font-weight:400;line-height:1.9}
.tkx-editorial .detail-main section{padding:28px 0;border-top:1px solid #dfe6f1}
.tkx-editorial .detail-main section h2,.tkx-editorial .detail-main>h2{font-size:24px;font-weight:550}
.tkx-editorial .detail-list>div{background:transparent;border:0;border-bottom:1px solid #e8edf5;border-radius:0;padding:17px 0;font-weight:400}
.tkx-editorial .detail-list b{font-size:11px;color:#40516b;font-weight:500}
.tkx-editorial .detail-main section p,.tkx-editorial .check-list{font-weight:400;line-height:1.9}
.tkx-editorial .aside-card{border:1px solid #e2e9f4;border-radius:8px;box-shadow:none;background:#f4f7fc;padding:25px}
.tkx-editorial .aside-card h2{font-size:23px;font-weight:550}
.tkx-editorial .aside-card p,.tkx-editorial .aside-related a{font-weight:400}
.tkx-editorial .service-editorial-photo{aspect-ratio:5/4;margin:0 0 24px;overflow:hidden;border-radius:7px}
.service-editorial-photo img{display:block;width:100%;height:100%;object-fit:cover}
.tkx-editorial .aside-related{background:transparent;box-shadow:none;border:0;padding:25px 0}
.tkx-editorial .info-list{grid-template-columns:1fr;gap:0;border-top:1px solid #c6d4e8}
.tkx-editorial .info-list article{display:grid;grid-template-columns:50px 1fr;gap:25px;align-items:center;min-height:130px;padding:25px 0;background:transparent;border:0;border-bottom:1px solid #dfe6f1;border-radius:0}
.tkx-editorial .info-list article b{font-size:14px;font-weight:500}
.tkx-editorial .info-list p{margin:0;font-weight:400;font-size:17px}
body.tkx-editorial .community-list,body.tkx-editorial .community-topic,body.tkx-editorial .community-replies,body.tkx-editorial .community-compose-login{border-radius:8px;box-shadow:none;background:rgba(255,255,255,.72)}
body.tkx-editorial .community-board-main strong{font-weight:550}
body.tkx-editorial .community-list-heading h2{font-weight:550;font-size:23px}
body.tkx-editorial .community-board-row{padding-block:27px}
.tkx-editorial .community-form,.tkx-editorial .consult-form,.tkx-editorial .consult-side{border-radius:9px;box-shadow:none}
.tkx-editorial .consult-side{background:#f4f7fc}
.tkx-editorial .consult-side h2,.tkx-editorial .consult-form h2{font-weight:550}
.tkx-editorial .empty-state{border-radius:8px;box-shadow:none;background:#f5f8fc}
.tkx-editorial .site-footer{margin-top:0}
/* Directional overviews share the established Korea–US art direction. */
.visual-page .visual-hero{gap:28px;min-height:610px;padding-block:70px}
.visual-page .kusa-hero h1{font-size:clamp(33px,3.8vw,55px);white-space:normal;line-height:1.35}
.visual-page-us-korea .visual-hero{gap:0;min-height:690px}
.visual-page .kusa-jump-nav{flex-wrap:wrap;gap:18px 25px}
.visual-page .kusa-row-arrow{border:0;background:none;border-radius:0;color:#40516b;font-size:23px}
.visual-page .kusa-service-row:hover .kusa-row-arrow{background:none;color:#345be8;transform:translate(2px,-2px)}
.visual-page .kusa-row-copy h3{font-weight:550;font-size:21px}
.visual-page .kusa-row-copy p{color:#40516b;font-weight:400;line-height:1.85}
.visual-page .kusa-service-row{padding-block:28px;min-height:126px}
.visual-page .kusa-consult h2{font-weight:550}
.visual-photo{position:relative;margin:0;overflow:hidden;border-radius:7px;aspect-ratio:4/3;background:#e8edf4}
.visual-photo img{display:block;width:100%;height:100%;object-fit:cover}
.visual-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 23px;background:linear-gradient(transparent,rgba(20,33,54,.65));color:white;font-size:25px;font-weight:550;letter-spacing:-.04em}
.visual-property-art{position:relative;padding:0 0 100px 36px}
.visual-property-art .visual-photo{aspect-ratio:1.1}
.visual-blueprint{position:absolute;left:-35px;bottom:0;width:245px;padding:14px 20px 23px;color:#4668c8;background:rgba(248,251,255,.94);backdrop-filter:blur(12px);border:1px solid #e3ebf8;box-shadow:0 16px 45px rgba(35,58,106,.06);border-radius:5px}
.visual-blueprint svg{width:100%;height:auto;display:block}
.visual-blueprint>span{display:block;text-align:center;font-size:7px;letter-spacing:.16em;color:#40516b;margin-top:8px}
.visual-enterprise-art .visual-photo{aspect-ratio:1.55}
.visual-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:26px 0 0;padding:0 8px}
.visual-steps li{display:flex;position:relative;flex-direction:column;gap:13px;align-items:center;font-size:12px;color:#40516b}
.visual-steps li:after{content:"";position:absolute;left:50%;right:-50%;top:31px;height:1px;background:#c2d0eb;z-index:0}
.visual-steps li:last-child:after{display:none}
.visual-steps i{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;border:1px solid #4769d3;background:#fff}
.visual-steps li:first-child i{background:#4769d3;box-shadow:0 0 0 5px #edf2ff}
.visual-steps strong{font-weight:500;font-size:13px;color:#40516b}
.visual-documents{position:relative;height:405px;perspective:1100px;background:radial-gradient(ellipse at 50% 70%,#e3edfa 0%,transparent 65%)}
.visual-document{position:absolute;top:65px;left:20%;width:37%;height:260px;padding:48px 27px;border:1px solid rgba(130,160,215,.48);border-top-color:rgba(255,255,255,.98);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(218,231,248,.36));box-shadow:4px 12px 20px rgba(66,91,149,.07),inset 0 0 5px white;transform:rotateY(-23deg) rotateZ(-4deg);backdrop-filter:blur(5px);z-index:3}
.visual-document:nth-child(2){left:35%;top:85px;z-index:2;opacity:.8}
.visual-document:nth-child(3){left:50%;top:105px;z-index:1;opacity:.65}
.visual-document i{display:block;width:55%;height:4px;background:#4969e7;border-radius:3px;margin-bottom:30px}
.visual-document b{display:block;height:2px;background:#9aacc8;margin:13px 0;border-radius:2px}
.visual-document b:nth-of-type(3){width:65%}
.visual-document span{display:block;width:18px;height:18px;border:1px solid #9bb2de;border-radius:50%;margin-top:25px}
.visual-document-shadow{position:absolute;bottom:38px;left:20%;width:65%;height:25px;filter:blur(16px);background:rgba(66,91,149,.15);border-radius:50%}
.visual-lane{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);gap:70px;padding:62px 0 72px;scroll-margin-top:30px}
.visual-lane+.visual-lane{border-top:1px solid #dfe6f1}
.visual-lane-heading h2{font-size:30px;font-weight:550;line-height:1.4;margin:20px 0}
.visual-lane-heading .visual-photo{margin-top:30px;aspect-ratio:3/4}
.visual-lane-photo{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.visual-lane-photo .visual-lane-heading{position:sticky;top:28px;align-self:start}
.visual-crosslink{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:45px 60px;border-top:1px solid #dfe6f1}
.visual-crosslink h2{font-weight:550;font-size:30px;margin:15px 0}
.visual-crosslink p{font-size:14px}
/* Progressive enhancement: content is readable without JS or animation support. */
.tkx-review .tkx-scroll-reveal{transition:opacity .58s ease,translate .58s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.tkx-review .tkx-reveal-pending{opacity:0;translate:0 18px}
.tkx-review .tkx-reveal-instant{transition:none!important;opacity:1;translate:none}
@keyframes tkx-line-enter{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tkx-sheet-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes tkx-meter-enter{from{stroke-dashoffset:100}}
.visual-art-play .visual-draw{stroke-dasharray:1;animation:tkx-line-enter 1.5s ease both}
.visual-documents.visual-art-play .visual-document{animation:tkx-sheet-enter .85s ease both}
.visual-documents.visual-art-play .visual-document:nth-child(2){animation-delay:100ms}
.visual-documents.visual-art-play .visual-document:nth-child(3){animation-delay:200ms}
.visual-steps.visual-art-play li{animation:tkx-sheet-enter .6s ease both}
.visual-steps.visual-art-play li:nth-child(2){animation-delay:100ms}
.visual-steps.visual-art-play li:nth-child(3){animation-delay:200ms}
.member-meter.visual-art-play .meter-fill{animation:tkx-meter-enter 1.1s cubic-bezier(.22,1,.36,1) both}
@media(max-width:1100px){.tkx-editorial .content-wrap{width:calc(100% - 64px)}.tkx-editorial .detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:35px}.visual-page .visual-hero{gap:20px;min-height:540px}.visual-page .kusa-hero h1{font-size:39px}.visual-page .kusa-hero-actions{flex-wrap:wrap;gap:12px 22px}.visual-property-art{padding-left:15px}.visual-blueprint{left:-10px;width:190px}.visual-lane{gap:40px}.visual-documents{height:350px}.visual-document{height:230px;padding:40px 20px}.tkx-editorial .hub-card,.tkx-editorial .service-card{column-gap:22px}}
@media(max-width:850px){.tkx-editorial .detail-layout{grid-template-columns:1fr}.tkx-editorial .detail-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px}.tkx-editorial .service-editorial-photo{margin:0}.tkx-editorial .aside-related{grid-column:1/-1}.tkx-editorial .hub-card,.tkx-editorial .service-card{grid-template-columns:1fr auto}.tkx-editorial .hub-card p,.tkx-editorial .service-card p{grid-column:1;grid-row:auto}.tkx-editorial .hub-card>span:last-child,.tkx-editorial .service-card>.card-arrow{grid-column:2;grid-row:1/4}}
@media(max-width:760px){.tkx-editorial .content-wrap{width:calc(100% - 40px);padding-block:24px 48px}.tkx-editorial .page-intro{margin:26px 0 32px}.tkx-editorial .page-intro h1{font-size:32px}.tkx-editorial .page-intro p{font-size:14px}.tkx-editorial .bottom-cta{width:calc(100% - 40px);padding:30px 25px}.tkx-editorial .hub-card,.tkx-editorial .service-card{display:flex;align-items:flex-start;gap:12px;padding:25px 0;min-height:0}.tkx-editorial .hub-card h2,.tkx-editorial .hub-card h3,.tkx-editorial .service-card h2{font-size:20px}.tkx-editorial .hub-card>span:last-child,.tkx-editorial .service-card>.card-arrow{margin-top:7px}.tkx-editorial .detail-aside{grid-template-columns:1fr}.tkx-editorial .service-editorial-photo{aspect-ratio:16/9;max-height:280px}.tkx-editorial .detail-main .detail-lead{font-size:15px}.tkx-editorial .info-list article{gap:10px;grid-template-columns:30px 1fr}.tkx-editorial .info-list p{font-size:15px}.visual-page .visual-hero{grid-template-columns:1fr;padding-block:45px 30px;gap:30px;min-height:0}.visual-page .kusa-hero h1{font-size:clamp(30px,7.8vw,45px)}.visual-page .kusa-hero-actions{gap:15px}.visual-property-art{width:100%;max-width:500px;justify-self:center;padding:0 0 55px 15px}.visual-property-art .visual-photo{aspect-ratio:1.3}.visual-blueprint{width:150px;padding:8px 12px 16px;left:0}.visual-lane,.visual-lane-photo{grid-template-columns:1fr;gap:24px;padding-block:35px 45px}.visual-lane-photo .visual-lane-heading{position:static}.visual-lane-heading h2{font-size:27px;margin:12px 0}.visual-lane-heading .visual-photo{aspect-ratio:5/4;max-height:400px;margin-top:23px}.visual-page .kusa-row-copy h3{font-size:19px}.visual-page .kusa-service-row{min-height:0;padding-block:24px}.visual-page .kusa-jump-nav{gap:12px 22px}.visual-page .kusa-jump-nav a{flex:none;min-width:100px}.visual-documents{height:310px;width:100%;max-width:490px;justify-self:center}.visual-document{height:210px;top:32px;padding:35px 22px}.visual-document:nth-child(2){top:48px}.visual-document:nth-child(3){top:64px}.visual-crosslink{align-items:flex-start;flex-direction:column;padding-block:30px 45px;gap:10px}.visual-crosslink h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.tkx-review .tkx-scroll-reveal,.tkx-review .tkx-reveal-pending{opacity:1;translate:none;transition:none}.tkx-review .visual-art-play *{animation:none!important}.tkx-review .visual-draw{stroke-dashoffset:0}.tkx-editorial *{scroll-behavior:auto}.visual-page .kusa-row-arrow{transition:none}}
/* Supporting information pages use the same open, rule-separated rhythm. */
body.tkx-editorial .about-origin{border:0;border-radius:8px;background:#f3f7fc;box-shadow:none}
body.tkx-editorial .about-origin h2,body.tkx-editorial .about-section h2{font-weight:550}
body.tkx-editorial .about-pillar,body.tkx-editorial .about-tool{border:0;border-top:1px solid #bdcde5;border-radius:0;background:transparent;box-shadow:none;padding:26px 8px}
body.tkx-editorial .about-pillar h3,body.tkx-editorial .about-tool h3{font-weight:550}
body.tkx-editorial .about-pillar p,body.tkx-editorial .about-tool p{font-weight:400;line-height:1.9}
body.tkx-editorial .about-boundary{border-radius:6px;background:#f3f7fc}
/* Architectural studies: structure, detail, landscape, then drafting guides. */
.visual-sketch{position:relative;color:#88ace8;min-width:0;pointer-events:none}
.visual-sketch svg{display:block;width:100%;height:auto;overflow:visible}
.visual-sketch:not(.visual-pencil-study) path{stroke-width:1;vector-effect:non-scaling-stroke}
.visual-sketch .sketch-pass-0{stroke:#769de0;stroke-width:1.2}
.visual-sketch .sketch-pass-1{opacity:.85}
.visual-sketch .sketch-pass-2{opacity:.72}
.visual-sketch .sketch-pass-3{opacity:.36;stroke-width:.75}
.sketch-caption{display:block;margin:2px 0 0;text-align:right;color:#40516b;font-size:8px;font-weight:500;letter-spacing:.2em}
.visual-sketch.visual-art-play .visual-draw{animation:tkx-line-enter 1.25s cubic-bezier(.4,0,.2,1) both;stroke-dasharray:1}
.visual-sketch.visual-art-play .sketch-pass-1{animation-delay:.28s;animation-duration:1.6s}
.visual-sketch.visual-art-play .sketch-pass-2{animation-delay:.55s;animation-duration:1.65s}
.visual-sketch.visual-art-play .sketch-pass-3{animation-delay:1.05s;animation-duration:1.3s}
.visual-intro{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);align-items:center;gap:65px;margin:30px 0 48px}
.tkx-editorial .visual-intro .page-intro{margin:25px 0;max-width:650px}
.tkx-editorial .visual-intro h1{font-size:clamp(32px,3.25vw,48px);line-height:1.38;word-break:keep-all}
.tkx-editorial .visual-intro p{font-size:15px;word-break:keep-all}
.visual-intro .visual-sketch{padding:18px 0;max-width:560px;width:100%;justify-self:end}
.visual-property-art{padding-bottom:128px}
.visual-property-art>.visual-sketch{position:absolute;left:-30px;bottom:0;width:83%;padding:16px 22px 12px;background:linear-gradient(110deg,rgba(252,253,255,.97),rgba(250,252,255,.94));border-radius:3px}
.visual-steps.visual-art-play li:after{transform-origin:left;animation:tkx-connector-enter .7s ease both}
.visual-steps.visual-art-play li:nth-child(2):after{animation-delay:.3s}
@keyframes tkx-connector-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.visual-documents.visual-art-play .visual-document b{transform-origin:left;animation:tkx-connector-enter .7s ease .4s both}
.visual-documents.visual-art-play .visual-document b:nth-of-type(2){animation-delay:.55s}
.visual-documents.visual-art-play .visual-document b:nth-of-type(3){animation-delay:.7s}
@media(max-width:1100px){.visual-intro{gap:28px}.visual-property-art{padding-bottom:110px}.visual-property-art>.visual-sketch{left:-8px;width:88%}}
@media(max-width:760px){.visual-intro{grid-template-columns:1fr;gap:0;margin:15px 0 30px}.tkx-editorial .visual-intro .page-intro{margin:22px 0 8px}.tkx-editorial .visual-intro h1{font-size:31px}.visual-intro .visual-sketch{width:90%;max-width:430px;justify-self:center;padding:8px 0 12px}.visual-property-art{padding-bottom:98px}.visual-property-art>.visual-sketch{width:88%;left:0;padding:12px 14px 10px}.sketch-caption{font-size:6px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.visual-sketch.visual-art-play .visual-draw,.visual-steps.visual-art-play li:after,.visual-documents.visual-art-play .visual-document b{animation:none!important;stroke-dashoffset:0;transform:none}}
/* Individually authored pencil marks, with quiet variations in pressure and timing. */
.visual-pencil-study{color:#668de1}
.visual-pencil-study path{vector-effect:none}
.visual-pencil-study.visual-art-play .pencil-stroke{stroke-dasharray:1;animation:tkx-line-enter var(--pencil-duration,.3s) linear var(--pencil-delay,0s) both}
.visual-property-art>.visual-pencil-study{width:96%;left:-22px;padding:12px 4px 16px;background:linear-gradient(115deg,rgba(252,253,255,.97),rgba(250,252,255,.95));border-radius:0}
.visual-intro .visual-pencil-study{max-width:610px;padding:14px 0}
@media(max-width:760px){.visual-property-art>.visual-pencil-study{width:100%;left:0;padding:13px 2px 14px}.visual-intro .visual-pencil-study{width:100%;padding:12px 0 16px}}
@media(prefers-reduced-motion:reduce){.visual-pencil-study.visual-art-play .pencil-stroke{animation:none!important;stroke-dashoffset:0}}
@media(max-width:760px){.visual-pencil-study .pencil-stroke{vector-effect:non-scaling-stroke}}
/* Category-specific editorial imagery fills the formerly empty hierarchy. */
.editorial-scene{margin:0;overflow:hidden;background:#edf3fa;isolation:isolate}
.editorial-scene img{display:block;width:100%;height:100%;object-fit:cover}
.visual-lane-heading>.editorial-scene{margin-top:34px;aspect-ratio:1.2;border-radius:4px}
.visual-lane:nth-child(even) .visual-lane-heading>.editorial-scene{aspect-ratio:1.48}
.group-hero,.service-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.83fr);align-items:center;gap:clamp(42px,6vw,100px);padding:37px 0 47px;border-bottom:1px solid #dfe6f1;margin-bottom:26px}
.tkx-editorial .group-hero .page-intro{margin:0;max-width:620px}
.group-hero .editorial-scene,.service-hero .editorial-scene{width:100%;aspect-ratio:1.78;min-height:260px;border-radius:4px}
.service-hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.75fr);margin-bottom:8px;padding:36px 0 43px}
.service-hero-copy{align-self:center}
.service-hero h1{font-size:clamp(31px,3.65vw,51px);font-weight:600;line-height:1.37;letter-spacing:-.05em;margin:18px 0 20px;color:#222e49;word-break:keep-all}
.service-hero .detail-lead{font-size:16px;line-height:1.85;max-width:670px;color:#40516b;font-weight:400;margin:0}
.tkx-editorial .service-hero+.detail-layout{padding-top:24px}
.tkx-editorial .service-hero+.detail-layout .detail-main{padding-top:0}
@media(max-width:1050px){.group-hero,.service-hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}.group-hero .editorial-scene,.service-hero .editorial-scene{min-height:220px}}
@media(max-width:760px){.group-hero,.service-hero{grid-template-columns:1fr;gap:22px;padding:22px 0 30px;margin-bottom:18px}.group-hero .editorial-scene,.service-hero .editorial-scene{min-height:0;aspect-ratio:1.8}.service-hero h1{font-size:33px;margin:12px 0 16px}.service-hero .detail-lead{font-size:14px}.visual-lane-heading>.editorial-scene{margin-top:23px;aspect-ratio:1.65}.visual-lane:nth-child(even) .visual-lane-heading>.editorial-scene{aspect-ratio:1.65}}

/* 1.0.165 — photographs and page-specific editorial compositions */
.story-art{position:relative!important;display:block!important;isolation:isolate;background:transparent!important;overflow:visible!important;margin:0!important;height:420px;min-width:0;aspect-ratio:auto!important;border:0!important;border-radius:0!important}
.story-photo,.story-detail{position:absolute;overflow:hidden;background:#e8edf2}
.story-art .story-photo img,.story-art .story-detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78);border-radius:0}
.story-photo{inset:0 0 27% 0}
.story-detail{left:0;bottom:0;width:34%;height:33%;border-top:8px solid #fbfcfe;border-right:8px solid #fbfcfe;box-sizing:border-box}
.story-caption{position:absolute;left:41%;right:0;bottom:5%;display:block;padding:0!important;background:none!important;text-align:left!important;color:#263650!important}
.story-caption>span{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;line-height:1.6;color:#40516b;margin:0 0 10px}
.story-caption>strong{display:block;font-size:18px;font-weight:500;line-height:1.65;letter-spacing:-.035em;word-break:keep-all}
.story-edge{position:absolute;left:0;top:calc(100% + 14px);font-size:7px;line-height:1.5;letter-spacing:1.7px;color:#40516b;font-weight:500}
.group-hero .story-art,.service-hero .story-art{height:420px;min-height:0;aspect-ratio:auto;width:100%;border-radius:0}
.group-hero,.service-hero{padding-top:30px;padding-bottom:50px;gap:clamp(35px,5vw,80px);grid-template-columns:minmax(0,1.08fr) minmax(340px,.95fr)}
.group-hero-copy .page-intro{padding:0;margin:0;max-width:630px}
.group-focus{margin:28px 0 0;padding:18px 0 0;border-top:1px solid #dce4ed;display:flex;flex-wrap:wrap;gap:8px 21px;list-style:none;max-width:530px}
.group-focus li{font-size:12px;color:#40516b;line-height:1.8;font-weight:400;position:relative;padding-left:10px}
.group-focus li:before{content:"";position:absolute;width:3px;height:3px;background:#819bad;left:0;top:9px}
.service-directory-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;padding-bottom:17px;border-bottom:1px solid #b9c8dc}
.service-directory-heading p{font-size:10px;letter-spacing:1.7px;color:#40516b;margin:0;font-weight:600}
.service-directory-heading span{font-size:12px;color:#40516b}
.tkx-editorial .service-hero+.detail-layout{gap:50px;padding-top:22px}
.tkx-editorial .service-hero+.detail-layout .detail-main>section:first-child{margin-top:0;padding-top:15px;border-top:0}
.service-hero-copy .eyebrow{font-size:11px;letter-spacing:1.4px}
.service-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.4;margin-top:20px}
.service-hero .detail-lead{font-size:16px;line-height:1.9}
/* Relocation: a departure scene paired with a smaller view into daily life. */
.story-art--journey .story-photo{inset:0 17% 24% 0}
.story-art--journey .story-detail{left:auto;right:0;bottom:20%;width:41%;height:43%;border:8px solid #fbfcfe;border-right:0}
.story-art--journey .story-caption{left:0;right:12%;bottom:0}
.story-art--journey .story-edge{left:auto;right:0;top:5%;writing-mode:vertical-rl}
/* Living: a quieter, human-scale spread with generous white space. */
.story-art--living .story-photo{inset:0 0 24% 13%}
.story-art--living .story-detail{width:40%;height:40%;bottom:6%;border:7px solid #fbfcfe;border-left:0}
.story-art--living .story-caption{left:46%;bottom:0}
/* Business: architectural vertical and a horizontal interior study. */
.story-art--business .story-photo{inset:0 45% 0 0}
.story-art--business .story-detail{left:auto;right:0;top:8%;width:39%;height:44%;border:0}
.story-art--business .story-caption{left:61%;bottom:9%;right:0}
.story-art--business .story-caption>strong{font-size:17px}
.story-art--business .story-edge{left:61%;top:0;font-size:7px;letter-spacing:1px}
/* Documents: overlapping photographic studies, with no imitation legal forms. */
.story-art--dossier .story-photo{inset:0 0 25% 8%}
.story-art--dossier .story-detail{width:35%;height:43%;bottom:8%;border:7px solid #fbfcfe;border-left:0}
.story-art--dossier .story-caption{left:42%;bottom:0}
.story-art--dossier:before{content:"";position:absolute;inset:18px 15px 12% 0;border:1px solid #d8dfe8;z-index:-1}
/* On-site work: large working view and an offset context image. */
.story-art--field .story-photo{inset:0 0 29% 0}
.story-art--field .story-detail{left:auto;right:0;bottom:0;width:38%;height:38%;border-left:8px solid #fbfcfe;border-right:0;border-top:8px solid #fbfcfe}
.story-art--field .story-caption{left:0;right:44%;bottom:4%}
/* Expert consultation: calm portrait-format space beside the working context. */
.story-art--advisory .story-photo{inset:0 38% 9% 0}
.story-art--advisory .story-detail{left:auto;right:0;top:0;bottom:auto;width:32%;height:45%;border:0}
.story-art--advisory .story-caption{left:68%;right:0;bottom:12%}
.story-art--advisory .story-caption>strong{font-size:16px}
.story-art--advisory .story-caption>span{font-size:7px;letter-spacing:1px}
/* Education: a presentation image and a lower notes margin. */
.story-art--learning .story-photo{inset:0 0 30% 0}
.story-art--learning .story-detail{left:0;bottom:0;width:33%;height:35%;border-top:8px solid #fbfcfe;border-right:8px solid #fbfcfe}
.story-art--learning .story-caption{left:40%;bottom:4%}
/* Finance: purposeful desk imagery and a tall, cropped secondary study. */
.story-art--ledger .story-photo{inset:0 21% 25% 0}
.story-art--ledger .story-detail{left:auto;right:0;top:13%;width:29%;height:61%;border:7px solid #fbfcfe;border-right:0}
.story-art--ledger .story-caption{left:0;right:4%;bottom:0}
.story-art--ledger .story-edge{top:2px;left:auto;right:0;writing-mode:vertical-rl}
.visual-lane-heading>.story-art{margin-top:32px!important;height:335px;aspect-ratio:auto!important}
.visual-lane:nth-child(even) .visual-lane-heading>.story-art{aspect-ratio:auto}
.visual-lane-heading .story-caption>strong{font-size:16px}
.visual-lane-heading .story-caption>span{font-size:7px;letter-spacing:1px}
.visual-lane-heading .story-art--business .story-caption>strong{font-size:14px}
.visual-intro>.story-art{height:380px;min-height:0;margin:0!important}
.visual-hero>.story-art{height:500px}
@media(max-width:1100px){.group-hero,.service-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:32px}.group-hero .story-art,.service-hero .story-art{height:355px}.story-caption>strong{font-size:16px}.story-caption>span{font-size:7px}.story-art--business .story-caption>strong{font-size:15px}.story-art--advisory .story-caption>strong{font-size:14px}.visual-lane-heading>.story-art{height:295px}.visual-hero>.story-art{height:410px}}
@media(max-width:760px){.group-hero,.service-hero{grid-template-columns:1fr;gap:30px;padding-top:24px;padding-bottom:36px}.group-hero .story-art,.service-hero .story-art{height:clamp(310px,80vw,430px);margin-top:4px!important}.group-hero-copy .page-intro h1{font-size:34px;line-height:1.4}.group-focus{margin-top:20px;padding-top:14px;gap:5px 18px}.group-focus li{font-size:11px}.service-hero h1{font-size:32px;margin-top:12px}.story-caption>strong{font-size:16px}.story-caption>span{font-size:7px;letter-spacing:1.2px}.story-art--business .story-caption>strong{font-size:15px}.story-art--advisory .story-caption>strong{font-size:14px}.story-art--business .story-edge{font-size:6px;letter-spacing:.5px}.visual-lane-heading>.story-art{height:320px;max-width:480px;margin:24px 0 35px!important}.visual-intro>.story-art{height:335px;margin-bottom:24px!important}.visual-hero>.story-art{height:370px}.service-directory-heading{margin:22px 0 6px}.tkx-editorial .service-hero+.detail-layout{gap:30px}.tkx-editorial .service-hero+.detail-layout .detail-main>section:first-child{padding-top:0}}
@media(prefers-reduced-motion:reduce){.story-art img{animation:none!important;transition:none!important}}

/* Contextual detail remains secondary to urgent guidance and the intake form. */
.consult-side>.story-art{height:285px;margin:0 0 50px!important}
.consult-side .story-caption>strong,.problem-aside .story-caption>strong{font-size:14px}
.consult-side .story-caption>span,.problem-aside .story-caption>span{font-size:6px;letter-spacing:.7px}
.problem-aside>.story-art{height:300px;margin:0 0 48px!important}
.problem-intro-copy .page-intro{max-width:980px}
@media(max-width:760px){.consult-side>.story-art,.problem-aside>.story-art{height:310px;max-width:430px}}

.tkx-editorial .service-directory-heading+.service-grid>.service-card:first-child{border-top:0}
.tkx-editorial .problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.tkx-editorial .problem-story{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:32px 0;border:0;border-bottom:1px solid #dce4ef;border-radius:0;box-shadow:none;background:transparent;align-items:center}
.context-photo{overflow:hidden;aspect-ratio:1;align-self:start;background:#edf1f5}
.context-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .6s ease}
.problem-story:hover .context-photo img{transform:scale(1.035)}
.problem-story-copy>.eyebrow{font-size:9px;letter-spacing:1.3px;color:#40516b}
.problem-story-copy h2{font-size:22px;margin:12px 0}
.problem-story-copy p{font-size:13px;line-height:1.9;font-weight:400;margin:0 0 17px}
.problem-story-copy>span:last-child{color:#3459dd;font-size:12px}
@media(max-width:1100px){.tkx-editorial .problem-story{grid-template-columns:110px 1fr;gap:18px}.tkx-editorial .problem-grid{gap:0 30px}}
@media(max-width:760px){.tkx-editorial .problem-grid{grid-template-columns:1fr}.tkx-editorial .problem-story{grid-template-columns:96px 1fr;gap:18px;padding:28px 0}.problem-story-copy h2{font-size:20px}.problem-story-copy p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.context-photo img{transition:none}.problem-story:hover .context-photo img{transform:none}}

.tkx-editorial .service-directory-heading+.service-grid{border-top:0}
/* A narrow intake sidebar uses one clear image instead of squeezing a collage. */
.consult-side>.story-art{height:210px;margin-bottom:24px!important}
.consult-side .story-art .story-photo{inset:0 0 35% 0}
.consult-side .story-art .story-detail,.consult-side .story-art .story-edge,.consult-side .story-art .story-caption>span{display:none}
.consult-side .story-art .story-caption{left:0;right:0;bottom:0}
.consult-side .story-art .story-caption>strong{font-size:12px;line-height:1.8}
@media(max-width:760px){.consult-side>.story-art{height:230px}.consult-side .story-art .story-photo{inset:0 0 27% 0}.consult-side .story-art .story-caption>strong{font-size:14px}}

/* 1.0.166 — approved people and problem-solving sketches, painted along their own ink. */
.visual-intro>.human-sketch{max-width:630px;width:100%;padding:0;mix-blend-mode:multiply}
.human-sketch svg{display:block;width:100%;height:auto;overflow:hidden;filter:contrast(1.12) brightness(1.02)}
.human-sketch .human-ink-reveal{fill:none;stroke:white;stroke-width:6!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:none!important}
.human-sketch .human-ink-complete{opacity:1}
.human-sketch.human-ink-pending .human-ink-reveal{stroke-dasharray:1;stroke-dashoffset:1}
.human-sketch.human-ink-pending .human-ink-complete{opacity:0}
.human-sketch.visual-art-play .human-ink-reveal{stroke-dasharray:1;animation:tkx-human-ink var(--ink-duration,.6s) linear var(--ink-delay,0s) both}
.human-sketch.visual-art-play .human-ink-complete{animation:tkx-human-complete .3s ease 5.6s both}
@keyframes tkx-human-ink{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tkx-human-complete{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.visual-intro>.human-sketch{width:100%;max-width:500px;margin:12px 0 0;padding:0}}
@media(prefers-reduced-motion:reduce){.human-sketch .human-ink-reveal{animation:none!important;stroke-dashoffset:0!important}.human-sketch .human-ink-complete{animation:none!important;opacity:1!important}}

/* 1.0.167 — one uninterrupted photograph per service directory lane. */
.visual-lane-heading .visual-photo figcaption{font-size:clamp(20px,1.8vw,25px);line-height:1.45;word-break:keep-all;text-wrap:balance;padding:70px 25px 25px;background:linear-gradient(transparent,rgba(15,28,48,.78))}
@media(max-width:760px){.visual-lane-heading .visual-photo figcaption{font-size:21px;padding:55px 20px 20px}}

.visual-page-enterprise .visual-lane-heading .visual-photo{aspect-ratio:4/3}

/* Keep the first view readable while the category and service hero settles in. */
@media (prefers-reduced-motion: no-preference) {
  .tkx-route-group .breadcrumb,
  .tkx-route-service .breadcrumb {
    animation: tkx-detail-enter .42s ease-out both;
  }
  .tkx-route-group .group-hero-copy,
  .tkx-route-service .service-hero-copy {
    animation: tkx-detail-enter .42s cubic-bezier(.22, 1, .36, 1) both;
  }
  .tkx-route-group .group-hero > .story-art,
  .tkx-route-service .service-hero > .story-art {
    animation: tkx-detail-enter .48s cubic-bezier(.22, 1, .36, 1) both;
  }
}
@keyframes tkx-detail-enter {
  from { opacity: .88; transform: translate3d(0, 8px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* 1.0.170 — let the editorial imagery carry the page without duplicate captions. */
.editorial-scene.story-art .story-photo { inset: 0; }

/* Give the row indices room beside the inset hover accent. */
.tkx-route-service .detail-list > div { padding: 18px 20px; gap: 19px; }
.tkx-route-service .detail-list > div b { flex: 0 0 18px; }
.tkx-route-service .check-list li { padding: 13px 18px 13px 44px; }
.tkx-route-service .check-list li::before { left: 18px; }

/* Informational rows respond to hover without implying a click action. */
@media (hover: hover) and (pointer: fine) {
  .tkx-route-service .detail-list > div,
  .tkx-route-service .check-list li {
    cursor: default;
    transition: background-color .22s ease, box-shadow .22s ease, color .22s ease;
  }
  .tkx-route-service .detail-list > div:hover,
  .tkx-route-service .check-list li:hover {
    background-color: #f3f7ff;
    box-shadow: inset 3px 0 0 #9eb8f8;
    color: #25448d;
  }
  .tkx-route-service .detail-list > div:hover b,
  .tkx-route-service .check-list li:hover::before { color: #315ceb; }
}
@media (prefers-reduced-motion: reduce) {
  .tkx-route-service .detail-list > div,
  .tkx-route-service .check-list li { transition: none; }
}
.editorial-scene.story-art .story-edge {
  left: 0;
  right: auto;
  top: calc(100% + 12px);
  bottom: auto;
  writing-mode: horizontal-tb;
  font-size: 8px;
  letter-spacing: 1.6px;
}

/* The four specialist lanes each contain a single route, so a shorter image reads better. */
.visual-page-professional .visual-lane {
  grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 55px);
  padding: 23px 0 27px;
}
.visual-page-professional .visual-lane-heading {
  position: static;
  display: grid;
  grid-template-columns: 115px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}
.visual-page-professional .visual-lane-heading > .kusa-overline { grid-column: 1; align-self: center; }
.visual-page-professional .visual-lane-heading h2 { display: none; }
.visual-page-professional .visual-lane-heading .visual-photo {
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: 2 / 1;
  height: 108px;
  max-height: 108px;
  margin: 0;
}
.visual-page-professional .visual-lane-heading .visual-photo figcaption { display: none; }
.visual-page-professional .kusa-service-row { min-height: 112px; padding-block: 20px; }
@media (max-width: 760px) {
  .visual-page-professional .visual-lane { grid-template-columns: 1fr; gap: 13px; padding: 25px 0 31px; }
  .visual-page-professional .visual-lane-heading {
    grid-template-columns: 70px minmax(0, 1fr);
  }
  .visual-page-professional .visual-lane-heading .visual-photo {
    height: 90px;
    max-height: 90px;
  }
  .visual-page-professional .kusa-service-row { min-height: 0; padding-block: 17px; }
}

/* Title-only category directories retain a comfortable row height. */
body.tkx-review .service-grid .service-card{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;min-height:132px}body.tkx-review .service-grid .service-card h2{grid-column:1}body.tkx-review .service-grid .service-card>.card-arrow{grid-column:2;grid-row:1/3;align-self:center}body.tkx-review .service-grid .service-card>.eyebrow{grid-column:1}body.tkx-review .group-hero .page-intro h1{margin-bottom:0}
@media(max-width:640px){body.tkx-review .service-grid .service-card{min-height:120px;column-gap:16px}}

/* Shared, one-time card entrance: the same restrained movement across page families. */
.tkx-review .tkx-scroll-reveal.tkx-card-reveal{transition:opacity .72s cubic-bezier(.22,1,.36,1),translate .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.tkx-review .tkx-card-reveal.tkx-reveal-pending{translate:0 24px}
.tkx-review .tkx-card-reveal.tkx-reveal-instant{opacity:1;translate:none;transition:none!important}
@media(prefers-reduced-motion:reduce){.tkx-review .tkx-scroll-reveal.tkx-card-reveal{opacity:1;translate:none;transition:none!important}}

/* Align the connector to the dot center independently of inherited text metrics. */
.visual-steps li{display:grid;grid-template-rows:20px 9px auto;row-gap:13px;justify-items:center;align-items:center}
.visual-steps li>span{line-height:20px}
.visual-steps li:after{top:37px}