@font-face{font-family:Anton;src:url('assets/anton.ttf')}*{box-sizing:border-box} :root{--green:#763e2f;--lime:#fff1d9;--p:0}html{background:var(--green);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;color:var(--lime);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:var(--lime);color:var(--green);font-family:Anton,sans-serif;font-size:clamp(13px,1.65vw,32px)}button:hover{background:#f1c9a5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:5px}.scroll-scene{height:190vh;height:190svh}.stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;background:var(--green)}header{position:absolute;inset:3.65% 4% auto;display:flex;align-items:center;justify-content:space-between;z-index:4;height:6.7%}.social{display:flex;gap:2vw;font:clamp(12px,1.25vw,24px) Anton}.social a:hover{text-decoration:underline}.actions{display:flex;gap:1.9vw;height:100%}.actions button{width:12.7vw}.outline{background:transparent;border:1px solid var(--lime);color:var(--lime)}.outline:hover{color:var(--green)}.brand{position:absolute;left:50%;top:13.6%;width:92%;transform:translateX(-50%);transform-origin:top center;z-index:3;will-change:transform,top,width}.brand img{display:block;width:100%;height:auto;mix-blend-mode:normal}.collage{position:absolute;inset:0;will-change:transform}.photo{position:absolute;object-fit:cover}.lunch{left:11.8%;top:58.2%;width:10.2%;height:29%}.pool{left:15%;top:79.6%;width:13.4%;height:33%;z-index:-0}.house{left:77.35%;top:35.3%;width:18.5%;height:53.1%}.friends{left:87.2%;top:80.5%;width:15%;height:31%}.edge{left:0;top:99.5%;width:11.3%;height:20%}.lunch{z-index:1}.hero-copy{position:absolute;top:54.7%;left:20%;width:60%;text-align:center;z-index:2;will-change:transform}h1{font:400 clamp(30px,4.6vw,88px)/1.22 Anton,sans-serif;letter-spacing:-.035em;margin:0 -3% 4.1%}p{font-size:clamp(13px,1.42vw,27px);font-weight:400;letter-spacing:-.035em;margin:0 0 3.5%;white-space:nowrap}.book{width:45.3%;height:9.8vh;min-height:56px;font-size:clamp(16px,2vw,38px)}.book span{font-family:Arial;font-weight:400;font-size:1.25em;margin-left:.15em}.dock{position:absolute;bottom:1.5%;left:10%;width:80%;height:10%;max-height:110px;padding:9px;background:#f9e3c3;display:flex;z-index:5;opacity:0;transform:translateY(130%);will-change:opacity,transform}.dock button{flex:1;background:transparent;font-size:clamp(10px,1vw,18px);white-space:nowrap}.dock button:hover{background:#edc4a5}.dock .reserve{background:#763e2f;color:#fff1d9;flex:1.2}.reserve span{margin-left:1vw;font-family:Arial}dialog{background:var(--lime);color:var(--green);border:0;padding:50px;max-width:580px;width:90%}dialog::backdrop{background:#351b16c9;backdrop-filter:blur(8px)}.close{position:absolute;right:18px;top:8px;font:36px Arial}.eyebrow{font:18px Anton}h2{font:42px/1.12 Anton;margin:22px 0}.dialog-content{line-height:1.6}.dialog-content p{white-space:normal;font-size:18px;letter-spacing:0}.dialog-content label{display:block;margin-top:14px}.dialog-content input{display:block;width:100%;padding:12px;border:1px solid #763e2f66;background:transparent;font:16px Arial}.submit{margin-top:22px;background:var(--green);color:var(--lime);padding:12px 25px;font-size:18px}@media(max-width:650px){header{inset:22px 5% auto;height:34px}.social{gap:12px;font-size:10px}.actions{gap:8px}.actions button{width:70px;font-size:13px}.brand{top:19%;width:94%}.hero-copy{top:46%;left:7%;width:86%}h1{font-size:8vw;margin-bottom:26px;line-height:1.2}p{white-space:normal;font-size:14px;max-width:290px;margin:0 auto 25px;line-height:1.4}.book{width:220px;height:58px;font-size:20px}.house{left:76%;top:29%;width:24%;height:31%}.lunch{left:0;top:55%;width:14%;height:22%}.pool{left:5%;top:74%;width:24%;height:24%}.friends{left:80%;top:77%;width:25%;height:24%}.dock{left:4%;width:92%;height:65px;bottom:2%;padding:5px}.dock button{font-size:9px}.dock button:nth-child(3),.dock button:nth-child(4),.dock button:nth-child(5){display:none}dialog{padding:30px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.brand img{aspect-ratio:1735 / 260}.photo{filter:saturate(.78) contrast(.96)}.house{object-position:53% center}.lunch{object-position:38% center}.pool{object-position:55% center}.friends{object-position:48% center}.hero-copy h1{letter-spacing:-.02em}.book{width:49%}@media(max-width:650px){.book{width:230px}}