.office-page{--office-ink:#f3f0e7;--office-muted:#b2b0a6;--office-paper:#f4f2eb;background:#181a18;color:var(--office-ink)}
.skip-link{position:absolute;top:8px;left:8px;z-index:20;transform:translateY(-150%);padding:10px 14px;background:#fff;color:#111}.skip-link:focus{transform:none}
.office-header{height:78px;max-width:none;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343630;background:#181a18}
.office-mark{color:#f3f0e7;font-weight:700;letter-spacing:-.055em;font-size:19px}.office-mark span{color:#cf956c}
.office-header nav{display:flex;gap:clamp(18px,3vw,38px)}.office-header nav a{color:#d4d0c5;min-height:44px;display:flex;align-items:center;font-size:13px}.office-header nav a:hover,.office-header nav a:focus-visible{color:#fff}
.office-mark{flex-shrink:0}.office-header-actions{display:flex;align-items:center;gap:clamp(12px,2.5vw,30px)}.office-social-links{display:flex;align-items:center;gap:2px}.office-social-link{display:inline-grid;place-items:center;width:36px;height:44px}.office-social-link img{display:block;width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.office-social-link:hover img{opacity:1}.office-empty{max-width:360px;padding:20px 0;margin:0;color:#686d65;font-size:14px;line-height:1.65}
.office-hero{position:relative;min-height:min(760px,calc(100svh - 78px));height:min(760px,calc(100svh - 78px));overflow:hidden;background:#25231f;isolation:isolate}
.office-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.office-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,19,18,.91) 0%,rgba(17,19,18,.78) 29%,rgba(17,19,18,.28) 58%,rgba(17,19,18,.04) 100%),linear-gradient(0deg,rgba(17,19,18,.36),transparent 28%);pointer-events:none}
.office-copy{position:absolute;top:50%;left:clamp(28px,10.2vw,158px);width:min(760px,70vw);transform:translateY(-52%)}
.office-eyebrow{margin:0 0 22px;font:11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#d8ad88}
.office-copy h1{font:400 clamp(54px,7.3vw,96px)/.99 var(--serif);letter-spacing:-.052em;margin:0 0 24px;max-width:510px;color:#fbf7eb}
.office-deck{max-width:410px;color:#dedbd1;font-size:clamp(16px,1.45vw,19px);line-height:1.6;margin:0 0 23px}
.office-about{display:inline-flex;align-items:center;gap:8px;color:#f5c49b;font-size:13px;font-weight:600;min-height:44px}.office-about:hover{color:white}
.office-light,.office-dust{position:absolute;inset:0;pointer-events:none;display:none}
.office-light{mix-blend-mode:screen;filter:blur(18px);transform-origin:center;animation-play-state:paused}
.office-light--daylight{z-index:0;background:radial-gradient(ellipse 28% 64% at 96% 7%,rgba(197,220,237,.16) 0%,rgba(197,220,237,.095) 38%,rgba(197,220,237,.025) 72%,transparent 100%),radial-gradient(ellipse 36% 58% at 83% 21%,rgba(192,219,239,.09) 0%,rgba(192,219,239,.035) 50%,transparent 100%);opacity:.5;animation:light-breathe 11s ease-in-out infinite alternate}
.office-light--lamp{z-index:1;background:radial-gradient(ellipse 24% 19% at 57% 49%,rgba(255,213,157,.21) 0%,rgba(255,213,157,.12) 38%,rgba(255,213,157,.025) 78%,transparent 100%),radial-gradient(ellipse 37% 29% at 60% 60%,rgba(255,202,132,.09) 0%,rgba(255,202,132,.035) 48%,transparent 100%);opacity:.5;animation:light-breathe 13s ease-in-out -4s infinite alternate}
.office-dust{z-index:2;overflow:hidden}
.office-dust span{position:absolute;width:1.5px;height:1.5px;border-radius:50%;opacity:.12;animation:dust-life 8.5s ease-in-out var(--dust-delay,0s) infinite alternate;animation-play-state:paused}
.office-dust .dust-cool{background:rgba(220,238,250,.9);box-shadow:0 0 2px .5px rgba(198,226,246,.22)}
.office-dust .dust-warm{background:rgba(255,239,209,.86);box-shadow:0 0 2px .5px rgba(255,222,170,.2)}
.office-dust span:nth-child(1){left:80%;top:17%;--dust-delay:-1.2s;--drift-x:8px;--drift-y:-9px}
.office-dust span:nth-child(2){left:86%;top:25%;--dust-delay:-5.5s;--drift-x:-10px;--drift-y:-7px}
.office-dust span:nth-child(3){left:91%;top:36%;--dust-delay:-2.9s;--drift-x:12px;--drift-y:-8px}
.office-dust span:nth-child(4){left:77%;top:45%;--dust-delay:-7s;--drift-x:-8px;--drift-y:-10px}
.office-dust span:nth-child(5){left:55%;top:54%;--dust-delay:-3.7s;--drift-x:9px;--drift-y:-7px}
.office-dust span:nth-child(6){left:64%;top:58%;--dust-delay:-6.2s;--drift-x:-12px;--drift-y:-8px}
.office-dust span:nth-child(7){left:71%;top:66%;--dust-delay:-2.1s;--drift-x:8px;--drift-y:-11px}
.office-dust span:nth-child(8){left:60%;top:69%;--dust-delay:-4.9s;--drift-x:-9px;--drift-y:-7px}
.office-dust span:nth-child(9){left:78%;top:72%;--dust-delay:-1.8s;--drift-x:11px;--drift-y:-9px}
.office-dust span:nth-child(10){left:84%;top:32%;--dust-delay:-4.1s;--drift-x:-9px;--drift-y:-8px}
.office-dust span:nth-child(11){left:62%;top:62%;--dust-delay:-.8s;--drift-x:10px;--drift-y:-8px}
.office-dust span:nth-child(12){left:73%;top:59%;--dust-delay:-6.7s;--drift-x:-8px;--drift-y:-10px}
.office-copy{z-index:3}
.office-page.atmosphere-running .office-light,.office-page.atmosphere-running .office-dust span{animation-play-state:running}
@keyframes light-breathe{from{opacity:.42;transform:translate3d(-.18%,.1%,0) scale(.995)}to{opacity:.62;transform:translate3d(.18%,-.1%,0) scale(1.005)}}
@keyframes dust-life{from{opacity:.1;transform:translate3d(0,0,0)}to{opacity:.64;transform:translate3d(var(--drift-x,8px),var(--drift-y,-8px),0)}}
.office-reading{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,8vw,110px);padding:76px clamp(24px,9vw,136px) 98px;background:var(--office-paper);color:#242823}
.office-column .list-row{border-color:#d8d8cf}.office-section-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #bfc0b8;padding-bottom:14px;margin-bottom:0}.office-section-heading h2{font:500 22px var(--serif);margin:0}.office-section-heading>a{font-size:12px;color:#28596c;white-space:nowrap}.office-reading .row-link{padding:20px 0}.office-reading .row-image{width:78px;height:66px}
.office-footer{background:#f4f2eb;color:#72766e;border-top:1px solid #d8d8cf;max-width:none;padding:22px clamp(24px,9vw,136px) 28px;display:flex;align-items:center;gap:25px;font:10px var(--mono)}.office-footer>span:first-child{margin-right:auto}.office-footer a:hover{color:#28596c}
.office-page a:focus-visible,.office-page button:focus-visible{outline:2px solid #e4a87b;outline-offset:4px;border-radius:1px}
@media(max-width:780px){.office-header{height:68px}.office-hero{height:min(690px,calc(100svh - 68px));min-height:600px}.office-image{object-position:62% center}.office-shade{background:linear-gradient(90deg,rgba(17,19,18,.88),rgba(17,19,18,.61) 56%,rgba(17,19,18,.1)),linear-gradient(0deg,rgba(17,19,18,.35),transparent 35%)}.office-copy{left:clamp(25px,7vw,58px);width:min(470px,68vw)}.office-copy h1{font-size:clamp(52px,10vw,78px)}.office-reading{padding:56px clamp(23px,7vw,54px) 72px;grid-template-columns:1fr;gap:46px}.office-image,.office-light,.office-dust span{animation:none!important}.office-light,.office-dust{display:none}}
@media(max-width:480px){.office-header{padding:0 19px}.office-header-actions{gap:5px}.office-header nav{gap:10px}.office-header nav a{font-size:11px}.office-social-links{gap:0}.office-social-link{width:28px}.office-hero{height:calc(100svh - 68px);min-height:590px;max-height:720px}.office-image{object-position:62% center}.office-shade{background:linear-gradient(0deg,rgba(17,19,18,.92) 0%,rgba(17,19,18,.72) 43%,rgba(17,19,18,.03) 100%)}.office-copy{top:auto;bottom:91px;left:24px;transform:none;width:calc(100% - 48px)}.office-eyebrow{margin-bottom:16px}.office-copy h1{font-size:clamp(48px,14vw,66px);margin-bottom:18px}.office-deck{font-size:15px;max-width:350px}.office-footer{padding:18px 22px 22px;gap:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.office-image,.office-light,.office-dust span{animation:none!important}.office-light,.office-dust{display:none}.office-page{scroll-behavior:auto}}
@media(min-width:1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){.office-light,.office-dust{display:block}}
@media(max-width:400px){.office-header{padding:0 14px}.office-header-actions{gap:2px}.office-header nav{gap:8px}.office-social-link{width:24px}.office-social-link img{width:16px;height:16px}}
@media(max-width:340px){.office-mark{font-size:16px}.office-header nav{gap:6px}}
