.hero{height:790px;max-height:none;min-height:740px;background:#102a23}.hero-architecture{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#52766555,transparent 55%),linear-gradient(120deg,#142d26,#0d211d)}.hero-architecture span{position:absolute;width:230px;height:1100px;top:-250px;right:100px;transform:rotate(28deg);border-left:1px solid #b6e6ca14;background:linear-gradient(90deg,#c4f0d806,transparent)}.hero-architecture span:nth-child(2){right:340px}.hero-architecture span:nth-child(3){right:580px}.hero-content{padding-top:130px;max-width:68%;padding-right:25px}.hero h1{font-size:clamp(54px,5.7vw,88px);line-height:1.04}.hero-intro{max-width:460px}.hero-film{position:absolute;right:6vw;top:45px;margin:0;width:294px;transform:rotate(1deg);transition:transform .5s}.hero-film:hover{transform:rotate(0)}.film-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#c0d5c7;margin-bottom:13px}.film-topline i{display:inline-block;width:5px;height:5px;background:#c4f0d8;border-radius:50%;margin-right:5px}.film-screen{position:relative;background:#29433b;border:1px solid #c5e7d53d;padding:7px;box-shadow:0 30px 70px #0006}.film-screen video{display:block;width:100%;aspect-ratio:368/640;object-fit:cover;background:#31463e}.film-watermark{position:absolute;left:19px;top:20px;padding:6px 9px;background:#18382dcc;letter-spacing:.1em;color:#e5f2e9;font-size:7px;pointer-events:none}#film-toggle{position:absolute;bottom:21px;right:21px;height:40px;width:40px;border:1px solid #d3eadc9c;border-radius:50%;background:#18362bd9;color:white;backdrop-filter:blur(5px);font-size:13px}#film-toggle:hover{background:#c4f0d8;color:#18362b}.hero-film figcaption{font-size:14px;margin-top:15px;color:#e2eee7;letter-spacing:-.01em}.hero-film figcaption span{display:block;font-size:9px;color:#9ab8a8;margin-top:4px;letter-spacing:0}.sound-control{position:absolute;left:5.8vw;bottom:115px;display:flex;align-items:center;gap:15px;color:#abc5b6}.sound-control>span{font-size:10px}.sound-control button{display:flex;align-items:center;gap:11px;border:1px solid #9cc9ad40;padding:10px 14px;background:#ffffff04;color:#dceee2;font-size:11px}.sound-control button:hover{border-color:#c4f0d8}.sound-bars{display:flex;gap:3px;height:15px;align-items:center}.sound-bars i{display:block;width:2px;height:4px;background:#bfeacf}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:15px}[aria-pressed=true] .sound-bars i{animation:music-pulse 1s ease-in-out infinite alternate}[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.5s}[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:-.8s}@keyframes music-pulse{to{height:3px;opacity:.5}}#sound-status:empty{display:none}
@media(min-width:1500px){.hero-film{right:10vw;width:310px}.hero-content{padding-top:120px}.hero{height:820px}}
@media(max-width:1100px) and (min-width:761px){.hero-content{max-width:64%;padding-top:120px}.hero h1{font-size:55px}.hero-film{width:250px;right:4vw;top:80px}.hero-intro{max-width:370px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero{height:760px}.sound-control{bottom:110px}}
@media(max-width:760px){.hero{height:auto;min-height:0;max-height:none;padding-bottom:80px}.hero-content{padding:58px 24px 35px;max-width:none}.hero h1{font-size:clamp(43px,9.3vw,65px)}.hero-intro{max-width:460px}.hero-actions{margin-top:25px}.hero-film{position:relative;right:auto;top:auto;width:min(68%,310px);margin:12px auto 30px;transform:none}.hero-film figcaption{text-align:center}.film-topline{font-size:7px}.sound-control{position:relative;left:auto;bottom:auto;justify-content:center;gap:10px;margin:32px 15px 5px;flex-wrap:wrap}.sound-control>span{font-size:9px}.hero-bottom{bottom:0}.hero-architecture span{right:0}.hero-architecture span:nth-child(2){right:200px}.hero-architecture span:nth-child(3){right:400px}}
@media(prefers-reduced-motion:reduce){.hero-film{transform:none}.sound-bars i{animation:none!important}}

.bespoke{background:#e7eddf}.bespoke .explain-grid{padding-top:5px}.bespoke .button{margin-top:26px;background:#18362b;color:#d9f5e4}.bespoke .button:hover{background:#2d5340}.bespoke-note{font-size:11px;max-width:620px;margin:17px 0 0}.bespoke .explain-grid article{border-top:1px solid #bbcbbd;padding-top:22px}

footer .studio-credit{grid-column:1/-1;display:flex!important;justify-content:space-between!important;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:23px;margin-top:0;width:100%;font-size:10px!important;color:#5b6861;letter-spacing:.025em}footer .studio-credit>a{display:flex;flex-direction:column;gap:5px;text-align:right;line-height:1.7}footer .studio-credit strong{font-weight:650;color:#18362b}.credit-label{font-size:8px;letter-spacing:.17em;color:#708376}.credit-divider{padding:0 5px}footer .studio-credit>a:hover{color:#1f603f}footer .studio-credit>a:hover strong{text-decoration:underline;text-underline-offset:4px}.contact-backup{display:inline-block;font-size:11px;color:#c4dfcf;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.contact-backup:hover{color:#fff}.installation h2{font-size:clamp(34px,3.8vw,57px)}@media(max-width:760px){footer .studio-credit{align-items:flex-start;flex-direction:column;font-size:10px!important}footer .studio-credit>a{text-align:left}.installation h2{font-size:36px}}@media(max-width:380px){.installation h2{font-size:31px}}

footer .studio-credit{justify-content:flex-end!important;padding-top:16px;font-size:10px!important;opacity:.72}footer .studio-credit>a{display:inline!important;text-align:right;font-weight:400}footer .studio-credit:hover{opacity:1}@media(max-width:760px){footer .studio-credit{align-items:flex-end;flex-direction:row}footer .studio-credit>a{text-align:right}}