/* Architectural depth: photographs, technical planes and tactile paper layers. */
:root{--warm-white:#f7f5ef;--line:#172b4026}body{background:var(--background)}header{padding:24px 5%;border-bottom:1px solid var(--line)}.preview{font-size:9px;letter-spacing:1.6px;padding:5px}.logo{font-size:31px}.logo img{width:48px;height:48px}.logo small{font-size:6.5px}.cinematic-hero{min-height:740px;padding:84px 6% 106px;isolation:isolate}.hero-photo{background-image:url('assets/architecture.webp');background-position:center;opacity:.42}.hero:after{background:linear-gradient(90deg,#102335 0%,#102335e8 40%,#10233538 100%);z-index:-1}.hero-photo{z-index:-2}.hero-gridlines{position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(#fff3 1px,transparent 1px),linear-gradient(90deg,#fff3 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{width:53%;max-width:710px}.hero h1{font-size:clamp(48px,5.8vw,92px);max-width:11ch;line-height:1.03;margin:30px 0;letter-spacing:-2.8px}.hero p{max-width:410px;font-size:16px;line-height:1.8}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dbc59f;margin-right:10px;box-shadow:0 0 14px #dbc59f}.hero .eyebrow{font-size:9px;letter-spacing:2.2px}.button{padding:16px 24px;border-radius:3px;display:inline-flex;gap:30px;align-items:center;font-size:12px;font-weight:600;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0002}.text-link{font-size:12px;display:inline-flex;gap:20px}.hero-object{position:absolute;right:6%;top:100px;width:36%;height:470px;perspective:1100px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .35s ease-out}.architecture-card{position:absolute;inset:20px 6% 30px 3%;overflow:hidden;transform:rotateY(-13deg) rotateZ(3deg) translateZ(15px);border:1px solid #e4d7b080;box-shadow:30px 45px 65px #0006;animation:architecture-entry 1.3s ease-out both}.architecture-card img{width:100%;height:100%;object-fit:cover;object-position:80% 50%}.architecture-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#132334a0,transparent 55%)}.image-coordinate{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:8px;letter-spacing:2px}.glass-plane{position:absolute;border:1px solid #d5bd9670;pointer-events:none}.plane-back{inset:-7px 16% 55px -5%;transform:rotateY(-13deg) rotateZ(3deg) translateZ(-40px);background:#e2c79908}.plane-front{inset:52px -7% -4px 40%;transform:translateZ(65px);background:linear-gradient(130deg,#e6d5b50a,#14293930);backdrop-filter:blur(3px);box-shadow:16px 20px 40px #0002}.plane-front svg{width:100%;height:100%;fill:none;stroke:#ead5ac;stroke-width:.65;opacity:.6}.scan-line{animation:scan 6s ease-in-out infinite;transform-origin:center}.floating-note{position:absolute;bottom:2px;left:-50px;right:16%;display:flex;align-items:center;gap:16px;padding:20px;background:#f5f2eaeF;color:#172b40;box-shadow:0 20px 50px #0003;transform:translateZ(95px);font:18px var(--heading);animation:note-entry 1.5s ease-out both}.floating-note small{display:block;font:9px var(--body);margin-top:8px;letter-spacing:.2px}.note-cross{font:32px var(--body);color:#9c8256}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:20px;font-size:8px;letter-spacing:1.3px}.motion-toggle{background:none;color:#e6dfd2;border:1px solid #ffffff50;padding:8px 12px;font-size:10px;white-space:nowrap;cursor:pointer;border-radius:3px}.motion-toggle:disabled{opacity:.7;cursor:default}.section{padding:90px 6%}.section-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-bottom:42px;gap:25px;font-size:9px;letter-spacing:1.6px;color:#796b53}h2 em{font-weight:normal;color:#8b7755}h2{font-size:clamp(32px,3.3vw,51px);line-height:1.17}.intro-grid{gap:8%;grid-template-columns:1.4fr 1fr;align-items:center}.section-lead{font-size:16px;max-width:430px;line-height:1.9}.services{gap:25px;margin-top:48px}.visual-service,.visual-service:first-child{padding:0;border:1px solid var(--line);background:#ffffff70;min-height:0;overflow:visible;transition:transform .35s,box-shadow .35s;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-radius:3px}.visual-service:hover{box-shadow:0 20px 35px #172b4010}.service-art{height:230px;position:relative;overflow:hidden;background:#172b40}.service-art>img{width:100%;height:100%;object-fit:cover;transition:transform .8s;opacity:.9}.art-surveying>img{object-position:85%}.art-expert>img{object-position:30%;filter:saturate(.5)}.visual-service:hover .service-art>img{transform:scale(1.045)}.service-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#172b4040,transparent 40%,#172b4070)}.service-number{position:absolute;left:20px;top:15px;z-index:1;font:18px var(--heading);color:#fff}.icon-plinth{position:absolute;right:20px;bottom:18px;z-index:2;width:90px;height:90px;display:grid;place-items:center;border:1px solid #e8d6af88;background:#12283adc;backdrop-filter:blur(10px);color:#e7d3ad;box-shadow:8px 10px 20px #0002;transform:rotate(-4deg)}.animated-icon{width:65px;height:65px;overflow:visible}.service-body{padding:26px 25px 28px;display:flex;flex-direction:column;flex:1}.service-body h3{margin:0 0 12px;font:26px var(--heading)}.service-body p{font-size:13px;line-height:1.85;margin:0 0 22px}.service-body a{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.3px}.icon-scan{animation:scan 5s ease-in-out infinite;stroke:#fff}.icon-lift{animation:lift 5s ease-in-out infinite}.icon-check{animation:check 5s ease-in-out infinite;transform-origin:54px 56px}.insight-section{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding-top:35px;padding-bottom:110px}.insight-visual{position:relative;margin:20px 0 25px;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s;transform-style:preserve-3d}.insight-visual>img{width:100%;height:440px;object-fit:cover;position:relative;box-shadow:20px 25px 50px #172b401c}.offset-outline{position:absolute;inset:-22px 25px 25px -22px;border:1px solid #b69b6c;transform:translateZ(-25px)}.detail-tag{position:absolute;bottom:-22px;left:12%;right:-20px;background:var(--primary);color:white;padding:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;transform:translateZ(40px)}.insight-copy p{font-size:15px;line-height:1.9}.expert-grid{overflow:hidden;gap:8%;position:relative;background:radial-gradient(ellipse at 85% 40%,#31475b,transparent 60%),var(--primary)}.expert-grid h2 em{color:#dac298}.evidence-scene{height:370px;position:relative;perspective:1000px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s}.evidence-sheet{position:absolute;width:240px;height:300px;top:20px;left:calc(50% - 120px);border:1px solid #c3a777;box-shadow:20px 25px 30px #0003}.sheet-back{background:#b09a7220;transform:rotateY(-20deg) rotateZ(-12deg) translate(-50px,-5px)}.sheet-middle{background:#b09a7245;transform:rotateY(-20deg) rotateZ(-6deg) translate(-20px,8px)}.sheet-front{background:#f2eee5;color:#172b40;padding:22px 26px;transform:rotateY(-20deg) rotateZ(3deg);display:flex;flex-direction:column}.sheet-front .animated-icon{width:58px;height:58px;color:#927c56}.sheet-front>span{font:25px/1.15 var(--heading);margin:16px 0}.report-lines{height:36px;background:repeating-linear-gradient(0deg,transparent 0 8px,#172b402a 8px 9px)}.sheet-front small{font-size:7px;letter-spacing:1px;margin-top:auto}.evidence-orbit{position:absolute;width:330px;height:330px;border:1px solid #c3a77740;border-radius:50%;top:0;left:calc(50% - 165px);pointer-events:none}.principles{gap:50px}.process-marker{font:28px var(--heading);display:flex;align-items:center;gap:20px;margin-bottom:24px;color:#9b8258}.process-marker span{height:1px;background:var(--line);flex:1}.principles b{font-size:9px;letter-spacing:2px}.principles h3{font:23px var(--heading);margin-top:12px}.banner{background:#e9e4d9;position:relative}.banner h2{margin-bottom:0}.image-disclosure{font-size:10px;text-align:center;max-width:none;padding:18px 5%;margin:0;color:#6f706b}.service-page-visual{position:relative;overflow:hidden;min-height:360px;isolation:isolate}.service-page-visual>h1,.service-page-visual>p,.service-page-visual>.eyebrow{position:relative;z-index:1;max-width:65%}.service-page-art{position:absolute;inset:0 0 0 55%;z-index:-1}.service-page-art>img{width:100%;height:100%;object-fit:cover;opacity:.45}.service-page-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--primary),transparent)}.service-page-art .icon-plinth{right:50px;bottom:45px;width:110px;height:110px}.motion-paused *{animation-play-state:paused!important}.motion-paused .hero-photo{transform:none!important}.motion-paused [data-tilt]{transform:none!important}
@keyframes scan{0%,100%{transform:translateY(-8px);opacity:.5}50%{transform:translateY(8px);opacity:1}}@keyframes lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes check{0%,65%,100%{transform:scale(1)}80%{transform:scale(1.09)}}@keyframes architecture-entry{from{opacity:0;translate:30px 35px}to{opacity:1;translate:0 0}}@keyframes note-entry{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){nav{gap:14px;font-size:10px}.cinematic-hero{min-height:680px}.hero-object{right:6%;width:34%;top:110px;height:390px}.floating-note{left:-35px;right:0;font-size:15px;padding:16px}.hero h1{font-size:64px}.service-art{height:190px}.service-body{padding:22px 18px}.service-body h3{font-size:23px}.insight-visual>img{height:360px}}
@media(max-width:760px){header{padding:20px 6%}.logo{font-size:27px}nav{font-size:14px}.cinematic-hero{display:block;padding:55px 7% 92px;min-height:0}.hero-copy{width:100%;max-width:100%}.hero h1{font-size:clamp(45px,11vw,70px);letter-spacing:-1.5px;max-width:12ch}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero p{font-size:15px;max-width:440px}.hero-object{position:relative;top:auto;right:auto;width:85%;max-width:420px;height:350px;margin:45px auto 25px}.floating-note{left:-15px;right:15px;bottom:5px}.hero-bottom{left:7%;right:7%;bottom:20px;padding-top:13px}.hero-bottom>span{max-width:65%;font-size:6px;line-height:1.8}.motion-toggle{min-height:40px;font-size:9px}.hero:after{background:linear-gradient(90deg,#102335ed,#10233590)}.section{padding:60px 7%}.section-index{margin-bottom:25px;font-size:7px;gap:15px}.section-index span:last-child{text-align:right}.intro-grid,.insight-section{grid-template-columns:1fr;gap:20px}.services{gap:28px;margin-top:30px}.service-art{height:250px}.service-body{padding:25px}.service-body h3{font-size:27px}.insight-section{padding-top:25px;gap:50px}.insight-visual{margin-left:12px;margin-right:12px}.insight-visual>img{height:350px}.offset-outline{inset:-15px 20px 20px -15px}.detail-tag{right:-12px;font-size:7px}.expert-grid{gap:35px}.evidence-scene{height:345px;max-width:360px;width:100%;margin:auto}.principles{gap:30px}.process-marker{margin-bottom:15px}.banner .button{margin-top:30px}.service-page-visual>h1,.service-page-visual>p,.service-page-visual>.eyebrow{max-width:100%}.service-page-art{inset:0;opacity:.4}.service-page-art .icon-plinth{display:none}.service-page-art:after{background:#172b4080}.service-page-visual{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-object,.insight-visual,.visual-service,.evidence-scene{transform:none!important}}