.inv-page{--inv-ink:#11110f;--inv-paper:#fff;--inv-line:#11110f38;background:var(--inv-paper);color:var(--inv-ink)}.inv-heading{padding:clamp(125px,15vw,205px) var(--page-pad,48px) clamp(35px,5vw,78px);border-bottom:1px solid var(--inv-line);grid-template-columns:1.35fr .65fr;align-items:end;gap:36px;display:grid}.inv-overline{font:400 11px/1.5 var(--font-ui);letter-spacing:.17em;text-transform:uppercase}.inv-heading h1{font:400 clamp(64px,10vw,170px)/.86 var(--font-house);letter-spacing:-.055em;margin:25px 0 0}.inv-heading__note{font:400 clamp(17px,1.7vw,25px)/1.3 var(--font-house);max-width:28ch;margin:0}.inv-main{grid-template-columns:1.04fr .96fr;min-height:660px;display:grid}.inv-visual{isolation:isolate;background:radial-gradient(circle at 76% 23%,#f7f7f7 0%,#e8e8e8 34%,#b7b7b7 100%);place-items:center;padding:clamp(55px,7vw,115px) clamp(22px,5vw,80px);display:grid;position:relative;overflow:hidden}.inv-visual:before{content:"";pointer-events:none;z-index:1;filter:blur(30px);opacity:.8;background:linear-gradient(98deg,#0000 0 24%,#0e0d0ba6 28% 37%,#0000 45% 51%,#0e0d0b7a 57% 66%,#0000 72%);transition:transform 1.3s;position:absolute;inset:-30%;transform:rotate(-21deg)}.inv-visual[data-open=true]:before{opacity:.48;transform:translate(23%,-14%)rotate(-21deg)}.inv-envelope{z-index:2;aspect-ratio:1.3;cursor:pointer;background:#f5f5f5;border:0;width:min(100%,560px);transition:transform .7s;display:block;position:relative;transform:rotate(-4deg);box-shadow:5px 20px 55px #0e0d0b59}.inv-envelope:hover,.inv-envelope:focus-visible{outline-offset:9px;transform:rotate(-1deg)translateY(-8px)}.inv-envelope__back{background:linear-gradient(145deg,#eaeaea,#fff);position:absolute;inset:0}.inv-envelope__letter{z-index:1;text-align:center;background:#fff;flex-direction:column;justify-content:space-between;align-items:center;gap:13px;height:77%;padding:12% 8% 7%;transition:transform 1s cubic-bezier(.2,.7,.1,1);display:flex;position:absolute;top:14%;left:12%;right:12%;transform:translateY(0);box-shadow:0 5px 20px #0000001f}.inv-envelope__letter img{object-fit:contain;width:58%;height:auto}.inv-envelope__letter strong{font:italic 400 clamp(19px,2.3vw,37px)/1.08 var(--font-house);letter-spacing:-.02em}.inv-envelope__letter small{font:400 10px/1.5 var(--font-ui);letter-spacing:.15em}.inv-envelope__fold{z-index:2;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(160deg,#e7e7e7 5%,#fdfdfd 50%,#cfcfcf 100%);transition:opacity .5s;position:absolute;inset:0}.inv-envelope__flap{z-index:3;clip-path:polygon(0 0,100% 0,50% 55%);transform-origin:50% 0;background:linear-gradient(#fafafa,#dcdcdc);transition:opacity .45s;position:absolute;inset:0}.inv-envelope__seal{z-index:4;background:radial-gradient(circle at 38% 30%,#606060,#171717);border:2px solid #282828;border-radius:50%;place-items:center;width:52px;height:52px;transition:opacity .3s;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 11px #00000059}.inv-envelope__seal img{object-fit:contain;filter:brightness(0)invert(.77);width:33px;max-height:33px}.inv-visual[data-open=true] .inv-envelope__fold,.inv-visual[data-open=true] .inv-envelope__flap,.inv-visual[data-open=true] .inv-envelope__seal{opacity:0}.inv-visual[data-open=true] .inv-envelope__letter{transform:translateY(-11%)}.inv-visual[data-open=true] .inv-envelope{transform:rotate(0)}.inv-hint{z-index:4;color:#11110f;font:400 11px/1.4 var(--font-ui);letter-spacing:.13em;text-transform:uppercase;position:absolute;bottom:24px;left:24px}.inv-info{padding:clamp(60px,8vw,120px) var(--page-pad,48px);flex-direction:column;justify-content:center;gap:clamp(20px,3vw,48px);display:flex}.inv-info h2{font:italic 400 clamp(43px,4.7vw,83px)/1.02 var(--font-house);letter-spacing:-.035em;max-width:11ch;margin:0}.inv-info__lead{font:400 clamp(17px,1.5vw,23px)/1.4 var(--font-house);max-width:31ch;margin:0}.inv-facts{font:400 13px/1.5 var(--font-ui);gap:12px;margin:0;display:grid}.inv-facts div{grid-template-columns:minmax(85px,.32fr) 1fr;gap:20px;display:grid}.inv-facts dt{opacity:.6}.inv-facts dd{margin:0}.inv-action{color:inherit;font:400 11px/1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:1px solid;justify-content:space-between;align-self:flex-start;align-items:center;gap:32px;padding:16px 18px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.inv-action:hover,.inv-action:focus-visible{background:var(--inv-ink);color:var(--inv-paper)}.inv-bottom{padding:60px var(--page-pad,48px) 90px;border-top:1px solid var(--inv-line);grid-template-columns:1fr 1fr;gap:35px;display:grid}.inv-bottom h2{font:400 clamp(32px,4vw,59px)/1 var(--font-house);margin:12px 0 0}.inv-bottom p{font:400 15px/1.65 var(--font-ui);max-width:42ch;margin:0}@media (width<=800px){.inv-heading{grid-template-columns:1fr;padding-top:130px}.inv-heading h1{font-size:clamp(53px,12vw,95px)}.inv-main{grid-template-columns:1fr}.inv-visual{min-height:490px}.inv-info{padding-block:65px 90px}.inv-bottom{grid-template-columns:1fr}}@media (width<=480px){.inv-visual{min-height:355px;padding:55px 20px}.inv-envelope__letter strong{font-size:18px}.inv-envelope__seal{width:40px;height:40px}.inv-hint{font-size:9px}.inv-info h2{font-size:47px}.inv-heading{padding-top:116px}}@media (prefers-reduced-motion:reduce){.inv-visual:before,.inv-envelope,.inv-envelope__letter,.inv-envelope__fold,.inv-envelope__flap,.inv-envelope__seal{transition:none}}body:has(.inv-page),body:has(.inv-page) .house-footer{background:#fff}
