:root{--ink: #05120c;--green: #0b2117;--green-2: #123122;--green-3: #17402d;--line: rgba(200, 120, 63, .22);--line-soft: rgba(245, 241, 232, .1);--copper: #c8783f;--copper-hi: #f2c9a0;--copper-deep: #8a4a2a;--copper-soft: rgba(200, 120, 63, .42);--metal: linear-gradient( 100deg, #7f4226 0%, #a85c31 14%, #d18b52 30%, #f2c9a0 44%, #dd9a63 56%, #b8683a 74%, #7f4226 100% );--lamp: rgba(210, 130, 70, .075);--lamp-green: rgba(34, 82, 57, .425);--cream: #f6f2e9;--cream-2: #ddd6c5;--muted: #9aab9e;--muted-dim: #74877b;--display: "Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;--body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--step--1: clamp(.8rem, .77rem + .15vw, .88rem);--step-0: clamp(1rem, .96rem + .2vw, 1.12rem);--step-1: clamp(1.18rem, 1.09rem + .44vw, 1.42rem);--step-2: clamp(1.5rem, 1.28rem + 1.1vw, 2.2rem);--step-3: clamp(2.1rem, 1.63rem + 2.34vw, 3.6rem);--step-4: clamp(2.7rem, 1.8rem + 4.5vw, 5.8rem);--step-5: clamp(3.1rem, 1.6rem + 7.6vw, 8.2rem);--gutter: clamp(1.5rem, 5vw, 4rem);--shell: 1240px;--ease: cubic-bezier(.33, 0, .15, 1);--ease-io: cubic-bezier(.45, .03, .52, .96);--enter: .78s;--state: .36s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--body);font-size:var(--step-0);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,iframe{display:block;max-width:100%}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.eyebrow{font-family:var(--body);font-size:.75rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--copper)}.eyebrow--muted{color:var(--muted-dim)}.lede{font-size:var(--step-1);font-weight:300;line-height:1.62;color:var(--cream-2);max-width:38ch;text-wrap:pretty}.prose{color:var(--muted);max-width:46ch;text-wrap:pretty}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}.section{--pad: clamp(6rem, 14vh, 11rem);position:relative;padding-block:var(--pad)}.section--tall{--pad: clamp(7.5rem, 18vh, 14rem)}.section--raised{position:relative;background:var(--green-3);isolation:isolate}.section--raised:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ink);transform-origin:top;transform:scaleY(1);transition:transform 1.15s var(--ease)}.section--raised.is-in:before{transform:scaleY(0)}.section--green{background:var(--green)}.room{position:relative;isolation:isolate;overflow:hidden}.room:before{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(52ch 38ch at var(--lamp-x, 62%) var(--lamp-y, 8%),var(--lamp),transparent 62%),radial-gradient(70ch 54ch at var(--lamp-x, 62%) var(--lamp-y, 8%),var(--lamp-green),transparent 66%);animation:breathe 14s ease-in-out infinite;will-change:transform,opacity}@keyframes breathe{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.025);opacity:1}}.room:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 88% at 50% 42%,transparent 42%,rgba(0,0,0,.52) 100%)}.engrave{position:relative;height:1px;background:var(--copper-soft);transform:scaleX(0);transform-origin:left;transition:transform .95s var(--ease);transition-delay:var(--d, 0ms)}.engrave:after{content:"";position:absolute;left:0;top:3px;width:100%;height:1px;background:var(--line-soft)}.section--raised .engrave{background:var(--copper-soft)}.is-in .engrave,.engrave.is-in{transform:scaleX(1)}.head{display:grid;gap:1.6rem;margin-bottom:clamp(3rem,8vh,5.5rem);max-width:24ch}.head__title{font-size:var(--step-4)}.head--wide{max-width:none}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.9rem;padding:1.15rem 2.2rem;color:#0d0704;font-family:var(--body);font-size:.7rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;border:1px solid var(--copper-deep);cursor:pointer;isolation:isolate;background-image:var(--metal);background-size:260% 100%;background-position:12% 0;box-shadow:0 1px #f2c9a047 inset,0 6px 18px -10px #000000e6;transition:background-position .9s var(--ease-io),box-shadow var(--state) var(--ease-io),border-color var(--state) var(--ease-io),filter var(--state) var(--ease-io)}.btn:hover,.btn:focus-visible{background-position:88% 0;border-color:var(--copper);box-shadow:0 1px #f2c9a080 inset,0 10px 26px -12px #c8783f8c}.btn:active{filter:brightness(.9) saturate(1.1);box-shadow:0 1px 3px #0009 inset;transition-duration:90ms}.btn--line{background-image:none;background-color:transparent;color:var(--cream);border-color:var(--line);box-shadow:none;overflow:hidden}.btn--line:before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--metal);background-size:260% 100%;background-position:12% 0;transform:scaleY(0);transform-origin:bottom;transition:transform var(--state) var(--ease-io),background-position .9s var(--ease-io)}.btn--line:hover,.btn--line:focus-visible{color:#0d0704;border-color:var(--copper)}.btn--line:hover:before,.btn--line:focus-visible:before{transform:scaleY(1);background-position:88% 0}:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.skip{position:absolute;left:1rem;top:-100%;z-index:200;padding:.9rem 1.5rem;background:var(--cream);color:var(--ink);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;transition:top .3s var(--ease)}.skip:focus{top:1rem}[data-reveal]{opacity:0;transform:translate3d(0,22px,0);transition:opacity var(--enter) var(--ease),transform var(--enter) var(--ease);transition-delay:var(--d, 0ms)}[data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}[data-reveal]{opacity:1;transform:none}.engrave{transform:scaleX(1)}.room:before{animation:none}.section--raised:before{transform:scaleY(0)}}
