/* Editorial spacing and a consolidated architectural studio. */
:root{--paper:#f7f8fa;--ink:#1e4385;--muted:#657286}
body{background:var(--paper)}
.header{height:110px;padding:0 6%;border-color:#1e438513}
.brand img{width:144px;height:77px}.brand .holdings{font-size:5px;letter-spacing:1.2px}
.header nav{gap:28px;font-size:11px}.contact-link{border-color:#1e438530;font-size:11px;padding:11px 20px}
.scene-sticky{background:#f7f8fa;min-height:740px}
.scene-wash{background:radial-gradient(ellipse at 77% 53%,#e0e5ed88,transparent 55%),linear-gradient(140deg,#fafbfc,#eef1f6)}
.hero-blueprint{opacity:.35}.hero-copy{top:28%;left:7%;width:40%;max-width:580px}
.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px;color:#657286}
h1{font-size:clamp(64px,6.5vw,106px);font-weight:450;line-height:1.01;letter-spacing:-4px;margin:27px 0 27px}
h1 em{letter-spacing:-3px}
.hero-copy p{font-size:13px;line-height:1.8;max-width:310px}
.hero-copy .button{margin-top:27px;padding:15px 23px;font-size:10px}
.hero-note,.scene-help,.scene-index{display:none}
#scene{left:36%;right:-5%;top:10%;height:84%}
.hero-signature{position:absolute;right:7%;top:20%;font-size:6px;letter-spacing:2px;color:#8190a7}
.model-label{left:auto;right:8%;bottom:16%;padding:0;gap:10px;border:0;background:transparent;backdrop-filter:none;font-size:8px;letter-spacing:1.5px}
.model-label small{font-size:6px;letter-spacing:.8px;color:#8a96a9;margin-top:6px}
.crosshair{font-size:9px;color:#c9a35e;border-right:1px solid #c9a35e;padding-right:12px;align-self:stretch;display:flex;align-items:center}
.scene-tools{right:7%;bottom:6%;padding:1px 7px;border-color:#1e43851f;background:#ffffff85}
.scene-tools button{font-size:9px;padding:9px 12px}
.scene-tools button>span:first-child{font-size:17px}.scroll-cue{bottom:6.6%;font-size:7px;letter-spacing:1.3px;color:#657286}
.vision-copy{width:31%;top:29%}.vision-copy h2{font-size:clamp(42px,4.4vw,68px);letter-spacing:-2px}.vision-copy p{font-size:12px;line-height:1.9}
.section-pad{padding:110px 7%}.section-top{border-top:1px solid #1e438518;padding-top:24px}
.section-heading{margin:35px 0 48px;gap:35px}.section-heading h2{font-size:clamp(46px,5vw,76px)}
.section-heading p{font-size:12px;line-height:1.9}.space-grid{gap:28px}.card-art{aspect-ratio:4/4.1;border-radius:2px}
.card-tag{font-size:7px;color:#1e4385}.card-arrow{width:34px;height:34px;font-size:19px}
.card-title{padding:20px 0 21px}.card-title h3{font-size:19px;letter-spacing:-.4px}.card-title>span{font-size:10px}
.layers-link{font-size:10px;margin-top:34px}.concept-note{font-size:8px;line-height:1.8;max-width:620px;color:#8a94a5}
.architecture{height:180vh;background:#122e59}
.architecture-sticky{height:100vh;min-height:750px;padding:8% 6% 7%;display:grid;grid-template-columns:32% 64%;gap:4%;align-items:center;background:radial-gradient(ellipse at 75% 38%,#274875,#122e59 70%)}
.architecture-copy{position:relative;inset:auto;width:auto;max-width:345px;z-index:3;padding-bottom:0}
.architecture .eyebrow{font-size:7px;letter-spacing:1.7px;line-height:1.8;color:#cbb58f}
.architecture h2{font-size:clamp(47px,4.7vw,72px);line-height:1.04;letter-spacing:-2.3px;margin:26px 0 22px}
.architecture h2 em{color:#dec49a}.architecture-copy>p{font-size:11px;line-height:1.9;color:#b7c5d8;max-width:295px}
.layer-legend{margin:28px 0 15px;gap:0;display:flex;flex-direction:column}
.layer-legend button{display:flex;align-items:center;text-align:left;gap:12px;background:transparent;border-bottom:1px solid #ffffff13;padding:13px 0;font-size:10px;color:#a3b4ce;transition:color .3s,padding .3s}
.layer-legend button i{width:20px;height:20px;border:0;font-size:7px;color:#8195b6}
.layer-legend button>span{margin-left:auto;opacity:0;transition:opacity .3s;font-size:16px}
.layer-legend button.active{color:#ead6b6;padding-left:5px}.layer-legend button.active>span{opacity:1}.layer-legend button.active i{color:#d2ab67}
.architecture-copy .layer-insight{min-height:41px;font-size:9px;line-height:1.7;color:#91a5c5;margin:0 0 20px}
.layer-toggle{font-size:9px;border-color:#d2ab6740;color:#ddc49d;padding:10px 17px;gap:30px}.layer-toggle span{font-size:16px}
.studio-viewer{position:relative;height:570px;min-width:0;border:1px solid #c3d5ed16;border-radius:3px;background:linear-gradient(160deg,#ffffff04,#ffffff00);z-index:1}
.viewer-meta{position:absolute;top:21px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;font-size:6px;letter-spacing:1.3px;color:#a2b5d0;z-index:2}
.viewer-meta>span:first-child{display:flex;align-items:center;gap:7px}.viewer-meta i{width:4px;height:4px;border-radius:50%;background:#c9a35e}
#layers-scene{inset:30px 0 90px;height:auto;width:auto;pointer-events:none;position:absolute;overflow:hidden}
#layers-scene canvas{max-width:100%;max-height:100%;display:block}
.studio-console{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:24px;align-items:center;padding:23px 24px;background:#10294d66;border-top:1px solid #c3d5ed16;backdrop-filter:blur(12px)}
.studio-control{min-width:0;display:flex;flex-direction:column;gap:12px}.control-label{font-size:6px;letter-spacing:1.2px;color:#899fbd;display:flex;justify-content:space-between;gap:8px}
.control-label output{color:#d2ab67;font-size:6px;letter-spacing:.7px}
.material-options{display:flex;gap:10px;align-items:center;height:21px}.material-options button{height:14px;width:14px;border-radius:50%;background:#698cb0;position:relative;padding:0}
.material-options button[data-material=bronze]{background:#b59870}.material-options button[data-material=frost]{background:#c8d8df}
.material-options button.active:after{content:'';position:absolute;inset:-4px;border:1px solid #dfc79c;border-radius:50%}
.view-options{display:flex;gap:7px;height:21px}.view-options button{background:transparent;border:1px solid #ffffff18;color:#8098b9;font-size:7px;padding:4px 7px;border-radius:2px}.view-options button.active{color:#ddc49d;border-color:#d2ab6766}
input[type=range]{appearance:none;width:100%;height:2px;margin:9px 0;background:#ffffff20;cursor:pointer;accent-color:#d2ab67}
input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#dec49a;box-shadow:0 0 0 4px #d2ab6710}
input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#dec49a}
.layers-caption{left:6%;right:6%;bottom:4%;font-size:6px;letter-spacing:1.4px;color:#7f95b5}.blueprint-lines{opacity:.2}
.about{background:#f0f3f7}.about-copy{padding:100px 12%}.about-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.about-copy h2{font-size:clamp(46px,4.1vw,64px)}
.services{margin:28px 0}.services details{border-bottom:1px solid #1e438520}.services summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:center;padding:16px 0;font-size:11px;font-weight:500}.services summary::-webkit-details-marker{display:none}.services summary span{font-size:8px;color:#8793a7}.services summary i{font-style:normal;font-size:17px;color:#9cabc1;margin-left:auto}.services details[open] summary i{transform:rotate(45deg)}.services details p{font-size:10px;margin:0 0 17px;padding-left:31px;color:#758297;line-height:1.7}
.connect{background:#ead8b7}.connect:after{display:none}.connect h2{font-size:clamp(65px,8.5vw,130px)}.round-cta{width:115px;height:115px;font-size:48px;color:#e9d4ae}
footer{padding:35px 7%;background:#162f57}.footer-brand{background:#f7f8fa;padding:9px 17px}.footer-brand img{width:124px;height:67px}footer p{font-size:8px}footer>a:last-child{font-size:9px}
@media(min-width:1500px){.studio-viewer{height:650px}.architecture-sticky{grid-template-columns:30% 66%}.hero-copy{left:8%}}
@media(min-width:901px) and (max-width:1150px){.header nav{gap:19px;font-size:10px}.hero-copy{width:43%}h1{font-size:72px}.architecture-sticky{padding-left:6%;padding-right:5%;grid-template-columns:34% 62%}.architecture h2{font-size:48px}.studio-viewer{height:550px}.studio-console{padding:21px 17px;gap:16px}}
@media(max-width:900px){
  .header{height:96px;padding:0 6%}.brand img{width:121px;height:65px}.brand .holdings{font-size:4px;letter-spacing:1px}
  .header nav{display:none;position:absolute;right:6%;top:88px;padding:25px;min-width:220px;background:#f7f8fa;border:1px solid #d4dce8;font-size:12px;box-shadow:0 20px 60px #1e438515}.header nav.open{display:flex;flex-direction:column;gap:23px}
  .contact-link{display:none}.menu-toggle{display:flex;gap:12px;align-items:center;background:transparent;font-size:10px;padding:10px 0}
  .experience{height:210vh}.scene-sticky{height:100svh;min-height:780px}
  .hero-copy{top:17%;left:7%;width:86%;max-width:600px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.3px}
  h1{font-size:clamp(56px,9vw,78px);letter-spacing:-2.5px;margin:22px 0 19px}h1 em{letter-spacing:-2px}
  .hero-copy p{font-size:11px;max-width:280px;line-height:1.8}.hero-copy .button{font-size:9px;padding:12px 19px;margin-top:20px}
  #scene{left:-8%;right:-8%;top:42%;height:51%}.hero-signature{display:none}.hero-blueprint{inset:35% 0 0 0}
  .model-label{left:7%;right:auto;bottom:14%;font-size:7px}.model-label small{font-size:5px}.crosshair{font-size:8px;padding-right:9px}
  .scene-tools{right:6%;bottom:5%;padding:0 4px}.scene-tools button{padding:9px;font-size:8px}.scene-tools button>span:first-child{font-size:15px}
  .scroll-cue{left:7%;bottom:5.4%;font-size:6px;max-width:130px;letter-spacing:.8px;line-height:1.6}.scroll-cue .mouse{min-width:14px;width:14px;height:21px}
  .vision-copy{top:16%;left:7%;width:85%;max-width:420px}.vision-copy h2{font-size:46px;margin:24px 0 18px}.vision-copy p{font-size:10px;max-width:310px;line-height:1.8}.vision-copy .text-link{font-size:9px;margin-top:17px}
  .section-pad{padding:75px 7%}.section-heading{display:block;margin:28px 0 35px}.section-heading h2{font-size:52px}.section-heading p{margin-top:20px;font-size:11px}.small-index{display:none}
  .space-grid{gap:18px}.card-art{aspect-ratio:4/4.8}.card-title h3{font-size:16px}.card-title>span{font-size:9px}.card-tag{font-size:6px;left:12px;top:14px}.card-arrow{right:12px;bottom:12px;width:29px;height:29px;font-size:17px}
  .architecture{height:160vh}.architecture-sticky{height:100svh;min-height:950px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px;padding:65px 7% 60px}
  .architecture-copy{max-width:none;width:100%;padding:0}.architecture .eyebrow{font-size:6px;letter-spacing:1.2px}.architecture h2{font-size:48px;line-height:1;margin:20px 0 18px}.architecture h2 br{display:none}.architecture h2 em:before{content:' '}.architecture-copy>p{font-size:10px;line-height:1.8;max-width:480px}
  .layer-legend{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:20px 0 12px}.layer-legend button{font-size:8px;padding:10px 0;gap:7px}.layer-legend button i{font-size:6px;width:16px}.layer-legend button>span{font-size:12px}
  .architecture-copy .layer-insight{font-size:8px;margin:0 0 13px;min-height:16px}.layer-toggle{font-size:8px;padding:8px 13px;gap:20px}
  .studio-viewer{height:auto;min-height:0;flex:1;width:100%}.viewer-meta{top:16px;left:16px;right:16px;font-size:5px;letter-spacing:.7px}
  #layers-scene{inset:27px 0 78px;height:auto}.studio-console{grid-template-columns:.9fr 1.5fr 1fr;gap:15px;padding:18px 16px}.control-label{font-size:5px;letter-spacing:.7px}.control-label output{font-size:5px}
  .studio-control{gap:9px}.material-options{gap:9px}.material-options button{width:12px;height:12px}.view-options{gap:5px}.view-options button{font-size:6px;padding:3px 6px}.layers-caption{bottom:25px;left:7%;right:7%;font-size:5px;letter-spacing:.7px}
  .about-photo{min-height:600px}.about-copy{padding:70px 10%}.about-copy h2{font-size:46px}.about-copy p{font-size:11px}.connect h2{font-size:78px;letter-spacing:-3px}.round-cta{width:85px;height:85px;font-size:39px}
}
@media(max-width:600px){
  .scene-sticky{min-height:760px}h1{font-size:61px}.hero-copy p{font-size:10px}#scene{left:-13%;right:-13%;top:43%;height:49%}.model-label{bottom:13.5%}
  .space-grid{display:flex;flex-direction:column;gap:30px}.space-card{margin:0;width:100%}.card-art{aspect-ratio:1.12}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-title h3{font-size:19px;margin:0}.card-title>span{font-size:8px}.card-tag{font-size:7px;top:18px;left:18px}.card-arrow{bottom:18px;right:18px;width:33px;height:33px}
  .section-heading h2{font-size:46px}.section-heading p{font-size:10px}.concept-note{font-size:7px}.layers-link{font-size:9px}.section-top .eyebrow{font-size:7px}
  .architecture-sticky{min-height:970px;padding-top:53px;gap:24px}.architecture h2{font-size:45px}.architecture h2 br{display:block}.architecture h2 em:before{content:none}.architecture-copy>p{max-width:290px;font-size:10px}
  .studio-console{gap:13px;padding:17px 13px}.separation-control .control-label{font-size:0}.separation-control .control-label:before{content:'SEPARATION';font-size:5px}.control-label{font-size:5px;letter-spacing:.4px}.material-options{gap:9px}.material-options button{width:10px;height:10px}.view-options button{padding:3px 5px;font-size:6px}.viewer-meta{font-size:4px;letter-spacing:.8px}
  .about{display:flex;flex-direction:column}.about-photo{min-height:440px}.about-copy{padding:70px 7%}.about-copy h2{font-size:51px}.about-copy p{font-size:11px}.services summary{font-size:11px}.services details p{font-size:10px}.photo-caption{font-size:8px}
  .connect h2{font-size:62px;letter-spacing:-2.5px}.round-cta{height:65px;width:65px;font-size:32px}.connect-heading{gap:10px}.connect-bottom p{font-size:10px}.connect-bottom .text-link{font-size:10px;min-width:230px}.footer-brand img{width:112px;height:60px}footer p{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.card-art,.card-art img{transform:none!important}}
@media(min-width:901px){.architecture .eyebrow{font-size:8px}.architecture-copy>p{font-size:12px}.layer-legend button{font-size:11px}.architecture-copy .layer-insight{font-size:10px}.layer-toggle{font-size:10px}.viewer-meta{font-size:7px}.control-label,.control-label output{font-size:7px}.view-options button{font-size:8px;padding:4px 8px}.material-options button{width:15px;height:15px}.studio-console{gap:25px;grid-template-columns:1fr 1.6fr 1.1fr}}
@media(max-width:900px){.architecture{height:auto}.architecture-sticky{height:auto;min-height:0;position:relative}.studio-viewer{flex:none;height:470px}}
@media(max-width:600px){.studio-viewer{height:420px}.architecture-sticky{padding-bottom:60px}.layer-legend button{font-size:9px}.architecture-copy .layer-insight{font-size:9px;line-height:1.7;min-height:30px}.architecture-copy>p{font-size:11px}.architecture .eyebrow{font-size:7px}.layer-toggle{font-size:9px}.layers-caption{bottom:25px}.viewer-meta{font-size:5px}.control-label,.control-label output{font-size:6px}.separation-control .control-label:before{font-size:6px}.view-options button{font-size:7px;padding:4px 5px}.material-options button{width:12px;height:12px}}