:root{color-scheme:dark;--cream:#f7ecd8;--muted:#dfcfb7;--gold:#dec098;--ink:#251b13;font-family:Arial,Helvetica,sans-serif;background:#211b15;color:var(--cream)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fff3d5;outline-offset:6px} .skip{position:fixed;left:1rem;top:1rem;z-index:10;padding:1rem;background:var(--ink);transform:translateY(-180%)}.skip:focus{transform:none}
.cinema{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#211b15}.room{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(180deg,rgba(19,15,12,.45) 0%,rgba(19,15,12,.14) 40%,rgba(19,15,12,.06) 58%,rgba(19,15,12,.9) 100%),url('living-room.webp');background-position:center;background-size:cover}.cinema:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 23%,transparent 5%,rgba(15,11,8,.24) 100%)}
.grain{position:absolute;inset:-10%;z-index:-1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");animation:grain 1.6s steps(3) infinite}.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px 4.5%;gap:24px}.wordmark{text-decoration:none;display:flex;align-items:center;gap:17px}.monogram{font:27px Georgia,serif;letter-spacing:-2px;border-bottom:1px solid #b99a73;padding:0 4px 5px}.monogram span{font-size:20px;color:var(--gold);padding:0 2px}.wordmark-text{font-size:12px;letter-spacing:.19em;font-weight:600}.motion{background:#211b1559;color:var(--muted);border:1px solid #d9bd9138;border-radius:30px;padding:10px 14px;font-size:12px;cursor:pointer}.motion:hover{background:#3f3025}.motion span:first-child{font-size:17px;vertical-align:-1px;margin-right:5px}
main{min-height:calc(100svh - 158px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:34px 24px 32px;gap:clamp(180px,24vh,300px)}.intro{max-width:850px;text-shadow:0 2px 24px #110b07}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold);margin:0 0 28px}.eyebrow span{height:1px;width:33px;background:#d4af7866}h1{font-weight:400;margin:0;font-family:Georgia,'Times New Roman',serif}.family-name{display:block;font-size:clamp(26px,3.1vw,43px);line-height:1.25}.vault-name{display:block;font-size:clamp(59px,8vw,112px);line-height:1.12;letter-spacing:-.045em;margin-top:2px}.sentiment{font:italic 20px/1.6 Georgia,serif;color:var(--muted);margin:20px 0 30px}.phone-break{display:none}.enter{display:inline-flex;gap:13px;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#f2d9ae,#d3aa75);color:#302116;padding:18px 27px;border:1px solid #f5deb8;border-radius:4px;font-size:15px;font-weight:600;letter-spacing:.015em;box-shadow:0 5px 35px #d1a06721;text-shadow:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;min-height:56px}.enter:hover{background:#f5dfbc;transform:translateY(-2px);box-shadow:0 8px 36px #d1a06742}.enter[aria-disabled=true]{cursor:default}.enter[aria-disabled=true]:hover{transform:none}.status{font-size:13px;line-height:1.6;color:#f0e1cb;margin:15px 0 0;text-shadow:0 1px 10px #000}.welcome{text-shadow:0 2px 15px #000}.small-rule{display:block;width:32px;height:1px;background:#e0c08a;margin:0 auto 17px}.welcome p{font:italic 25px Georgia,serif;margin:0 0 13px}.welcome>span:last-child{font-size:10px;letter-spacing:.22em;color:#dfcfb7}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 4.5% 23px;border-top:1px solid #d9bd911c;color:#c9bca9;font-size:11px;line-height:1.7}footer>span:first-child{letter-spacing:.14em}.footer-dot{padding:0 8px}footer>span:last-child{font:italic 13px Georgia,serif}
@keyframes grain{0%,100%{transform:translate(0,0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(-1%,-1%)}}.still .grain{animation:none}
@media(min-width:1500px){main{padding-top:55px}}@media(max-width:700px){.masthead{padding:23px 23px}.wordmark-text{display:none}.motion{font-size:12px}main{padding:38px 20px 30px;min-height:calc(100svh - 174px);gap:240px}.eyebrow{font-size:10px;letter-spacing:.16em;gap:9px;margin-bottom:25px}.eyebrow span{width:18px}.family-name{font-size:28px}.vault-name{font-size:clamp(57px,12vw,80px)}.sentiment{font-size:18px}.room{background-position:58% center}.status{max-width:290px;margin:15px auto 0}footer{padding:18px 23px;flex-direction:column;align-items:center;gap:8px;text-align:center}.welcome p{font-size:24px}.phone-break{display:block}}@media(max-width:370px){.family-name{font-size:25px}.vault-name{font-size:53px}.eyebrow{font-size:9px}.enter{padding:17px 20px;font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.enter,.motion{border:2px solid ButtonText}.room,.grain{display:none}}

/* Brighter family movie-night edition. Keep the complete room visible. */
:root{color-scheme:light;--cream:#3b2c20;--muted:#685342;--gold:#8b6034;--ink:#fff5e4;background:#f6eddf}
.cinema{background:radial-gradient(ellipse at 50% 10%,#fff9ee,#eee0ca);color:var(--cream)}
.cinema:after{display:none}.grain{z-index:0;opacity:.06}.masthead,main,footer{position:relative;z-index:1}
.masthead{padding-top:24px;padding-bottom:16px}.monogram{border-color:#97734b}.motion{background:transparent;border-color:#97734b66;color:#624c38}.motion:hover{background:#e6d4b9}
main{padding:22px 0 0;gap:32px;min-height:0}.intro{padding:0 24px;text-shadow:none}.eyebrow{margin-bottom:16px}.eyebrow span{background:#a07a4766}.family-name{font-size:clamp(26px,2.7vw,38px)}.vault-name{font-size:clamp(57px,6.8vw,88px)}.sentiment{margin:14px 0 22px;color:#6c533e;font-size:19px}.enter{background:#67442c;color:#fff4df;border-color:#67442c;box-shadow:0 4px 14px #50361c18}.enter:hover{background:#7b5133;box-shadow:0 6px 18px #50361c28}.status{color:#705d4b;text-shadow:none;font-size:13px}.skip{background:#fff5e4}a:focus-visible,button:focus-visible{outline-color:#7d4f22}
.room{position:relative;inset:auto;z-index:auto;display:block;width:min(1180px,calc(100% - 64px));margin:0 auto;background:none;border-radius:8px 8px 0 0;overflow:hidden}.room img{display:block;width:100%;height:auto}.welcome{position:absolute;bottom:0;left:0;right:0;padding:70px 20px 28px;background:linear-gradient(transparent,#241a12db);color:#fff0d6}.welcome p{font-size:27px}.welcome>span:last-child{color:#f0dfc5}.small-rule{margin-bottom:13px}footer{border-color:#9c79502b;color:#6b5844;padding-top:22px;padding-bottom:22px}footer>span:last-child{color:#6b5844}
@media(max-width:700px){.masthead{padding:20px 22px 12px}main{padding-top:23px;gap:26px}.intro{padding:0 18px}.eyebrow{font-size:10px}.family-name{font-size:27px}.vault-name{font-size:60px}.sentiment{font-size:18px}.room{width:100%;border-radius:0}.welcome{position:relative;padding:23px 16px 25px;background:#3b2d22}.room img{aspect-ratio:3/2;object-fit:contain}.welcome p{font-size:24px}footer{padding:20px 18px}.status{max-width:300px}.phone-break{display:block}}
@media(max-width:370px){.family-name{font-size:25px}.vault-name{font-size:53px}.eyebrow{font-size:9px}}