:root{--paper:#171311;--ink:#f4e8d9;--muted:#c9b8a7;--purple:#e8c3a8;--line:#6c55483d}
html{scroll-padding-top:66px}
body{background:#171311}
.mast{position:sticky;top:0;z-index:8;background:#191411ed;border-bottom:1px solid #c8a88930;backdrop-filter:blur(14px)}
.mast .bar{min-height:61px}
.mast nav,.brand small{color:#e3c9b1}
.brand-mark{background:#3a2b25;color:#efd1a8}
.mast .outline{background:transparent;color:#f7e9da;border-color:#a37d5d88}
.film{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 62px);background:#281a15;display:flex}
.film::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#160f0ee8 0%,#1b110f9e 37%,#160f0e08 75%),linear-gradient(0deg,#171311 0%,transparent 31%)}
.film-inner{position:relative;display:grid;align-content:center;padding-block:72px 100px}
.film-copy{max-width:630px;animation:film-enter .8s ease-out both}
@keyframes film-enter{from{opacity:.45;transform:translateY(16px)}}
.film-kicker{color:#ead1b4;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;margin-bottom:19px}
.film-kicker i{width:24px;height:1px;background:#d8af85}
.film h1,.experience-title{font:600 clamp(51px,8vw,114px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin:0 0 22px}
.film h1 em,.experience-title em{font-style:normal;color:#e8c6a5}
.film-copy>p:not(.film-kicker){color:#f1ddd0;font-size:16px;line-height:1.9}
.film-cta{display:inline-flex;gap:18px;align-items:center;color:#f9e7d1;border-bottom:1px solid #dcb48c;padding:12px 0;margin-top:9px;font-weight:bold;font-size:14px}
.film svg{width:18px;height:18px}
.film-meta{position:absolute;inset:auto 0 23px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e8c19a4d;padding-top:13px;color:#e7cbb1;font-size:11px}
.film-meta span{font:700 9px monospace;letter-spacing:.12em}.film-meta a{display:inline-flex;gap:7px;align-items:center}
.hero-shell{background:radial-gradient(ellipse at 22% 55%,#3a2625,transparent 64%),#211917;border-block:1px solid #b2876a30}
.hero{min-height:0;margin:0 auto;border-radius:0;padding:clamp(36px,6vw,78px) 0;background:transparent}
.hero::before,.hero::after{display:none}
.experience-title{font-size:clamp(42px,6vw,84px)}
.hero .lede{color:#e5cec0}.hero .dark{background:#ead0b3;color:#2b1c18}
.picker-options button[aria-pressed=true],.demo-steps [aria-current]{background:#ead0b3;color:#39251e;border-color:#ead0b3}
.demo{background:#e7b38a0e;box-shadow:none}
.stage[data-occasion=birthday]{background:radial-gradient(ellipse at 50% 48%,#9a6e63,#68453f 44%,#372727 78%)}
.occasion{padding-block:clamp(42px,8vw,104px)}
.section-intro h2,.how h2,.order h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.card,.card.rose{background:#211a17;border-color:#b58a6c3d;color:#f4e8d9;border-radius:5px}
.card-art{border-radius:3px;min-height:185px;background:#6e4450;color:#f8ddd3}
.mint .card-art{background:#3e5748;color:#f3e7cd}.peach .card-art{background:#825645;color:#ffe0c7}.lilac .card-art{background:#57485f;color:#f4daed}
.card-art::before{border-color:#ffe9d763}
.card .demo-link,.textlink{color:#f2caac}
.order{background:#241b17;border-color:#aa79554d;border-radius:9px}
.order .dark{background:#edd3b8;color:#302018}
dialog{background:#2a201b;color:#f4e8d9}
dialog .seal,.how li b{background:#52372d;color:#f2d0b5}
dialog .dark{background:#eed2b4;color:#302018}
@media(max-width:680px){
.mast .bar{min-height:0;padding-block:6px 0}.mast nav{border-color:#e7bd8e2d}
.film{min-height:calc(100svh - 110px)}
.film-inner{padding-block:34px 68px;align-content:end}
.film::after{background:linear-gradient(0deg,#171311 0%,#171311d8 39%,#17131110 86%)}
.film h1{font-size:clamp(43px,10vw,68px);margin-bottom:12px}
.film-copy>p:not(.film-kicker){font-size:14px;margin-bottom:0}
.film-meta span:first-child{display:none}
.hero{padding:32px 0;gap:17px}
.card-art{min-height:110px}
}
@media(prefers-reduced-motion:reduce){.film-image{transform:none;will-change:auto}}
.order input,.order textarea,.order select{background:#fff8f0;color:#241b17;border-color:#c2a68f}
.order .outline{color:#f4e8d9}
@media(prefers-reduced-motion:reduce){.film-copy{animation:none}}