/* Quiet beginnings, dimensional scenes, and a readable project reveal. */
/* A continuous signal and industry-specific worlds, driven by scroll. */
:root[data-signal-project="tiling"]{--story-light:#00f0ff;--story-tint:#00f0ff16}
:root[data-signal-project="renovation"]{--story-light:#c6ff00;--story-tint:#c6ff0016}
.signal-space{background:radial-gradient(ellipse at 75% 50%,var(--story-tint,#c6ff0016),transparent 65%),#08080d}
.orb-core{background:var(--story-light,#c6ff00)}
.signal-orb{transition:none}
html[data-signal-scene="1"] .signal-orb,html[data-signal-scene="2"] .signal-orb{width:3px;height:24px}
html[data-signal-scene="1"] .orb-core,html[data-signal-scene="2"] .orb-core{border-radius:2px}
html[data-signal-scene="1"] .orb-ring,html[data-signal-scene="2"] .orb-ring{opacity:0}
.live-query i,.search-field i{background:var(--story-light);box-shadow:0 0 15px var(--story-light)}
.search-result{transform-origin:center;transform:scale(calc(1 + var(--handoff,0)*.07));border-color:var(--story-light)}
.visual-search .signal-window{transform:translateZ(calc(25px + var(--handoff,0)*80px)) rotateY(calc(-7deg + var(--handoff,0)*7deg))}
.visual-click .click-card{border-color:var(--story-light)}
.click-link{border-color:var(--story-light);color:#f1f8ee}
.site-button{background:#18220d;color:#e8ffb5;box-shadow:0 0 calc(var(--handoff,0)*28px) var(--story-light)}
.site-art{background-size:cover;background-position:top center;border-radius:12px;height:250px;border:1px solid #18182020}
.site-art i,.site-art b,.site-art span{display:none}
html[data-signal-project="tiling"] .site-content{background:#edf8fa}
html[data-signal-project="tiling"] .site-art{border-radius:0;background-size:auto 100%;background-position:center top}
html[data-signal-project="tiling"] .signal-grid{background-image:linear-gradient(#00f0ff35 1px,transparent 1px),linear-gradient(90deg,#00f0ff35 1px,transparent 1px);background-size:45px 45px}
html[data-signal-project="renovation"] .signal-grid{background-image:linear-gradient(#c6ff0025 1px,transparent 1px),linear-gradient(90deg,#c6ff0025 1px,transparent 1px);background-size:110px 65px}
html[data-signal-project="renovation"] .site-art:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff60;pointer-events:none}
html[data-signal-project="tiling"] .site-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:35px 35px;pointer-events:none}
.visual-enquiry .enquiry-card{border-color:var(--story-light);transform:translateZ(55px) rotateY(calc(-7deg + var(--handoff,0)*7deg))}
.enquiry-line{font-size:10px;line-height:1.5}
.enquiry-check{color:var(--story-light);border-color:var(--story-light);background:var(--story-tint)}
.signal-end h2{max-width:1000px;margin-inline:auto}
@media(max-width:800px){.site-art{display:block!important;height:95px;margin-top:12px;background-size:cover!important;background-position:top center!important}.site-layout{gap:0!important}.site-layout>div:first-child p{display:none}.visual-site .site-window{transform:none}.enquiry-line{font-size:8px}.visual-enquiry .enquiry-card{transform:none}.site-content{padding:12px}.site-layout h3{font-size:23px!important;margin:8px 0!important}.site-button{margin-top:8px!important;padding:8px!important}.signal-ready .visual-search .signal-window{transform:none}}
@media(prefers-reduced-motion:reduce){.search-result,.visual-search .signal-window,.visual-enquiry .enquiry-card{transform:none!important}}
.signal-choice{border:0;padding:0;margin:24px 0 0;display:flex;gap:9px;flex-wrap:wrap;pointer-events:auto}
.signal-choice legend{font-size:12px;color:#c7c1d6;margin-bottom:10px}
.signal-choice button,.signal-motion{font:500 12px Jost,system-ui;color:#e8e4f0;background:#191821;border:1px solid #ffffff30;border-radius:99px;padding:10px 17px;cursor:pointer}
.signal-choice button[aria-pressed=true]{background:#c6ff00;color:#101207;border-color:#c6ff00}
.signal-choice legend{font-size:16px;font-weight:600;color:#f3eff9;margin-bottom:7px}
.signal-choice .choice-explainer{flex-basis:100%;font-size:12px;line-height:1.5;color:#bcb5cd;margin-bottom:5px}
.signal-choice button{position:relative;flex:1 1 170px;min-height:100px;padding:17px 36px 17px 17px;border-radius:16px;text-align:left;transition:border-color .3s,background-color .3s}
.signal-choice button strong{display:block;font-size:16px;line-height:1.3}
.signal-choice button small{display:block;font-size:12px;line-height:1.5;margin-top:7px;opacity:.85}
.choice-indicator{position:absolute;right:13px;top:17px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px;color:transparent;border-color:#777183}
.signal-choice button[aria-pressed=true] .choice-indicator{color:#101207;border-color:#101207}
.signal-choice button:hover{border-color:#c6ff00}
.journey-duration{display:block;color:#aaa3ba;font-size:12px;margin-top:18px}.chapter-intro .scroll-cue{margin-top:18px}
.signal-nav-actions{display:flex;align-items:center;gap:10px}.signal-motion{background:#111119}.signal-motion:hover{border-color:#c6ff00}
.signal-skip{top:auto;bottom:15px;left:4vw;transform:none;background:#14131ce8;color:#bcb5cb;border:1px solid #ffffff22;border-radius:99px;padding:9px 15px;font-size:11px}.signal-skip:focus{transform:none}
.mission-flash,.mission-chapter{display:none!important}
.signal-space:before,.signal-reticle{opacity:.08}.mission-reticle{opacity:calc(var(--scene-energy,0)*.18)}
.signal-grid{opacity:calc(.12 + var(--scene-energy,0)*.5)}.depth-orbit,.signal-dust{opacity:calc(.15 + var(--scene-energy,0)*.45)}
.signal-path{opacity:calc(.2 + var(--scene-energy,0)*.5)!important}
.signal-stage .visual{filter:none}.signal-chapter{height:125svh}.chapter-intro{height:110svh}
.signal-ready .chapter-copy{opacity:var(--copy-opacity,0)}
.signal-no-motion .chapter-copy{opacity:1!important}
.visual-proof{left:51%;right:4%;top:51%}.proof-gallery{max-width:670px;display:block;position:relative}
.proof-project{display:none;border-radius:18px;box-shadow:0 35px 90px #0008;border-color:#ffffff35}
.proof-project.is-selected{display:block}.proof-project>img{aspect-ratio:1440/1000;object-fit:cover;width:100%;height:auto}
.proof-browser{padding:15px 18px;font-size:10px}.proof-project-name{padding:18px}.proof-project-name strong{font-size:17px}.proof-project-name>span{font-size:8px}
.signal-ready .visual-proof{transform:translateY(calc(-50% + var(--scene-offset,0px))) perspective(1400px) rotateY(var(--proof-angle,0deg)) scale(var(--scene-scale,1))}
.project-visit{display:inline-flex;pointer-events:auto;margin-top:22px;padding:12px 18px;border:1px solid #c6ff0055;background:#c6ff000b;color:#dcff9c;border-radius:99px;font-size:13px}
.site-nav,.site-layout,.site-proof{opacity:var(--build-opacity,1);transform:translateY(calc((1 - var(--build-opacity,1))*18px))}
.site-art{clip-path:inset(calc((1 - var(--build-opacity,1))*100%) 0 0)}
.journey-disclaimer{font-size:12px!important;max-width:540px!important;color:#aaa3b7!important;margin:30px auto!important}
.signal-no-motion .mission-hud{display:none}.signal-no-motion .chapter-copy{max-width:900px}
.signal-no-motion .chapter-copy:has(.project-visit):after{content:"";display:block;margin-top:25px;height:350px;background:var(--proof-image) top center/contain no-repeat;border-radius:16px}
@media(max-width:800px){html{scroll-behavior:auto}.signal-chapter{height:115svh}.chapter-intro{height:125svh}.chapter-copy,.chapter-intro .chapter-copy{top:100px}.chapter-intro .chapter-copy h1{font-size:clamp(52px,14vw,78px)}.chapter-copy h2{font-size:clamp(28px,7.6vw,42px)}.chapter-copy p{font-size:15px;line-height:1.55;margin-top:16px}.chapter-note{display:none}.visual,.visual-intent,.visual-proof{left:8%;right:8%;top:76%;max-width:390px}.visual-origin{display:none}.signal-orb{top:79%}.signal-choice{margin-top:18px}.signal-choice button{font-size:12px;padding:10px 16px}.journey-duration{font-size:11px}.signal-nav{padding:16px 14px}.signal-brand small{display:none}.signal-motion{font-size:10px;padding:9px}.signal-exit{font-size:10px;padding:9px}.signal-exit span{display:none}.signal-nav-actions{gap:6px}.signal-brand{letter-spacing:.04em}.signal-grid,.depth-orbit,.signal-dust,.mission-reticle,.floating-tag,.target-ring,.portal-ring,.enquiry-echo,.laptop-base,.depth-label{display:none}.typing-screen{min-height:0;padding:17px}.typing-screen>strong{font-size:22px}.proof-gallery{max-width:340px}.proof-project>img{aspect-ratio:1440/820}.proof-browser{padding:9px 12px;font-size:8px}.proof-project-name{padding:11px 12px}.proof-project-name strong{font-size:12px}.proof-project-name>span{display:none}.signal-ready .visual,.signal-ready .visual-proof{transform:translateY(calc(-50% + var(--scene-offset,0px))) scale(var(--scene-scale,1))!important}.project-visit{font-size:12px;margin-top:15px}.site-proof,.site-art{display:none}.site-layout{grid-template-columns:1fr;padding:18px 0}.site-layout h3{font-size:27px}.site-layout p{font-size:11px}.site-button{font-size:9px}.signal-skip{bottom:10px;left:14px;font-size:9px;padding:8px 11px}.mission-hud{right:14px;left:auto;bottom:18px}.mission-hud #mission-objective{display:none}.mission-meter{width:55px}.signal-no-motion .chapter-copy:has(.project-visit):after{height:240px}}
@media(max-width:800px) and (max-height:690px){.chapter-copy,.chapter-intro .chapter-copy{top:83px}.chapter-copy h2{font-size:27px}.chapter-copy p{font-size:13px}.chapter-intro .chapter-copy h1{font-size:48px}.visual{top:79%}.visual-intent .typing-screen>strong{display:none}.visual-proof{left:17%;right:17%}.journey-duration{margin-top:10px}.scroll-cue i{width:30px;height:30px}.signal-choice{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.signal-chapter,.chapter-intro{height:auto;min-height:65svh}.chapter-copy,.chapter-intro .chapter-copy{position:static;opacity:1!important}.signal-stage{display:none}}