.hero{--floor-room-opacity:0;--floor-fixture-opacity:0;--table-room-opacity:0;--table-fixture-opacity:0;position:relative;min-height:max(100svh,54rem);overflow:hidden;padding:0;background:#090e0d;color:var(--cream);isolation:isolate}.room-scene{position:absolute;z-index:0;inset:0;contain:layout paint style;overflow:hidden;pointer-events:none;background:#090e0d}.room-scene__composition{--room-scale:1;--room-offset-x:0px;--room-offset-y:0px;position:absolute;top:0;left:0;width:1586px;height:992px;transform:translate3d(var(--room-offset-x),var(--room-offset-y),0) scale(var(--room-scale));transform-origin:0 0}.room-scene__composition img,.room-scene__composition video{position:absolute;display:block;max-width:none;user-select:none;-webkit-user-drag:none}.room-scene__outside{z-index:0;top:115px;left:737px;width:549px;height:524px}.room-scene__outside-motion{z-index:1;top:115px;left:737px;width:549px;height:524px;object-fit:fill;opacity:0;transition:opacity .7s ease}.room-scene__outside-motion.is-ready{opacity:1}.room-scene__base,.room-lamp-layer--floor-room,.room-lamp-layer--table-room{inset:0;width:1586px;height:992px}.room-scene__base{z-index:2}.room-lamp-layer{z-index:3;opacity:0;mix-blend-mode:plus-lighter;transition:opacity .6s ease}.room-lamp-layer--floor-room{opacity:var(--floor-room-opacity)}.room-lamp-layer--table-room{opacity:var(--table-room-opacity)}.room-lamp-layer--floor-fixture{z-index:4;top:257px;left:1299px;width:287px;height:492px;opacity:var(--floor-fixture-opacity)}.room-lamp-layer--table-fixture{z-index:4;top:599px;left:1351px;width:209px;height:169px;opacity:var(--table-fixture-opacity)}.room-atmosphere{position:absolute;z-index:9;inset:0;background:linear-gradient(90deg,rgba(6,10,9,.84) 0%,rgba(6,10,9,.7) 22%,rgba(6,10,9,.28) 39%,transparent 58%),linear-gradient(180deg,rgba(5,8,7,.14),transparent 35%,rgba(5,8,7,.18));pointer-events:none;transition:background 1.2s linear}.room-hero__copy{position:relative;z-index:20;display:flex;flex-direction:column;justify-content:center;width:min(31rem,38vw);min-height:max(100svh,54rem);margin-left:var(--gutter);padding:9rem 0 9.5rem}.room-hero .eyebrow{margin:0 0 clamp(2rem,4.4vh,3.25rem);color:#c8a67c}.room-hero h1{max-width:none;margin:0;font:400 clamp(4.35rem,5.65vw,6rem)/.89 var(--serif);letter-spacing:-.055em;white-space:nowrap}.hero__intro{width:min(25rem,100%);margin:clamp(2rem,4vh,3rem) 0 0;color:color-mix(in srgb,var(--cream) 91%,transparent);font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.55;text-shadow:0 1px 1rem rgba(0,0,0,.35)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin:2.25rem 0 0}.button-primary,.button-secondary{display:inline-flex;align-items:center;gap:1.2rem;min-height:3.35rem;font-size:1rem;font-weight:600;text-decoration:none}.button-primary{padding:.9rem 1.15rem;border:1px solid #ad4d2d;background:#ad4d2d;color:var(--cream);box-shadow:0 .6rem 1.6rem #00000026}.button-primary:hover{background:#bf5a38}.button-secondary{padding-bottom:.25rem;border-bottom:1px solid color-mix(in srgb,var(--cream) 70%,transparent)}.room-lamp-hotspot{position:absolute;z-index:24;display:grid;width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem;padding:0;place-items:center;border:1px solid rgba(244,241,232,.42);border-radius:50%;background:#080d0c33;color:var(--cream);cursor:pointer;opacity:.48;touch-action:manipulation;transform:translate(-50%,-50%);transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.room-lamp-hotspot:before{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 1.2rem currentColor;content:""}.room-lamp-hotspot:after{position:absolute;inset:-.3rem;border:1px solid rgba(244,241,232,.24);border-radius:50%;content:"";animation:room-hotspot 2.8s ease-out infinite}.room-lamp-hotspot:hover,.room-lamp-hotspot:focus-visible,.room-lamp-hotspot[aria-pressed=true]{opacity:1;background:#080d0ca3;box-shadow:0 0 0 .45rem #f4f1e817}.room-lamp-hotspot:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.room-lamp-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.room-weather-status{position:absolute;z-index:24;bottom:1.4rem;left:var(--gutter);display:flex;align-items:center;gap:.65rem;max-width:min(35rem,45vw);margin:0;color:#f4f1e8c7;font-size:.78rem;font-weight:600;letter-spacing:.06em;line-height:1.35;text-transform:uppercase;text-shadow:0 .1rem .7rem rgba(0,0,0,.7)}.room-weather-status__dot{flex:0 0 auto;width:.42rem;height:.42rem;border-radius:50%;background:#a7c5ba;box-shadow:0 0 .8rem #a7c5bab3}.room-hero[data-weather=rain] .room-weather-status__dot{background:#9eb9c4}.room-hero[data-weather=snow] .room-weather-status__dot{background:#fff}.room-controls{position:absolute;z-index:30;right:1.15rem;bottom:1.15rem;width:min(31rem,calc(100% - 2.3rem));border:1px solid rgba(244,241,232,.23);border-radius:.25rem;background:#080d0cf0;color:var(--cream);box-shadow:0 1.2rem 3rem #00000052}.room-controls summary{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;cursor:pointer;font-size:.78rem;font-weight:700;letter-spacing:.08em;list-style:none;touch-action:manipulation;text-transform:uppercase}.room-controls summary::-webkit-details-marker{display:none}.room-controls summary:before{width:.45rem;height:.45rem;margin-right:-.35rem;border-radius:50%;background:#a7c5ba;content:""}.room-controls summary small{margin-left:auto;color:#f4f1e89e;font-size:.68rem;font-weight:600}.room-controls[open] summary{border-bottom:1px solid rgba(244,241,232,.16)}.room-controls__body{padding:.85rem}.room-time-control{display:grid;gap:.55rem}.room-time-control>span{display:flex;justify-content:space-between;gap:1rem;color:#f4f1e8c2;font-size:.75rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase}.room-time-control output{color:var(--cream)}.room-time-control input{width:100%;height:2.5rem;margin:0;accent-color:#bc5a38;cursor:pointer;touch-action:pan-x}.room-controls__hint{margin:.38rem 0 .7rem;color:#f4f1e885;font-size:.69rem;line-height:1.35}.room-controls__actions{display:flex;align-items:center;gap:.5rem}.room-controls button{min-height:2.75rem;border:1px solid rgba(244,241,232,.25);border-radius:.15rem;background:#17201e;color:var(--cream);font-size:.72rem;font-weight:600}.room-controls button{padding:.45rem .65rem;cursor:pointer}.room-controls button:hover,.room-controls button:focus-visible{background:#22312e}.room-controls button:focus-visible,.room-controls summary:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.room-controls button:disabled{cursor:default;opacity:.48}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.room-controls{background:#080d0cdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@media(prefers-reduced-transparency:reduce){.room-controls{background:#080d0c;-webkit-backdrop-filter:none;backdrop-filter:none}.room-atmosphere{background:linear-gradient(90deg,#0b1210 0 30%,rgba(11,18,16,.82) 43%,transparent 65%)}}@media(prefers-reduced-motion:reduce){.room-scene__composition .room-scene__outside-motion{display:none}.room-lamp-layer{transition:none}.room-lamp-hotspot:after{animation:none}}@keyframes room-hotspot{0%{opacity:.75;transform:scale(.65)}70%,to{opacity:0;transform:scale(1.25)}}.hanging-photo{--photo-angle:1.15deg;--frame-image:url(/images/ornate-frame-transparent.png);--mat:#21170f;position:relative;z-index:8;margin:0;border:clamp(1rem,1.8vw,1.55rem) solid transparent;border-image-source:var(--frame-image);border-image-slice:240;border-image-width:1;border-image-repeat:stretch;background:var(--mat);box-shadow:0 1rem 2.4rem color-mix(in srgb,#000 30%,transparent);cursor:grab;touch-action:none;transform:rotate(var(--photo-angle));transform-origin:50% -3.15rem;will-change:transform}.hanging-photo:after{position:absolute;z-index:5;inset:0;pointer-events:none;content:"";background:linear-gradient(116deg,transparent 0 42%,color-mix(in srgb,#fff3c4 var(--room-glow),transparent) 50%,transparent 61%),linear-gradient(90deg,rgba(0,0,0,var(--room-shadow-opacity)),transparent 66%);mix-blend-mode:soft-light}.hanging-photo:active,.hanging-photo.is-nudged{cursor:grabbing}.hanging-photo__nail{position:absolute;z-index:-1;top:calc(-1*clamp(5.13rem,8.45vw,8.12rem));left:49%;width:.72rem;height:.72rem;border:1px solid #3b2518;border-radius:50%;background:radial-gradient(circle at 33% 28%,#c37e46 0 9%,#784126 22%,#402619 56%,#211913);box-shadow:inset -.08rem -.08rem .07rem #160d09,.07rem .14rem .2rem #0008;transform:translate(-50%)}.hanging-photo__nail:after{position:absolute;top:.22rem;left:.12rem;width:.4rem;height:.09rem;border-radius:50%;background:#20130d;content:"";transform:rotate(-17deg)}.hanging-photo__twine{position:absolute;z-index:-2;top:calc(-1*clamp(4.95rem,8.2vw,7.88rem));left:calc(-1*clamp(.78rem,1.45vw,1.3rem));width:calc(100% + clamp(1.56rem,2.9vw,2.6rem));aspect-ratio:1 / .94;background:url(/images/jute-twine.png) center / 100% 100% no-repeat;filter:drop-shadow(.06rem .1rem .06rem rgba(0,0,0,.38));pointer-events:none}.hanging-photo img{width:100%;display:block;filter:saturate(.74) contrast(.96);user-select:none;-webkit-user-drag:none}.hanging-photo figcaption{position:absolute;z-index:4;right:clamp(.25rem,.7vw,.55rem);bottom:clamp(.25rem,.7vw,.55rem);max-width:72%;margin:0;padding:.25rem .36rem;background:color-mix(in srgb,var(--mat) 86%,transparent);color:var(--cream);font-size:.56rem;font-weight:700;letter-spacing:.065em;line-height:1.35;text-transform:uppercase}html[data-frame-style=walnut] .hanging-photo{--frame-image:url(/images/ornate-frame-transparent.png);--mat:#21170f}html[data-frame-style=walnut-aged] .hanging-photo{--frame-image:url(/images/ornate-frame-transparent.png);--mat:#38271b;filter:saturate(.72) brightness(.88)}html[data-frame-style=gilt] .hanging-photo{--frame-image:url(/images/ornate-frame-gilt.png);--mat:#342511}html[data-frame-style=gilt-aged] .hanging-photo{--frame-image:url(/images/ornate-frame-gilt.png);--mat:#4a3923;filter:saturate(.72) brightness(.91)}html[data-frame-style=bronze] .hanging-photo{--frame-image:url(/images/ornate-frame-bronze.png);--mat:#19302a}html[data-frame-style=bronze-aged] .hanging-photo{--frame-image:url(/images/ornate-frame-bronze.png);--mat:#29352b;filter:saturate(.7) brightness(.89)}.home-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);gap:clamp(3rem,10vw,12rem);min-height:68rem;overflow:hidden;padding:clamp(7rem,13vw,13rem) var(--gutter)}.home-intro:before{position:absolute;top:9%;right:-13vw;width:min(52vw,48rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--sage) 24%,transparent);border-radius:50%;box-shadow:inset 0 0 0 5vw color-mix(in srgb,var(--sage) 3%,transparent),inset 0 0 0 10vw color-mix(in srgb,var(--sage) 3%,transparent),inset 0 0 0 15vw color-mix(in srgb,var(--sage) 3%,transparent);content:""}.home-intro>div:first-child{position:relative;z-index:1;max-width:45rem;margin-left:9vw}.home-intro h2{max-width:11ch;margin:clamp(4rem,8vw,8rem) 0 0;font:400 clamp(2.8rem,5.4vw,5.7rem)/1.05 var(--serif);letter-spacing:-.035em}.home-intro h2 em{color:var(--clay)}.home-intro>div:nth-child(2){position:relative;z-index:2;align-self:end;width:min(28rem,100%);margin:0 0 clamp(8rem,14vw,13rem) 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:1.15rem;line-height:1.65}.home-intro__process{position:absolute;right:var(--gutter);bottom:clamp(2.5rem,5vw,5rem);width:clamp(16rem,26vw,28rem);--photo-angle:-1.1deg}.home-intro__process img{aspect-ratio:3 / 2;object-fit:cover}.home-intro__process figcaption{color:var(--muted)}@media(max-width:800px){.hero{min-height:70rem}.room-scene{bottom:auto;height:177.7vw;min-height:35.5rem;max-height:52rem}.room-atmosphere{background:linear-gradient(180deg,#05080714 0 34%,#05080770 49%,#050807f0 66%,#080d0c)}.room-hero__copy{justify-content:flex-end;width:auto;min-height:70rem;margin:0;padding:32rem var(--gutter) 16rem}.room-hero .eyebrow{margin-bottom:1.5rem}.room-hero h1{font-size:clamp(3.15rem,13.5vw,5rem);line-height:.91}.hero__intro{width:min(30rem,100%);font-size:1.05rem}.hero__actions{align-items:flex-start;margin-top:1.75rem}.room-weather-status{right:1rem;bottom:13.7rem;left:1rem;max-width:none;font-size:.68rem}.room-controls{right:1rem;bottom:1rem;width:calc(100% - 2rem)}.home-intro{display:block;min-height:0;padding-bottom:31rem}.home-intro>div:first-child{margin-left:0}.home-intro>div:nth-child(2){width:min(28rem,82vw);margin:clamp(5rem,12vw,11rem) 0 0}.home-intro__process{right:var(--gutter);bottom:5rem;width:min(74vw,25rem)}}@media(max-width:520px){.room-hero__copy{padding-top:28rem}.room-hero h1{font-size:clamp(2.85rem,13.8vw,4.2rem)}.hero__actions{flex-direction:column;gap:1.05rem}.room-controls button{width:100%}}
