/* BILDEN / Life Outside — cinematic, architecture-led homepage. */
body:has(.asp-home){background:#121a1c;color:#fff;max-width:none}
body:has(.asp-home) .site-header{position:absolute;inset:0 0 auto;z-index:40;height:auto;min-height:108px;padding:18px 5%;background:linear-gradient(#101a1de0,#101a1d00);border:0;flex-wrap:nowrap;gap:28px}
body:has(.asp-home) .site-header .brand img{width:66px;filter:brightness(0) invert(1)}
body:has(.asp-home) .site-header .desktop-nav>a,body:has(.asp-home) .site-header .nav-dropdown>summary{color:#fff;font-weight:500;font-size:.875rem}
body:has(.asp-home) .site-header .nav-dropdown>div{color:#25333c}
body:has(.asp-home) .site-header .nav-cta{background:#bd593b;border-color:#bd593b;font-size:.875rem;padding:13px 19px}
body:has(.asp-home) .skip:focus{z-index:100;color:#25333c}
.asp-home{--copper:#ee9979;--mist:#b4c0c1;--rule:#ffffff26;font-family:Arial,Helvetica,sans-serif;overflow:clip}
.asp-home .overline{font-size:.75rem;font-weight:600;letter-spacing:.18em;line-height:1.8;margin:0 0 30px;color:var(--copper)}
.asp-home h1,.asp-home h2,.asp-home h3{margin:0;font-weight:400;letter-spacing:-.065em}
.asp-home h2{font-size:clamp(3rem,6vw,6.2rem);line-height:1.04}
.asp-home h2 em,.asp-home h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.075em;color:var(--copper)}
.cinema-hero{position:relative;isolation:isolate;min-height:830px;min-height:max(800px,100svh);display:flex;align-items:center;padding:150px 7% 130px;background:#142326}
.cinema-media{position:absolute;inset:0;z-index:-3;overflow:hidden}.cinema-media img{width:100%;height:100%;object-fit:cover;object-position:60% center;animation:hero-arrive 1.5s ease-out both}
.cinema-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b181cce 0%,#0b181c70 27%,#0b181c00 62%),linear-gradient(0deg,#0b181cd9,transparent 28%)}
.cinema-copy{max-width:740px}.cinema-copy .overline{color:#f4cebf;margin-bottom:22px}.asp-home h1{font-size:clamp(6rem,12vw,12rem);line-height:.98;color:white;margin:0 0 32px;animation:copy-arrive .8s ease-out both}.asp-home h1 em{color:#fff}.cinema-description{font-size:1.125rem;line-height:1.7;color:#f1f3f3;margin:0 0 32px}
.cinema-button{display:inline-flex;align-items:center;gap:45px;justify-content:space-between;padding:19px 24px;background:#bc5335;color:#fff;font-size:.9375rem;font-weight:600;transition:background .25s,transform .25s;border:1px solid #ce6848;line-height:1.5}.cinema-button:hover{background:#9e412a;transform:translateY(-3px)}.cinema-button span{font-size:1.3rem}
.cinema-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:end;gap:25px}.cinema-bottom p{font-size:.75rem;line-height:1.6;margin:0;color:#e0e8e8}.cinema-location{font-size:.75rem;letter-spacing:.12em}.explore-down{display:inline-flex;gap:28px;align-items:center;font-size:.875rem;color:white}.explore-down span{border:1px solid #ffffff70;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}
.experience-nav{padding:27px 5%;background:#1d282b;display:flex;justify-content:center;gap:clamp(18px,3vw,50px);align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--rule)}.experience-nav a{font-size:.875rem;color:#f0f3f3;padding:0}.experience-nav span{color:#78898a}.experience-nav a:hover{color:var(--copper)}
.cinema-manifesto{padding:110px 8% 80px;display:grid;grid-template-columns:1fr 2.4fr;gap:55px;scroll-margin-top:25px}.cinema-manifesto>.overline{padding-top:15px}.manifesto-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:700px;margin-top:32px}.manifesto-bottom p{max-width:465px;font-size:1.0625rem;line-height:1.85;color:var(--mist);margin:0}.circle-link{width:78px;height:78px;border:1px solid #7b8788;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:1.8rem;transition:background .2s,color .2s}.circle-link:hover{background:var(--copper);color:#142326}
.experience-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;padding:0 4% 105px;gap:16px}.experience-card{position:relative;isolation:isolate;min-height:550px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden}.experience-card:nth-child(2){margin-top:60px}.experience-card:nth-child(3){margin-top:120px}.experience-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.experience-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b181cf5, #0b181c55 58%,#0b181c40)}.experience-card:hover img,.experience-card:focus-visible img{transform:scale(1.045)}.experience-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.12em;color:#fff}.experience-top>span:last-child{font-size:1.6rem}.experience-copy{padding-top:160px}.asp-home .experience-copy h3{font-size:clamp(1.75rem,3vw,3.2rem);line-height:1.08;color:white}.experience-copy p{font-size:1rem;line-height:1.7;color:#d8e0e1;margin:20px 0}.experience-copy small{font-size:.75rem;color:#c4cecf;line-height:1.6}
.cinema-work{padding:100px 8%;background:#f2f3ee;color:#18282a;display:grid;grid-template-columns:1fr 1.45fr;gap:40px 65px;align-items:center}.work-heading .overline{color:#924a32}.work-heading h2 em{color:#955139}.quiet-link{display:inline-flex;align-items:center;gap:28px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:.875rem;line-height:1.6}.work-heading .quiet-link{margin-top:38px}.work-image{position:relative;display:block;overflow:hidden}.work-image img{display:block;width:100%;height:560px;object-fit:cover;transition:transform .8s}.work-image:hover img{transform:scale(1.035)}.work-badge{position:absolute;bottom:22px;right:22px;font-size:.75rem;letter-spacing:.09em;background:#f2f3ee;color:#18282a;padding:17px}.work-caption{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.work-caption>span{font-size:.8125rem;font-weight:600;line-height:1.8}.work-caption small{font-weight:400;color:#5d696a;font-size:.75rem}.work-caption p{font-size:1rem;line-height:1.8;color:#596667;margin:0}
.cinema-process{padding:110px 8%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.cinema-process h2{font-size:clamp(2.8rem,4.6vw,4.8rem)}.cinema-process>div>p:not(.overline){line-height:1.9;font-size:1rem;max-width:440px;color:var(--mist);margin:30px 0}.process-rows article{display:flex;gap:28px;border-top:1px solid var(--rule);padding:28px 0}.process-rows article>span{font-size:.8125rem;color:var(--copper);padding-top:7px}.process-rows h3{font-size:2rem;line-height:1.25;letter-spacing:-.04em}.process-rows p{color:var(--mist);font-size:1rem;line-height:1.7;margin:12px 0 0}.process-resources{border-top:1px solid var(--rule);padding-top:26px;display:flex;gap:25px;flex-wrap:wrap;font-size:.875rem}.process-resources a{border-bottom:1px solid #ffffff60;padding-bottom:5px}
.cinema-local{padding:70px 8% 90px;background:#1d2a2d;display:grid;grid-template-columns:1fr 1fr;gap:35px 100px}.cinema-local>.overline{grid-column:1/-1;margin-bottom:0}.cinema-local h2{font-size:clamp(2.5rem,4vw,4rem)}.cinema-local p:not(.overline){line-height:1.9;color:#c3cccd;margin:0;font-size:1rem}.local-links{display:flex;flex-wrap:wrap;gap:16px 25px;margin-top:26px;font-size:.875rem}.local-links a{border-bottom:1px solid #ffffff60;padding-bottom:5px}
.cinema-finale{position:relative;isolation:isolate;text-align:center;padding:100px 7% 75px;overflow:hidden}.cinema-finale:before{content:"";position:absolute;inset:0;z-index:-1;background:#0a181ca8}.cinema-finale>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 65%}.cinema-finale h2{font-size:clamp(4.5rem,9vw,9rem);line-height:.97}.cinema-finale h2 em{color:white}.cinema-finale p:not(.overline){font-size:1.125rem;margin:27px 0}.cinema-finale .quiet-link{display:table;margin:24px auto 0}.cinema-finale>small{display:block;font-size:.75rem;margin-top:55px;color:#d5dedf}
body:has(.asp-home) footer{background:#10191c;color:#c7d0d1}body:has(.asp-home) footer .brand img{filter:brightness(0) invert(1)}body:has(.asp-home) footer p,body:has(.asp-home) footer a{color:#c7d0d1}
@keyframes hero-arrive{from{transform:scale(1.045)}to{transform:scale(1)}}@keyframes copy-arrive{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:1200px){body:has(.asp-home) .site-header{display:flex;flex-wrap:wrap;min-height:90px;background:#111f22ed;padding:14px 5%;gap:12px}body:has(.asp-home) .site-header .brand img{width:56px}body:has(.asp-home) .site-header .mobile-menu{padding-top:8px;flex-basis:100%;color:#fff}body:has(.asp-home) .site-header .mobile-menu nav a{color:#fff;border-color:#ffffff30}body:has(.asp-home) .site-header .mobile-menu nav{max-height:55svh}.cinema-hero{padding-top:210px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-card{min-height:490px;padding:20px}.cinema-manifesto{grid-template-columns:1fr 3fr;gap:25px}.cinema-process{gap:60px}.cinema-local{gap:35px 60px}}
@media(max-width:800px){.cinema-location{display:none}.cinema-manifesto{display:block;padding:70px 6%}.cinema-manifesto>.overline{padding:0}.experience-grid{padding:0 5% 70px;grid-template-columns:1fr}.experience-card{min-height:480px}.experience-card:nth-child(2),.experience-card:nth-child(3){margin:0}.asp-home .experience-copy h3{font-size:3rem}.experience-card img{object-position:center}.experience-card:after{background:linear-gradient(0deg,#0b181cf0, #0b181c10 85%)}.cinema-work{padding:65px 6%;grid-template-columns:1fr;gap:32px}.work-image img{height:auto;aspect-ratio:4/3}.work-caption{grid-column:auto}.cinema-process,.cinema-local{grid-template-columns:1fr;padding:65px 6%;gap:40px}.cinema-local>.overline{grid-column:auto}.cinema-process h2{font-size:3.2rem}.experience-nav{gap:15px 20px;padding:25px 6%}.experience-nav a{font-size:.8125rem}.experience-nav span{display:none}.cinema-finale{padding:75px 6% 45px}}
@media(max-width:520px){.cinema-hero{min-height:820px;padding:205px 6% 150px;align-items:center}.asp-home h1{font-size:clamp(5.7rem,22vw,7.5rem)}.cinema-media img{object-position:67% center}.cinema-hero:before{background:linear-gradient(90deg,#0b181cbb,#0b181c33),linear-gradient(0deg,#0b181cdd,transparent 40%)}.cinema-bottom{left:6%;right:6%;display:block;bottom:22px}.cinema-bottom p{margin-top:18px;font-size:.75rem}.cinema-description{font-size:1rem}.manifesto-bottom{gap:25px}.circle-link{width:56px;height:56px}.work-caption{grid-template-columns:1fr}.cinema-button{padding:16px 22px}.asp-home h2{font-size:3.1rem}.cinema-finale h2{font-size:4.6rem}.cinema-finale .overline{font-size:.75rem}.cinema-manifesto .overline{font-size:.75rem}.asp-home h3{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.asp-home *{animation:none!important;transition:none!important}.asp-home img{transform:none!important}}