.studio .architectural-opening{grid-template-rows:640svh minmax(105svh,auto);background:oklch(15% .012 65)}
.studio .architectural-opening .opening-visual{perspective:1300px;background:oklch(15% .012 65);isolation:isolate}
.studio .architectural-opening .hero{height:640svh}.studio .architectural-opening .manifesto{min-height:105svh;padding-top:15svh;padding-bottom:15svh;background:transparent}
.architecture-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden}.architecture-backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.57);transform:scale(1.06);object-position:52% 52%}.architecture-backdrop img:last-child:not(:first-child){position:absolute;inset:0;opacity:var(--maison-background,0);object-position:52% 50%}
.architecture-world{position:absolute;inset:0;z-index:1;perspective:1300px;transform-style:preserve-3d;pointer-events:none;overflow:hidden}
.journey-composition{position:absolute;inset:0;will-change:transform,opacity;transform-style:preserve-3d;opacity:0;pointer-events:none}
.journey-main{position:absolute;left:13%;top:14%;width:74%;height:72%;margin:0;overflow:hidden;background:oklch(14% .01 65);box-shadow:0 30px 100px oklch(7% .008 65/.55);transform-style:preserve-3d}
.journey-main img{width:100%;height:100%;object-fit:contain;background:oklch(13% .01 65);transform:scale(1.015);will-change:transform}
.journey-composition:first-child .journey-main img{object-fit:cover;object-position:center}.journey-main:after{content:'';position:absolute;inset:0;border:1px solid oklch(85% .02 70/.14);pointer-events:none}
.journey-companion{position:absolute;right:2%;top:48%;width:27%;height:45%;margin:0;overflow:hidden;box-shadow:0 20px 70px oklch(6% .008 65/.5);transform:translate3d(var(--companion-x,0px),var(--companion-y,0px),90px) rotate(3deg)}
.journey-companion img{width:100%;height:100%;object-fit:cover;object-position:center}
.journey-composition:nth-child(2n) .journey-companion{left:2%;right:auto;top:8%;transform:translate3d(var(--companion-x,0px),var(--companion-y,0px),110px) rotate(-3deg)}
.journey-composition:first-child .journey-companion{width:45%;height:auto;aspect-ratio:3.8;top:73%;right:3%}
.journey-composition:first-child .journey-companion img{object-fit:contain}
.journey-project{position:absolute;left:15%;bottom:5%;font-size:clamp(14px,1.6vw,24px);letter-spacing:-.025em;color:var(--paper);z-index:3;text-shadow:0 2px 15px oklch(8% .01 65/.8)}
.portrait-main .journey-main{left:27%;width:40%;height:80%;top:10%}.portrait-main .journey-main img{object-fit:cover}.portrait-main .journey-companion{width:27%;height:65%;right:7%;top:22%}.portrait-main .journey-project{left:28%;bottom:4%}
.architecture-credit{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;z-index:6;display:flex;gap:20px;justify-content:space-between;align-items:end;color:oklch(87% .015 75);font-size:10px;line-height:1.6;text-shadow:0 1px 12px oklch(8% .008 65)}.architecture-credit a{font-size:10px;pointer-events:auto}
.architecture-jumps{position:absolute;right:var(--pad);top:110px;z-index:6;display:flex;gap:24px;opacity:var(--journey-controls,0);transition:opacity .3s}.architecture-jumps button{font-size:12px;padding:8px 0;color:var(--paper);border-bottom:1px solid oklch(88% .015 75/.35)}.architecture-jumps button[aria-current=true]{border-color:var(--paper)}
.studio .architectural-opening .opening-shade{background:linear-gradient(180deg,oklch(8% .008 65/.5),transparent 22%,transparent 72%,oklch(12% .01 65/.6));z-index:2;pointer-events:none}
.studio .architectural-opening .hero-type h1{font-size:clamp(70px,9.8vw,174px);text-shadow:0 2px 35px oklch(6% .008 65/.8)}.studio .architectural-opening .manifesto-copy{position:relative;z-index:5}.studio .architectural-opening .manifesto-copy h2{font-size:clamp(43px,6vw,100px)}
.calm .studio .architectural-opening{display:block}.calm .studio .architectural-opening .opening-visual{position:relative;height:auto;min-height:0;overflow:visible;margin:0;perspective:none;padding:95px var(--pad) 60px}.calm .studio .architecture-backdrop,.calm .studio .architectural-opening .opening-shade,.calm .studio .architecture-jumps{display:none}.calm .studio .architecture-world{position:relative;inset:auto;overflow:visible;perspective:none;display:block}.calm .studio .journey-composition{position:relative;inset:auto;transform:none!important;opacity:1!important;display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin:0 0 70px;pointer-events:auto;min-height:0}.calm .studio .journey-main,.calm .studio .journey-companion{position:relative;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;aspect-ratio:auto;box-shadow:none;overflow:visible}.calm .studio .journey-main img,.calm .studio .journey-companion img{width:100%;height:auto;transform:none!important;object-fit:contain}.calm .studio .journey-project{position:relative;inset:auto;grid-column:1/-1;font-size:20px}.calm .studio .architecture-credit{position:relative;inset:auto;font-size:12px}.calm .studio .architectural-opening .hero{height:auto;min-height:0;display:none}.calm .studio .architectural-opening .manifesto{min-height:0;padding:60px var(--pad) 90px;background:oklch(17% .009 70)}
@media(max-width:760px){.studio .architectural-opening{grid-template-rows:680svh minmax(110svh,auto)}.studio .architectural-opening .hero{height:680svh}.studio .architectural-opening .manifesto{min-height:110svh;padding-top:15svh}.journey-main{left:5%;width:90%;top:25%;height:48%}.journey-companion{width:43%;height:29%;right:3%;top:63%}.journey-composition:nth-child(2n) .journey-companion{left:3%;top:12%;height:28%}.journey-composition:first-child .journey-main{top:0;left:0;width:100%;height:100%}.journey-composition:first-child .journey-companion{width:78%;top:74%;right:3%;height:auto}.journey-project{left:7%;bottom:16%;font-size:19px}.portrait-main .journey-main{left:10%;width:67%;height:64%;top:17%}.portrait-main .journey-companion{width:43%;height:43%;right:3%;top:48%}.portrait-main .journey-project{left:12%;bottom:10%}.architecture-credit{left:24px;right:24px;bottom:18px;display:block;font-size:9px;max-width:85%}.architecture-credit a{display:block;font-size:9px;margin-top:4px}.architecture-jumps{top:85px;left:24px;right:24px;justify-content:space-between;gap:15px}.architecture-jumps button{font-size:11px}.studio .architectural-opening .hero-type h1{font-size:clamp(47px,11.6vw,88px)}.studio .architectural-opening .manifesto-copy h2{font-size:clamp(36px,9.5vw,60px)}.calm .studio .journey-composition{display:block;margin-bottom:50px}.calm .studio .journey-companion{margin:20px 0 0 20%;width:80%!important}.calm .studio .journey-project{font-size:18px;margin:20px 0}.calm .studio .architecture-credit{font-size:11px;max-width:none}.calm .studio .architecture-credit a{font-size:11px}.calm .studio .architectural-opening .opening-visual{padding:95px 24px 40px}}
@media print{.studio .architectural-opening{display:block}.studio .architectural-opening .opening-visual{position:relative;height:auto;margin:0}.architecture-world{position:relative}.journey-composition{position:relative;opacity:1!important;transform:none!important;break-inside:avoid;height:600px}.architecture-backdrop,.architecture-jumps{display:none}.studio .architectural-opening .hero{display:none}.architecture-credit{position:relative}.studio .architectural-opening .manifesto{min-height:0}}
.journey-main{background:transparent;box-shadow:none}.journey-main img{background:transparent;filter:drop-shadow(0 20px 35px oklch(5% .008 65/.5))}.journey-main:after{display:none}.architecture-credit,.architecture-credit a{font-size:11px}
@media(max-width:760px){.architecture-credit,.architecture-credit a{font-size:10px}}
html:not(.motion-ready) .architectural-opening{display:block}html:not(.motion-ready) .architectural-opening .opening-visual{position:relative;height:auto;margin:0;min-height:0;padding:90px 24px 40px}html:not(.motion-ready) .architecture-world{position:relative;display:block;overflow:visible;perspective:none}html:not(.motion-ready) .journey-composition{position:relative;opacity:1;inset:auto;transform:none;margin:0 0 50px}html:not(.motion-ready) .journey-main,html:not(.motion-ready) .journey-companion{position:relative;inset:auto!important;width:100%!important;height:auto!important;transform:none;aspect-ratio:auto}html:not(.motion-ready) .journey-main img,html:not(.motion-ready) .journey-companion img{width:100%;height:auto;object-fit:contain}html:not(.motion-ready) .journey-project{position:relative;inset:auto;margin:20px 0}html:not(.motion-ready) .architecture-backdrop,html:not(.motion-ready) .architectural-opening .opening-shade,html:not(.motion-ready) .architectural-opening .hero{display:none}html:not(.motion-ready) .architecture-credit{position:relative;inset:auto}html:not(.motion-ready) .architectural-opening .manifesto{min-height:0;padding:70px 24px}
.studio .architectural-opening .hero,.studio .architectural-opening .hero-stage{pointer-events:none}.architecture-jumps,.architecture-jumps button{pointer-events:auto}
.calm .studio .architectural-opening,html:not(.motion-ready) .studio .architectural-opening{display:flex;flex-direction:column}.calm .studio .architectural-opening .hero,html:not(.motion-ready) .studio .architectural-opening .hero{display:block;order:-1;height:auto;min-height:0}.calm .studio .architectural-opening .hero-stage,html:not(.motion-ready) .studio .architectural-opening .hero-stage{position:relative;height:auto;min-height:0;padding:100px 24px 35px}.calm .studio .architectural-opening .hero-type,html:not(.motion-ready) .studio .architectural-opening .hero-type{position:relative;inset:auto;opacity:1!important;transform:none!important}.calm .studio .architectural-opening .hero-type h1,html:not(.motion-ready) .studio .architectural-opening .hero-type h1{font-size:clamp(47px,7vw,105px)}