.project-detail{--detail-bg:#222831;--detail-panel:#171c22;--detail-panel-raised:#31363f;--detail-accent:#76abae;--detail-accent-strong:#8fc8cb;--detail-positive:#55d6a1;--detail-warning:#e7c873;--detail-blue:#79bdf2;--detail-text:#eee;--detail-muted:#b0b0b0;--detail-line:color-mix(in srgb, var(--detail-accent) 24%, transparent);min-width:0;color:var(--detail-text);background:var(--detail-bg);overflow-x:clip}.project-detail.project-page{--pos-green:var(--detail-positive);--pos-blue:var(--detail-blue);--pos-gold:var(--detail-warning)}.project-detail.aetheos-page{--aetheos-ink:var(--detail-bg);--aetheos-panel:var(--detail-panel);--aetheos-panel-raised:var(--detail-panel-raised);--aetheos-line:var(--detail-line);--aetheos-purple:var(--detail-accent-strong);--aetheos-mint:var(--detail-accent);--aetheos-green:var(--detail-positive);--aetheos-text:var(--detail-text);--aetheos-muted:var(--detail-muted)}.project-detail .skip-link{color:var(--detail-bg);background:var(--detail-accent);border-radius:.6rem}.project-detail .project-detail-header{--header-surface:var(--aetheos-panel,var(--detail-panel));z-index:30;isolation:isolate;border-bottom:1px solid color-mix(in srgb, var(--detail-accent) 16%, transparent);background:var(--header-surface);width:100%;box-shadow:0 .75rem 2rem color-mix(in srgb, var(--detail-bg) 16%, transparent);position:fixed;top:0;left:0}.project-detail .project-detail-header-inner{width:min(100%,1240px);min-height:4.25rem;padding:max(.75rem, env(safe-area-inset-top)) 2rem .75rem;justify-content:space-between;align-items:center;gap:2rem;margin:0 auto;display:flex}.project-detail .brand{color:var(--detail-text);letter-spacing:.02em;white-space:nowrap;font-size:.9rem;font-weight:600;line-height:1.2}.project-detail .brand span{color:var(--detail-accent)}.project-detail .back-link,.project-detail .project-footer a{color:var(--detail-muted);transition:color .18s}.project-detail .project-detail-header .back-link{min-height:2.75rem;color:var(--detail-muted);text-align:end;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex}.project-detail .back-link:hover,.project-detail .project-footer a:hover,.project-detail .back-link:focus-visible,.project-detail .project-footer a:focus-visible{color:var(--detail-accent-strong)}.project-detail .project-hero,.project-detail .hero{background:var(--detail-bg);min-height:clamp(640px,98svh,740px);padding:8rem 2rem 5rem}.project-detail .hero-scrim{background:linear-gradient(90deg, color-mix(in srgb, var(--detail-bg) 98%, transparent) 0%, color-mix(in srgb, var(--detail-bg) 76%, transparent) 46%, color-mix(in srgb, var(--detail-bg) 20%, transparent) 100%), linear-gradient(0deg, var(--detail-bg) 0%, transparent 46%)}.project-detail .hero-side-scrim{background:linear-gradient(90deg, var(--detail-bg), color-mix(in srgb, var(--detail-bg) 70%, transparent), transparent)}.project-detail .hero-content{width:min(100%,780px)}.project-detail.project-page .project-hero .hero-content,.project-detail.aetheos-page .hero .hero-content{width:min(100%,780px);margin:0 auto 0 max(0px,50% - 640px);padding:0}.project-detail .hero-kicker,.project-detail .eyebrow,.project-detail .section-kicker{color:var(--detail-accent);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700}.project-detail .hero-kicker,.project-detail .eyebrow{border:1px solid color-mix(in srgb, var(--detail-accent) 42%, transparent);background:color-mix(in srgb, var(--detail-accent) 8%, transparent);border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.45rem .8rem;display:inline-flex}.project-detail .eyebrow{border-color:color-mix(in srgb, var(--detail-accent) 44%, transparent);color:var(--detail-accent);background:color-mix(in srgb, var(--detail-accent) 9%, transparent)}.project-detail .hero-content h1,.project-detail .project-hero h1,.project-detail .hero h1{max-width:780px;color:var(--detail-text);letter-spacing:-.045em;text-wrap:balance;margin:1rem 0 1.25rem;font-size:clamp(2.7rem,6vw,4.75rem);line-height:1.05}.project-detail.project-page .hero-content h1 span{color:var(--detail-accent)}.project-detail.aetheos-page .hero h1 span{color:#0000;background:linear-gradient(100deg, var(--detail-accent-strong) 0%, var(--detail-accent) 100%);background-clip:text}.project-detail.aetheos-page .hero-picture img{opacity:.38}.project-detail .hero-summary{color:#d5d8db;max-width:65ch;font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.7}.project-detail .hero-actions{gap:.8rem 1rem}.project-detail .primary-link,.project-detail .secondary-link{border-radius:.6rem;min-height:2.85rem;transition:transform .18s,color .18s,background-color .18s,border-color .18s,box-shadow .18s}.project-detail .primary-link{color:var(--detail-bg);background:var(--detail-accent);box-shadow:0 .8rem 2rem color-mix(in srgb, var(--detail-accent) 18%, transparent)}.project-detail .primary-link:hover,.project-detail .primary-link:focus-visible{color:var(--detail-bg);background:var(--detail-accent-strong);box-shadow:0 1rem 2.2rem color-mix(in srgb, var(--detail-accent) 25%, transparent);transform:translateY(-2px)}.project-detail .secondary-link{border-color:color-mix(in srgb, var(--detail-accent) 35%, transparent);color:var(--detail-text);background:color-mix(in srgb, var(--detail-accent) 6%, transparent)}.project-detail .secondary-link:hover,.project-detail .secondary-link:focus-visible{border-color:var(--detail-accent);color:var(--detail-text);background:color-mix(in srgb, var(--detail-accent) 13%, transparent);transform:translateY(-2px)}.project-detail .summary-strip{border-color:color-mix(in srgb, var(--detail-accent) 22%, transparent);background:var(--detail-panel)}.project-detail .summary-grid{width:min(100%,1240px);padding:0 2rem}.project-detail .summary-grid div{border-color:color-mix(in srgb, var(--detail-accent) 18%, transparent);min-height:7rem;padding:1.45rem 1.5rem}.project-detail .summary-grid dt{color:var(--detail-accent);letter-spacing:.1em;font-size:.72rem;font-weight:600}.project-detail .summary-grid dd{color:var(--detail-text);font-size:.98rem}.project-detail .content-section,.project-detail .section{background:var(--detail-bg);padding:clamp(5rem,8vw,7rem) 2rem;scroll-margin-top:4.5rem}.project-detail .interface-section,.project-detail .architecture-section,.project-detail .engineering-section,.project-detail .mobile-section,.project-detail .trust-section{background:var(--detail-panel)}.project-detail .section-inner{width:min(100%,1240px)}.project-detail .intro-grid{gap:clamp(2rem,6vw,5rem)}.project-detail .section-heading h2,.project-detail .wide-heading h2,.project-detail .closing-inner h2{color:var(--detail-text);letter-spacing:-.035em;text-wrap:balance;margin-top:.85rem;font-size:clamp(2rem,4vw,2.9rem);line-height:1.12}.project-detail .section-copy p,.project-detail .wide-heading>p,.project-detail .closing-inner>p,.project-detail .decision-grid p,.project-detail .connection-mode p,.project-detail .project-figure figcaption,.project-detail .shot-figure figcaption{color:var(--detail-muted);line-height:1.7}.project-detail .section-copy .lead{color:#d5d8db;font-size:1.08rem}.project-detail .pillar-card,.project-detail .architecture-card,.project-detail .trust-card{border-color:var(--detail-line);background:color-mix(in srgb, var(--detail-panel-raised) 76%, transparent);border-radius:.85rem;padding:1.6rem}.project-detail .pillar-card>svg,.project-detail .mode-icon,.project-detail .card-icon{color:var(--detail-accent)}.project-detail .card-icon,.project-detail .mode-icon{border-color:color-mix(in srgb, var(--detail-accent) 42%, transparent);background:color-mix(in srgb, var(--detail-accent) 8%, transparent);border-radius:.6rem}.project-detail .project-figure,.project-detail .shot-figure{border:1px solid var(--detail-line);background:var(--detail-panel);border-radius:.85rem;overflow:hidden;box-shadow:0 1.4rem 3.5rem #0003}.project-detail .experience-map{width:100%!important;max-width:30rem!important}.project-detail .project-figure figcaption,.project-detail .shot-figure figcaption{border-top:1px solid var(--detail-line);background:color-mix(in srgb, var(--detail-panel-raised) 34%, transparent);margin:0;padding:1rem 1.25rem 1.15rem}.project-detail .shot-link img,.project-detail .project-figure img{outline-offset:-1px;outline:1px solid oklch(100% 0 0/.1)}.project-detail .shot-link img{transition:transform .32s cubic-bezier(.22,1,.36,1)}.project-detail .shot-link:hover img{transform:scale(1.012)}.project-detail .shot-action{border-color:color-mix(in srgb, var(--detail-accent) 58%, transparent);color:var(--detail-text);background:color-mix(in srgb, var(--detail-bg) 84%, transparent);border-radius:999px;transition:opacity .18s,transform .18s,border-color .18s}.project-detail .shot-link:hover .shot-action,.project-detail .shot-link:focus-visible .shot-action{border-color:var(--detail-accent)}.project-detail .dual-gallery,.project-detail .architecture-grid,.project-detail .pillar-grid,.project-detail .trust-grid{gap:1.25rem}.project-detail .technology-block li{border-color:var(--detail-line);background:color-mix(in srgb, var(--detail-panel-raised) 70%, transparent);border-radius:.6rem}.project-detail .login-note{border-color:color-mix(in srgb, var(--detail-positive) 28%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--detail-positive) 7%, transparent), color-mix(in srgb, var(--detail-accent) 7%, transparent));border-radius:.85rem}.project-detail .closing-section{border-top-color:color-mix(in srgb, var(--detail-accent) 30%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--detail-accent) 14%, transparent), transparent 42%), var(--detail-panel);padding:clamp(6rem,9vw,8rem) 2rem}.project-detail .closing-inner>svg{color:var(--detail-accent)}.project-detail .project-footer{width:min(100%,1240px);color:var(--detail-muted);padding:1.5rem 2rem}.project-detail.project-page .project-detail-header-inner,.project-detail.aetheos-page .project-detail-header-inner,.project-detail.project-page .summary-grid,.project-detail.aetheos-page .summary-grid,.project-detail.project-page .section-inner,.project-detail.aetheos-page .section-inner,.project-detail.project-page .project-footer,.project-detail.aetheos-page .project-footer{width:min(100%,1240px);max-width:1240px}.project-detail.project-page .project-hero h1,.project-detail.aetheos-page .hero h1{letter-spacing:-.045em;text-wrap:balance;max-width:780px;margin:1rem 0 1.25rem;font-size:clamp(2.7rem,6vw,4.75rem);line-height:1.05}.project-detail.project-page .section-heading h2,.project-detail.project-page .wide-heading h2,.project-detail.project-page .closing-inner h2,.project-detail.aetheos-page .section-heading h2,.project-detail.aetheos-page .wide-heading h2,.project-detail.aetheos-page .closing-inner h2{letter-spacing:-.035em;text-wrap:balance;margin-top:.85rem;font-size:clamp(2rem,4vw,2.9rem);line-height:1.12}.project-detail a:focus-visible,.project-detail button:focus-visible{outline:2px solid var(--detail-accent-strong);outline-offset:4px}@media (width<=900px){.project-detail .project-hero,.project-detail .hero{min-height:clamp(620px,84svh,720px);padding:7.25rem clamp(1.25rem,4vw,2rem) 4rem}.project-detail.aetheos-page .hero-picture img{opacity:.32}.project-detail.project-page .project-hero .hero-content,.project-detail.aetheos-page .hero .hero-content{margin:0 auto;padding:0}.project-detail .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail .intro-grid{grid-template-columns:1fr;gap:1.5rem}.project-detail .architecture-grid,.project-detail .pillar-grid,.project-detail .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail .dual-gallery{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.project-detail .project-detail-header-inner,.project-detail .project-hero,.project-detail .hero,.project-detail .content-section,.project-detail .section,.project-detail .closing-section,.project-detail .project-footer{padding-left:1rem;padding-right:1rem}.project-detail .project-detail-header-inner{gap:.75rem;min-height:4rem}.project-detail .brand{font-size:.84rem}.project-detail .project-detail-header .back-link{text-wrap:pretty;gap:.35rem;max-width:68%;font-size:.82rem;line-height:1.3}.project-detail .project-detail-header .back-link svg{flex:none}.project-detail .hero,.project-detail .project-hero{align-items:flex-start;min-height:clamp(600px,86svh,680px);padding-top:6.75rem;padding-bottom:3.5rem}.project-detail .hero-kicker,.project-detail .eyebrow{letter-spacing:.08em;flex-wrap:wrap;max-width:100%;font-size:.7rem;line-height:1.4}.project-detail .hero-content h1,.project-detail .project-hero h1,.project-detail .hero h1{font-size:clamp(2.35rem,12vw,4.2rem)}.project-detail.project-page .project-hero h1,.project-detail.aetheos-page .hero h1{margin-top:1rem;margin-bottom:1.25rem;font-size:clamp(2.35rem,12vw,4.2rem)}.project-detail .hero-summary{font-size:.96rem;line-height:1.6}.project-detail .hero-actions{flex-direction:column;align-items:flex-start;gap:.85rem}.project-detail .summary-grid{padding-left:1rem;padding-right:1rem}.project-detail .summary-grid div{min-height:6.6rem;padding:1.25rem .8rem}.project-detail .summary-grid dd{font-size:.88rem}.project-detail .content-section,.project-detail .section{padding-top:5.5rem;padding-bottom:5.5rem}.project-detail .section-heading h2,.project-detail .wide-heading h2,.project-detail .closing-inner h2{font-size:clamp(1.85rem,8vw,2.25rem);line-height:1.12}.project-detail.project-page .section-heading h2,.project-detail.project-page .wide-heading h2,.project-detail.project-page .closing-inner h2,.project-detail.aetheos-page .section-heading h2,.project-detail.aetheos-page .wide-heading h2,.project-detail.aetheos-page .closing-inner h2{font-size:clamp(1.85rem,8vw,2.25rem)}.project-detail .pillar-grid,.project-detail .architecture-grid,.project-detail .trust-grid,.project-detail .dual-gallery,.project-detail .login-note{grid-template-columns:1fr}.project-detail .mobile-gallery{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(min(72vw,15rem),1fr);grid-auto-flow:column;gap:.75rem;margin-inline:-.25rem;padding-inline:.25rem .75rem;scroll-padding-inline:.25rem;overflow-x:auto}.project-detail .mobile-shot-column{scroll-snap-align:start;width:auto;max-width:none;margin:0}.project-detail .shot-action{opacity:1;transform:none}.project-detail .project-figure figcaption,.project-detail .shot-figure figcaption{padding:.9rem 1rem 1rem}.project-detail .project-footer{text-align:center;flex-direction:column;align-items:center}}@media (hover:none){.project-detail .shot-link:hover img,.project-detail .mobile-shot-column a:hover{transform:none}}@media (prefers-reduced-motion:reduce){.project-detail .back-link,.project-detail .project-footer a,.project-detail .primary-link,.project-detail .secondary-link,.project-detail .shot-link img,.project-detail .shot-action,.project-detail .mobile-shot-column a{transition:none}.project-detail .shot-link:hover img,.project-detail .primary-link:hover,.project-detail .secondary-link:hover,.project-detail .mobile-shot-column a:hover{transform:none}}
