@font-face{font-family:Fraunces;src:url('assets/fraunces.woff2') format('woff2');font-display:swap}@font-face{font-family:Instrument;src:url('assets/instrument.woff2') format('woff2');font-display:swap}
:root{--black:#151714;--cream:#f0ede4;--green:#b7d638;--fog:#c8cbc2;--pad:clamp(20px,4.5vw,78px);--line:rgba(21,23,20,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:Instrument,Arial,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{color:inherit;font:inherit}::selection{background:var(--green);color:var(--black)}
.intro{position:fixed;inset:0;background:var(--cream);z-index:1000;display:grid;place-content:center;justify-items:center;gap:24px;transition:clip-path 1s cubic-bezier(.75,0,.2,1);clip-path:inset(0)}.intro.done{clip-path:inset(0 0 100%)}.intro-mark{width:120px;fill:var(--black);animation:breath 1.6s ease-in-out infinite}.intro p{font-size:10px;letter-spacing:.26em;text-transform:uppercase}@keyframes breath{50%{transform:scale(.94)}}.grain{position:fixed;inset:-60%;z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{0%{transform:translate(1%,1%)}50%{transform:translate(-1%,2%)}100%{transform:translate(2%,-1%)}}.pointer{position:fixed;z-index:999;pointer-events:none;width:36px;height:36px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:15px;translate:-50% -50%;transition:width .25s,height .25s,background .25s,color .25s}.pointer.big{width:72px;height:72px;background:var(--green);color:var(--black)}@media(pointer:coarse){.pointer{display:none}}
.topbar{height:94px;position:fixed;z-index:100;left:0;right:0;top:0;padding:14px var(--pad);display:grid;grid-template-columns:190px 1fr 190px;align-items:center;color:white;mix-blend-mode:difference}.brand{width:152px}.brand img{filter:invert(1)}.topbar nav{display:flex;justify-content:center;gap:32px;font-size:10px;text-transform:uppercase;letter-spacing:.17em}.topbar nav a:after{content:"";display:block;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s}.topbar nav a:hover:after{transform:scaleX(1)}.book{justify-self:end;border-bottom:1px solid;padding:6px 0;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.book span{margin-left:20px}.menu-toggle{display:none;background:none;border:0}
.hero{height:100svh;min-height:720px;position:relative;background:var(--black);color:white;overflow:hidden}.hero-photo,.hero-photo img,.hero-overlay{position:absolute;inset:0}.hero-photo img{height:100%;object-fit:cover;transform:scale(1.04)}.hero-overlay{background:linear-gradient(90deg,#10120fd9 0 30%,transparent 68%),linear-gradient(0deg,#10120fb8,transparent 38%)}.hero-title{position:absolute;left:var(--pad);bottom:18vh;z-index:2}.kicker{text-transform:uppercase;letter-spacing:.26em;font-size:10px}.hero h1{font:clamp(90px,13vw,220px)/.68 Fraunces,serif;letter-spacing:-.065em;margin:30px 0 0}.hero h1 span{display:block}.hero h1 .script{color:var(--green);font-style:italic;margin-left:15vw;font-size:.62em;line-height:1}.hero h1 .line{opacity:0;transform:translateY(100%);transition:opacity .8s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.hero.loaded h1 .line{opacity:1;transform:none}.hero.loaded h1 .line:nth-child(2){transition-delay:.18s}.hero-foot{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:35px;border-top:1px solid #ffffff50;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end}.hero-foot p{max-width:430px;margin:0;font-size:14px;line-height:1.5}.hero-foot a{text-transform:uppercase;font-size:10px;letter-spacing:.2em}.hero-foot i{font-style:normal;margin-left:20px;color:var(--green)}.hero-seal{position:absolute;z-index:3;right:5vw;top:18vh;width:clamp(135px,14vw,220px);fill:white;animation:rotate 22s linear infinite}.hero-seal text{font-size:12px;letter-spacing:2.4px}.hero-seal .paw{fill:var(--green);transform-origin:center;animation:reverseRotate 22s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes reverseRotate{to{transform:rotate(-360deg)}}
.welcome{padding:clamp(120px,16vw,240px) var(--pad);display:grid;grid-template-columns:.6fr 2.4fr;gap:8vw}.welcome-aside{display:flex;flex-direction:column;font-size:10px;text-transform:uppercase;letter-spacing:.15em;line-height:1.6}.welcome-aside i{width:1px;height:150px;background:var(--line);margin:25px 0}.welcome-aside small{font-size:9px;opacity:.65}.overline{text-transform:uppercase;letter-spacing:.24em;font-size:10px}.welcome h2,.table-heading h2,.visit h2{font:clamp(55px,7.8vw,124px)/.98 Fraunces,serif;letter-spacing:-.055em;margin:35px 0}.welcome h2 em,.table-heading h2 em,.visit h2 em{font-style:italic;color:#6d791f}.welcome-bottom{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;align-items:center}.welcome-bottom p{max-width:560px;font-size:18px;line-height:1.6}.round-link{width:135px;height:135px;border-radius:50%;border:1px solid;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:9px;letter-spacing:.14em;transition:background .3s,color .3s}.round-link:hover{background:var(--black);color:var(--green)}.round-link span{margin-left:15px}
.panorama{position:relative;background:var(--black);color:white;padding:100px var(--pad) 140px;overflow:hidden}.panorama-track{display:flex;white-space:nowrap;font:clamp(70px,11vw,175px)/.8 Fraunces;color:var(--green);font-style:italic;animation:marquee 18s linear infinite;margin-bottom:70px}.panorama-track span{padding-right:30px}@keyframes marquee{to{transform:translateX(-50%)}}.panorama-img{height:min(65vw,860px);margin:0 12vw 0 0;overflow:hidden}.panorama-img img{height:100%;object-fit:cover}.panorama-note{position:absolute;right:var(--pad);bottom:80px;background:var(--green);color:var(--black);width:clamp(210px,22vw,340px);aspect-ratio:1;padding:28px;display:flex;align-items:flex-end;gap:14px}.panorama-note b{font:clamp(78px,9vw,135px)/.65 Fraunces}.panorama-note p{font-size:11px;text-transform:uppercase;letter-spacing:.11em;line-height:1.5}
.table{padding:clamp(120px,14vw,220px) var(--pad)}.table-heading{display:grid;grid-template-columns:1fr 2fr;gap:3vw;align-items:start}.table-heading .overline{grid-row:1/3}.table-heading h2{margin-top:0}.table-heading>p:last-child{grid-column:2;max-width:600px;line-height:1.6}.plates{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr)}.plate{min-height:620px;padding:28px;border:1px solid var(--line);margin-right:-1px;position:relative;display:flex;flex-direction:column}.plate>span{font-size:9px;letter-spacing:.2em}.plate h3{font:clamp(38px,3.6vw,64px)/.92 Fraunces;margin:auto 0 20px;letter-spacing:-.04em}.plate p{line-height:1.55;font-size:13px}.plate-green{background:var(--green)}.plate-dark{background:var(--black);color:white}.plate-photo{padding:0;color:white;overflow:hidden}.plate-photo img{position:absolute;inset:0;height:100%;object-fit:cover}.plate-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.plate-photo span,.plate-photo h3{position:relative;z-index:1;padding:28px}.plate-photo h3{margin:auto 0 0}.plate-orbit{width:130px;height:130px;border:1px dashed currentColor;border-radius:50%;display:grid;place-items:center;position:absolute;right:25px;top:25%;animation:rotate 16s linear infinite}.plate-orbit i{font-style:normal;font-size:34px;animation:reverseRotate 16s linear infinite}.source-note{font-size:10px;opacity:.6;margin-top:25px}
.two-scenes{background:#d7d9d0;padding:var(--pad);display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:var(--pad);align-items:center}.scene{margin:0;position:relative;overflow:hidden}.scene img{height:100%;object-fit:cover}.scene-terrace{height:70vw;max-height:960px;grid-row:1/3}.scene-neon{height:42vw;max-height:600px}.scene figcaption{position:absolute;bottom:18px;left:18px;background:var(--cream);padding:12px 16px;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.scene-copy{padding:8vw 3vw}.scene-copy span{font-size:9px;letter-spacing:.22em}.scene-copy h2,.gallery-head h2{font:clamp(55px,6.5vw,105px)/.96 Fraunces;margin:30px 0}.scene-copy h2 em,.gallery-head h2 em{color:#6d791f}.scene-copy p{max-width:480px;line-height:1.7}
.gallery{background:var(--cream);padding:clamp(120px,14vw,210px) 0;position:relative}.gallery-head{padding:0 var(--pad);display:flex;justify-content:space-between;align-items:start}.gallery-head h2{text-align:right;margin-top:0}.gallery-head em{font-style:italic}.gallery-slider{display:flex;gap:24px;overflow-x:auto;padding:40px var(--pad) 30px;scrollbar-width:none;cursor:grab}.gallery-slider:active{cursor:grabbing}.gallery-slider::-webkit-scrollbar{display:none}.gallery-slider figure{margin:0;flex:0 0 min(55vw,720px)}.gallery-slider figure:nth-child(even){flex-basis:min(38vw,520px);padding-top:120px}.gallery-slider img{height:600px;object-fit:cover}.gallery-slider figcaption{text-transform:uppercase;font-size:9px;letter-spacing:.17em;margin-top:15px}.drag-hint{position:absolute;right:var(--pad);bottom:65px;text-transform:uppercase;font-size:9px;letter-spacing:.18em}
.visit{background:var(--black);color:white;padding:clamp(110px,14vw,220px) var(--pad) 60px;display:grid;grid-template-columns:.55fr 2.45fr;gap:8vw}.visit-logo img{position:sticky;top:140px;filter:invert(85%) sepia(42%) saturate(806%) hue-rotate(24deg) brightness(96%) contrast(91%)}.visit h2{margin-top:30px}.visit h2 em{color:var(--green)}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #ffffff30;padding-top:35px;margin-top:70px}.details span{font-size:9px;letter-spacing:.2em;color:var(--green)}.details p{font-size:17px;line-height:1.5}.details a{border-bottom:1px solid;text-transform:uppercase;font-size:9px;letter-spacing:.13em}.details small{opacity:.55;font-size:10px}.huge-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin-top:80px;padding:25px 0;font:clamp(48px,7vw,110px)/1 Fraunces}.huge-link i{font-style:normal;color:var(--green)}
footer{background:var(--green);padding:34px var(--pad);display:flex;justify-content:space-between;align-items:center}footer p{font:30px Fraunces;margin:0}footer div{display:flex;gap:35px;text-transform:uppercase;font-size:9px;letter-spacing:.14em}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.on{opacity:1;transform:none}.image-wipe{clip-path:inset(100% 0 0);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1)}.image-wipe.on{clip-path:inset(0)}.words .word{display:inline-block;overflow:hidden;vertical-align:bottom}.words .word i{font:inherit;display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.words.on .word i{transform:none}
@media(max-width:950px){.topbar{grid-template-columns:1fr auto auto;height:76px}.topbar nav{position:fixed;inset:0;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;font:50px Fraunces;transform:translateY(-100%);transition:transform .6s;z-index:-1}.topbar nav.open{transform:none}.menu-toggle{display:block;border:0;background:none;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-right:20px}.book{font-size:0}.book span{font-size:20px}.brand{width:120px}.hero-title{bottom:25vh}.hero h1{font-size:22vw}.hero h1 .script{margin-left:4vw}.hero-seal{top:14vh}.welcome{grid-template-columns:1fr}.welcome-aside{display:none}.welcome-bottom{display:block}.round-link{margin-top:30px}.panorama{padding-left:20px;padding-right:20px}.panorama-img{height:110vw;margin:0}.panorama-note{bottom:30px}.table-heading{display:block}.plates{grid-template-columns:1fr 1fr}.plate{min-height:520px}.two-scenes{grid-template-columns:1fr}.scene-terrace{grid-row:auto;height:120vw}.scene-neon{height:90vw}.gallery-head{display:block}.gallery-head h2{text-align:left}.gallery-slider figure,.gallery-slider figure:nth-child(even){flex-basis:80vw;padding-top:0}.gallery-slider img{height:95vw}.visit{grid-template-columns:1fr}.visit-logo{display:none}.details{grid-template-columns:1fr}.huge-link{font-size:48px}footer{display:block}footer div{margin-top:20px;justify-content:space-between}}
@media(max-width:560px){.plates{grid-template-columns:1fr}.plate{min-height:500px}.hero-foot p{max-width:70%}.hero-title{bottom:28vh}.panorama-note{width:210px}.pointer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.image-wipe{clip-path:none}.words .word i{transform:none}}