:root{--ink:#402336;--cream:#fff8ef;--rose:#f7c8d1;--red:#a82f55;--navy:#081e2b;--cyan:#99e5e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:10}.skip:focus{top:8px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;gap:20px;border-bottom:1px solid #40233620}.wordmark{font-size:35px;font-weight:800;letter-spacing:-2px;text-decoration:none}.wordmark span{color:var(--red);margin-left:4px}.edition,.eyebrow,.ticket-top,.ticket-bottom,.next{font-size:11px;letter-spacing:1.8px;font-weight:700}.about{font-size:13px;padding:10px}.hero{max-width:1320px;margin:auto;min-height:720px;padding:55px 6% 80px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;position:relative}h1,h2,.ticket-title,.coffee-note{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.06em;line-height:.97;font-weight:400}h1{font-size:clamp(76px,9vw,144px);margin:24px 0}em{font-weight:400}h1 em{color:var(--red)}.subtitle{font-size:27px;margin:22px 0 10px}.intro{font-size:17px;max-width:360px;margin:0 0 24px}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;background:var(--ink);color:white;padding:15px 24px;border-radius:50px;font-weight:700;text-decoration:none;min-height:52px}.button span{font-size:24px;line-height:1}.button:hover{background:var(--red)}.fine{font-size:12px;max-width:350px;margin-top:14px;opacity:.8}.invitation{background:var(--rose);padding:48px 38px 25px;transform:rotate(5deg);box-shadow:13px 18px 0 #e9d6cc;border-radius:8px;position:relative;max-width:420px;justify-self:end;width:100%}.ticket-title{font-size:clamp(50px,5vw,74px);margin:50px 0 38px}.ticket-title em{color:var(--red)}.stamp{position:absolute;right:14px;top:-35px;background:var(--red);color:var(--cream);width:106px;height:106px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.3;transform:rotate(-18deg);border:6px double var(--rose)}.ticket-bottom{border-top:1px dashed #40233670;display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:10px}.ticket-bottom svg{width:44px;fill:none;stroke:var(--red);stroke-width:2}.next{position:absolute;bottom:22px;left:6%;text-decoration:none;font-size:10px}.section{padding:90px max(6%,calc((100% - 1160px)/2))}h2{font-size:clamp(46px,6vw,80px);margin:20px 0 28px}h3{font-size:24px;line-height:1.2;letter-spacing:-.7px}.lead{font-size:20px;max-width:680px}.reveal{background:var(--navy);color:var(--cream)}.reveal h2 em{color:var(--cyan)}.reveal-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin-top:55px}.reveal-grid>div{max-width:400px}.prototype-label{margin-top:32px;font-size:12px;color:var(--cyan)}.phone{max-width:300px;margin:0 auto;width:100%}.phone img{display:block;width:100%;height:auto;border-radius:24px;border:5px solid #526876}.phone figcaption{font-size:11px;margin:12px 3px;line-height:1.4;opacity:.8}.days{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0;gap:30px}.days article{border-top:1px solid #40233650;padding-top:22px}.day{font-size:40px;font-weight:800;letter-spacing:-2px;color:var(--red)}.days h3{font-size:21px}details{border-top:1px solid #40233640;border-bottom:1px solid #40233640;padding:14px 0;max-width:740px}summary{cursor:pointer;min-height:30px;font-weight:700}details p{max-width:680px}.meet{background:#f1dfdc}.format-controls{display:flex;gap:8px;margin:30px 0}.format-controls button{border:1px solid var(--ink);padding:12px 22px;background:transparent;color:var(--ink);border-radius:30px;cursor:pointer;min-height:48px}.format-controls button[aria-pressed=true]{background:var(--ink);color:white}.format-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:40px}.format-panel[hidden]{display:none}.format-panel>div:last-child{max-width:420px}.coffee-art{height:330px;border-radius:50% 50% 5px 5px;background:var(--cream);display:grid;place-content:center;position:relative;text-align:center}.cup{font-size:90px}.coffee-note{font-size:50px;color:var(--red);transform:rotate(-7deg);margin-top:-10px}.small{font-size:13px;opacity:.85}.secret{text-align:center;background:var(--red);color:var(--cream)}.secret .lead{margin:30px auto}.secret h2{font-size:clamp(38px,5vw,65px)}.secret>p:last-child{font-size:14px}.closing{max-width:1160px;margin:auto;padding-left:6%;padding-right:6%}.closing .button{margin-top:12px}.closing details{margin-top:35px}footer{border-top:1px solid #40233630;padding:35px 6%;display:grid;grid-template-columns:.6fr 1fr 1.5fr;gap:25px;align-items:start}footer p{margin-top:8px;font-size:14px}.format-controls{display:none}.js .format-controls{display:flex}@media(max-width:700px){header{padding:14px 6%}.wordmark{font-size:30px}.edition{display:none}.hero{grid-template-columns:1fr;padding-top:34px;gap:38px;padding-bottom:70px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:clamp(72px,20vw,115px);margin:22px 0}.subtitle{font-size:25px}.intro{font-size:16px;max-width:320px}.invitation{width:calc(100% - 25px);max-width:330px;justify-self:center;margin:25px 0 20px;padding:35px 25px 20px;transform:rotate(3deg)}.ticket-title{font-size:57px;margin:36px 0}.ticket-top{font-size:9px}.stamp{width:86px;height:86px;top:-25px;font-size:10px}.section{padding:60px 6%}h2{font-size:clamp(42px,11vw,65px)}.lead{font-size:18px}.reveal-grid,.format-panel{grid-template-columns:1fr;gap:30px;margin-top:30px}.reveal-grid>div{max-width:none}.phone{max-width:285px}.days{grid-template-columns:1fr;gap:18px;margin:32px 0}.days article{display:grid;grid-template-columns:70px 1fr;gap:0 12px;padding-top:18px}.day{grid-row:span 2;font-size:28px}.days h3{margin:0;font-size:21px}.days p{margin-top:9px}.coffee-art{height:280px}.format-controls button{flex:1;font-size:14px;padding:12px 10px}.format-panel>div:last-child{max-width:none}.secret h2{font-size:clamp(34px,9.4vw,55px)}footer{grid-template-columns:1fr;gap:10px}.next{font-size:8px;letter-spacing:1.1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media(min-width:701px){.format-panel .phone{max-width:270px}}
