/* TLIVE — multi-page site, version 8 */
:root{--bg:#f8fafc;--paper:#ffffff;--ink:#142033;--muted:#526176;--soft:#7a899b;--line:#e3e8ee;--blue:#214f9a;--navy:#111f34;--site-width:1760px;font-family:Inter,"Pretendard Variable",Pretendard,"Noto Sans KR","Segoe UI",Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);min-width:320px;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #7bafe8;outline-offset:3px}.container{width:min(var(--site-width),calc(100% - 80px));margin:0 auto}p{line-height:1.75}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.04em}.l-en{display:none!important}html[data-locale="en"] .l-ko{display:none!important}html[data-locale="en"] .l-en{display:initial!important}.skip-link{position:absolute;top:-100px;left:10px;padding:10px 14px;background:var(--navy);color:white;z-index:200}.skip-link:focus{top:12px}
.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:40px;min-height:77px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{height:35px;width:35px;display:grid;place-items:center;border-radius:7px;background:var(--navy);color:white;font-weight:750;font-size:20px}.brand-word{font-size:23px;font-weight:800;letter-spacing:-.07em}.brand-dot{color:var(--blue)}.main-nav{display:flex;align-items:center;gap:33px;margin-left:auto}.main-nav a{font-size:14px;color:#647184;font-weight:600;padding:28px 0 25px;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a.current,.main-nav a:hover{color:var(--navy);border-bottom-color:var(--navy)}.header-right{display:flex;gap:12px;align-items:center}.language-switch{display:flex;align-items:center;padding:3px;border:1px solid #dce3eb;border-radius:8px;background:#f6f8fb}.language-switch button{border:0;border-radius:6px;background:none;color:#788799;font-size:12px;font-weight:750;min-width:35px;height:30px}.language-switch button.active{background:var(--navy);color:#fff}.mobile-menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;width:40px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.mobile-menu-button span{display:block;height:2px;width:17px;background:var(--navy)}
.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.145em;color:#45658c}.small-meta{font-size:11px;font-weight:750;letter-spacing:.14em;color:#6f8399}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 20px;font-weight:700;font-size:14px;border-radius:7px;white-space:nowrap}.btn-primary{background:var(--navy);color:white}.btn-primary:hover{background:#243d5b}.btn-secondary,.btn-outline{border:1px solid #bdc9d5;background:white;color:#29394a}.btn-secondary:hover,.btn-outline:hover{background:#eff3f7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.text-link{font-weight:750;font-size:13px;color:#2d588a}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(35px,4.5vw,90px);align-items:center;padding:76px 0 80px}.hero-copy{max-width:640px}.home-hero h1{font-size:clamp(44px,4vw,70px);line-height:1.17;margin:20px 0 22px;font-weight:750}.hero-strong{color:#234d84}.hero-lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:600px}.hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}.hero-facts span{border-right:1px solid #bac5d0;padding:0 11px 0 0;margin-right:2px;font-size:12px;color:#7c8897}.hero-facts span:last-child{border-right:0}.hero-media{display:block;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 38px #0d28430a}.hero-media-top,.hero-media-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px}.hero-media-top{color:#8190a1;font-size:10px;font-weight:750;letter-spacing:.1em}.hero-media .localized-image{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.hero-media-caption{border-top:1px solid var(--line)}.hero-media-caption strong{font-size:17px}.hero-media-caption>span{font-size:13px;color:#566579}
.home-projects{padding:50px 0 92px}.section-head{margin-bottom:34px}.section-head h2{font-size:clamp(28px,2.6vw,42px);font-weight:740;margin:10px 0 10px}.section-intro{margin:0;color:var(--muted);font-size:15px;max-width:820px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-tile{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden;display:block;transition:border-color .2s,transform .2s}.project-tile:hover{border-color:#acbdcf;transform:translateY(-2px)}.tile-media{background:#162039}.tile-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.tile-content{padding:27px 28px 28px}.tile-heading{display:flex;justify-content:space-between;align-items:center}.tile-heading h3{margin:0;font-size:25px}.tile-heading>span{font-size:12px;color:#8b99a7}.tile-content p{color:var(--muted);font-size:14px;max-width:650px;margin:10px 0 16px}.home-middle{background:#edf2f7;padding:74px 0}.middle-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps-mini{background:white;padding:10px 31px;border:1px solid #dce5ee;border-radius:10px}.steps-mini>div{display:flex;align-items:center;gap:23px;border-bottom:1px solid #e5ebf2;padding:20px 0}.steps-mini>div span{font-size:13px;color:#7a8da5}.steps-mini>div strong{font-weight:700;font-size:15px}.steps-mini>a{display:inline-block;padding:20px 0}.home-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:76px 0}.home-contact-strip h2{font-size:32px;margin:10px 0}.home-contact-strip p{font-size:14px;color:var(--muted);margin:0}
.page-hero{padding:65px 0 47px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(40px,4vw,62px);margin:13px 0 13px}.page-hero p{color:var(--muted);font-size:16px;max-width:900px;margin:0}.project-index{padding:54px 0 94px}.project-index-row{display:grid;grid-template-columns:1fr .85fr;gap:clamp(30px,4vw,70px);align-items:center;padding:30px 0 65px;border-bottom:1px solid var(--line)}.project-index-row+.project-index-row{padding-top:65px}.index-row-media{background:#111a2c;border:1px solid #d7e0e9;border-radius:12px;overflow:hidden}.index-row-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.index-row-content h2{font-size:clamp(36px,3.7vw,52px);margin:14px 0 10px}.index-row-content .large-description{font-size:22px;color:#263b58;font-weight:700;line-height:1.5;margin:0 0 13px}.index-row-content>p:not(.large-description){color:var(--muted);font-size:15px;margin:0 0 25px}.inline-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 29px}.inline-tags span{font-size:12px;color:#516177;border:1px solid #d7e0e9;background:white;border-radius:5px;padding:6px 11px}
.detail-head{padding:44px 0 37px}.breadcrumbs{font-size:13px;display:flex;gap:9px;color:#77879a}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs strong{color:#334356}.detail-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:53px}.detail-title>div:first-child{max-width:1070px}.detail-title h1{font-size:clamp(55px,5vw,82px);line-height:1.08;margin:13px 0}.detail-title p{font-size:16px;color:var(--muted);max-width:880px;margin:10px 0 0}.detail-title .detail-lead{font-size:25px;line-height:1.52;color:#273c59;font-weight:730}.status-line{white-space:nowrap;font-size:12px;color:#50647d;padding-bottom:7px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4f8e78;margin-right:7px}.detail-showcase{padding:18px 0 70px}.showcase-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#738296;font-weight:700;margin:12px 0}.detail-showcase>img{display:block;width:100%;max-height:810px;object-fit:contain;border:1px solid #d1dae5;border-radius:11px;background:#162039}.image-note{font-size:12px;color:#7a8a9a;margin:14px 0 0}.detail-section{padding:48px 0 75px;border-top:1px solid var(--line)}.detail-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.feature-list>div{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:20px 0 24px;border-bottom:1px solid var(--line)}.feature-list>div:first-child{padding-top:0}.feature-list b{font-size:13px;color:#8192a4}.feature-list h3{margin:0;font-size:19px}.feature-list p{margin:9px 0 0;color:var(--muted);font-size:14px}.detail-callout{border:1px solid #dbe3ec;background:#fff;border-radius:10px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:22px}.detail-callout h2{font-size:24px;margin:10px 0}.detail-callout p{font-size:14px;color:var(--muted);margin:0;max-width:990px}.related{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:84px 0}.related h2{font-size:25px;margin:10px 0}.related-link{padding:20px 0;border-bottom:1px solid #a8b8c9;min-width:330px;display:flex;align-items:center;justify-content:space-between;gap:25px}.related-link>span:first-child{font-size:21px;font-weight:700}.related-link>span:last-child{font-size:13px;color:#516a85}
.approach-body,.principles{padding:76px 0 90px}.section-label-row{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}.section-label-row span{font-size:11px;color:#7890a7;letter-spacing:.1em;font-weight:750}.section-label-row h2{font-size:33px;margin:0}.process-rows{max-width:980px;margin-left:auto}.process-row{display:grid;grid-template-columns:62px 1fr;gap:15px;padding:28px 0;border-bottom:1px solid var(--line)}.process-row>span{font-size:13px;color:#8393a5}.process-row h3{font-size:20px;margin:0}.process-row p{font-size:14px;color:var(--muted);margin:9px 0 0}.principles{padding-top:10px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:30px}.principles-grid article{border:1px solid var(--line);border-radius:9px;background:white;padding:29px}.principles-grid article>span{color:#8192a6;font-size:12px}.principles-grid h3{font-size:21px;margin:23px 0 10px}.principles-grid p{font-size:14px;color:var(--muted);margin:0}.approach-note{border-top:1px solid var(--line);padding:58px 0 100px}.approach-note h2{font-size:32px;margin:9px 0 4px}.approach-note p{max-width:790px;color:var(--muted);font-size:15px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:95px 0}.about-statement h2{font-size:clamp(28px,3vw,44px);line-height:1.45;white-space:pre-line;margin:14px 0}.about-copy p{font-size:16px;color:var(--muted);margin:0 0 22px}.about-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:37px 0}.about-facts>div{padding:0 24px;border-right:1px solid var(--line)}.about-facts>div:first-child{padding-left:0}.about-facts>div:last-child{border:0}.about-facts span{font-size:31px;font-weight:720;letter-spacing:-.04em}.about-facts p{color:var(--muted);font-size:13px;margin:8px 0 0}.about-bottom{padding:90px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}.about-bottom h2{font-size:30px;margin:0 0 10px}.about-bottom p{color:var(--muted);margin:0}
.contact-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;padding:66px 0}.contact-main,.contact-aside{background:#fff;border:1px solid var(--line);border-radius:10px;padding:40px}.contact-main h2{font-size:clamp(28px,3vw,45px);margin:20px 0 12px;letter-spacing:-.05em}.contact-main p{font-size:15px;max-width:690px;color:var(--muted);margin-bottom:30px}.contact-aside h3{font-size:22px;margin:0 0 18px}.contact-aside>div{display:grid;grid-template-columns:30px 1fr;border-top:1px solid var(--line);padding:19px 0;gap:9px}.contact-aside b{font-size:12px;color:#9aa7b5}.contact-aside p{font-size:14px;color:var(--muted);margin:0}.contact-footer-note{padding:0 0 95px;color:var(--muted);font-size:14px}.contact-footer-note a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
.privacy-hero{padding-bottom:40px}.policy-date{font-size:12px;color:#8192a5;margin-top:27px}.policy-date span{margin:0 9px}.policy-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:75px;padding:56px 0 100px}.policy-toc{align-self:start;position:sticky;top:116px;display:flex;flex-direction:column;gap:13px;font-size:12px}.policy-toc strong{font-size:13px;margin-bottom:9px}.policy-toc a{color:#66798e}.policy-toc a:hover{color:var(--blue)}.policy-intro{font-size:15px;line-height:1.9;padding:24px;background:#edf2f7;border-left:3px solid #6c829c;color:#33485f}.policy-content section{padding:31px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.policy-content section h2{font-size:21px;margin:0 0 15px}.policy-content section p{font-size:14px;color:#536377;line-height:1.9;margin:10px 0}.policy-content section a{color:var(--blue);text-decoration:underline}.policy-table{border-top:1px solid #d5dee7;margin:20px 0}.policy-table .tr{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid #d5dee7;font-size:13px}.policy-table .tr span{padding:14px;line-height:1.7}.policy-table .tr span:first-child{font-weight:700;background:#f2f5f8}.policy-table .tr.head{font-weight:700;background:#ecf1f6}.policy-table .tr.head span:first-child{background:transparent}.not-found{min-height:60vh}.not-found .btn{margin-top:24px}
.footer{background:#111e30;color:#d9e1e9}.footer-top{display:flex;justify-content:space-between;gap:35px;padding:57px 0 45px}.footer-brand{font-weight:800;font-size:25px;letter-spacing:-.05em}.footer-brand span{color:#8ca7c8}.footer-top p{color:#a6b4c5;font-size:13px;margin:11px 0}.footer-links{display:flex;flex-wrap:wrap;gap:18px 25px;align-content:start}.footer-links a{color:#c7d0db;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #354456;display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:12px;color:#a6b4c5}
@media(max-width:1250px){.home-hero{gap:40px}.detail-two-col{gap:45px}.section-label-row{grid-template-columns:1fr 2fr}.main-nav{gap:22px}.container{width:calc(100% - 56px)}}
@media(max-width:980px){.header-inner{gap:20px}.main-nav{gap:14px}.main-nav a{font-size:12px}.home-hero{grid-template-columns:1fr;padding:58px 0}.hero-copy{max-width:100%}.home-hero h1{max-width:780px}.hero-media{max-width:810px}.project-index-row{grid-template-columns:1fr}.detail-title{align-items:start;flex-direction:column}.detail-two-col{grid-template-columns:1fr;gap:18px}.section-label-row{grid-template-columns:1fr;gap:15px}.policy-layout{grid-template-columns:1fr;gap:20px}.policy-toc{position:static;flex-direction:row;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.policy-toc strong{width:100%}}
@media(max-width:720px){.container{width:calc(100% - 32px)}.header-inner{min-height:66px;gap:12px}.brand-word{font-size:20px}.brand-symbol{width:30px;height:30px;font-size:18px}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:12px 16px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 25px #0a173018;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{font-size:15px;padding:12px 4px;border-bottom:1px solid #edf1f6}.mobile-menu-button{display:flex}.header-right{margin-left:auto}.home-hero{padding:44px 0 50px}.home-hero h1{font-size:40px}.hero-lead{font-size:14px}.hero-facts{margin-top:25px}.hero-media-top,.hero-media-caption{padding:12px}.hero-media-caption{align-items:flex-start;flex-direction:column}.home-projects{padding:38px 0 66px}.project-grid,.middle-layout,.principles-grid,.about-layout,.about-facts,.contact-layout{grid-template-columns:1fr}.tile-content{padding:22px}.home-middle{padding:54px 0}.steps-mini{padding:7px 18px}.home-contact-strip,.about-bottom,.related,.detail-callout{flex-direction:column;align-items:stretch}.home-contact-strip{padding:58px 0}.home-contact-strip h2{font-size:26px}.page-hero{padding:43px 0 35px}.page-hero h1{font-size:42px}.page-hero p{font-size:14px}.project-index{padding:23px 0 65px}.project-index-row,.project-index-row+.project-index-row{padding:25px 0 40px}.index-row-content h2{font-size:38px}.index-row-content .large-description{font-size:18px}.detail-head{padding:26px 0}.detail-title{margin-top:25px}.detail-title h1{font-size:55px}.detail-title .detail-lead{font-size:21px}.detail-title p{font-size:14px}.detail-showcase{padding:5px 0 40px}.detail-section{padding:28px 0 50px}.feature-list h3{font-size:18px}.detail-callout{padding:25px}.detail-callout h2{font-size:21px}.related{padding:48px 0}.related-link{min-width:0}.approach-body,.principles{padding:46px 0}.about-layout{gap:17px;padding:50px 0}.about-statement h2{font-size:30px}.about-facts{padding:18px 0}.about-facts>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.about-facts>div:last-child{border-bottom:0}.about-bottom{padding:55px 0}.contact-layout{padding:30px 0;gap:13px}.contact-main,.contact-aside{padding:24px}.contact-main h2{font-size:28px}.contact-footer-note{padding-bottom:55px}.policy-layout{padding:22px 0 65px}.policy-content section h2{font-size:18px}.policy-table .tr{grid-template-columns:1fr}.policy-table .tr span:first-child{padding-bottom:4px}.policy-table .tr span:last-child{padding-top:5px}.footer-top{flex-direction:column;padding:40px 0}.footer-bottom{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-tile{transition:none}}
/* Keep source aspect ratios when HTML width/height metadata is present. */
.localized-image{height:auto!important;max-width:100%;}
.hero-media .localized-image{height:auto!important;}
.tile-media .localized-image{height:auto!important;aspect-ratio:16 / 10;object-fit:cover;}
.index-row-media .localized-image{height:auto!important;}
.detail-showcase>.localized-image{height:auto!important;max-height:none;object-fit:contain;}


/* TLIVE v9: editorial home overview, full-width process, flat project listing */
.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(32px,4.6vw,88px);padding:78px 0 80px;align-items:center}
.hero-project-overview{background:#fff;border:1px solid #d8e1eb;border-radius:12px;padding:28px 32px 20px;min-width:0;box-shadow:0 16px 38px #1831490a}
.hero-overview-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-bottom:16px}
.hero-overview-heading .eyebrow{font-size:11px}
.overview-number{font-size:27px;color:#122641;font-weight:760;letter-spacing:-.05em;white-space:nowrap}
.overview-number small{font-size:11px;color:#8291a1;letter-spacing:.08em;font-weight:700}
.hero-project-row{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:28px 0;border-top:1px solid #e1e8ef}
.hero-project-row:hover .hero-project-arrow{transform:translate(2px,-2px);color:var(--blue)}
.hero-project-index{font-size:12px;font-weight:750;letter-spacing:.08em;color:#7890a9;align-self:start;margin-top:7px}
.hero-project-copy{display:flex;min-width:0;flex-direction:column;gap:7px}
.hero-project-copy strong{font-size:25px;letter-spacing:-.045em;font-weight:750;color:#18283c}
.hero-project-copy>span:not(.l-en):not(.l-ko){font-size:13px}
.hero-project-copy .l-ko,.hero-project-copy .l-en{color:#58697b;font-size:14px;line-height:1.55}
.hero-project-arrow{color:#8a99a9;transition:transform .15s}
.hero-overview-footer{border-top:1px solid #e1e8ef;padding-top:20px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#7a899a;font-size:12px;line-height:1.6}
.hero-overview-footer a{font-size:13px;font-weight:750;color:#284d7a;white-space:nowrap}
.hero-overview-footer a:hover{text-decoration:underline;text-underline-offset:4px}
/* Process page: no empty left column; all information takes the available width */
.approach-body{padding:66px 0 66px}
.approach-section-header{display:grid;grid-template-columns: minmax(0,1fr) minmax(320px,.9fr);gap:45px;align-items:end;padding-bottom:28px}
.approach-section-header h2{font-size:clamp(29px,2.8vw,42px);margin:12px 0 0;line-height:1.25}
.approach-section-header p{font-size:14px;color:var(--muted);line-height:1.9;margin:0;max-width:660px}
.process-grid-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.process-step{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ed;border-radius:10px;padding:26px 30px 23px;min-height:250px}
.process-step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.process-count{font-size:33px;font-weight:700;color:#284b74;line-height:1;letter-spacing:-.06em}
.process-category{font-size:10px;letter-spacing:.11em;color:#8294a7;font-weight:750}
.process-step h3{margin:0;font-size:20px;letter-spacing:-.03em}
.process-step p{font-size:14px;color:#58697a;line-height:1.8;margin:12px 0 20px}
.step-output{font-size:12px;color:#6e8399;margin-top:auto;border-top:1px solid #e4eaf0;padding-top:14px}
.principles{padding:14px 0 78px}
.principles .approach-section-header{padding-bottom:5px}
.principles-grid{padding-top:20px}
/* Project listing: one coherent panel, no little outlined rectangles nested inside */
.project-index{padding-top:40px}
.project-index-row--flat{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(35px,4vw,78px);border-bottom:1px solid #dfe6ee;padding:30px 0 54px}
.project-index-row--flat+.project-index-row--flat{padding-top:54px}
.project-index-row--flat .index-row-media{border:0;border-radius:10px;background:transparent;overflow:hidden}
.project-index-row--flat .index-row-media a{display:block;line-height:0}
.project-index-row--flat .index-row-media img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.project-index-row--flat .index-row-content{max-width:760px}
.project-index-row--flat .inline-tags{display:flex;gap:0;margin:0 0 21px;flex-wrap:wrap}
.project-index-row--flat .inline-tags>span{border:none;border-radius:0;background:transparent;padding:0 12px;color:#72849a;font-size:12px}
.project-index-row--flat .inline-tags>span:first-child{padding-left:0}
.project-index-row--flat .inline-tags>span+span{border-left:1px solid #c4cdd8}
.project-detail-link{display:inline-flex;gap:9px;align-items:center;color:#234b7a;font-size:14px;font-weight:750;border-bottom:1px solid #c3d1e0;padding-bottom:7px}
.project-detail-link:hover{color:#153151;border-color:#153151}
@media(max-width:1100px){.home-hero{grid-template-columns:1fr;gap:30px}.hero-project-overview{max-width:100%}.approach-section-header{grid-template-columns:1fr;gap:12px}.project-index-row--flat{grid-template-columns:1fr;gap:24px}}
@media(max-width:720px){.home-hero{padding:40px 0 52px}.hero-project-overview{padding:18px 20px}.hero-project-row{grid-template-columns:27px minmax(0,1fr) 18px;gap:11px;padding:23px 0}.hero-project-copy strong{font-size:22px}.hero-overview-footer{align-items:flex-start;flex-direction:column;gap:8px}.approach-body{padding:40px 0 48px}.approach-section-header{padding-bottom:20px}.process-grid-v9{grid-template-columns:1fr;gap:10px}.process-step{min-height:auto;padding:23px 20px}.process-step-top{margin-bottom:18px}.principles{padding-top:0}.project-index-row--flat,.project-index-row--flat+.project-index-row--flat{padding:24px 0 35px}}
/* Remove inherited nested-tag boxes from bilingual project labels. */
.project-index-row--flat .inline-tags > span > span{
  display:inherit;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:inherit!important;
  font:inherit;
}

/* Direct contact address on the homepage */
.home-contact-email{display:inline-block;margin-top:14px;color:#183b66;font-weight:700;font-size:16px;text-decoration:underline;text-underline-offset:4px}.home-contact-email:hover{color:#0b2544}


/* v10 dual-theme controls: both language versions, all pages */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 12px;border:1px solid #d4dee9;border-radius:8px;background:#fff;color:#293b51;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s}
.theme-toggle:hover{background:#eef3f8;border-color:#b7c7d9}
.theme-icon{flex:none}.theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-icon-moon{display:none}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#10161e;
  --paper:#19232f;
  --ink:#edf2f7;
  --muted:#b5c1cf;
  --soft:#94a3b5;
  --line:#303d4b;
  --blue:#a5c2e8;
  --navy:#e0e9f2;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .site-header{background:#151d27;border-color:var(--line)}
html[data-theme="dark"] .brand-symbol{background:#d8e4f0;color:#14212d}
html[data-theme="dark"] .brand-dot{color:#a9bed6}
html[data-theme="dark"] .main-nav a{color:#a7b6c8}
html[data-theme="dark"] .main-nav a.current,
html[data-theme="dark"] .main-nav a:hover{color:#f1f5f9;border-bottom-color:#d6e3f1}
html[data-theme="dark"] .language-switch{background:#202b37;border-color:#374759}
html[data-theme="dark"] .language-switch button{color:#adbccc}
html[data-theme="dark"] .language-switch button.active{background:#d9e4ef;color:#172431}
html[data-theme="dark"] .theme-toggle{background:#202b37;border-color:#374759;color:#e3ecf5}
html[data-theme="dark"] .theme-toggle:hover{background:#293747;border-color:#53667a}
html[data-theme="dark"] .mobile-menu-button{background:#202b37;border-color:#405267}
html[data-theme="dark"] .mobile-menu-button span{background:#e8eef5}
html[data-theme="dark"] .skip-link{background:#e0e9f2;color:#16222e}
html[data-theme="dark"] .eyebrow{color:#9bb9df}
html[data-theme="dark"] .small-meta{color:#90a8bf}
html[data-theme="dark"] .btn-primary{background:#dfe9f4;color:#101c28}
html[data-theme="dark"] .btn-primary:hover{background:#f0f5fa}
html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-outline{background:#202c39;color:#eef3f9;border-color:#47586c}
html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-outline:hover{background:#2a394a}
html[data-theme="dark"] .text-link{color:#aac7e9}
html[data-theme="dark"] .hero-strong{color:#a8c5ec}
html[data-theme="dark"] .hero-facts span{color:#97a9bd;border-right-color:#455261}
html[data-theme="dark"] .hero-media,
html[data-theme="dark"] .project-tile,
html[data-theme="dark"] .steps-mini,
html[data-theme="dark"] .hero-project-overview,
html[data-theme="dark"] .contact-main,
html[data-theme="dark"] .contact-aside,
html[data-theme="dark"] .principles-grid article,
html[data-theme="dark"] .process-step,
html[data-theme="dark"] .detail-callout{background:#19232f;border-color:#364657;box-shadow:none}
html[data-theme="dark"] .hero-media-top{color:#a2b1c1}
html[data-theme="dark"] .hero-media-caption{border-color:var(--line)}
html[data-theme="dark"] .hero-media-caption>span,
html[data-theme="dark"] .tile-heading>span{color:#a2b1c2}
html[data-theme="dark"] .project-tile:hover{border-color:#6c829b}
html[data-theme="dark"] .home-middle{background:#151e28}
html[data-theme="dark"] .steps-mini>div{border-bottom-color:#344355}
html[data-theme="dark"] .steps-mini>div span{color:#9eb0c6}
html[data-theme="dark"] .index-row-media{border-color:#384a60}
html[data-theme="dark"] .index-row-content .large-description,
html[data-theme="dark"] .detail-title .detail-lead{color:#d6e3f3}
html[data-theme="dark"] .inline-tags span{background:#202d3b;border-color:#425469;color:#c4d2e2}
html[data-theme="dark"] .breadcrumbs{color:#a7b7c9}
html[data-theme="dark"] .breadcrumbs strong{color:#e0eaf4}
html[data-theme="dark"] .status-line{color:#abc1d6}
html[data-theme="dark"] .showcase-heading,
html[data-theme="dark"] .image-note{color:#9aadc1}
html[data-theme="dark"] .detail-showcase>img{border-color:#3e5267;background:#182331}
html[data-theme="dark"] .feature-list b{color:#a1b4c9}
html[data-theme="dark"] .related-link{border-color:#586b80}
html[data-theme="dark"] .related-link>span:last-child{color:#acc0d7}
html[data-theme="dark"] .section-label-row span,
html[data-theme="dark"] .process-row>span,
html[data-theme="dark"] .principles-grid article>span,
html[data-theme="dark"] .about-facts span{color:#9db3cc}
html[data-theme="dark"] .about-facts{border-color:var(--line)}
html[data-theme="dark"] .about-facts>div{border-color:var(--line)}
html[data-theme="dark"] .contact-aside b{color:#a0aec0}
html[data-theme="dark"] .policy-date{color:#a1b2c7}
html[data-theme="dark"] .policy-toc a{color:#b4c2d2}
html[data-theme="dark"] .policy-toc a:hover{color:#e4edf8}
html[data-theme="dark"] .policy-intro{background:#1a2836;border-left-color:#8da8c5;color:#d1e1f0}
html[data-theme="dark"] .policy-content section p{color:#b8c6d5}
html[data-theme="dark"] .policy-table .tr{border-color:#354556}
html[data-theme="dark"] .policy-table .tr span:first-child{background:#1b2937}
html[data-theme="dark"] .policy-table .tr.head{background:#263445}
html[data-theme="dark"] .policy-table .tr.head span:first-child{background:transparent}
html[data-theme="dark"] .footer{background:#0d131b;color:#e6edf4}
html[data-theme="dark"] .footer-brand span{color:#a7bfdc}
html[data-theme="dark"] .footer-top p,
html[data-theme="dark"] .footer-bottom{color:#a3b4c6}
html[data-theme="dark"] .footer-links a{color:#d0dbe7}
html[data-theme="dark"] .footer-bottom{border-color:#2c3b4b}
html[data-theme="dark"] .hero-project-overview{border-color:#364657}
html[data-theme="dark"] .overview-number{color:#e9f0f8}
html[data-theme="dark"] .overview-number small{color:#9dafc2}
html[data-theme="dark"] .hero-project-row{border-color:#344454}
html[data-theme="dark"] .hero-project-index{color:#9dafc7}
html[data-theme="dark"] .hero-project-copy strong{color:#edf3fa}
html[data-theme="dark"] .hero-project-copy .l-ko,
html[data-theme="dark"] .hero-project-copy .l-en{color:#b4c2d0}
html[data-theme="dark"] .hero-project-arrow{color:#adc0d3}
html[data-theme="dark"] .hero-overview-footer{border-color:#344454;color:#a2b3c6}
html[data-theme="dark"] .hero-overview-footer a{color:#b7d1ee}
html[data-theme="dark"] .process-count{color:#b0cdf0}
html[data-theme="dark"] .process-category{color:#a0b1c5}
html[data-theme="dark"] .process-step p{color:#b7c5d3}
html[data-theme="dark"] .step-output{color:#a2b4c8;border-color:#354556}
html[data-theme="dark"] .project-index-row--flat{border-color:#354454}
html[data-theme="dark"] .project-index-row--flat .inline-tags>span{color:#abbed3}
html[data-theme="dark"] .project-index-row--flat .inline-tags>span+span{border-color:#516275}
html[data-theme="dark"] .project-detail-link{color:#b6d2f1;border-color:#586f8a}
html[data-theme="dark"] .project-detail-link:hover{color:#e4f0fc;border-color:#b2d0ef}
html[data-theme="dark"] .home-contact-email{color:#c3dbf5}
html[data-theme="dark"] .home-contact-email:hover{color:#ffffff}
@media(max-width:720px){
  .theme-toggle{width:38px;padding:0;flex:none}
  .theme-toggle-label{display:none!important}
  .header-right{gap:7px}
  html[data-theme="dark"] .main-nav{background:#192330;border-color:#354657;box-shadow:0 14px 26px #080d14b3}
  html[data-theme="dark"] .main-nav a{border-color:#334456}
}
