body.detail-page{background:#f4f6f7}.detail-page .site-header{background:#101820e8;backdrop-filter:blur(18px)}.detail-page .brand{width:132px;height:54px;overflow:visible}.detail-page .brand img{width:100%;height:100%;object-fit:contain}.detail-main{overflow:hidden}.detail-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;padding:180px 0 100px;background:#101820;color:#fff;isolation:isolate}.detail-hero-media{position:absolute;z-index:-3;inset:0}.detail-hero-media img,.detail-hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.68)}.detail-hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#071017f5 0%,#071017d1 48%,#07101757),linear-gradient(0deg,#071017dc,transparent 55%)}.detail-hero:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000)}.detail-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;mix-blend-mode:screen}.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:50px;color:#ffffff66;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.1em}.breadcrumb a:hover{color:#6adbdc}.detail-kicker{color:#6adbdc;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.16em}.detail-hero h1{max-width:1100px;margin-top:22px;font:600 clamp(62px,9vw,145px)/.85 "Space Grotesk","Noto Sans KR",sans-serif;letter-spacing:-.075em}.detail-hero h1.outline span{color:transparent;-webkit-text-stroke:1px #ffffffaa}.detail-lead{max-width:720px;margin-top:38px;color:#ffffffa6;font-size:clamp(16px,1.4vw,21px)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.detail-tags span{padding:9px 12px;border:1px solid #ffffff2a;background:#ffffff0a;font:500 9px "IBM Plex Mono",monospace;letter-spacing:.06em}.detail-stats{position:absolute;right:var(--pad);bottom:95px;display:grid;grid-template-columns:repeat(2,130px);border:1px solid #ffffff24;background:#08141ba8;backdrop-filter:blur(12px)}.detail-stats div{padding:18px;border-right:1px solid #ffffff1d}.detail-stats div:last-child{border:0}.detail-stats b{display:block;color:#6adbdc;font:600 24px "Space Grotesk",sans-serif}.detail-stats span{color:#ffffff73;font:500 8px "IBM Plex Mono",monospace}.detail-section{padding:clamp(90px,10vw,160px) 0}.detail-section.white{background:#fff}.detail-section.dark{background:#101820;color:#fff}.detail-heading{display:grid;grid-template-columns:180px 1fr;gap:50px;margin-bottom:70px}.detail-heading>span{color:#27b9bd;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em}.detail-heading h2{font-size:clamp(38px,5vw,76px);line-height:1.05;letter-spacing:-.055em}.detail-heading p{max-width:650px;margin-top:25px;color:#747b80}.dark .detail-heading p{color:#ffffff8a}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #dce1e3;border-left:1px solid #dce1e3}.cap-card{position:relative;min-height:300px;padding:38px;border-right:1px solid #dce1e3;border-bottom:1px solid #dce1e3;transition:.3s}.cap-card:hover{background:#f0f7f7;transform:translateY(-4px)}.cap-card>span{color:#27b9bd;font:600 9px "IBM Plex Mono",monospace}.cap-card h3{margin-top:75px;font-size:28px}.cap-card p{max-width:430px;margin-top:14px;color:#747b80;font-size:14px}.cap-card ul{list-style:none;margin:20px 0 0;padding:0;color:#747b80;font-size:13px}.cap-card li:before{content:"→";margin-right:10px;color:#27b9bd}.dark .cap-grid{border-color:#ffffff1c}.dark .cap-card{border-color:#ffffff1c}.dark .cap-card:hover{background:#ffffff08}.dark .cap-card p,.dark .cap-card ul{color:#ffffff82}.system-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px}.system-flow article{position:relative;min-height:210px;padding:35px 22px;border-top:1px solid #ffffff2c}.system-flow article:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border:2px solid #52d5d7;border-radius:50%;background:#101820}.system-flow b{color:#52d5d7;font:500 9px "IBM Plex Mono",monospace}.system-flow h3{margin-top:30px;font-size:18px}.system-flow p{margin-top:12px;color:#ffffff77;font-size:12px}.project-table{border-top:1px solid #cfd5d7}.project-item{display:grid;grid-template-columns:130px 1fr 140px;align-items:center;min-height:86px;border-bottom:1px solid #dce1e3;transition:.25s}.project-item:hover{padding-inline:18px;background:#edf7f7}.project-item time{color:#27b9bd;font:500 11px "IBM Plex Mono",monospace}.project-item h3{font-size:16px;font-weight:500}.project-item span{justify-self:end;color:#8a9296;font:500 9px "IBM Plex Mono",monospace}.detail-cta{padding:110px 0;background:#17252d;color:#fff}.detail-cta .container{display:flex;justify-content:space-between;align-items:end;gap:40px}.detail-cta h2{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-.055em}.detail-cta p{margin-top:22px;color:#ffffff7c}.category-nav{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid #dce1e3}.category-nav a{min-height:220px;padding:28px;border-right:1px solid #dce1e3;transition:.3s}.category-nav a:last-child{border:0}.category-nav a:hover{background:#101820;color:#fff}.category-nav small{color:#27b9bd;font:600 9px "IBM Plex Mono",monospace}.category-nav h3{margin-top:75px;font-size:22px}.category-nav span{display:block;margin-top:8px;color:#747b80;font-size:12px}.detail-form{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.inquiry-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.inquiry-types button{padding:11px 14px;border:1px solid #ccd3d5;background:#fff;cursor:pointer;font-size:12px}.inquiry-types button.active{border-color:#27b9bd;background:#e8f8f8;color:#087c80}.page-contact label{display:block;margin-bottom:20px}.page-contact label span{display:block;margin-bottom:7px;color:#747b80;font:500 9px "IBM Plex Mono",monospace}.page-contact input,.page-contact textarea{width:100%;padding:15px;border:0;border-bottom:1px solid #bcc5c8;background:transparent;outline:none}.page-contact input:focus,.page-contact textarea:focus{border-color:#27b9bd}.page-contact button{width:100%;padding:17px;border:0;background:#101820;color:#fff;cursor:pointer}.back-link{display:inline-flex;margin-top:35px;border-bottom:1px solid;padding-bottom:6px;font:600 11px "IBM Plex Mono",monospace}
.faq-list{border-top:1px solid #dce1e3}
.faq-item{border-bottom:1px solid #dce1e3;padding:28px 0}
.faq-item summary{display:flex;gap:18px;align-items:baseline;cursor:pointer;list-style:none;font-size:19px;font-weight:500;color:#101820}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:before{content:"Q";flex:none;color:#27b9bd;font:600 12px "IBM Plex Mono",monospace}
.faq-item summary:after{content:"+";margin-left:auto;color:#8a9296;font-size:22px;font-weight:400}
.faq-item[open] summary:after{content:"–"}
.faq-item .faq-answer{display:flex;gap:18px;margin-top:16px}
.faq-item .faq-answer:before{content:"A";flex:none;color:#8a9296;font:600 12px "IBM Plex Mono",monospace}
.faq-item .faq-answer p{color:#747b80;font-size:14px;line-height:1.75}
.faq-item .faq-answer a{color:#087c80;border-bottom:1px solid #087c8055}
.page-reveal{opacity:0;transform:translateY(25px);transition:.75s}.page-reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.detail-stats{display:none}.detail-heading{grid-template-columns:1fr;gap:15px}.cap-grid{grid-template-columns:1fr}.system-flow{grid-template-columns:1fr}.system-flow article{min-height:0;border-top:0;border-left:1px solid #ffffff2c;padding:5px 25px 45px}.system-flow article:before{top:9px;left:-5px}.category-nav{grid-template-columns:1fr 1fr}.category-nav a:nth-child(2){border-right:0}.category-nav a{border-bottom:1px solid #dce1e3}.detail-form{grid-template-columns:1fr;gap:55px}}
@media(max-width:720px){.detail-page .brand{width:108px;height:44px}.detail-hero{min-height:700px;padding:140px 0 75px}.detail-hero h1{font-size:clamp(52px,16vw,78px)}.detail-lead br{display:none}.project-item{grid-template-columns:75px 1fr;gap:10px;padding-block:16px}.project-item span{display:none}.category-nav{grid-template-columns:1fr}.category-nav a{min-height:170px;border-right:0}.category-nav h3{margin-top:45px}.detail-cta .container{display:block}.detail-cta .button{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.page-reveal{opacity:1;transform:none;transition:none}}

/* Shared editorial system for service, company, portfolio and insight pages. */
body.detail-page{background:#f2f0ea;color:#18201f}.detail-page .site-header{background:#14201ff2}.detail-hero{min-height:680px;background:#14201f;padding-bottom:84px}.detail-hero-media img,.detail-hero-media video{filter:saturate(.7) contrast(.95)}.detail-hero:before{background:linear-gradient(90deg,#101a19f5 0%,#101a19d8 55%,#101a1952),linear-gradient(0deg,#101a19dd,transparent 58%)}.detail-hero:after,.detail-canvas{display:none}.breadcrumb{margin-bottom:42px}.detail-kicker{color:#d9ff54}.detail-hero h1{max-width:1000px;font-family:"Noto Sans KR",sans-serif;font-size:clamp(48px,7.2vw,108px);font-weight:600;line-height:1;letter-spacing:-.06em}.detail-hero h1.outline span{color:#fff;-webkit-text-stroke:0}.detail-lead{max-width:650px;color:#ffffffc0;line-height:1.8}.detail-tags span{border-radius:999px;background:#ffffff0d}.detail-stats{border:0;background:#f2f0ea;color:#18201f}.detail-stats div{border-color:#d7d6ce}.detail-stats b{color:#315e59}.detail-stats span{color:#68716f}.detail-section{padding:clamp(82px,9vw,140px) 0}.detail-section.white{background:#f6f4ee}.detail-section.dark{background:#1b2927}.detail-heading{border-top:1px solid #d7d6ce;padding-top:22px}.detail-heading h2{font-family:"Noto Sans KR",sans-serif;letter-spacing:-.055em}.detail-heading h2 em{color:#2a716b}.detail-heading>span,.cap-card>span,.project-item time{color:#53726e}.cap-grid{border-color:#d7d6ce;gap:12px;border:0}.cap-card{border:1px solid #d7d6ce;background:#efede7}.cap-card:hover{background:#e4e9e1;transform:translateY(-3px)}.cap-card h3{font-family:"Noto Sans KR",sans-serif;letter-spacing:-.03em}.system-flow article:before{border-color:#d9ff54;background:#1b2927}.system-flow b{color:#d9ff54}.category-nav{gap:10px;border:0}.category-nav a{border:1px solid #d7d6ce;background:#efede7}.category-nav a:last-child{border:1px solid #d7d6ce}.category-nav a:hover{background:#315e59}.detail-cta{background:#315e59}.detail-cta h2{font-family:"Noto Sans KR",sans-serif}.inquiry-types button{border-radius:999px;background:#f6f4ee}.inquiry-types button.active{background:#d9ff54;border-color:#d9ff54;color:#18201f}.page-contact button{border-radius:999px;background:#315e59}
@media(max-width:720px){.detail-hero{min-height:630px}.detail-hero h1{font-size:clamp(40px,12vw,62px);line-height:1.08}.detail-heading{padding-top:17px}.cap-grid{gap:8px}.cap-card{min-height:250px;padding:28px}}
/* rebrand 2026-09: slogan above H1, diagrams, grouped projects */
.detail-hero p.outline{max-width:1100px;margin-top:22px;color:#ffffffa8;font:600 clamp(14px,1.4vw,19px)/1.35 "Space Grotesk","Noto Sans KR",sans-serif;letter-spacing:.03em}
.detail-hero p.outline br{display:none}
.detail-hero p.outline span{margin-left:.5em;color:#ffffff70}
.detail-hero h1.page-h1{margin-top:14px;font-size:clamp(38px,5.4vw,82px);line-height:1.08}
.diagram-figure{margin:0 0 56px}
.diagram-figure img{display:block;width:100%;height:auto;border-radius:6px}
.diagram-figure figcaption{margin-top:12px;color:#66706d;font:500 12px/1.5 "IBM Plex Mono","Noto Sans KR",monospace}
.detail-section.dark .diagram-figure figcaption{color:#ffffff88}
.project-group{margin:52px 0 4px;padding-bottom:10px;border-bottom:1px solid #18201f;font:600 13px "IBM Plex Mono","Noto Sans KR",monospace;letter-spacing:.04em}
.project-table .project-group:first-child{margin-top:0}
.project-item{padding-block:20px}
.project-item h4{font-size:16px;font-weight:500}
.project-item p{max-width:780px;margin-top:8px;color:#66706d;font-size:13.5px;line-height:1.7}
.guide-related{margin-top:40px;padding-top:20px;border-top:1px solid #d7d6ce}