:root{--paper:#f0efeb;--paper2:#e5e3de;--ink:#191b20;--navy:#263a60;--red:#e73524;--muted:rgba(25,27,32,.54);--line:rgba(25,27,32,.16);--pad:clamp(1.25rem,3.8vw,4.5rem);--header:74px;--ease:cubic-bezier(.2,.78,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit;color:inherit}::selection{background:var(--navy);color:var(--paper)}
.header{position:fixed;z-index:100;left:0;right:0;top:0;height:var(--header);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.header.scrolled{background:rgba(240,239,235,.95);border-color:var(--line)}.brand{display:flex;align-items:center;width:120px;height:38px}.brand img{width:100%;height:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(1.2rem,2.3vw,2.6rem);font-size:.72rem;color:rgba(25,27,32,.56)}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav .contact{padding:.62rem 1.08rem;border-radius:99px;background:var(--ink);color:var(--paper)}.menu-btn{display:none;border:0;background:none;padding:.6rem 0;font-size:.68rem;letter-spacing:.12em}
.eyebrow{margin:0;font-size:.62rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:1.5rem;height:1px;margin-right:.75rem;background:var(--red);vertical-align:middle}.page-hero{min-height:88svh;padding:calc(var(--header) + clamp(5rem,12vh,9rem)) var(--pad) clamp(4rem,8vh,7rem);display:flex;flex-direction:column;justify-content:space-between}.page-title{max-width:13ch;margin:clamp(2rem,4vh,3.5rem) 0 0;font-size:clamp(3.1rem,6.35vw,7.6rem);font-weight:400;line-height:.98;letter-spacing:-.068em;word-break:keep-all}.page-title span{color:var(--navy)}.hero-foot{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(2rem,7vw,9rem);align-items:end;padding-top:5rem}.hero-foot-label{font-size:.58rem;letter-spacing:.17em;color:var(--muted)}.hero-lede{margin:0;max-width:52ch;padding-top:1.4rem;border-top:1px solid var(--ink);font-size:clamp(.85rem,1.04vw,1.02rem);line-height:1.82;color:rgba(25,27,32,.72);word-break:keep-all}.section-head{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(2rem,7vw,9rem);align-items:start}.section-head h2{margin:0;font-size:clamp(2.35rem,4.65vw,5.35rem);font-weight:400;line-height:1.03;letter-spacing:-.058em;word-break:keep-all}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal.in{opacity:1;transform:none}
/* ABOUT */
.about-identity{padding:clamp(8rem,14vh,12rem) var(--pad);background:var(--paper2)}.identity-copy{grid-column:2;margin-top:clamp(3rem,6vh,5rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,5rem);padding-top:1.5rem;border-top:1px solid var(--ink)}.identity-copy p{margin:0;font-size:clamp(.84rem,1vw,.98rem);line-height:1.85;color:rgba(25,27,32,.7);word-break:keep-all}
.vessel{padding:clamp(8rem,14vh,12rem) var(--pad);background:var(--paper)}.vessel-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(2rem,7vw,9rem)}.vessel-main{grid-column:2}.vessel-main h2{max-width:13ch;margin:0 0 clamp(3rem,7vh,5rem);font-size:clamp(2.55rem,5vw,5.8rem);font-weight:400;line-height:1.02;letter-spacing:-.06em;word-break:keep-all}.vessel-main h2 strong{font-weight:400;color:var(--navy)}.vessel-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,5rem);padding-top:1.5rem;border-top:1px solid var(--ink)}.vessel-copy p{margin:0;font-size:clamp(.82rem,.98vw,.96rem);line-height:1.82;color:rgba(25,27,32,.7);word-break:keep-all}.work-link{display:inline-flex;margin-top:2rem;padding-bottom:.2rem;border-bottom:1px solid var(--ink);font-size:.72rem}
.axes{padding:clamp(8rem,14vh,12rem) var(--pad);background:var(--paper2)}.axes-list{margin-top:clamp(5rem,10vh,8rem);border-top:1px solid var(--ink)}.axis{display:grid;grid-template-columns:.12fr .46fr 1.15fr;gap:clamp(1rem,3vw,4rem);align-items:start;padding:clamp(2.1rem,4vw,4rem) 0;border-bottom:1px solid var(--line)}.axis-no{font-size:.56rem;letter-spacing:.16em;color:var(--red);padding-top:.4rem}.axis h3{margin:0;font-size:clamp(1.55rem,2.6vw,2.9rem);font-weight:400;line-height:1.1;letter-spacing:-.05em;word-break:keep-all}.axis-body{max-width:65ch}.axis-body p{margin:0 0 1rem;font-size:clamp(.8rem,.96vw,.94rem);line-height:1.8;color:rgba(25,27,32,.7);word-break:keep-all}.axis-body p:last-child{margin-bottom:0}.stackline{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.68rem;line-height:1.9;letter-spacing:.04em;color:var(--navy)}
.own-products{padding:clamp(8rem,14vh,12rem) var(--pad);background:var(--navy);color:var(--paper)}.own-products .eyebrow{color:rgba(240,239,235,.5)}.product-statement{grid-column:2;margin:2.5rem 0 0;max-width:62ch;font-size:clamp(.84rem,1vw,.98rem);line-height:1.82;color:rgba(240,239,235,.68);word-break:keep-all}.product-statement p{margin:0 0 1rem}.product-pair{margin-top:clamp(4rem,8vh,7rem);display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(240,239,235,.2);border:1px solid rgba(240,239,235,.2)}.product-card{background:var(--navy)}.product-image{height:min(56vh,560px);position:relative;overflow:hidden}.product-image:after{content:"";position:absolute;inset:0;background:rgba(240,239,235,.25)}.product-image img{filter:saturate(.72);transform:scale(1.025)}.product-name{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:1.8rem;border-top:1px solid rgba(240,239,235,.18)}.product-name strong{font-size:clamp(2rem,4vw,4.5rem);font-weight:300;letter-spacing:-.055em}.product-name span{max-width:22ch;font-size:.7rem;line-height:1.6;text-align:right;color:rgba(240,239,235,.58)}
.company{padding:clamp(8rem,14vh,12rem) var(--pad)}.company-list{margin-top:clamp(4rem,8vh,7rem);border-top:1px solid var(--ink)}.company-row{display:grid;grid-template-columns:.58fr 1.42fr;gap:clamp(2rem,7vw,9rem);padding:1.45rem 0;border-bottom:1px solid var(--line)}.company-row span{font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.company-row strong{font-size:clamp(.84rem,1.06vw,1rem);font-weight:400;line-height:1.6;word-break:keep-all}
/* SERVICES */
.service-hero{min-height:76svh}.service-hero .page-title{max-width:11ch}.services-wrap{display:grid;grid-template-columns:.32fr 1fr;gap:clamp(3rem,8vw,10rem);padding:0 var(--pad) clamp(8rem,14vh,12rem);border-top:1px solid var(--line)}.service-index{position:sticky;top:var(--header);align-self:start;height:calc(100svh - var(--header));padding:clamp(2rem,5vh,4rem) 0;display:flex;flex-direction:column;justify-content:space-between}.service-index .eyebrow{margin-bottom:2.5rem}.service-nav{display:flex;flex-direction:column}.service-nav a{display:grid;grid-template-columns:2.2rem 1fr;padding:.58rem 0;font-size:.76rem;color:rgba(25,27,32,.34);transition:color .25s}.service-nav a span{font-size:.56rem;color:var(--red)}.service-nav a.on{color:var(--ink)}.service-index-note{max-width:24ch;margin:0;font-size:.68rem;line-height:1.65;color:var(--muted);word-break:keep-all}.service-list{border-left:1px solid var(--line)}.service{min-height:86svh;padding:clamp(4.5rem,9vh,8rem) 0 clamp(4.5rem,9vh,8rem) clamp(2rem,5vw,6rem);border-bottom:1px solid var(--line);scroll-margin-top:var(--header)}.service-title{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:clamp(2rem,5vh,4rem)}.service-no{font-size:.62rem;letter-spacing:.16em;color:var(--red)}.service h2{margin:0;font-size:clamp(2.6rem,5vw,5.8rem);font-weight:400;letter-spacing:-.062em;line-height:1}.service-desc{max-width:62ch;margin:0 0 clamp(3rem,6vh,5rem);font-size:clamp(.95rem,1.28vw,1.24rem);line-height:1.72;word-break:keep-all}.service-detail{border-top:1px solid var(--ink)}.detail-row{display:grid;grid-template-columns:.28fr 1fr;gap:2rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.detail-row dt{margin:0;font-size:.65rem;letter-spacing:.08em;color:var(--muted)}.detail-row dd{margin:0;max-width:62ch;font-size:clamp(.78rem,.92vw,.9rem);line-height:1.7;word-break:keep-all}.cases{display:flex;gap:.45rem;flex-wrap:wrap}.case{display:inline-flex;padding:.42rem .68rem;border:1px solid rgba(38,58,96,.28);border-radius:99px;color:var(--navy);font-size:.66rem}.service-plus{margin-top:1.5rem;padding:1.2rem 1.3rem;background:var(--paper2);font-size:.78rem;font-weight:500;line-height:1.6}.service-outro{padding:clamp(7rem,13vh,11rem) var(--pad);background:var(--navy);color:var(--paper)}.service-outro p{max-width:14ch;margin:0;font-size:clamp(2.7rem,5.5vw,6.4rem);font-weight:400;line-height:1;letter-spacing:-.06em;word-break:keep-all}.service-outro a{display:inline-flex;margin-top:3rem;padding:.85rem 1.25rem;border:1px solid rgba(240,239,235,.7);border-radius:99px;font-size:.7rem}
.contact-band{padding:clamp(6rem,11vh,9rem) var(--pad);background:var(--paper2)}.contact-main{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,10rem);align-items:end}.contact-main h2{max-width:11ch;margin:0;font-size:clamp(2.7rem,5.7vw,6.7rem);font-weight:400;line-height:.98;letter-spacing:-.062em;word-break:keep-all}.contact-side{padding-top:1.5rem;border-top:1px solid var(--ink)}.contact-side p{margin:0 0 2rem;font-size:.82rem;line-height:1.7;color:var(--muted);word-break:keep-all}.contact-side a{display:inline-flex;padding:.84rem 1.25rem;border-radius:99px;background:var(--ink);color:var(--paper);font-size:.7rem}.footer{padding:2rem var(--pad);display:flex;justify-content:space-between;align-items:end;background:var(--ink);color:var(--paper);font-size:.64rem;line-height:1.7}.footer img{width:110px;height:auto;filter:brightness(0) invert(1);margin-bottom:1.4rem}.footer p{margin:0;color:rgba(240,239,235,.5)}.footer-links{display:flex;gap:1.3rem;color:rgba(240,239,235,.68)}
@media(max-width:900px){:root{--header:64px;--pad:1.15rem}.brand{width:108px}.nav{display:none}.menu-btn{display:block}.page-hero{min-height:auto;padding-top:calc(var(--header) + 5.5rem);padding-bottom:5rem}.page-title{font-size:clamp(2.8rem,12vw,4.7rem)}.hero-foot,.section-head,.vessel-layout,.company-row{grid-template-columns:1fr}.hero-foot{padding-top:7rem}.hero-foot-label{display:none}.identity-copy,.vessel-main,.product-statement{grid-column:1}.identity-copy,.vessel-copy{grid-template-columns:1fr}.axis{grid-template-columns:.14fr .86fr}.axis-body{grid-column:2}.product-pair{grid-template-columns:1fr}.product-image{height:48vh}.services-wrap{display:block;padding:0}.service-index{z-index:50;top:var(--header);height:auto;padding:.7rem var(--pad);background:rgba(240,239,235,.95);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-index .eyebrow,.service-index-note{display:none}.service-nav{flex-direction:row;overflow-x:auto;gap:1.2rem;scrollbar-width:none}.service-nav::-webkit-scrollbar{display:none}.service-nav a{display:block;flex:none;padding:.2rem 0;font-size:.66rem}.service-nav a span{margin-right:.3rem}.service-list{border-left:0}.service{min-height:auto;padding:5.5rem var(--pad);scroll-margin-top:calc(var(--header) + 42px)}.service-title{display:block}.service-no{display:block;margin-bottom:1rem}.service h2{font-size:clamp(2.7rem,13vw,4.5rem)}.detail-row{grid-template-columns:1fr;gap:.45rem}.contact-main{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* ABOUT — editorial copy with a product-site structure */
.about-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,10rem);align-items:center}
.about-cap-card{margin-top:2rem;background:var(--navy);color:var(--paper);padding:clamp(1.5rem,2.8vw,2.8rem);min-height:min(52vh,500px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:2rem 2rem 0 rgba(38,58,96,.08)}
.about-cap-card>span{font-size:.56rem;letter-spacing:.18em;color:rgba(240,239,235,.52)}
.cap-layers{border-top:1px solid rgba(240,239,235,.35)}.cap-layer{display:grid;grid-template-columns:2rem 1fr auto;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(240,239,235,.18);align-items:center}.cap-layer small{font-size:.54rem;color:var(--red)}.cap-layer strong{font-size:clamp(.86rem,1.15vw,1.1rem);font-weight:400}.cap-layer em{font-style:normal;font-size:.58rem;letter-spacing:.08em;color:rgba(240,239,235,.45)}
.vessel-map{margin-top:clamp(4rem,8vh,7rem);display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.vessel-step{min-height:180px;padding:1.2rem;background:var(--paper);display:flex;flex-direction:column}.vessel-step small{font-size:.54rem;color:var(--red)}.vessel-step strong{margin:auto 0 .7rem;font-size:clamp(.95rem,1.4vw,1.35rem);font-weight:400;letter-spacing:-.03em}.vessel-step span{font-size:.62rem;line-height:1.55;color:var(--muted)}
.axes-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.axis{position:relative;display:flex;flex-direction:column;min-height:480px;padding:clamp(1.7rem,3.2vw,3.2rem);background:var(--paper2);border:0;transition:background .35s,color .35s}.axis:nth-child(2),.axis:nth-child(3){background:var(--paper)}.axis:hover{background:var(--navy);color:var(--paper)}.axis-no{position:absolute;right:clamp(1.7rem,3.2vw,3.2rem);top:clamp(1.7rem,3.2vw,3.2rem)}.axis h3{margin:0 0 auto;max-width:12ch;font-size:clamp(1.75rem,3.1vw,3.5rem)}.axis-body{margin-top:clamp(4rem,10vh,8rem);max-width:58ch}.axis:hover .axis-body p,.axis:hover .stackline{color:rgba(240,239,235,.7)}.axis:hover .stackline{border-color:rgba(240,239,235,.2)}

/* SERVICES — click driven switcher */
.service-switcher{min-height:calc(100svh - var(--header));margin-top:var(--header);padding:clamp(2rem,4vw,4rem) var(--pad);background:#111a29;color:var(--paper);overflow:hidden}
.services-page .header{background:var(--paper);border-bottom-color:var(--line)}
.service-tabs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid rgba(240,239,235,.18)}.service-tab{position:relative;border:0;background:none;color:rgba(240,239,235,.4);padding:1rem .5rem 1.15rem;text-align:left;cursor:pointer;font-size:.72rem;transition:color .25s}.service-tab span{display:block;margin-bottom:.45rem;font-size:.5rem;letter-spacing:.14em;color:var(--red)}.service-tab.on{color:var(--paper)}.service-tab.on:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:-1px;height:2px;background:var(--red);transform:scaleX(1);transform-origin:left;animation:tabline .45s var(--ease)}
@keyframes tabline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.service-stage{position:relative;min-height:650px;padding-top:clamp(3rem,7vh,6rem)}.service-dotfield{position:absolute;right:-5%;top:4%;width:55%;height:88%;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(11,1fr);gap:clamp(4px,.65vw,10px);opacity:.86}.service-dotfield i{align-self:center;justify-self:center;width:clamp(4px,.72vw,10px);aspect-ratio:1;border-radius:50%;background:rgba(240,239,235,var(--a,.25));transform:scale(var(--s,.6));transition:transform .7s var(--ease),background .7s var(--ease)}
.service-panels{position:relative;z-index:3;width:58%;min-height:590px}.switch-panel{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .45s var(--ease),visibility 0s .45s;pointer-events:none}.switch-panel.on{visibility:visible;opacity:1;transform:none;transition-delay:0s;pointer-events:auto}.switch-heading{display:flex;align-items:baseline;gap:1.2rem}.switch-heading span{font-size:.62rem;letter-spacing:.16em;color:var(--red)}.switch-heading h1{margin:0;font-size:clamp(3.3rem,6vw,7rem);font-weight:400;line-height:.95;letter-spacing:-.065em}.switch-desc{max-width:56ch;margin:clamp(1.8rem,4vh,3.5rem) 0;font-size:clamp(.87rem,1.08vw,1.02rem);line-height:1.78;color:rgba(240,239,235,.75);word-break:keep-all}.switch-detail{margin:0;border-top:1px solid rgba(240,239,235,.4)}.switch-row{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(240,239,235,.16)}.switch-row dt{font-size:.58rem;letter-spacing:.08em;color:rgba(240,239,235,.42)}.switch-row dd{margin:0;font-size:.76rem;line-height:1.65;color:rgba(240,239,235,.72);word-break:keep-all}.switch-cases{display:flex;flex-wrap:wrap;gap:.45rem}.switch-case{display:inline-flex;padding:.45rem .72rem;border:1px solid rgba(240,239,235,.38);border-radius:99px;font-size:.65rem;color:var(--paper);transition:background .2s,color .2s}.switch-case:hover{background:var(--paper);color:var(--ink)}.switch-plus{margin-top:1rem;font-size:.7rem;color:rgba(240,239,235,.65)}
.switch-controls{position:absolute;z-index:5;right:0;bottom:0;display:flex;gap:.5rem}.switch-controls button{width:46px;height:46px;border:1px solid rgba(240,239,235,.35);border-radius:50%;background:none;color:var(--paper);cursor:pointer}.switch-controls button:hover{background:var(--paper);color:var(--ink)}
.portfolio-bridge{padding:clamp(7rem,13vh,11rem) var(--pad);background:var(--paper)}.portfolio-bridge-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,8vw,10rem);align-items:end}.portfolio-bridge h2{max-width:12ch;margin:0;font-size:clamp(2.7rem,5.5vw,6.4rem);font-weight:400;line-height:1;letter-spacing:-.06em;word-break:keep-all}.portfolio-bridge-side{padding-top:1.3rem;border-top:1px solid var(--ink)}.portfolio-bridge-side p{margin:0 0 2rem;font-size:.8rem;line-height:1.7;color:var(--muted)}.portfolio-bridge-side a{display:inline-flex;padding:.8rem 1.15rem;border:1px solid var(--ink);border-radius:99px;font-size:.68rem}

@media(max-width:900px){.about-hero-grid{grid-template-columns:1fr}.about-hero-grid>*{min-width:0}.about-page-hero .page-title{max-width:100%;font-size:clamp(2.55rem,11vw,3.25rem);word-break:normal}.about-cap-card{min-height:420px}.vessel-map{grid-template-columns:1fr}.vessel-step{min-height:130px}.axes-list{grid-template-columns:1fr}.axis{min-height:auto;padding:2rem 1.2rem}.axis-no{right:1.2rem;top:2rem}.axis h3{margin-bottom:4rem}.axis-body{margin-top:0}.service-switcher{padding:1rem 0 2rem}.service-tabs{display:flex;overflow-x:auto;padding:0 var(--pad);scrollbar-width:none}.service-tabs::-webkit-scrollbar{display:none}.service-tab{flex:0 0 auto;width:auto;min-width:7.3rem}.service-tab.on:after{display:none}.service-stage{min-height:770px;padding:3rem var(--pad) 0}.service-dotfield{inset:auto -20% 0 35%;width:85%;height:46%;opacity:.42}.service-panels{width:100%;min-height:700px}.switch-heading{display:block}.switch-heading span{display:block;margin-bottom:.8rem}.switch-heading h1{font-size:clamp(3.1rem,15vw,5rem)}.switch-desc{font-size:.82rem}.switch-row{grid-template-columns:1fr;gap:.35rem}.switch-controls{right:var(--pad);bottom:0}.portfolio-bridge-grid{grid-template-columns:1fr}}

/* SERVICE DETAIL — four services, one narrative per page */
.nav-combo{position:relative}.nav-combo>button{border:0;background:none;padding:.8rem 0;color:inherit;cursor:pointer;font-size:inherit}.nav-combo>button:after{content:"⌄";margin-left:.38rem;font-size:.65rem}.nav-combo-menu{position:absolute;top:calc(100% + .5rem);left:50%;width:186px;padding:.35rem;background:var(--paper);border:1px solid rgba(25,27,32,.08);box-shadow:0 14px 34px rgba(25,27,32,.09);transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.25s var(--ease)}.nav-combo:hover .nav-combo-menu,.nav-combo:focus-within .nav-combo-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-combo-menu a{display:block;padding:.6rem .7rem;color:rgba(25,27,32,.55)}.nav-combo-menu a:hover,.nav-combo-menu a[aria-current=page]{color:var(--ink);background:rgba(25,27,32,.045)}
.service-detail-page .header{background:rgba(240,239,235,.96);border-bottom-color:var(--line)}
.detail-hero{min-height:100svh;padding:calc(var(--header) + clamp(4rem,9vh,7rem)) var(--pad) clamp(2rem,5vh,4rem);display:flex;flex-direction:column;justify-content:space-between}.detail-hero-main{display:grid;grid-template-columns:.28fr .72fr;gap:clamp(2rem,7vw,9rem);align-items:start}.detail-count{padding-top:.7rem;font-size:.58rem;letter-spacing:.16em;color:var(--red)}.detail-title{margin:0;max-width:8ch;font-size:clamp(4rem,9.8vw,11.5rem);font-weight:400;line-height:.82;letter-spacing:-.075em;word-break:keep-all}.detail-title span{display:block;color:var(--navy)}.detail-hero-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,8vw,10rem);align-items:end}.detail-lede{max-width:48ch;margin:0;font-size:clamp(.92rem,1.2vw,1.22rem);line-height:1.72;word-break:keep-all}.detail-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.detail-fact{padding:1rem 0;border-bottom:1px solid var(--line)}.detail-fact:nth-child(odd){padding-right:1rem}.detail-fact:nth-child(even){padding-left:1rem;border-left:1px solid var(--line)}.detail-fact small{display:block;margin-bottom:.5rem;font-size:.52rem;letter-spacing:.12em;color:var(--muted)}.detail-fact strong{font-size:.74rem;font-weight:400}
.detail-story{height:150svh;background:#111a29;color:var(--paper)}.detail-story-pin{position:sticky;top:0;height:100svh;overflow:hidden}.detail-story-media{position:absolute;inset:0 0 0 43%;background-position:center;background-size:cover;filter:saturate(.65)}.detail-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111a29 0%,rgba(17,26,41,.72) 22%,rgba(17,26,41,.24) 100%)}.detail-story-copy{position:relative;z-index:2;width:52%;height:100%;padding:clamp(5rem,11vh,9rem) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.detail-story-copy .eyebrow{color:rgba(240,239,235,.52)}.detail-story-copy h2{max-width:10ch;margin:0;font-size:clamp(2.8rem,5.7vw,6.8rem);font-weight:400;line-height:.98;letter-spacing:-.06em;word-break:keep-all}.detail-story-copy p{max-width:44ch;margin:0;font-size:.84rem;line-height:1.8;color:rgba(240,239,235,.68);word-break:keep-all}
.detail-scope{padding:clamp(8rem,14vh,12rem) var(--pad)}.detail-scope-head{display:grid;grid-template-columns:.4fr .6fr;gap:clamp(3rem,8vw,10rem);align-items:end}.detail-scope-head h2{margin:0;max-width:11ch;font-size:clamp(2.8rem,5.5vw,6.2rem);font-weight:400;line-height:1;letter-spacing:-.06em;word-break:keep-all}.detail-scope-head p{margin:0;padding-top:1.2rem;border-top:1px solid var(--ink);font-size:.8rem;line-height:1.75;color:var(--muted);word-break:keep-all}.scope-grid{margin-top:clamp(5rem,9vh,8rem);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.scope-card{min-height:320px;padding:1.4rem;background:var(--paper);display:flex;flex-direction:column;transition:.3s}.scope-card:hover{background:var(--navy);color:var(--paper)}.scope-card small{font-size:.52rem;color:var(--red)}.scope-card h3{margin:auto 0 1.5rem;font-size:clamp(1.25rem,2vw,2.1rem);font-weight:400;letter-spacing:-.04em}.scope-card p{margin:0;font-size:.68rem;line-height:1.72;color:var(--muted);word-break:keep-all}.scope-card:hover p{color:rgba(240,239,235,.62)}.planning-note{display:grid;grid-template-columns:.4fr .6fr;gap:clamp(3rem,8vw,10rem);margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--ink)}.planning-note span{font-size:.56rem;letter-spacing:.12em;color:var(--red)}.planning-note p{margin:0;font-size:.8rem;line-height:1.75;word-break:keep-all}
.detail-work{padding:clamp(8rem,14vh,12rem) var(--pad);background:var(--paper2)}.detail-work-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.detail-work h2{margin:0;font-size:clamp(2.8rem,5.7vw,6.6rem);font-weight:400;letter-spacing:-.065em}.detail-work-head>a{padding-bottom:.25rem;border-bottom:1px solid var(--ink);font-size:.68rem}.detail-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:clamp(4rem,8vh,7rem);background:var(--line);border:1px solid var(--line)}.detail-case{min-height:310px;padding:1.5rem;background:var(--paper2);display:flex;flex-direction:column}.detail-case small{font-size:.55rem;color:var(--red)}.detail-case h3{margin:auto 0 1rem;font-size:clamp(1.65rem,3vw,3.5rem);font-weight:400;letter-spacing:-.05em}.detail-case p{max-width:42ch;margin:0;font-size:.72rem;line-height:1.7;color:var(--muted)}
.other-services{padding:clamp(8rem,14vh,12rem) var(--pad)}.other-head{display:grid;grid-template-columns:.4fr .6fr;gap:clamp(3rem,8vw,10rem);padding-bottom:1rem;border-bottom:1px solid var(--ink)}.other-head span{font-size:.58rem;color:var(--muted)}.other-list a{display:grid;grid-template-columns:.1fr .58fr .32fr;gap:2rem;align-items:center;padding:clamp(2rem,4vw,4rem) 0;border-bottom:1px solid var(--line);transition:padding .3s,color .3s}.other-list a:hover{padding-left:1.2rem;color:var(--navy)}.other-list small{font-size:.54rem;color:var(--red)}.other-list strong{font-size:clamp(2rem,4.3vw,5rem);font-weight:400;letter-spacing:-.055em}.other-list p{margin:0;font-size:.7rem;line-height:1.65;color:var(--muted);word-break:keep-all}
@media(max-width:900px){.nav-combo{display:none}.detail-hero{min-height:auto;padding-top:calc(var(--header) + 5rem);padding-bottom:4rem}.detail-hero-main,.detail-hero-bottom,.detail-scope-head,.planning-note,.other-head{grid-template-columns:1fr}.detail-count{margin-bottom:2rem}.detail-title{font-size:clamp(3.8rem,19vw,6rem);line-height:.9}.detail-hero-bottom{margin-top:7rem}.detail-facts{margin-top:2rem}.detail-story{height:auto}.detail-story-pin{position:relative;height:88svh}.detail-story-media{inset:30% 0 0 16%}.detail-story-copy{width:100%;padding:4.5rem var(--pad) 2rem}.detail-story-copy h2{font-size:clamp(2.6rem,12vw,4.2rem)}.scope-grid{grid-template-columns:1fr}.scope-card{min-height:220px}.detail-work-grid{grid-template-columns:1fr}.detail-work-head{display:block}.detail-work-head>a{display:inline-flex;margin-top:1.5rem}.other-list a{grid-template-columns:2rem 1fr}.other-list p{grid-column:2}.other-list strong{font-size:clamp(2rem,10vw,3.5rem)}}

/* Service hero motion and lighter editorial scope */
.detail-hero{position:relative;isolation:isolate;overflow:hidden}.detail-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(240,239,235,.9),rgba(240,239,235,.73) 56%,rgba(240,239,235,.86))}.detail-hero-bg{position:absolute;z-index:-3;inset:-5%;background-position:center;background-size:cover;filter:saturate(.62);opacity:.72;transform:scale(1.08);animation:heroMediaIn 2.4s var(--ease) both;will-change:transform}.detail-hero-mark{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:multiply;opacity:.84;animation:heroMarkIn 2s var(--ease) .18s both;will-change:transform}.detail-hero-mark .mark-part{fill:var(--navy);transform-box:fill-box;transform-origin:center;animation:heroPartIn 1.45s var(--ease) backwards}.detail-hero-mark .mark-part:nth-child(2){animation-delay:.12s}.detail-hero-mark .mark-part:nth-child(3){animation-delay:.24s}.detail-hero-mark .mark-part:nth-child(4){animation-delay:.36s}.detail-hero-mark .mark-outline{fill:none;stroke:var(--navy);stroke-width:74;stroke-linejoin:round;stroke-linecap:square;stroke-dasharray:2200;stroke-dashoffset:2200;animation:heroStrokeIn 2s var(--ease) .15s forwards}.detail-hero-main,.detail-hero-bottom{position:relative;z-index:2}.detail-title{mix-blend-mode:multiply}.detail-title>span{display:block}.detail-title .detail-title-first{color:var(--ink);animation:titleLineOne 1.8s var(--ease) .15s both}.detail-title .detail-title-second{color:var(--navy);animation:titleLineTwo 2s var(--ease) .25s both}.detail-hero-bottom{grid-template-columns:.32fr .68fr}.detail-lede{max-width:46ch;font-size:clamp(.88rem,1.08vw,1.1rem)}.detail-facts{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2.4rem)}.detail-fact,.detail-fact:nth-child(odd),.detail-fact:nth-child(even){padding:1rem 0 0;border:0}.detail-fact strong{font-size:.7rem;line-height:1.5}.detail-hero .detail-count,.detail-hero .detail-lede,.detail-hero .detail-facts{animation:heroMetaIn .9s var(--ease) 1.25s both}
@keyframes heroMediaIn{from{opacity:0;transform:scale(1.16)}to{opacity:.72;transform:scale(1.08)}}@keyframes heroMarkIn{from{opacity:0;transform:scale(.72) rotate(-4deg)}to{opacity:.74;transform:scale(1) rotate(0)}}@keyframes heroPartIn{from{opacity:0;transform:scaleX(.06)}to{opacity:1;transform:scaleX(1)}}@keyframes heroStrokeIn{to{stroke-dashoffset:0}}@keyframes titleLineOne{from{opacity:0;transform:translate3d(-8vw,0,0)}to{opacity:1;transform:none}}@keyframes titleLineTwo{from{opacity:0;transform:translate3d(10vw,0,0)}to{opacity:1;transform:none}}@keyframes heroMetaIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scope-grid{display:block;background:none;border:0;border-top:1px solid var(--ink)}.scope-card{position:relative;min-height:0;padding:clamp(2rem,4vw,3.7rem) 0;background:none;display:grid;grid-template-columns:.13fr .34fr .53fr;gap:clamp(1.5rem,4vw,5rem);align-items:center;border-bottom:1px solid var(--line);transition:padding .4s var(--ease),color .35s}.scope-card:before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--navy);transition:width .55s var(--ease)}.scope-card:hover{padding-left:1rem;background:none;color:var(--navy)}.scope-card:hover:before{width:100%}.scope-card h3{margin:0;font-size:clamp(1.45rem,2.45vw,2.8rem)}.scope-card p{max-width:55ch;margin:0;font-size:clamp(.7rem,.82vw,.82rem);line-height:1.78}.scope-card:hover p{color:var(--muted)}.planning-note{grid-template-columns:.13fr .34fr .53fr;gap:clamp(1.5rem,4vw,5rem);margin-top:clamp(2rem,4vw,3.5rem)}.planning-note:before{content:""}
@media(max-width:900px){.detail-hero{min-height:100svh;padding-top:calc(var(--header) + 4.5rem);padding-bottom:2.5rem}.detail-hero:after{background:rgba(240,239,235,.8)}.detail-hero-bg{inset:-3%;opacity:.52}.detail-hero-mark{inset:13% auto auto -8vw;width:160vw;height:90vw;opacity:.8}.detail-hero-main,.detail-hero-bottom{grid-template-columns:1fr}.detail-count{margin-bottom:1.5rem}.detail-title{font-size:clamp(3.7rem,18vw,5.8rem)}.detail-hero-bottom{margin-top:7rem;gap:2rem}.detail-facts{grid-template-columns:1fr 1fr;gap:0 1rem;margin-top:0}.detail-fact,.detail-fact:nth-child(odd),.detail-fact:nth-child(even){padding:.8rem 0;border-bottom:1px solid var(--line)}.scope-card{grid-template-columns:2.8rem 1fr;gap:.8rem 1rem;padding:2rem 0}.scope-card h3{font-size:clamp(1.65rem,8vw,2.6rem)}.scope-card p{grid-column:2}.planning-note{grid-template-columns:1fr;gap:.8rem}.planning-note:before{display:none}}
@media(prefers-reduced-motion:reduce){.detail-hero-bg,.detail-hero-mark,.detail-hero-mark .mark-part,.detail-hero-mark .mark-outline,.detail-title>span,.detail-hero .detail-count,.detail-hero .detail-lede,.detail-hero .detail-facts{animation:none!important}}

/* SERVICE DETAIL — circular process, image-led work, compact service links */
.detail-scope{background:linear-gradient(180deg,var(--paper) 0%,#ebe9e4 100%)}
.scope-grid{--node:clamp(5.1rem,7.2vw,7.5rem);position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3.4vw,4.5rem);margin-top:clamp(5rem,10vh,8.5rem);padding:0;border:0;background:none;isolation:isolate}
.scope-grid:before{content:"";position:absolute;z-index:-1;left:calc(var(--node)/2);right:calc(var(--node)/2);top:calc(var(--node)/2);height:1px;background:linear-gradient(90deg,rgba(38,58,96,.18),rgba(38,58,96,.65) 50%,rgba(38,58,96,.18))}
.scope-card{position:relative;min-width:0;min-height:0;padding:0;background:none;display:flex;align-items:center;text-align:center;border:0;color:var(--ink);transition:transform .45s var(--ease)}
.scope-card:before{display:none}.scope-card:hover{padding:0;background:none;color:var(--ink);transform:translateY(-8px)}
.scope-card small{position:relative;z-index:2;width:var(--node);height:var(--node);flex:none;display:grid;place-content:center;padding:.75rem;border:1px solid rgba(38,58,96,.48);border-radius:50%;background:#ebe9e4;color:var(--red);font-size:.5rem;line-height:1.45;letter-spacing:.08em;transition:background .4s var(--ease),color .4s var(--ease),transform .4s var(--ease),border-color .4s}
.scope-card:hover small{background:var(--navy);border-color:var(--navy);color:var(--paper);transform:rotate(-7deg)}
.scope-card h3{margin:clamp(1.4rem,2.6vw,2.2rem) 0 .75rem;font-size:clamp(1.2rem,1.7vw,1.85rem);font-weight:400;line-height:1.15;letter-spacing:-.045em;word-break:keep-all}
.scope-card p{max-width:27ch;margin:0 auto;font-size:clamp(.68rem,.76vw,.78rem);line-height:1.72;color:var(--muted)}.scope-card:hover p{color:var(--muted)}
.planning-note{width:min(70%,880px);margin:clamp(4rem,8vh,7rem) 0 0 auto;padding-top:1.15rem;display:grid;grid-template-columns:.28fr .72fr;gap:clamp(1rem,4vw,4rem);border-top:1px solid var(--ink)}.planning-note:before{display:none}

.detail-work{padding:clamp(6rem,11vh,9rem) var(--pad);background:#111a29;color:var(--paper)}
.detail-work-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(240,239,235,.25)}
.detail-work h2{margin:0;font-size:.62rem;font-weight:500;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.detail-work-head>a{padding:0 0 .18rem;border-bottom:1px solid rgba(240,239,235,.45);font-size:.62rem;color:rgba(240,239,235,.7)}
.detail-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,1.6vw,1.7rem);margin-top:clamp(1.4rem,3vw,2.4rem);background:none;border:0}
.detail-case{position:relative;isolation:isolate;min-height:clamp(350px,39vw,535px);padding:clamp(1.3rem,2.2vw,2.2rem);overflow:hidden;background:#0b111c;color:var(--paper);display:flex;flex-direction:column}
.detail-case:before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--case-bg,none);background-position:center;background-size:cover;transform:scale(1.015);transition:transform .8s var(--ease),filter .8s var(--ease)}
.detail-case:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,9,15,.12) 28%,rgba(5,9,15,.9) 100%)}
.detail-case:hover:before{transform:scale(1.055);filter:saturate(1.08)}
.detail-case small{font-size:.52rem;letter-spacing:.11em;color:rgba(240,239,235,.72)}
.detail-case h3{max-width:15ch;margin:auto 0 .8rem;font-size:clamp(1.55rem,2.6vw,3rem);font-weight:400;line-height:1.05;letter-spacing:-.05em;text-shadow:0 2px 24px rgba(0,0,0,.34)}
.detail-case p{max-width:44ch;margin:0;font-size:.7rem;line-height:1.65;color:rgba(240,239,235,.7);text-shadow:0 1px 10px rgba(0,0,0,.45)}

.other-services{padding:clamp(3.8rem,7vh,5.8rem) var(--pad);background:var(--paper)}
.other-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 0 .85rem;border-bottom:1px solid var(--ink)}
.other-head span{font-size:.54rem;letter-spacing:.13em;color:var(--muted)}.other-head span:last-child{letter-spacing:0}
.other-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,4rem)}
.other-list a{position:relative;display:grid;grid-template-columns:1.7rem 1fr auto;gap:.7rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--line);transition:color .3s var(--ease),transform .3s var(--ease)}
.other-list a:after{content:"↗";font-size:.78rem;color:var(--muted)}.other-list a:hover{padding-left:0;color:var(--navy);transform:translateX(5px)}
.other-list small{font-size:.5rem;color:var(--red)}.other-list strong{font-size:clamp(.9rem,1.25vw,1.2rem);font-weight:400;letter-spacing:-.035em}.other-list p{display:none}

@media(max-width:900px){.detail-scope{padding-top:6rem;padding-bottom:6rem}.detail-scope-head{grid-template-columns:1fr}.scope-grid{--node:4.25rem;grid-template-columns:1fr;gap:0;margin-top:4rem;padding-left:0}.scope-grid:before{left:calc(var(--node)/2);right:auto;top:calc(var(--node)/2);bottom:calc(var(--node)/2);width:1px;height:auto;background:linear-gradient(180deg,rgba(38,58,96,.18),rgba(38,58,96,.65) 50%,rgba(38,58,96,.18))}.scope-card{display:grid;grid-template-columns:var(--node) 1fr;gap:.35rem 1.1rem;align-items:center;text-align:left;padding:0 0 2rem}.scope-card:hover{padding:0 0 2rem;transform:none}.scope-card small{grid-row:1/3}.scope-card h3{margin:0;font-size:1.35rem}.scope-card p{max-width:34ch;margin:0;font-size:.68rem}.planning-note{width:100%;margin-top:2.2rem;grid-template-columns:1fr;gap:.65rem}.detail-work{padding:5rem var(--pad)}.detail-work-head{align-items:flex-end}.detail-work-grid{grid-template-columns:1fr}.detail-case{min-height:62vw}.other-services{padding:3.5rem var(--pad)}.other-head span:last-child{display:none}.other-list{grid-template-columns:1fr;gap:0}.other-list a{padding:1rem 0}}

/* Merge work and service navigation into one quieter lower field */
.detail-work{padding:clamp(5rem,9vh,7.5rem) var(--pad) clamp(2.8rem,5vh,4.2rem);background:var(--paper);color:var(--ink)}
.detail-work-head{border-bottom-color:var(--line)}
.detail-work-head>a{border-bottom-color:rgba(25,27,32,.42);color:var(--muted)}
.detail-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.35vw,1.35rem);margin-top:clamp(1.3rem,2.5vw,2rem)}
.detail-case{min-height:0;aspect-ratio:1.34;padding:clamp(1rem,1.6vw,1.6rem)}
.detail-case h3{font-size:clamp(1.25rem,1.9vw,2.15rem)}
.detail-case p{font-size:.64rem;line-height:1.55}
.other-services{padding:0 var(--pad) clamp(4.5rem,8vh,7rem);background:var(--paper)}
.other-head{padding-top:0;border-bottom-color:var(--line)}
.other-head span:last-child{display:none}
.other-list a{padding:1.05rem 0}
@media(max-width:900px){.detail-work{padding:4.5rem var(--pad) 2.5rem}.detail-work-grid{grid-template-columns:1fr 1fr;gap:.65rem}.detail-case{aspect-ratio:1.08;padding:1rem}.detail-case h3{font-size:clamp(1.15rem,6.2vw,1.55rem)}.detail-case p{display:none}.detail-case small{font-size:.46rem}.other-services{padding:0 var(--pad) 4rem}}
@media(max-width:560px){.detail-work-grid{grid-template-columns:1fr}.detail-case{aspect-ratio:1.42}.detail-case p{display:block}}

/* Persistent service switcher and denser portfolio strip */
.service-rail{position:fixed;z-index:95;top:var(--header);left:0;right:0;height:44px;padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(240,239,235,.97);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-rail a{position:relative;display:flex;align-items:center;justify-content:center;gap:.65rem;color:rgba(25,27,32,.38);font-size:.62rem;transition:color .3s var(--ease)}
.service-rail a:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:var(--navy);transform:scaleX(0);transition:transform .4s var(--ease)}
.service-rail a:hover,.service-rail a[aria-current=page]{color:var(--ink)}.service-rail a[aria-current=page]:after{transform:scaleX(1)}
.service-rail small{font-size:.46rem;letter-spacing:.1em;color:var(--red)}
.service-detail-page .detail-hero{padding-top:calc(var(--header) + 44px + clamp(4rem,9vh,7rem))}
.detail-title{max-width:none;font-size:clamp(3.7rem,8.4vw,10rem);line-height:.9;white-space:nowrap}
.detail-title>span{display:inline-block}.detail-title .detail-title-second:before{content:"\00a0"}
.detail-work h2{font-size:0;letter-spacing:0;text-transform:none}.detail-work h2:after{content:"해당 포트폴리오";font-size:.62rem;font-weight:500;letter-spacing:.12em}
.detail-work{padding-bottom:clamp(4rem,7vh,6rem)}
.detail-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1vw,1rem)}
.detail-case{aspect-ratio:1.48;padding:clamp(.85rem,1.15vw,1.2rem)}
.detail-case h3{font-size:clamp(1.05rem,1.45vw,1.65rem);margin-bottom:.55rem}.detail-case p{font-size:.58rem;line-height:1.5}.detail-case small{font-size:.45rem}
.other-services{display:none}
@media(max-width:900px){.service-rail{height:42px;display:flex;overflow-x:auto;padding:0 .65rem;scrollbar-width:none}.service-rail::-webkit-scrollbar{display:none}.service-rail a{flex:0 0 auto;min-width:8.4rem;padding:0 .65rem}.service-rail a:after{left:.65rem;right:.65rem}.service-detail-page .detail-hero{padding-top:calc(var(--header) + 42px + 4rem)}.detail-title{font-size:clamp(2.7rem,13.2vw,4.6rem);line-height:.94}.detail-work-grid{grid-template-columns:1fr 1fr;gap:.6rem}.detail-case{aspect-ratio:1.7}.detail-case h3{font-size:clamp(1rem,4vw,1.35rem)}.detail-case p{display:none}}
@media(max-width:560px){.detail-work{padding-top:3.8rem;padding-bottom:4rem}.detail-work-grid{grid-template-columns:1fr;gap:.72rem}.detail-case{aspect-ratio:2.08}.detail-case h3{font-size:1.22rem}.detail-case p{display:none}}

/* Refined service index and vertically centered hero title */
.service-rail{height:44px;display:flex;align-items:center;justify-content:flex-end;gap:clamp(1.1rem,2.2vw,2rem);padding:0 var(--pad);border-top:0;border-bottom:0;background:rgba(240,239,235,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.service-rail:before{display:none}
.service-rail a{flex:none;height:auto;padding:0;gap:0;border-radius:0;font-size:.62rem;color:rgba(25,27,32,.34);transition:color .3s var(--ease),font-size .3s var(--ease)}
.service-rail a small{display:none}
.service-rail a:after{display:none}
.service-rail a:hover{background:none;color:rgba(25,27,32,.62)}
.service-rail a[aria-current=page]{background:none;color:var(--ink);font-size:.74rem;font-weight:500}
.service-detail-page .detail-hero{padding-top:calc(var(--header) + 44px + clamp(4rem,9vh,7rem))}
.detail-hero-main{position:absolute;z-index:3;inset:0;display:block;pointer-events:none}
.detail-count{position:absolute;left:var(--pad);top:calc(var(--header) + 44px + clamp(2rem,4vh,3.5rem));padding:0}
.detail-title{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);text-align:center}
.detail-hero-bottom{margin-top:auto}
@media(max-width:900px){.service-rail{height:40px;justify-content:flex-end;gap:1rem;padding:0 var(--pad);overflow:visible}.service-rail a{min-width:auto;height:auto;padding:0;font-size:.58rem}.service-rail a[aria-current=page]{font-size:.68rem}.service-detail-page .detail-hero{padding-top:calc(var(--header) + 40px + 4rem)}.detail-count{top:calc(var(--header) + 40px + 2rem)}.detail-title{top:38%;left:var(--pad);transform:translateY(-50%);text-align:left}}

/* ABOUT — image-led narrative connected to the home and service language */
.about-page-hero{min-height:100svh}.about-hero-grid{grid-template-columns:1.06fr .94fr;gap:clamp(2.5rem,6vw,7.5rem)}
.about-page-hero .page-title{max-width:11.5ch;font-size:clamp(3.2rem,5.8vw,7rem)}
.about-hero-visual{position:relative;min-height:min(59vh,590px);margin-top:2rem;isolation:isolate}
.about-hero-image{position:absolute;inset:0 0 12% 8%;margin:0;overflow:hidden;background:#111a29;box-shadow:1.9rem 1.9rem 0 rgba(38,58,96,.07)}
.about-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,26,41,.02),rgba(17,26,41,.42));mix-blend-mode:multiply}
.about-hero-image img{object-position:center;filter:grayscale(.82) saturate(.38) contrast(.94);transform:scale(1.045);transition:transform 1.2s var(--ease)}
.about-hero-visual:hover .about-hero-image img{transform:scale(1.015)}
.about-hero-image-small{z-index:2;inset:auto auto 0 0;width:41%;height:39%;border:clamp(.5rem,.85vw,.9rem) solid var(--paper);box-shadow:none}
.about-hero-image-small:after{background:rgba(38,58,96,.08)}
.about-hero-scope{position:absolute;z-index:3;right:1.2rem;bottom:14.5%;display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem;background:rgba(240,239,235,.92);font-size:.48rem;letter-spacing:.09em;color:var(--navy)}
.about-hero-scope span{position:absolute;right:0;bottom:calc(100% + .65rem);white-space:nowrap;color:rgba(240,239,235,.72)}.about-hero-scope strong{font-weight:500}.about-hero-scope i{font-style:normal;color:var(--red)}

.about-identity{padding-bottom:clamp(9rem,18vh,15rem)}
.about-scroll-story{--story-inset:12%;--story-left:43%;--story-progress:0;--story-scale:1.1;position:relative;height:320svh;background:#111a29}
.about-story-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#111a29;color:var(--paper);isolation:isolate}
.about-story-media{position:absolute;z-index:-3;top:var(--story-inset);right:var(--story-inset);bottom:var(--story-inset);left:var(--story-left);overflow:hidden;background:#111a29;transition:inset .08s linear,left .08s linear}
.about-story-image{position:absolute;inset:0;opacity:0;object-position:center;filter:grayscale(.78) saturate(.34) contrast(.96);transform:scale(var(--story-scale));will-change:opacity,transform}
.about-story-image.is-first{object-position:center 54%}.about-story-image.is-second{object-position:center}.about-story-image.is-third{object-position:center 58%}
.about-story-image.is-first{opacity:1}.about-story-wash{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(8,13,22,.92) 0%,rgba(8,13,22,.72) 33%,rgba(8,13,22,.12) 76%),linear-gradient(180deg,rgba(8,13,22,.1),rgba(8,13,22,.45))}
.about-story-top{position:absolute;left:var(--pad);right:var(--pad);top:clamp(5.5rem,10vh,7.5rem);display:flex;justify-content:space-between;padding-top:.8rem;border-top:1px solid rgba(240,239,235,.35);font-size:.52rem;letter-spacing:.18em;color:rgba(240,239,235,.65)}
.about-story-copies{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(5.5rem,10vh,8rem);height:clamp(13rem,27vh,17rem)}
.about-story-copy{position:absolute;left:0;bottom:0;width:min(47rem,62vw);opacity:0;will-change:opacity}.about-story-copy.is-first{opacity:1}
.about-story-copy small{display:block;margin-bottom:1.2rem;font-size:.55rem;letter-spacing:.16em;color:#ff695b}.about-story-copy h2{margin:0;font-size:clamp(3rem,6.6vw,8rem);font-weight:300;line-height:.93;letter-spacing:-.065em}.about-story-copy p{max-width:43ch;margin:1.6rem 0 0;font-size:clamp(.78rem,.98vw,.95rem);line-height:1.75;color:rgba(240,239,235,.72);word-break:keep-all}
.about-story-progress{position:absolute;right:var(--pad);bottom:clamp(5.5rem,10vh,8rem);width:min(18rem,22vw);height:1px;background:rgba(240,239,235,.28)}.about-story-progress i{display:block;width:calc(var(--story-progress)*100%);height:1px;background:var(--paper)}

.vessel-map{position:relative;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2.6vw,3.5rem);border:0;background:none}.vessel-map:before{content:"";position:absolute;left:4%;right:4%;top:2.15rem;height:1px;background:var(--line)}
.vessel-step{position:relative;min-height:145px;padding:0;background:none}.vessel-step small{width:4.3rem;height:4.3rem;display:grid;place-items:center;border:1px solid rgba(38,58,96,.45);border-radius:50%;background:var(--paper);color:var(--red)}.vessel-step strong{margin:1.35rem 0 .55rem}.vessel-step span{line-height:1.65}
.axes{background:var(--paper2)}.axes-list{display:block;margin-top:clamp(5rem,10vh,8rem);border:0;border-top:1px solid var(--ink);background:none}
.axis,.axis:nth-child(2),.axis:nth-child(3){position:relative;min-height:0;padding:clamp(2.5rem,5vw,5rem) 0;display:grid;grid-template-columns:.1fr .42fr .48fr;gap:clamp(1.5rem,4vw,5rem);align-items:start;border-bottom:1px solid var(--line);background:none;color:var(--ink);transition:padding .45s var(--ease)}
.axis:hover{padding-left:1.1rem;background:none;color:var(--ink)}.axis-no{position:static;padding-top:.55rem}.axis h3{max-width:12ch;margin:0;font-size:clamp(1.8rem,3.2vw,3.6rem)}.axis-body{max-width:55ch;margin:0;padding-top:.35rem}.axis:hover .axis-body p,.axis:hover .stackline{color:rgba(25,27,32,.7)}
.product-image img{transition:transform 1.1s var(--ease),filter 1.1s var(--ease)}.product-card:hover .product-image img{transform:scale(1.07);filter:saturate(.9)}

@media(max-width:900px){.about-page-hero{min-height:auto}.about-hero-grid{grid-template-columns:1fr}.about-page-hero .page-title{font-size:clamp(2.65rem,11.5vw,4.1rem)}.about-hero-visual{min-height:62vh;margin-top:3rem}.about-hero-image{inset:0 0 11% 0}.about-hero-image-small{inset:auto auto 0 0;width:46%;height:32%}.about-hero-scope{right:.7rem;bottom:12.5%;gap:.35rem;padding:.6rem;font-size:.4rem}.about-identity{padding-bottom:7rem}.about-scroll-story{height:285svh}.about-story-media{top:var(--story-inset);right:var(--story-inset);bottom:var(--story-inset);left:var(--story-left)}.about-story-wash{background:linear-gradient(180deg,rgba(8,13,22,.28),rgba(8,13,22,.38) 45%,rgba(8,13,22,.94) 100%)}.about-story-top{top:calc(var(--header) + 2rem)}.about-story-copies{bottom:4.8rem;height:15rem}.about-story-copy{width:100%}.about-story-copy h2{font-size:clamp(3.05rem,14vw,5rem)}.about-story-copy p{max-width:33ch;font-size:.78rem}.about-story-progress{left:var(--pad);right:var(--pad);bottom:2.6rem;width:auto}.vessel-map{grid-template-columns:1fr;gap:0}.vessel-map:before{left:2.15rem;right:auto;top:2.15rem;bottom:2.15rem;width:1px;height:auto}.vessel-step{min-height:0;display:grid;grid-template-columns:4.3rem 1fr;gap:.25rem 1.15rem;padding-bottom:1.8rem}.vessel-step small{grid-row:1/3}.vessel-step strong{margin:.7rem 0 0}.axis,.axis:nth-child(2),.axis:nth-child(3){display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;padding:2.5rem 0}.axis:hover{padding-left:0}.axis h3{font-size:clamp(1.8rem,8vw,2.6rem)}.axis-body{grid-column:2;margin:1.5rem 0 0}.axis-no{right:auto;top:auto}}
@media(prefers-reduced-motion:reduce){.about-story-media{transition:none}.about-story-image{transform:none!important}}

/* 해당 포트폴리오 — 카드 수에 맞춘 열 (apply_related.py) */
@media(min-width:901px){.detail-work-grid{grid-template-columns:repeat(var(--cols,2),minmax(0,1fr))!important}}
@media(max-width:900px) and (min-width:601px){.detail-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.detail-work-grid{grid-template-columns:1fr!important}}