@font-face{font-family:Pretendard;src:url('./assets/Pretendard-Regular.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Bound the icon wrapper: the shared SVG rule uses 100% of this box. */
.button [data-icon]{display:inline-flex;flex:0 0 20px;width:20px;height:20px}
:root{--ink:#071b35;--muted:#4c6077;--accent:#00b9ef;--blue:#007fae;--night:#041122;--line:#dce7ef;--surface:#eef5fa;--header:88px;--content:1440px;color-scheme:light;font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-synthesis:weight}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;color:var(--ink);background:white;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #007daa;outline-offset:6px;border-radius:3px}.journey :focus-visible,.header :focus-visible,.contact :focus-visible{outline-color:#80e2ff}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:''}::selection{background:#99eaff;color:#041122}.container{width:min(var(--content),calc(100% - 112px));margin-inline:auto}.section{padding:100px 0}.skip-link{position:fixed;top:10px;left:20px;z-index:100;background:white;color:#071b35;padding:15px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{position:fixed;top:0;left:0;width:100%;height:var(--header);z-index:40;color:#fff;background:linear-gradient(#04112288,#04112226);border-bottom:1px solid #d3edff50;transition:background .25s,color .25s,border-color .25s;backdrop-filter:blur(12px)}.header-inner{width:min(1560px,calc(100% - 112px));margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:clamp(19px,1.65vw,27px);font-weight:700;letter-spacing:-.065em;white-space:nowrap}.nav{display:flex;align-items:center;gap:clamp(24px,3.4vw,56px);font-size:16px;font-weight:500}.nav a{position:relative;padding:12px 0;white-space:nowrap}.nav a:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:3px;left:0;right:100%;transition:right .2s}.nav a:hover:after,.nav a.active:after{right:0}.header.light{background:#ffffffed;color:var(--ink);border-color:var(--line)}.header.light :focus-visible{outline-color:#007daa}.menu-toggle{display:none}.journey{background:var(--night);color:white;position:relative}.scene-stick{position:relative;min-height:780px;height:100svh;overflow:hidden;isolation:isolate}.scene-picture{position:absolute;inset:0;z-index:-4}.scene-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.scene-cosmos{background:#041122}.scene-cosmos .earth-layer{position:absolute;inset:0;visibility:hidden}.earth-available .earth-layer{visibility:visible}.scene-landscape{opacity:0}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#010b1b96 0%,#010b1b24 47%,transparent 70%);z-index:-2}.scene-light{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 75%,#fffffff2 0%,#dbf3ffd9 32%,#c4eaff77 60%,transparent 90%);opacity:0;z-index:0;pointer-events:none}.scene-copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-43%);z-index:1}.scene-copy h1,.scene-copy h2{font-size:clamp(38px,4.55vw,76px);font-weight:800;line-height:1.24;letter-spacing:-.065em;text-shadow:0 3px 22px #01081744;max-width:1100px}.scene-copy h1 span,.scene-copy h2 span{display:block}.scene-copy p{font-size:clamp(18px,1.65vw,27px);line-height:1.65;font-weight:400;margin-top:29px;text-shadow:0 2px 12px #01081788}.actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:15px 32px;border-radius:5px;border:1px solid transparent;font-size:17px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{color:#001c30;background:#22ccf8;border-color:#6be4ff;box-shadow:0 0 26px #02b7fd35}.primary:hover{background:#70e1ff;box-shadow:0 0 30px #02b7fd55}.glass{color:white;background:#02142796;border-color:#1bcafa}.glass:hover{background:#07365a}.outline{color:#006d98;border-color:#009ed1;background:white}.outline:hover{background:#eefaff}.landscape-copy{visibility:hidden;opacity:0}.motion-ready .journey{height:285svh}.motion-ready .scene-stick{position:sticky;top:0;min-height:0}.motion-ready .landscape-copy{visibility:visible}.motion-ready .scene-picture{will-change:transform,opacity}.motion-ready .earth-layer{will-change:transform}.motion-ready .scene-copy{will-change:transform,opacity}
.office-intro{position:relative;min-height:370px;background:#edf5fc;overflow:hidden;isolation:isolate}.intro-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-3}.office-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffffed 0%,#ffffffb3 42%,#ffffff08 90%);z-index:-2}.office-intro:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,white 0%,#ffffff66 22%,transparent 68%);z-index:-1}.intro-text{padding-top:82px;padding-bottom:50px}.short-line{display:block;width:34px;height:3px;background:#00ace2;margin-bottom:20px}.intro-text h2{font-size:clamp(25px,2.4vw,36px);line-height:1.4;letter-spacing:-.045em}.intro-text p{margin-top:19px;font-size:17px;line-height:1.7;max-width:570px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.eyebrow{font-size:12px;color:#007ea8;letter-spacing:.28em;font-weight:650;margin-bottom:13px}.section-heading h2,.profile h2{font-size:clamp(30px,3.5vw,51px);line-height:1.23;letter-spacing:-.055em;font-weight:750}.section-lead{font-size:clamp(17px,1.5vw,23px);margin-top:14px;line-height:1.5}.section-aside{font-size:14px;line-height:1.8;color:var(--muted)}.services{padding-top:48px}.service-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.service{border-bottom:1px solid var(--line);align-self:start}.service summary{display:flex;align-items:center;gap:24px;padding:34px 8px;min-height:139px}.service summary:hover h3{color:#007ca7}.service-icon{width:44px;min-width:44px;color:#009bcc}.service h3{font-size:21px;line-height:1.4;font-weight:650;letter-spacing:-.025em}.service-sub{display:block;color:var(--muted);font-size:15px;line-height:1.6;margin-top:7px}.plus{margin-left:auto;flex:0 0 14px;position:relative;width:14px;height:14px;color:#638097}.plus:before,.plus:after{content:'';position:absolute;left:0;top:6px;width:14px;height:1.5px;background:currentColor}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open]>summary .plus:after{transform:rotate(0)}.service[open]{background:#f5faff}.service-body{padding:0 26px 28px 76px;font-size:16px;color:var(--muted);line-height:1.85}.tags{font-size:14px;color:#526b80;margin:17px 0}.text-link{display:inline-flex;gap:16px;align-items:center;color:#00769e;font-size:14px;font-weight:650}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.all-services{margin-top:45px}.all-services>summary{width:max-content;max-width:100%;margin:0 auto;gap:24px}.all-services[open]>summary{margin-bottom:35px}.other-services{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;border-top:1px solid var(--line);text-align:left}.other-services article{padding:25px 0;border-bottom:1px solid var(--line)}.other-services h3{font-size:19px;line-height:1.5;margin-bottom:10px}.other-services p{font-size:16px;line-height:1.8;color:var(--muted)}
.profile{background:linear-gradient(120deg,#eaf3fa,#f5f9fc);padding-block:78px}.profile-grid{display:grid;grid-template-columns: .82fr 1.18fr;align-items:center;gap:clamp(45px,6.6vw,100px)}.portrait{max-width:500px;overflow:hidden;align-self:start}.portrait img{width:100%;height:auto;aspect-ratio:1103/1426;object-fit:cover}.profile h2{font-size:clamp(28px,3vw,44px)}.profile-office{margin-top:13px;font-size:18px}.credentials{list-style:none;padding:0;margin:32px 0;display:grid;gap:19px;font-size:17px;line-height:1.6}.credentials li{display:flex;align-items:start;gap:18px}.credentials li>[data-icon]{width:23px;flex:0 0 23px;margin-top:2px}.profile-statement{border-top:1px solid #bfd8e9;padding-top:25px;font-size:clamp(20px,1.8vw,27px);line-height:1.6;font-weight:650;letter-spacing:-.035em;color:#074b7a}.profile-more{margin-top:22px;font-size:15px}.profile-more summary{color:#36536f;display:flex;align-items:center;gap:24px;width:max-content;min-height:44px}.profile-more[open] summary span{transform:rotate(45deg)}.profile-more p{line-height:1.9;color:var(--muted);margin-top:16px}.profile-more .paper{font-size:14px}.process-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center}.process-grid li{position:relative}.process-grid li:not(:last-child):after{content:'→';position:absolute;top:36px;right:-28px;color:#008bbe;font-size:24px}.process-icon{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;color:#008cbf;background:#edf5fb;margin:0 auto 16px}.process-icon svg{width:34px;height:34px}.step-number{display:block;color:#007fae;font-size:13px;letter-spacing:.12em}.process-grid h3{font-size:21px;margin:9px 0 12px;letter-spacing:-.035em}.process-grid p{color:var(--muted);font-size:16px;line-height:1.75}.contact{position:relative;background:#031327;color:#fff;isolation:isolate;padding-bottom:24px;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;background:url('./assets/earth-finale-bright.webp') center 58%/cover no-repeat;z-index:-1}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding-bottom:60px}.contact .eyebrow{color:#22caff}.contact h2{font-size:clamp(27px,2.9vw,43px);letter-spacing:-.05em;line-height:1.35}.contact-lead{font-size:20px;line-height:1.6;margin-top:14px;color:#d5e7f6}.contact .button{font-size:16px;padding-inline:26px}.button svg{width:20px;height:20px}.contact-details{font-style:normal;border-left:1px solid #32647d;padding-left:55px;display:grid;gap:18px;font-size:16px;line-height:1.6;align-content:start}.contact-details>div{display:grid;grid-template-columns:21px 67px 1fr;align-items:start;gap:14px}.contact-details>div>[data-icon]{width:19px;padding-top:3px}.contact-details>div>span:nth-child(2){color:#ccdeeb;font-size:14px;white-space:nowrap}.contact-details a{overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}.footer{padding:27px 0 10px;border-top:1px solid #ffffff38;text-align:center}.footer>a{font-size:19px;font-weight:650}.footer p{margin-top:9px;font-size:14px;color:#d5e7f6}.footer>span{display:block;font-size:12px;color:#c1d6e6;margin-top:20px}.mobile-contact{display:none}[data-icon] svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1800px){.scene-copy{top:49%}.scene-copy h1,.scene-copy h2{font-size:82px}}
@media(max-width:1100px){:root{--header:78px}.container,.header-inner{width:calc(100% - 72px)}.nav{gap:23px;font-size:14px}.brand{font-size:21px}.section{padding-block:76px}.service-grid{column-gap:28px}.service summary{gap:18px;padding-block:28px}.service-icon{width:36px;min-width:36px}.service h3{font-size:19px}.service-sub{font-size:14px}.service-body{padding-left:20px}.contact-grid{gap:35px}.contact-details{padding-left:30px;font-size:14px}.contact-details>div{gap:10px;grid-template-columns:19px 56px 1fr}.profile-grid{gap:40px}.credentials{font-size:15px;gap:14px}.profile-office{font-size:16px}.process-grid{gap:20px}.process-grid p{font-size:14px}.process-grid h3{font-size:19px}.process-grid li:not(:last-child):after{right:-19px}.scene-stick{min-height:680px}}
@media(max-width:760px){:root{--header:70px}.container,.header-inner{width:calc(100% - 40px)}.section{padding-block:60px}.header{height:auto;min-height:var(--header);background:#031327db}.header-inner{flex-wrap:wrap;gap:0;min-height:var(--header);padding-block:20px}.brand{font-size:20px;letter-spacing:-.06em}.nav{width:100%;justify-content:space-between;gap:8px;font-size:13px;margin-top:14px}.js .header-inner{padding-block:0}.js .nav{display:none}.js .nav.open{display:flex;flex-direction:column;align-items:stretch;margin:0;padding:14px 0 22px;gap:4px}.js .nav a{padding:12px 8px;font-size:17px}.js .menu-toggle{display:flex;align-items:center;gap:9px;margin-left:auto;color:inherit;background:none;border:0;padding:12px 0 12px 12px;font-size:13px;min-height:46px}.menu-bars{display:block;width:19px;height:12px;border-top:1.5px solid;border-bottom:1.5px solid;position:relative}.menu-bars:before{content:'';position:absolute;top:4px;left:0;right:0;border-top:1.5px solid}.header.menu-open{background:#031327f5}.header.light.menu-open{background:white}.scene-stick{height:100svh;min-height:710px}.scene-cosmos img{object-position:61% 50%}.scene-landscape img{object-position:62% 50%}.scene-shade{background:linear-gradient(90deg,#010b1b6e,transparent 94%),linear-gradient(180deg,#010b1b33 15%,transparent 32%,#010b1b66 69%,#010b1b22 100%)}.scene-copy{top:auto;bottom:145px;transform:none}.scene-copy h1,.scene-copy h2{font-size:clamp(30px,5.65vw,43px);line-height:1.3;letter-spacing:-.065em;max-width:100%}.scene-copy p{font-size:17px;margin-top:23px;line-height:1.75}.actions{gap:12px;margin-top:25px}.button{min-height:50px;font-size:15px;padding:13px 22px}.hero-copy .button{min-width:134px}.motion-ready .journey{height:215svh}.motion-ready .scene-stick{min-height:0}.office-intro{min-height:300px}.intro-text{padding-top:58px;padding-bottom:54px}.intro-text h2{font-size:25px}.intro-text p{font-size:15px;max-width:290px}.intro-landscape{object-position:70% 45%}.office-intro:before{background:linear-gradient(90deg,#ffffffeb,#ffffffad 62%,#ffffff24)}.section-heading{margin-bottom:28px;display:block}.section-heading h2{font-size:35px}.section-lead{font-size:17px}.section-aside{display:none}.eyebrow{font-size:11px;margin-bottom:11px}.service-grid{grid-template-columns:1fr;column-gap:0}.service summary{padding:24px 0;min-height:112px;gap:18px}.service-icon{width:36px;min-width:36px}.service h3{font-size:19px}.service-sub{font-size:14px}.service-body{padding:0 16px 24px 54px;font-size:15px}.all-services{margin-top:32px}.other-services{grid-template-columns:1fr}.other-services h3{font-size:18px}.other-services p{font-size:15px}.profile-grid{grid-template-columns:1fr;gap:32px}.portrait{width:min(100%,390px);margin:0 auto}.profile h2{font-size:31px}.profile-copy{max-width:550px}.credentials{margin:28px 0;font-size:15px;gap:15px}.credentials li{gap:13px}.profile-statement{font-size:20px;line-height:1.65}.process-grid{grid-template-columns:1fr 1fr;gap:34px 20px}.process-icon{width:68px;height:68px;margin-bottom:12px}.process-icon svg{width:28px;height:28px}.process-grid h3{font-size:18px}.process-grid p{font-size:14px;line-height:1.65}.process-grid li:not(:last-child):after{display:none}.contact-grid{grid-template-columns:1fr;gap:38px;padding-bottom:35px}.contact h2{font-size:29px}.contact-lead{font-size:17px}.contact .button{font-size:15px;padding-inline:20px}.contact-details{border-left:0;border-top:1px solid #32647d;padding:28px 0 0;font-size:15px;gap:16px}.contact-details>div{grid-template-columns:19px 57px 1fr;gap:10px}.contact-details>div>span:nth-child(2){font-size:13px}.footer>span{font-size:11px}.contact{padding-bottom:90px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:35;display:flex;background:#031327f7;color:white;border-top:1px solid #267089;padding-bottom:env(safe-area-inset-bottom)}.mobile-contact a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:57px;font-size:15px}.mobile-contact a:first-child{color:#021427;background:#28ccf6}.mobile-contact svg{width:18px;height:18px}.mobile-contact a span{width:18px}.skip-link{font-size:14px}html{scroll-padding-top:94px}body:not(.js){--header:128px}body:not(.js) .scene-copy{bottom:125px}}
@media(max-width:380px){.brand{font-size:18px}.container,.header-inner{width:calc(100% - 32px)}.scene-copy h1,.scene-copy h2{font-size:29px}.scene-copy p{font-size:16px}.hero-copy .button{min-width:126px}.button{padding-inline:18px}.service summary{gap:14px}.service h3{font-size:18px}.service-sub{font-size:13px}.contact h2{font-size:27px}.credentials{font-size:14px}.profile-statement{font-size:18px}}
@media(max-height:650px) and (min-width:761px){.scene-stick{min-height:550px}.scene-copy h1,.scene-copy h2{font-size:42px}.scene-copy p{font-size:18px;margin-top:18px}.actions{margin-top:20px}.scene-copy{top:48%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.motion-ready .journey{height:auto}.motion-ready .scene-stick{position:relative;min-height:710px}.button:hover{transform:none}}
@media print{.header,.journey,.office-intro,.mobile-contact,.actions,.all-services>summary{display:none!important}.container{width:100%}.section{padding:24px 0;break-inside:avoid}.profile-grid{grid-template-columns:200px 1fr}.contact{background:white;color:#071b35}.contact:before{display:none}.contact-details{color:#071b35}.contact-details>div>span:nth-child(2){color:#071b35}.footer{color:#071b35}.footer p,.footer>span{color:#4c6077}}

.profile h2{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.profile h2 .profile-role{font-size:18px;font-weight:400;letter-spacing:-.025em}
@media(max-width:760px){.profile h2 .profile-role{font-size:16px}.profile h2{gap:12px}}

.landscape-copy>.button{margin-top:28px}

/* First and second scene buttons share one adjustable hover effect. */
.journey{--scene-button-hover-scale:1.16;--scene-button-motion:.65s}
@media(min-width:761px){
  .journey .actions{gap:36px}
  .journey .button{
    position:relative;
    transform:translateY(0) scale(1);
    transform-origin:center;
    transition:transform var(--scene-button-motion) ease-in-out,background-color var(--scene-button-motion) ease-in-out,color var(--scene-button-motion) ease-in-out,box-shadow var(--scene-button-motion) ease-in-out,border-color var(--scene-button-motion) ease-in-out;
  }
  .journey .button:hover,.journey .button:focus-visible{
    z-index:2;
    transform:translateY(-4px) scale(var(--scene-button-hover-scale));
    color:#04223a;
    background-color:#d5faff;
    border-color:#f1ffff;
    box-shadow:0 10px 30px #00132780,0 0 18px #b6f6ffcc,0 0 46px #22ccf8a8;
  }
  .journey .button.glass:hover,.journey .button.glass:focus-visible{background-color:#b7f3ff}
}
body.interaction-motion-paused .journey .button{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.journey .button{transform:none!important;transition:none!important}}

/* The new luminous galaxy stays bright; shade is limited to the text side. */
.scene-shade{background:linear-gradient(90deg,#010b1b58 0%,#010b1b16 36%,transparent 58%)}
.hero-copy h1{text-shadow:0 2px 3px #001125,0 6px 24px #001125de}
.hero-copy p{text-shadow:0 2px 3px #001125,0 3px 14px #001125}
.scene-cosmos .earth-layer{visibility:hidden;opacity:0}
.motion-ready.earth-available .scene-cosmos .earth-layer{visibility:visible}
.scene-cosmos .earth-layer:not([src]){display:none}
@media(max-width:760px){
 .scene-shade{background:linear-gradient(180deg,transparent 0%,transparent 30%,#03142a44 70%,#03142a20 100%)}
 body:not(.motion-ready) .scene-copy.hero-copy{align-self:end;padding-top:calc(60px + var(--header));padding-bottom:100px}
}

/* The nonanimated layout keeps both parts of the journey in the document flow. */
body:not(.motion-ready) .journey{height:auto}
body:not(.motion-ready) .scene-stick{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(680px,100svh) minmax(620px,82svh);
  position:relative;
  height:auto;
  min-height:0;
}
body:not(.motion-ready) .scene-picture{
  position:relative;
  inset:auto;
  grid-column:1;
  min-width:0;
  min-height:0;
  opacity:1;
  transform:none;
}
body:not(.motion-ready) .scene-cosmos{grid-row:1}
body:not(.motion-ready) .scene-landscape{grid-row:2}
body:not(.motion-ready) .scene-picture>img{position:absolute;inset:0}
body:not(.motion-ready) .scene-copy{
  position:relative;
  grid-column:1;
  top:auto;
  bottom:auto;
  left:auto;
  right:auto;
  align-self:center;
  padding-block:80px;
  opacity:1;
  visibility:visible;
  transform:none;
}
body:not(.motion-ready) .hero-copy{grid-row:1;padding-top:calc(80px + var(--header))}
body:not(.motion-ready) .landscape-copy{grid-row:2}
body:not(.motion-ready) .scene-light{display:none}
.scene-light{background:radial-gradient(ellipse at 68% 75%,#9fddff99 0%,#6bbceb66 38%,transparent 78%)}
.motion-ready .scene-landscape{overflow:hidden}
.motion-ready .scene-landscape>img{will-change:transform}

/* A short, quiet introduction connects the landscape to the service scene. */
.office-intro{min-height:0;background:#050d20;color:#f3f7ff}
.office-intro:before,.office-intro:after{display:none}
.office-intro .intro-text{padding-top:62px;padding-bottom:54px}
.office-intro .intro-text h2{font-size:clamp(26px,2.5vw,38px)}
.office-intro .intro-text p{color:#bfcfe1;max-width:690px;line-height:1.85}
.office-intro .short-line{background:#57d8ff}

@media(max-width:760px){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}
  body:not(.motion-ready) .scene-stick{grid-template-rows:minmax(650px,100svh) minmax(560px,82svh)}
  body:not(.motion-ready) .scene-copy{padding-block:74px}
  body:not(.motion-ready) .hero-copy{padding-top:calc(74px + var(--header))}
  body:not(.motion-ready) .scene-copy h1,body:not(.motion-ready) .scene-copy h2{font-size:clamp(30px,6.4vw,43px);line-height:1.35}
  body:not(.motion-ready) .scene-copy p{font-size:16px;line-height:1.8}
  body:not(.motion-ready) .scene-landscape img{object-position:62% center}
  
  .office-intro .intro-text{padding-block:46px}
  .office-intro .intro-text h2{font-size:26px}
  .office-intro .intro-text p{max-width:100%;font-size:15px}
  .plus:after{left:6px;top:0;width:1.5px;height:14px}
  details[open]>summary .plus:after{display:none}
  .skip-link:not(:focus){clip-path:inset(100%);width:1px;height:1px;overflow:hidden;padding:0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}


/* Keep the city and Earth finale luminous, with contrast only behind the copy. */
.landscape-copy h2{text-shadow:0 2px 3px #001125,0 6px 24px #001125c9}
.landscape-copy p{text-shadow:0 2px 3px #001125,0 3px 14px #001125e0}
.contact-grid{padding-bottom:clamp(112px,11vw,180px)}
.contact-grid>div:first-child,.contact-details,.contact .footer{position:relative;isolation:isolate}
.contact-grid>div:first-child:before,.contact-details:before,.contact .footer:before{
  content:'';
  position:absolute;
  inset:-24px -30px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,#031327c2 0%,#03132794 58%,transparent 100%);
}
.contact h2,.contact .eyebrow,.contact-lead,.contact-details,.contact .footer{
  text-shadow:0 2px 3px #001125,0 4px 14px #001125e0;
}
.contact .footer:before{inset:-16px -35px -24px;background:radial-gradient(ellipse at center,#031327b8 0%,#03132788 58%,transparent 100%)}
.contact-details{border-color:#b5eaff7a}
.contact .footer{border-color:#d7f0ff66}
@media(max-width:760px){
  .contact:before{background-position:64% center}
  .contact-grid{padding-bottom:140px}
  .contact-grid>div:first-child:before,.contact-details:before{inset:-18px -20px}
  .contact .footer:before{inset:-15px -20px -24px}
}
@media print{
  .landscape-copy h2,.landscape-copy p,.contact h2,.contact .eyebrow,.contact-lead,.contact-details,.contact .footer{text-shadow:none}
  .contact-grid{padding-bottom:30px}
  .contact-grid>div:first-child:before,.contact-details:before,.contact .footer:before{display:none}
}
