:root{--ink:#171717;--paper:#fff;--red:#ee2639;--soft:#f3f3ef;--line:#deded8;--yellow:#ffdf51;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #255eff;outline-offset:5px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}.wrap{max-width:1440px;padding:0 5%;margin:auto}.topbar{background:var(--ink);color:white;text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.header{background:white;position:relative;z-index:10;border-bottom:1px solid var(--line)}.nav{min-height:92px;display:flex;align-items:center;gap:36px}.brand{font-size:36px;font-weight:950;letter-spacing:-2px;white-space:nowrap;line-height:1}.brand span{color:var(--red)}.navlinks{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:700}.navlinks a:hover{text-decoration:underline;text-underline-offset:6px}.pill{border:1px solid var(--ink);border-radius:100px;padding:9px 18px;display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.mobilemenu{display:none}.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px}.hero-copy{padding:70px 7% 62px max(6vw,24px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--soft)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;display:block;margin:0 0 20px}.eyebrow:before{content:' ';display:inline-block;background:var(--red);width:8px;height:8px;border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:900;letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(58px,6.4vw,98px);margin-bottom:24px}h1 em,h2 em{font-style:normal;color:var(--red)}.hero p{max-width:360px;font-size:18px;color:#555}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:white;min-height:52px;padding:14px 25px;font-weight:700;border:1px solid var(--ink);border-radius:3px;font-size:14px;transition:transform .18s,background .18s}.button:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.button.red{background:#ce1930;border-color:#ce1930}.button.light{background:white;color:var(--ink)}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.textlink{font-size:14px;font-weight:700;border-bottom:1px solid;padding:8px 0}.hero-photo{position:relative;overflow:hidden;background:#18252b}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:48% center}.photo-label{position:absolute;bottom:25px;left:25px;background:white;padding:10px 15px;font-size:13px;font-weight:700}.sticker{position:absolute;right:23px;top:25px;background:var(--yellow);padding:22px 18px;border-radius:50%;width:116px;height:116px;display:grid;place-content:center;text-align:center;font-size:15px;font-weight:900;line-height:1.1;transform:rotate(10deg);box-shadow:0 4px 0 #111}.fine{font-size:12px;color:#676767;line-height:1.5}.hero-copy .fine{margin:20px 0 0}.ticker{background:#ce1930;color:#fff;display:flex;justify-content:center;gap:6vw;padding:17px 5%;font-size:14px;font-weight:800;letter-spacing:.04em}.ticker span{white-space:nowrap}.section{padding-top:85px;padding-bottom:85px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}.sectionhead h2{font-size:clamp(40px,4vw,62px);margin:0;max-width:720px}.sectionhead p{max-width:350px;margin:15px 0 0;color:#656565}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{min-width:0}.card-image{display:block;position:relative;background:var(--soft);overflow:hidden;aspect-ratio:1}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.card-image:hover img{transform:scale(1.045)}.card-number{position:absolute;top:13px;left:14px;background:#fff;padding:3px 9px;font-size:11px;font-weight:800;z-index:1}.card h3{font-size:21px;letter-spacing:-.04em;margin:17px 0 4px}.card p{font-size:14px;color:#666;margin:0 0 12px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:13px;font-weight:700}.circle-arrow{font-size:20px;line-height:1}.split{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white}.split-photo img{width:100%;height:100%;object-fit:cover}.split-copy{padding:70px 12%;display:flex;flex-direction:column;justify-content:center;align-items:start}.split h2{font-size:clamp(40px,4.7vw,72px);margin-bottom:25px}.split-copy p{color:#ccc;max-width:360px}.occasion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.occasion{min-width:0;overflow-wrap:anywhere;position:relative;min-height:250px;background:var(--soft);padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}.occasion.big{grid-column:span 2;background:var(--ink);color:white;min-height:340px}.occasion img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.occasion.big:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent)}.occasion>*:not(img){position:relative;z-index:1}.occasion h3{font-size:32px;letter-spacing:-.05em;line-height:1.05;margin:0}.occasion .label{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.occasion:hover{border-color:var(--red)}.occasion.yellow{background:var(--yellow)}.occasion.pink{background:#ffe2e8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px}.benefits b{display:block;margin-bottom:8px}.benefits p{font-size:14px;color:#666;margin:0}.footer{background:var(--ink);color:white;padding:65px 0 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer .brand{font-size:55px;display:block;margin-bottom:20px}.footer p{color:#aaa;max-width:320px;font-size:14px}.footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px}.footer a:not(.brand){font-size:14px;display:block;margin-bottom:10px;color:#ddd}.footer-bottom{border-top:1px solid #444;margin-top:45px;padding-top:22px;font-size:12px;color:#aaa;display:flex;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:#666;padding-top:28px;padding-bottom:28px}.breadcrumb a{text-decoration:underline}.page-intro{padding-top:55px;padding-bottom:50px}.page-intro h1{font-size:clamp(50px,6vw,82px)}.page-intro p{max-width:600px;color:#666;font-size:18px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 34px}.filters a{padding:9px 20px;border:1px solid var(--line);border-radius:100px;font-size:14px;font-weight:700}.filters a:hover{background:var(--ink);color:white}.product{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-bottom:70px;align-items:start}.product-visual{background:var(--soft)}.product-visual img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.product-copy{padding-top:25px}.product h1{font-size:clamp(44px,4.8vw,72px);margin-bottom:14px}.product .tag{font-size:20px;color:#666}.product ul{padding:0;list-style:none;margin:25px 0}.product li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.product li:before{content:'✓';margin-right:13px}.amazon-box{border:1px solid var(--line);padding:24px;margin-top:25px}.amazon-box .button{width:100%}.markets{display:flex;gap:7px;margin:12px 0 15px;flex-wrap:wrap}.markets a{padding:7px 12px;font-size:13px;border:1px solid var(--line);border-radius:3px}.markets a[aria-current=true]{background:var(--ink);color:white;border-color:var(--ink)}.market-status{font-size:12px;color:#666;min-height:36px}.faq{max-width:900px;margin:auto}.faq h2{font-size:45px;margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:700;cursor:pointer}details p{color:#666;padding-top:15px;margin:0}.prose{max-width:780px;margin:auto;padding:55px 5% 90px}.prose h1{font-size:60px}.prose h2{font-size:30px;letter-spacing:-.035em;margin:32px 0 16px}.prose a{text-decoration:underline}.prose p{color:#555}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:#fff;z-index:99}.skip:focus{top:5px}.mini-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--soft)}.mini-hero>div{padding:60px 10%}.mini-hero img{width:100%;height:440px;object-fit:cover}.mini-hero h1{font-size:clamp(46px,5vw,78px)}.editorial-note{padding-top:12px}.empty{padding:50px 0}.sticky-buy{display:none}.preview-note{background:#fff1ba;padding:10px 5%;font-size:12px;text-align:center}.video-section video{width:100%;max-height:620px;background:#111;display:block}.video-section h2{font-size:44px}.back{display:inline-block;margin-bottom:24px}.campaign-form{display:grid;gap:16px}.campaign-form label{font-weight:700}.campaign-form input{display:block;width:100%;padding:13px;border:1px solid #aaa;margin-top:6px}.campaign-output{overflow-wrap:anywhere;background:var(--soft);padding:20px;display:block;margin-top:24px}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1440px)/2 + 70px)}}
@media(max-width:1000px){.nav{gap:20px}.navlinks{gap:18px}.hero{min-height:540px}.hero-copy{padding:45px 7%}.hero h1{font-size:66px}.grid{gap:17px}.card h3{font-size:18px}.section{padding-top:60px;padding-bottom:60px}.split-copy{padding:50px 9%}}
@media(max-width:720px){.wrap{padding-left:6%;padding-right:6%}.topbar{font-size:10px;letter-spacing:.06em}.nav{min-height:72px;justify-content:space-between}.brand{font-size:30px}.navlinks,.nav>.pill{display:none}.mobilemenu{display:block;border:0;padding:0}.mobilemenu summary{font-size:14px}.mobilemenu[open] nav{position:absolute;left:0;right:0;top:72px;background:white;border-bottom:1px solid var(--line);padding:25px 6%;box-shadow:0 10px 20px #0001}.mobilemenu nav a{display:block;padding:10px 0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 6% 35px}.hero h1{font-size:clamp(58px,13vw,78px);max-width:550px}.hero p{font-size:16px;max-width:440px}.hero-photo{height:340px}.hero-photo>img{object-position:center}.sticker{width:90px;height:90px;font-size:12px;right:18px;top:18px}.photo-label{font-size:11px;bottom:16px;left:16px}.ticker{gap:20px;justify-content:space-between;font-size:10px;padding:14px 5%}.ticker span:nth-child(3){display:none}.section{padding-top:50px;padding-bottom:50px}.sectionhead{align-items:start;flex-direction:column;gap:18px}.sectionhead h2{font-size:43px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.card-number{font-size:9px;top:8px;left:8px}.card h3{font-size:19px}.card p{font-size:13px}.card-bottom{font-size:12px}.split{grid-template-columns:1fr}.split-photo{height:290px}.split-copy{padding:42px 6%}.split h2{font-size:51px}.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.occasion.big{grid-column:span 2;min-height:290px}.occasion{min-height:210px;padding:20px}.occasion h3{font-size:27px}.benefits{grid-template-columns:1fr;gap:24px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.product{grid-template-columns:1fr;gap:20px}.product-copy{padding-top:8px}.product h1{font-size:54px}.product-visual{max-height:450px}.product-visual img{max-height:450px}.prose{padding-left:6%;padding-right:6%}.prose h1{font-size:48px}.mini-hero{grid-template-columns:1fr}.mini-hero>div{padding:40px 6%}.mini-hero img{height:290px}.mini-hero h1{font-size:54px}.sticky-buy{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 5%;background:white;border-top:1px solid var(--line);z-index:20;gap:15px;align-items:center;justify-content:space-between}.sticky-buy b{font-size:14px}.sticky-buy .button{font-size:12px;padding:10px 17px;min-height:44px}body:has(.sticky-buy){padding-bottom:80px}.actions{gap:15px}.button{gap:20px}.faq h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.brand img{width:76px;height:76px;object-fit:contain}.footer .brand img{width:110px;height:110px}.button[aria-disabled=true]{background:#777;border-color:#777;cursor:default;pointer-events:none}@media(max-width:720px){.brand img{width:62px;height:62px}}

@media(max-width:380px){.ticker{flex-wrap:wrap;justify-content:center;gap:8px 14px}}

.host-gift-wrap{padding-top:56px}.host-gift{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--yellow);border:1px solid var(--ink)}.host-gift-photo{background:#f3f3ef;display:grid;place-items:center;padding:28px}.host-gift-photo img{width:100%;max-height:360px;object-fit:contain;mix-blend-mode:multiply}.host-gift-copy{padding:44px;align-self:center}.host-gift-copy .eyebrow{font-size:14px;margin-bottom:18px}.host-gift h2{font-size:clamp(34px,3.7vw,54px);line-height:1.04;letter-spacing:-.055em;margin-bottom:20px}.host-gift h2 em{color:var(--ink)}.host-gift-copy>p{max-width:480px}.host-gift-copy .host-gift-note{font-size:14px;margin:16px 0 0;line-height:1.5}@media(max-width:720px){.host-gift-wrap{padding-top:32px}.host-gift{grid-template-columns:minmax(0,1fr)}.host-gift-photo{padding:20px}.host-gift-photo img{max-height:260px}.host-gift-copy{padding:28px 24px}.host-gift h2{font-size:36px}}

/* Mobile review: keep labels and captions outside product/scene imagery. */
.card-image{background:#fff;border:1px solid var(--line);padding:8px}
.card-image img{mix-blend-mode:normal;object-fit:contain}
.card-image:hover img{transform:none}
.card-number{position:static;display:block;background:none;padding:0;margin-top:14px;font-size:10px;letter-spacing:.08em;color:#666}
.card h3{margin-top:5px}
.product-visual{background:#fff;border:1px solid var(--line);padding:12px}
.product-visual img{mix-blend-mode:normal}
.occasion{display:block;min-height:0;padding:0;overflow-wrap:normal;background:#fff;overflow:hidden}
.occasion-photo{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.occasion .occasion-photo img{position:static;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.occasion-caption{padding:20px}
.occasion h3{display:flex;justify-content:space-between;align-items:start;gap:14px;font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:-.035em;margin-top:9px}
.occasion h3>span:first-child{min-width:0;text-wrap:balance}
.occasion h3>span:last-child{flex-shrink:0}
.occasion .label{font-size:10px;letter-spacing:.09em;color:#666}
.hero-photo{display:flex;flex-direction:column;background:#fff}
.hero-photo>img{flex:1;min-height:0}
.photo-label{position:static;padding:14px 22px;margin:0;background:var(--yellow);font-size:13px}
.split-photo:has(img[src*="dumpster-approved"]){background:#fff}
.split-photo img[src*="dumpster-approved"]{object-fit:contain;padding:20px}
@media(max-width:1000px){.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .hero-photo{height:auto}.hero-photo>img{width:100%;height:auto;flex:none;object-fit:contain}.hero-photo .sticker{display:none}
 .card-image{padding:6px}.card-number{font-size:9px;margin-top:12px}
 .sectionhead h2{font-size:clamp(32px,9vw,43px);line-height:1.05}
 .occasion-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .occasion-photo{aspect-ratio:16/9}.occasion-caption{padding:18px 20px}.occasion h3{font-size:27px;line-height:1.2}
 .mini-hero img{height:auto;aspect-ratio:auto;object-fit:contain}
 .mini-hero h1{font-size:clamp(39px,11vw,54px)}
 .product h1{font-size:clamp(39px,11vw,54px)}
 .filters a{padding:9px 14px}.sticky-buy{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}

.grid:has(>.card:only-child){grid-template-columns:minmax(0,1fr);max-width:420px}

/* Occasion cards: consistent frame, top-biased crops preserve faces. */
.occasion-photo{aspect-ratio:16/10;isolation:isolate}
.occasion[href*="white-elephant"] .occasion-photo img{object-position:center top}
.occasion-caption{min-width:0}
@media(max-width:720px){.occasion-photo{aspect-ratio:16/10}}

/* Review proposal: edge-to-edge square keeps both monitor boards visible. */
.card-image[href="/products/monitor-boards/"]{padding:0}
.card-image[href="/products/monitor-boards/"] img{object-fit:cover;object-position:center}

.occasion[href="/occasions/party-pool/"] .occasion-photo img{object-position:center 15%}
.occasion[href="/occasions/thanksgiving/"] .occasion-photo img{object-position:center}
