:root{--tb-yellow:#fcd639;--tb-red:#d80621;--tb-black:#000;--tb-white:#fff;--tb-orange:#fda018;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--tb-yellow);color:var(--tb-black)}body{font-family:var(--body)}a{color:inherit}.skip{position:fixed;left:16px;top:-80px;z-index:10;background:var(--tb-white);border:2px solid var(--tb-black);padding:12px 16px;font-weight:700}.skip:focus{top:16px}.coming-cover{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);border:10px solid var(--tb-black)}.coming-copy{display:flex;flex-direction:column;min-width:0;padding:28px clamp(28px,5vw,76px) 30px;background:var(--tb-yellow)}.coming-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:2px solid var(--tb-black)}.coming-header img{width:132px;height:76px;object-fit:contain;mix-blend-mode:multiply}.coming-header span{font-size:11px;font-weight:700;letter-spacing:1.5px;text-align:right}.coming-message{margin:auto 0;padding:42px 0 28px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 23px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:34px;height:4px;background:var(--tb-red)}h1{font:900 clamp(74px,8vw,134px)/.76 var(--display);letter-spacing:-1.5px;margin:0;max-width:760px}h1 span{color:var(--tb-white);-webkit-text-stroke:2px var(--tb-black);text-shadow:5px 5px 0 var(--tb-red)}.handwritten{font:700 clamp(31px,3vw,50px)/1.05 'Caveat',cursive;transform:rotate(-3deg);transform-origin:left;margin:27px 0 25px 8px}.intro{font-size:15px;line-height:1.8;max-width:540px;margin:0}.promise{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px;font:700 13px/1 var(--display);letter-spacing:1.3px}.promise b{font-size:20px;color:var(--tb-red)}footer{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-top:22px;border-top:2px solid var(--tb-black)}footer p{max-width:430px;margin:0;font-size:12px;line-height:1.6}footer a{font-size:12px;font-weight:800;text-underline-offset:5px;text-align:right;white-space:nowrap}footer a span{font-size:18px;margin-left:8px}.coming-photo{position:relative;overflow:hidden;background:var(--tb-orange);border-left:10px solid var(--tb-black);min-height:520px}.coming-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02)}.coming-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.stamp{position:absolute;z-index:1;right:34px;top:34px;width:170px;height:170px;border-radius:50%;border:3px solid var(--tb-black);background:var(--tb-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);box-shadow:0 0 0 7px var(--tb-yellow)}.stamp small{font-size:9px;font-weight:800;letter-spacing:1.2px}.stamp strong{font:900 34px/.82 var(--display);text-align:center;margin:12px 0}.photo-note{position:absolute;z-index:1;left:34px;right:34px;bottom:30px;color:var(--tb-white);border-top:2px solid currentColor;padding-top:15px}.photo-note span{font-size:10px;font-weight:700;letter-spacing:1.8px}.photo-note strong{display:block;font:800 clamp(38px,4vw,62px)/1 var(--display)}@media(max-width:820px){.coming-cover{grid-template-columns:1fr;border-width:7px}.coming-copy{padding:22px 6% 27px}.coming-header{padding-bottom:18px}.coming-header img{width:110px;height:64px}.coming-message{padding:38px 0 29px}h1{font-size:clamp(72px,20vw,112px);line-height:.78}.handwritten{font-size:36px}.intro{font-size:14px}.promise{gap:11px}.coming-photo{border-left:0;border-top:7px solid var(--tb-black);height:52svh;min-height:390px}.stamp{width:136px;height:136px;right:25px;top:25px}.stamp strong{font-size:28px}.photo-note{left:25px;right:25px;bottom:22px}footer{align-items:flex-start;flex-direction:column;gap:14px}footer a{text-align:left}}@media(prefers-reduced-motion:no-preference){.stamp{animation:float 4.5s ease-in-out infinite}@keyframes float{50%{transform:rotate(6deg) translateY(-7px)}}}
