/* Editorial hierarchy and a compact product-stage composition. */
body{font-family:Inter,Arial,Helvetica,sans-serif}
header{height:90px;padding-inline:5%;gap:24px}
.brand{flex-shrink:0;gap:0}
.brand .brand-name{display:grid;gap:6px;letter-spacing:0;line-height:1}
.brand-name small{font-size:10px;font-weight:500;letter-spacing:.2em;color:#aec0ca}
.brand-name strong{font-size:27px;font-weight:750;letter-spacing:.065em;color:#eff5f7}
nav{gap:28px;font-size:14px}
.nav-cta{font-size:14px;padding:13px 20px;box-shadow:none}
.hero{padding-inline:5%}
.hero-top{padding:10px 0;font-size:11px;color:#a2b5c2;letter-spacing:.1em}
.hero-layout{grid-template-columns:.92fr 1.15fr;gap:18px;min-height:clamp(460px,calc(100svh - 240px),610px)}
.hero-title{padding:24px 0;z-index:2}
.hero-title h1{font-size:clamp(64px,8.1vw,124px);line-height:.92;letter-spacing:-.062em;font-weight:800;margin:0;max-width:100%;text-shadow:0 2px 20px #0002}
.hero-title h1 span{color:#b7dbca;text-shadow:0 2px 20px #0002}
.hero-title>p{margin:26px 0;max-width:350px;line-height:1.65;letter-spacing:0;font-size:17px;color:#bfccd5}
.hero-title .button{font-size:15px;min-height:52px;box-shadow:inset 0 1px 0 #effff550,0 6px 18px #0003}
.sculpture{margin:0;min-height:460px}
.sculpture .label-a{top:2%;right:5%;font-size:11px;padding:10px 15px;opacity:.8}
.sculpture .label-b{bottom:20%;left:0;font-size:11px;opacity:.8}
.sculpture .scene-controls{bottom:7px;left:3%;right:3%;gap:14px}
.sculpture .scene-controls span{font-size:11px;line-height:1.5;letter-spacing:.04em;font-weight:400}
.hero-bottom{padding:18px 0;gap:20px}
.hero-bottom p{font-size:13px;line-height:1.5;color:#a5b7c3}
.hero-bottom .edition{font-size:11px;line-height:1.6;color:#a5b7c3}
.section{padding-block:88px}
h2,.projects>h2,.detail-layout h2,.invitation-heading h2{font-weight:750;letter-spacing:-.05em;text-shadow:none}
.service-card h3,.project-info h3{font-weight:650;letter-spacing:-.045em;text-shadow:none}
.service-card p,.feature-stack p{line-height:1.65}
.service-card .card-glyph{animation:none;transform:translateZ(45px);text-shadow:1px 1px 0 #e5fff570,3px 4px 0 #223d34}
.orbit-label,.ticker>div{animation:none}
.project{grid-template-columns:minmax(265px,.8fr) minmax(0,1.55fr);gap:6%;padding-block:52px 78px}
.project-index{margin-bottom:20px;font-size:12px;color:#a6c8b8}
.project-info .project-desc{font-size:18px;line-height:1.5;color:#d6e2e9;margin:18px 0 24px;max-width:29ch}
.project-brief{margin:0 0 28px;display:grid;gap:18px}
.project-brief>div{padding-left:15px;border-left:1px solid #718b9960}
.project-brief dt{font-size:12px;letter-spacing:.06em;color:#a4c9b7;font-weight:500;margin-bottom:6px}
.project-brief dd{font-size:15px;line-height:1.6;color:#bccbd5;margin:0;max-width:37ch}
.project-info>a{font-size:14px;color:#e6f1f6;border-color:#7b9caa;padding-bottom:10px}
.project-stage{--base-ry:-6deg;--base-rz:1.5deg}
.project-1 .project-stage{--base-ry:6deg;--base-rz:-1.5deg}
.project-2 .project-stage{--base-ry:-5deg;--base-rz:1deg}
.card-0{--base-rz:-3deg;--base-ry:5deg}.card-1{--base-rz:0deg;--base-ry:0deg}.card-2{--base-rz:3deg;--base-ry:-5deg}
.contact h2,.contact-title:hover h2{text-shadow:0 2px 0 #4a716133,0 12px 32px #0003}
@media(min-width:1700px){.hero,header{padding-inline:8%}.hero-layout{min-height:650px}}
@media(min-width:751px) and (max-width:1050px){header{height:82px;padding-inline:4%;gap:15px}nav{gap:18px;font-size:13px}.nav-cta{padding:12px;font-size:13px}.nav-cta span{margin-left:8px}.brand-name strong{font-size:23px}.brand-name small{font-size:9px}.hero{padding-inline:4%}.hero-layout{min-height:480px;gap:8px;grid-template-columns:.9fr 1.15fr}.hero-title h1{font-size:7.5vw}.hero-title>p{font-size:16px}.sculpture{min-height:480px}.sculpture .label-b{left:0}.sculpture .scene-controls{left:0;right:0;gap:8px}.sculpture .scene-controls span{max-width:90px;font-size:10px}.hero-top>p:last-child{font-size:10px}.project{gap:5%;grid-template-columns:.9fr 1.25fr}}
@media(max-width:750px){header{height:78px;padding-inline:5%;gap:14px}.brand-name strong{font-size:23px}.brand-name small{font-size:9px;letter-spacing:.14em}.nav-cta{padding:12px 14px;font-size:12px}.hero-top{font-size:10px;padding:7px 0}.hero-layout{display:block;min-height:0}.hero-title{padding:18px 0 6px}.hero-title h1{font-size:clamp(64px,17.5vw,104px);line-height:.94;max-width:100%;letter-spacing:-.058em}.hero-title>p{font-size:16px;line-height:1.6;margin:21px 0;max-width:30ch}.hero-title .button{font-size:14px;min-height:49px;padding:15px 22px}.sculpture{height:370px;min-height:0;margin:8px -3% 0}.sculpture .label-a{top:0;font-size:10px;right:3%}.sculpture .label-b{font-size:10px;bottom:20%;left:3%}.sculpture .scene-controls{left:4%;right:4%;bottom:4px;gap:9px}.sculpture .scene-controls span{max-width:96px;font-size:10px}.hero-bottom{padding-block:16px;font-size:10px}.hero-bottom p{font-size:12px}.section{padding-block:65px}.project{display:flex;flex-direction:column;gap:32px;padding:40px 0 56px;align-items:stretch}.project-info .project-desc{max-width:100%;font-size:18px}.project-brief{grid-template-columns:1fr 1fr;gap:15px}.project-brief dd{font-size:14px}.project-brief dt{font-size:11px}.project-stage{width:100%}.project-index{margin-bottom:15px}.project-info h3{font-size:32px}}
@media(max-width:370px){.brand-name strong{font-size:21px}.brand-name small{font-size:8px}.nav-cta{padding:11px;font-size:11px}.hero-title h1{font-size:17.5vw}.sculpture{height:340px}.project-brief{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.card-glyph{transform:none}.project-stage,.feature-stack article{transition:none!important}}

/* Solid spatial surfaces: text stays intact, depth belongs to the panels. */
.hero{overflow:hidden}.hero-stage{position:relative}
.hero-title h1 .hero-word{display:block;color:#f1f5f8;text-shadow:0 1px 0 #bed1dd45,0 3px 0 #43566550,0 10px 22px #0003}
.hero-title h1 .hero-word.accent{color:#b7dbca;text-shadow:0 1px 0 #d2efdf45,0 3px 0 #446b5955,0 10px 22px #0003}
.projects>.project-heading{font-size:clamp(36px,6.5vw,98px);line-height:1.08;letter-spacing:-.045em;margin:52px 0 60px;text-shadow:0 2px 0 #6a889344,0 12px 26px #0003}
.projects>.project-heading>span{display:inline-block;padding-left:0;font:inherit;color:#b7dbca;letter-spacing:inherit}
.service-card{box-shadow:inset 0 1px 0 #ecf8ff60,inset -1px 0 0 #92b4c12b,3px 4px 0 #6b8797,7px 9px 0 #344d5e,11px 14px 0 #142936,20px 32px 35px #142d4640}
.project-stage{box-shadow:inset 0 1px 0 #effaff66,3px 4px 0 #7391a3,7px 9px 0 #3d596b,11px 14px 0 #1b3343,15px 19px 0 #081722,28px 40px 48px #0005}
.project-stage::after{background:linear-gradient(120deg,transparent 23%,#c6e9ff0a 43%,#f6fcff22 49%,transparent 61%);background-size:220% 100%}
.feature-stack article,.feature-stack article:nth-child(even){box-shadow:inset 0 1px 0 #f3ffff38,3px 4px 0 #587788,7px 9px 0 #172f3e,15px 24px 28px #0003}
.invitation-image{box-shadow:inset 0 1px 0 #fff,3px 4px 0 #748f9c,7px 9px 0 #354e5b,11px 14px 0 #0c202b,19px 26px 34px #0004}
.card-0{--base-ry:8deg;--base-rz:-3deg}.card-2{--base-ry:-8deg;--base-rz:3deg}
.project-stage{--base-ry:-9deg}.project-1 .project-stage{--base-ry:9deg}.project-2 .project-stage{--base-ry:-7deg}
@media(max-width:750px){.projects>.project-heading{font-size:clamp(34px,7.8vw,50px);line-height:1.12;margin:35px 0 40px}.service-card{box-shadow:inset 0 1px 0 #ecf8ff40,3px 4px 0 #607c8c,6px 8px 0 #233d4d,12px 18px 24px #142d4640}.project-stage,.invitation-image{box-shadow:3px 4px 0 #678696,6px 8px 0 #203949,13px 19px 26px #0004}.feature-stack article,.feature-stack article:nth-child(even){box-shadow:inset 0 1px 0 #f3ffff30,3px 4px 0 #587788,6px 8px 0 #172f3e,12px 17px 22px #0003}.card-0{--base-ry:4deg}.card-2{--base-ry:-4deg}.project-stage{--base-ry:-4deg}.project-1 .project-stage{--base-ry:4deg}.project-2 .project-stage{--base-ry:-3deg}}