#intro{z-index:50;background:var(--plum);place-items:center;animation:.6s 1.5s forwards introOut;display:grid;position:fixed;inset:0}#intro .mark{aspect-ratio:1;width:min(56vw,300px);position:relative;overflow:hidden}#intro img{object-fit:cover;mix-blend-mode:lighten;clip-path:inset(50%);width:100%;height:100%;animation:1s cubic-bezier(.7,0,.2,1) .1s forwards reveal}#intro .mark:after{content:"";mix-blend-mode:screen;background:linear-gradient(110deg,#0000 35%,#e3c88f8c 50%,#0000 65%);animation:.9s .8s forwards shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes reveal{to{clip-path:inset(0)}}@keyframes shine{to{transform:translate(120%)}}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}.quick #intro{display:none}.quick .hero .fade{animation-delay:.5s!important}.quick .hero-frame{animation-delay:0s}.quick .rot{animation-delay:.55s}.hero-frame{text-align:center;border:1px solid #c9a45f80;justify-items:center;gap:26px;margin-block:5vh 56px;padding:clamp(56px,10vw,110px) clamp(18px,5vw,64px);animation:1.2s cubic-bezier(.7,0,.2,1) 1.3s both frameIn;display:grid;position:relative}@keyframes frameIn{0%{clip-path:inset(50%)}to{clip-path:inset(-20px)}}.hf-photos{z-index:-2;position:absolute;inset:0;overflow:hidden}.hf-photos:after{content:"";z-index:3;background:radial-gradient(ellipse 60% 45% at 50% 50%, #1d141673, transparent 75%), linear-gradient(180deg, #1d1416d1 0%, #1d141680 30%, #1d14168c 70%, var(--plum) 100%);position:absolute;inset:0}.hp{object-fit:cover;clip-path:inset(0 100% 0 0);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.1)}.hp.on{clip-path:inset(0);z-index:1;animation:8s linear forwards kenburns}.hp.in{z-index:2;transition:clip-path 1.1s var(--ease)}@keyframes kenburns{0%{transform:scale(1.1)}to{transform:scale(1)}}.hc{border:1.5px solid var(--gold);width:28px;height:28px;position:absolute}.tl{border-bottom:0;border-right:0;top:-2px;left:-2px}.tr{border-bottom:0;border-left:0;top:-2px;right:-2px}.bl{border-top:0;border-right:0;bottom:-2px;left:-2px}.br{border-top:0;border-left:0;bottom:-2px;right:-2px}.hf-top{font:400 13px var(--f-display);letter-spacing:.5em;text-transform:uppercase;color:var(--gold-2);padding-left:.5em}.hf-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:90px;height:1px}.hf-links{flex-wrap:wrap;justify-content:center;gap:14px 34px;display:flex}.hf-links a{font:500 12px var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:#f4e9e6;background:linear-gradient(var(--gold), var(--gold)) center bottom / 28% 1px no-repeat;padding-bottom:8px;text-decoration:none;transition:background-size .45s,color .3s}.hf-links a:hover{color:var(--gold-2);background-size:100% 1px}.hero h1{font:400 clamp(34px, 7.4vw, 76px)/1 var(--f-display);letter-spacing:.02em;text-wrap:balance;margin:0}.hero h1 .l{display:block}.ch{white-space:pre;opacity:0;filter:blur(12px);animation:chIn .8s var(--ease) forwards;display:inline-block;transform:translateY(.35em)}@keyframes chIn{to{opacity:1;filter:blur();transform:none}}.rot{animation:wipe 1.1s var(--ease) 2.25s both;display:inline-grid}@keyframes wipe{0%{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -6% -30% 0)}}.hero h1 em{font:italic 400 min(1.62em, 11.5vw)/1.05 var(--f-accent);color:var(--gold-2);white-space:nowrap}.rot .w{clip-path:inset(-30% 100% -30% 0);transition:clip-path .6s var(--ease);grid-area:1/1}.rot .w.on{clip-path:inset(-30% -6% -30% 0)}.rot .w.out{clip-path:inset(-30% -6% -30% 100%)}.rot .w.reset{transition:none}@media (width<=820px){.hf-top{letter-spacing:.3em;white-space:nowrap;font-size:11px}}@media (prefers-reduced-motion:reduce){.ch{opacity:1;filter:none;transform:none}}.works{padding-block:84px}.works-track{will-change:transform;gap:22px;padding-inline:max(18px,50vw - 542px);display:flex}.work{flex:none;gap:12px;width:min(72vw,330px);margin:0;display:grid}.work .img{aspect-ratio:4/5;max-width:100%;position:relative;overflow:hidden}.work .img img{object-fit:cover;width:100%;height:100%;transform:scale(var(--z,1));transition:transform .1s linear;position:absolute;inset:0}.work figcaption{letter-spacing:.28em;text-transform:uppercase;color:var(--mauve);font-size:12px}.works-bar{background:var(--line);height:1px;margin-top:30px;position:relative}.works-bar i{background:var(--mauve);width:0;height:3px;position:absolute;top:-1px;left:0}@media (prefers-reduced-motion:no-preference){.works{padding-block:0}.works-pin{height:280vh}.works-sticky{top:var(--nav-h);height:calc(100svh - var(--nav-h));flex-direction:column;justify-content:center;display:flex;position:sticky;overflow:hidden}.work{width:min(330px,80svh - 240px)}}@media (width<=820px) and (prefers-reduced-motion:no-preference){.works-pin{height:240vh}.work{width:min(62vw,80svh - 208px)}}@media (prefers-reduced-motion:reduce){.works-track{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;overflow-x:auto}.works-track::-webkit-scrollbar{display:none}.work{scroll-snap-align:center}}.door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.door{aspect-ratio:5/4;color:#f4e9e6;isolation:isolate;align-items:end;text-decoration:none;display:grid;position:relative;overflow:hidden}.door img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.1s var(--ease);position:absolute;inset:0}.door:before{content:"";z-index:-1;background:linear-gradient(#1d14160d 25%,#1d1416d1 100%);position:absolute;inset:0}.door:hover img{transform:scale(1.05)}.door-body{gap:4px;padding:clamp(20px,3vw,32px);display:grid}.door-word{font:400 clamp(38px, 6vw, 64px)/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase}.door-price{font:italic 400 22px var(--f-accent);color:var(--gold-2)}.door-line{color:#e6d6d1;max-width:34ch;font-size:15px}.door-cta{font:500 11px var(--f-body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);border:1px solid #e3c88fb3;justify-self:start;margin-top:12px;padding:11px 18px;transition:background .3s,color .3s}.door:hover .door-cta{background:var(--gold);color:var(--plum)}@media (width<=820px){.door-grid{grid-template-columns:minmax(0,1fr)}.door{aspect-ratio:4/3.6}}
