.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#spam-check{margin:16px 0}.form-result a{text-decoration:underline}.form-error{color:#9d3d2b}.privacy-note{font-size:14px;line-height:1.7;margin:20px 0}.privacy-note a{text-decoration:underline}
/* Building views are a regular, non-interactive card grid. */
.views{padding:88px 0 96px;background:var(--paper)}.render-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.render-card{margin:0;overflow:hidden;border:1px solid #d0d7c7;border-radius:8px;background:#e7ebe3}.render-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
/* Image-led introduction, with a lighter type treatment. */
body .hero{position:relative;display:block;min-height:calc(100svh - 88px);overflow:hidden;background:#202725;color:var(--paper);border:0;isolation:isolate}body .hero .cinema-frame{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;aspect-ratio:auto;z-index:0;background:#202725}body .hero .section-render{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 55%}body .hero .render-wash{display:block;position:absolute;inset:0;background:linear-gradient(0deg,#101b15ed 0%,#101b15bd 22%,#101b1540 60%,#101b1500 100%)}body .hero .render-wash::after{display:none}body .hero-content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 88px);padding-block:100px 64px}body .hero-intro{max-width:820px;width:100%;animation:none}body .hero h1{font-family:Fira,Arial,sans-serif;font-size:clamp(52px,5.4vw,78px);line-height:1.07;letter-spacing:-.035em;font-weight:400;text-wrap:balance}body .hero h1 span{color:var(--paper)}body .hero-copy{font-size:17px;line-height:1.7;color:#e2eadc;margin:24px 0 28px;max-width:48ch}body .hero .btn{min-height:52px}
.site-footer{padding:44px 0 24px;background:var(--ink);color:var(--paper)}.footer-project{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px}.footer-project>p:first-child{font-size:19px;line-height:1.25;letter-spacing:-.015em}.footer-project small{display:block;margin-top:7px;font-size:13px;color:#c8d2c0}.visualisation-note{font-size:13px;color:#c8d2c0;line-height:1.6}.footer-credits{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid #56624e}.footer-credits p{font-size:14px}.footer-credits a{display:inline-flex;align-items:center;gap:7px;min-height:44px;text-underline-offset:4px}.footer-credits a:hover{text-decoration:underline}.footer-credits .creator-credit{font-size:12px;color:#c8d2c0}.creator-credit a{color:#e5ecdf}.github-icon{width:15px;height:15px;flex-shrink:0}
@media(max-width:820px){body .hero,body .hero-content{min-height:calc(100svh - 76px)}body .hero h1{font-size:62px}.footer-project{align-items:start;flex-direction:column;gap:20px}.footer-credits{gap:20px}}
@media(max-width:640px){.views{padding:56px 0}.render-grid{grid-template-columns:minmax(0,1fr);gap:16px}.render-card{border-radius:6px}body .hero,body .hero-content{min-height:calc(100svh - 76px)}body .hero .cinema-frame{position:absolute;inset:0;width:100%;height:100%;margin:0;min-height:0;max-height:none;flex:none;transform:none;aspect-ratio:auto}body .hero .section-render{height:100%;max-height:none;object-fit:cover;object-position:52% center}body .hero-content{display:flex;padding-block:64px 40px}body .hero-intro{padding:0;max-width:none}body .hero h1{font-size:clamp(35px,9.4vw,54px);line-height:1.08;max-width:none;letter-spacing:-.03em}body .hero-copy{font-size:16px;margin:22px 0 26px;max-width:34ch}body .hero-intro>.btn{width:100%;font-size:15px}.site-footer{padding:32px 0 20px}.footer-project{padding-bottom:24px}.footer-project>p:first-child{font-size:18px}.visualisation-note{font-size:12px}.footer-credits{flex-direction:column;align-items:start;gap:8px;padding-top:18px}.footer-credits p{font-size:13px}.footer-credits .creator-credit{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .hero h1,body .hero-copy,body .hero .btn{animation:none!important;transition:none!important}}

/* Render notes stay readable independently of the gently softened image. */
.hero-disclaimer{position:absolute;z-index:2;right:var(--gutter);bottom:20px;max-width:calc(100% - 48px);margin:0;color:#eef1e9;font-size:11px;line-height:1.6;text-align:right;text-shadow:0 1px 4px #101b1580;pointer-events:none}
.render-reveal{position:relative;isolation:isolate;overflow:hidden}.render-reveal img{transform:scale(1);filter:blur(0);transition:transform .45s cubic-bezier(.2,.65,.3,1),filter .35s ease}.render-reveal:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.render-disclaimer{position:absolute;inset:auto 0 0;z-index:2;margin:0;padding:36px 18px 14px;background:linear-gradient(transparent,#101b15e6);color:#fff;font-size:12px;line-height:1.6;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .35s ease;pointer-events:none}.render-reveal:focus-visible img{transform:scale(1.025);filter:blur(1px)}.render-reveal:focus-visible .render-disclaimer{opacity:1;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.render-reveal:hover img{transform:scale(1.025);filter:blur(1px)}.render-reveal:hover .render-disclaimer{opacity:1;transform:translateY(0)}}
@media(hover:none),(pointer:coarse){.render-disclaimer{opacity:1;transform:none}}
@media(max-width:640px){body .hero-content{padding-bottom:64px}.hero-disclaimer{right:24px;bottom:16px}.render-disclaimer{padding:30px 14px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.render-reveal img,.render-disclaimer{transition:none}.render-reveal:is(:hover,:focus-visible) img{transform:none;filter:none}.render-disclaimer{transform:none}}

.brand-house{display:block;width:44px;height:44px;flex-shrink:0;color:var(--orange)}@media(max-width:640px){.brand-house{width:32px;height:32px}}

/* The background moves independently; the hero copy and note remain sharp. */
body .hero[data-scroll-motion] .cinema-frame{transform:translate3d(0,var(--hero-shift,0px),0) scale(1.08);filter:blur(var(--hero-blur,0px));will-change:transform,filter}
@media(prefers-reduced-motion:reduce){body .hero[data-scroll-motion] .cinema-frame{transform:none;filter:none;will-change:auto}}