:root{--paper:#f7f2e9;--ink:#332833;--plum:#4b2e48;--rust:#993a26;--lilac:#ded3e8;--pink:#eac7ce;--lime:#dee3bb;--line:#d4cbc1;--body:'DM Sans',Arial,sans-serif;--heading:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.09;letter-spacing:-.045em}h2{font-size:clamp(36px,4.4vw,60px)}h2 em,h1 em{color:var(--rust);font-weight:400}p{max-width:65ch}button{color:inherit}a,button,summary{touch-action:manipulation}.shell{width:min(1280px,calc(100% - 96px));margin:auto}.section{padding-top:104px;padding-bottom:104px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;margin-bottom:21px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--plum);border:1px solid var(--plum);color:#fff;padding:17px 24px;border-radius:5px;font-size:14px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#683e5f;transform:translateY(-2px)}.button.small{padding:12px 19px;font-size:12px}.button.light{background:var(--paper);border-color:var(--paper);color:var(--plum)}.text-link{display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid var(--ink);font-size:14px;font-weight:600;padding-bottom:6px}.text-link:hover{color:var(--rust)}.skip{position:fixed;left:12px;top:12px;z-index:20;transform:translateY(calc(-100% - 24px));background:var(--paper);color:var(--ink);font-size:13px;line-height:1.4;padding:8px 12px;border-radius:4px}.skip:focus-visible{transform:none;outline-width:2px;outline-offset:3px}.preview-strip{text-align:center;background:var(--plum);color:#f7eee1;padding:7px 16px;font-size:10px;letter-spacing:.11em}.preview-strip span{padding:0 12px;color:var(--pink)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:99px}.wordmark{white-space:nowrap;font-family:var(--heading);font-size:27px;font-weight:600;letter-spacing:-.06em}.wordmark i{font-weight:400}.wordmark span{color:var(--rust);display:inline-block;margin-left:5px;font-size:32px;vertical-align:middle}.header nav{display:flex;gap:29px;font-size:12px;font-weight:500}.header nav a:hover{color:var(--rust)}.header-actions{display:flex;gap:20px;align-items:center}.era-toggle{display:flex;border:1px solid var(--line);border-radius:40px;padding:4px}.era-toggle button{border:0;background:transparent;padding:5px 10px;font-size:10px;border-radius:30px}.era-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hero{position:relative;border-top:1px solid var(--line)}.hero-title{position:absolute;z-index:3;top:43px;width:100%;text-align:center;pointer-events:none}.hero-title .eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(64px,8.8vw,126px);letter-spacing:-.055em}.era-stage{position:relative;display:grid;grid-template-columns:var(--split) calc(100% - var(--split));height:620px;overflow:hidden}.era-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:190px 20px 34px;min-width:0}.then{background-color:#eac98e;background-image:linear-gradient(90deg,#ffffff0e 50%,transparent 50%),linear-gradient(#ffffff0e 50%,transparent 50%),radial-gradient(ellipse at 50% 15%,#f7db9c 0,transparent 75%);background-size:28px 28px,28px 28px,100% 100%}.now{background:#e8dfeb;background-image:radial-gradient(ellipse at 50% 55%,#f7eff2 0,transparent 75%)}.era-caption{position:absolute;left:35px;top:210px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.03em}.year{font-size:12px;font-weight:700;border:1px solid #33283355;border-radius:40px;padding:3px 11px}.chip-bowl{width:min(570px,96%);height:300px;filter:drop-shadow(0 15px 12px #8d66231a);margin:0 0 12px;transform:rotate(-3deg)}.hero-board{width:91%;max-width:570px;height:300px;object-fit:contain;transform:rotate(-8deg);margin:0 0 12px;filter:drop-shadow(0 17px 14px #47283b2b)}.away{position:absolute;left:52px;top:280px;z-index:2;font-family:Trebuchet MS,sans-serif;font-size:12px;border:1px solid #a87355;border-radius:6px;background:linear-gradient(#fff8e7 0,#f3c395 52%,#eab87e 53%,#fae2b3);box-shadow:3px 4px 0 #aa76432a;padding:7px 14px;transform:rotate(-8deg)}.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#86a145;margin-right:5px}.away>span:last-child{margin-left:15px}.tiny-spark{position:absolute;right:12%;bottom:110px;font-size:52px;color:#fff5c5;transform:rotate(20deg)}.hero-era-line{font-family:var(--heading);font-size:24px;line-height:1.25;text-align:center;letter-spacing:-.025em;min-height:60px}.hero-era-line em{font-size:21px}.fifteen-sticker{position:absolute;right:8%;top:253px;z-index:2;width:84px;height:84px;border-radius:50%;border:1px solid var(--plum);outline:5px solid var(--lime);background:var(--lime);font-family:var(--heading);font-size:34px;line-height:1;text-align:center;padding-top:13px;transform:rotate(12deg)}.fifteen-sticker small{font-family:var(--body);font-size:9px;letter-spacing:.06em;display:block;margin-top:5px}.seam{position:absolute;left:var(--split);height:100%;border-left:1px dashed #33283355;top:0;pointer-events:none}.split-handle{position:absolute;left:var(--split);top:61%;transform:translate(-50%,-50%);border:1px solid var(--ink);width:46px;height:46px;border-radius:50%;background:var(--paper);z-index:5;font-size:22px;box-shadow:0 3px 10px #33283320;touch-action:none;cursor:ew-resize;display:grid;place-items:center}.hero-bottom{padding-top:42px;padding-bottom:43px;display:flex;align-items:center;justify-content:space-between;gap:35px}.hero-bottom h2{font-size:32px;letter-spacing:-.04em;margin-bottom:13px}.hero-bottom p{font-size:14px;color:#655861;line-height:1.7}.hero-cta{display:grid;justify-items:center;gap:13px}.hero-cta .text-link{font-size:12px;border:0;padding:0}.hero-cta small{font-size:10px;color:#6b5a62}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;border-block:1px solid var(--line);padding:18px 24px;font-size:9px;font-weight:600;letter-spacing:.12em;white-space:nowrap;overflow:hidden}.ticker i{color:var(--rust);font-size:18px}.kit-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.book-scene{position:relative;background:#e8ddcd;border-radius:50% 50% 3px 3px;padding:42px 75px 35px;margin-right:20px}.book-scene img{width:100%;transform:rotate(-6deg);box-shadow:8px 10px 0 #e4d9c6,15px 18px 30px #7f63443b;border-left:7px solid #eee6da}.sticky-note{position:absolute;right:-28px;bottom:50px;font-family:var(--heading);font-size:21px;line-height:1.2;background:var(--pink);padding:20px 23px;transform:rotate(6deg);box-shadow:3px 5px 0 #b68e7d35}.kit-copy h2{font-size:clamp(38px,4vw,57px);margin-bottom:25px}.kit-copy>p:not(.eyebrow){font-size:14px;margin-bottom:27px;max-width:43ch;color:#655861}.mini-facts{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:38px}.mini-facts span{font-size:10px;display:flex;flex-direction:column;gap:7px}.mini-facts b{font:29px var(--heading);letter-spacing:-.04em}.boards-section{background:#eee7df}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-aside p{font-size:13px;color:#655861}.hand-note{font-family:var(--heading);display:block;font-style:italic;font-size:20px;color:var(--rust);margin-top:14px;transform:rotate(-4deg)}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.board-card{min-width:0}.board-card:nth-child(3n+2){--card-color:#e0d7e5}.board-card:nth-child(3n+3){--card-color:#e2e5cf}.board-visual{height:250px;background:var(--card-color,#edd4ca);border:0;width:100%;border-radius:4px;position:relative;padding:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}.board-visual img{max-height:100%;width:100%;object-fit:contain;transition:transform .3s;filter:drop-shadow(2px 6px 6px #50362520)}.board-visual:hover img{transform:rotate(-3deg) scale(1.04)}.card-number{position:absolute;left:16px;top:14px;font-size:10px;letter-spacing:.05em}.flip-icon{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;background:#fff9;color:var(--ink);display:grid;place-items:center;font-size:17px}.card-back{display:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:15px;font-family:var(--heading);font-size:23px;line-height:1.25;letter-spacing:-.03em}.card-back b{font-family:var(--body);font-size:10px;letter-spacing:.12em}.board-visual[aria-expanded=true] img{display:none}.board-visual[aria-expanded=true] .card-back{display:flex}.board-copy{padding:17px 3px 0}.board-tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin-bottom:8px}.board-copy h3{font-size:25px;letter-spacing:-.04em;margin-bottom:9px}.board-copy>p:not(.board-tag){font-size:12px;line-height:1.6;color:#655861;min-height:39px}.board-meta{border-top:1px solid #cfc2b7;margin-top:16px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px}.board-meta span{font-weight:600}.board-meta button{background:none;border:0;font-size:10px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.board-card:last-child{grid-column:2}.fineprint{max-width:100%;font-size:10px;color:#796b71;margin-top:30px}.method{text-align:center}.method>p:not(.eyebrow){margin:18px auto 0;font-size:14px;color:#655861}.moves{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:50px 0 0}.moves li{display:flex;flex-direction:column;align-items:center;position:relative;gap:12px}.moves li+li:before{content:'→';position:absolute;left:-5%;top:18px;font-size:20px;color:#99848d}.moves li>span{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;font-family:var(--heading);font-size:25px;background:var(--pink);margin-bottom:7px}.moves li:nth-child(2)>span{background:var(--lilac)}.moves li:nth-child(3)>span{background:#eed3a5}.moves li:nth-child(4)>span{background:var(--lime)}.moves li:nth-child(5)>span{background:var(--plum);color:var(--paper)}.moves b{font-family:var(--heading);font-size:21px;font-weight:400}.moves small{font-size:10px;color:#77676e}.method .method-joke{font-family:var(--heading);font-style:italic;color:var(--rust);font-size:18px;margin-top:37px}.inside-section{background:var(--lilac)}.inside-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.inside-grid h2{font-size:46px}.inside-list{list-style:none;padding:0;margin:35px 0 0}.inside-list li{position:relative;padding:0 0 18px 28px}.inside-list li:before{content:'✳';position:absolute;left:0;color:var(--rust);font-size:17px}.inside-list strong,.inside-list span{display:block}.inside-list strong{font-size:13px}.inside-list span{font-size:12px;color:#655861;margin-top:4px;line-height:1.6}.spread img{width:100%;box-shadow:12px 14px 0 #b9abc144;transform:rotate(3deg)}.spread figcaption{text-align:center;font-family:var(--heading);font-size:17px;font-style:italic;line-height:1.4;margin-top:30px}.free-section{background:var(--plum);color:var(--paper);border-radius:5px;margin-top:75px;padding:38px 44px;display:flex;gap:32px;align-items:center;justify-content:space-between}.free-section .eyebrow{font-size:9px;color:var(--pink);margin-bottom:10px}.free-section h2{font-size:36px}.free-section h2 em{color:var(--pink)}.free-section p:not(.eyebrow){font-size:12px;max-width:53ch;margin-top:12px}.free-star{font-size:80px;color:var(--pink);line-height:1}.free-section .button{font-size:12px;white-space:nowrap}.get-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.get-art{position:relative;aspect-ratio:1;background:#e6ddcd;border-radius:50%;display:grid;place-items:center}.get-art img{width:100%;transform:rotate(-10deg)}.get-note{position:absolute;bottom:16px;right:-12px;background:var(--pink);font:24px/1.3 var(--heading);padding:18px 24px;transform:rotate(8deg);box-shadow:3px 4px 0 #33283315}.get-copy h2{font-size:80px}.get-subtitle{margin:20px 0 25px;font-size:14px}.price{display:flex;align-items:center;gap:17px;margin:20px 0}.price s{font-size:28px;color:#97848b;font-family:var(--heading)}.price strong{font-size:58px;font-family:var(--heading);font-weight:400;line-height:1.3;letter-spacing:-.06em}.price>span{font-size:10px;line-height:1.5;color:var(--rust)}.get-copy .button{min-width:290px}.download-note{font-size:10px;color:#75656c;margin-top:20px;max-width:49ch;line-height:1.8}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:12%}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{font-size:14px;font-weight:500;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400;color:var(--rust)}details[open] summary:after{content:'−'}.faqs p{font-size:13px;color:#655861;padding:0 35px 23px 0}.outfits-section{background:#e6e6d6}.outfits-section h2{font-size:47px}.outfit-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.outfit-links a{border-block:1px solid #c3c3ae;padding:27px 0;transition:color .2s}.outfit-links a:hover{color:var(--rust)}.outfit-links span{font-size:9px;letter-spacing:.09em}.outfit-links h3{font-size:29px;margin:22px 0 18px}.outfit-links p{font-size:11px;color:#655861}.outfit-links b{display:block;font-size:11px;margin-top:26px}.creator{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;align-items:center;max-width:960px}.creator-monogram{background:var(--pink);aspect-ratio:1;border-radius:50% 50% 5px 5px;display:grid;place-items:center;font:italic 190px var(--heading);color:var(--plum);position:relative}.creator-monogram>span{position:absolute;bottom:25px;right:30px;font-size:85px;color:var(--rust);font-style:normal}.creator h2{margin-bottom:25px}.creator p:not(.eyebrow){font-size:14px;color:#655861}.creator .signature{font-family:var(--heading);font-style:italic;font-size:30px!important;color:var(--rust)!important;margin-top:22px}.socials{display:flex;gap:24px;font-size:11px;margin-top:23px}.socials a{text-decoration:underline;text-underline-offset:5px}.game{border-block:1px solid var(--line);padding:40px 0;display:flex;align-items:center;gap:60px;justify-content:space-between}.game .eyebrow{font-size:9px;margin-bottom:14px}.game h2{font-size:30px;max-width:20ch;line-height:1.2}.game-links{display:flex;gap:15px;flex-wrap:wrap;max-width:360px;font-size:11px}.game-links a{border-bottom:1px solid #ae9ba5;padding:8px 0}.game-links a:last-child{flex-basis:100%;border:0;font-size:10px}footer.shell{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px}footer .wordmark{font-size:23px}footer p{font-size:10px;color:#75656c}footer>div{display:flex;gap:25px;font-size:9px}dialog{border:0;border-radius:10px;background:var(--paper);color:var(--ink);padding:38px;width:min(540px,calc(100% - 30px));max-height:90vh;box-shadow:0 24px 80px #0004}dialog::backdrop{background:#332833aa;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin:10px 25px 25px 0}dialog p:not(.eyebrow){font-size:14px;margin:18px 0 25px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;width:40px;height:40px;font-size:30px}#layout-dialog{width:min(570px,calc(100% - 30px))}#layout-dialog h2{font-size:27px}#layout-dialog p{font-size:11px;margin-bottom:0}#layout-image{margin:auto;max-height:65vh;width:auto}
html[data-era='2006']{--body:'Trebuchet MS',Verdana,sans-serif;--paper:#fff5df;--plum:#764569;--line:#b49a7e}html[data-era='2006'] body{background-image:radial-gradient(#ddbd8b60 1px,transparent 1px);background-size:13px 13px}html[data-era='2006'] h1,html[data-era='2006'] h2,html[data-era='2006'] h3{font-family:'Trebuchet MS',Verdana,sans-serif;letter-spacing:-.055em}html[data-era='2006'] .button{background:linear-gradient(#c580ba,#9e5c93 48%,#774268 49%,#a35a90);box-shadow:inset 0 1px 0 white,0 3px 0 #53264e55;border-radius:18px;border-color:#6d3564}html[data-era='2006'] .button.light{color:white}html[data-era='2006'] .board-visual{border:2px dotted #ac917c}html[data-era='2006'] .ticker{background:#a6d72a;color:#332833}html[data-era='2006'] .now{background:#efdde9}html[data-era='2006'] .eyebrow:before{content:'✧ ';color:#bd357e}html[data-era='2006'] .hero h1{font-size:clamp(60px,8vw,112px)}
@media(min-width:1500px){.era-stage{height:680px}.era-panel{padding-bottom:45px}.chip-bowl,.hero-board{height:345px}.era-caption{top:215px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.header nav{gap:20px}.header-actions{gap:12px}.era-stage{height:580px}.era-caption{left:25px;font-size:9px;gap:8px;top:190px}.away{top:248px;left:28px}.fifteen-sticker{top:240px;width:70px;height:70px;font-size:27px}.chip-bowl,.hero-board{height:270px}.hero-bottom h2{font-size:27px}.hero-bottom p{font-size:12px}.hero-cta .button{font-size:12px}.board-visual{height:220px}.board-copy h3{font-size:22px}.book-scene{padding:35px 45px}.kit-intro{gap:7%}.sticky-note{font-size:18px}.inside-grid h2{font-size:38px}.get-copy h2{font-size:66px}.free-section{padding:34px 30px;gap:24px}.free-star{font-size:55px}.outfits-section h2{font-size:40px}.outfit-links h3{font-size:26px}footer p{display:none}.board-meta{font-size:9px}.board-meta button{font-size:9px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.header{height:84px;gap:12px}.header nav{display:none}.wordmark{font-size:24px}.wordmark span{font-size:27px}.header-actions>.button{padding:10px 13px;font-size:11px}.era-toggle button{padding:5px 8px}.header-actions{gap:10px}.hero-title{top:30px}.hero-title .eyebrow{font-size:9px}.hero h1{font-size:66px}.era-stage{height:550px}.era-caption{top:174px;font-size:8px;flex-wrap:wrap;max-width:150px;left:20px;gap:5px}.era-caption>span:last-child{display:none}.away{top:230px;left:20px;font-size:10px;padding:5px 9px}.chip-bowl,.hero-board{width:110%;max-width:none;height:255px}.fifteen-sticker{right:9%;top:220px;width:61px;height:61px;font-size:25px;padding-top:9px;outline-width:4px}.fifteen-sticker small{font-size:7px}.hero-era-line{font-size:21px}.hero-era-line em{font-size:18px}.hero-bottom{gap:25px;flex-direction:column;text-align:center}.hero-bottom h2{font-size:31px}.hero-bottom p{font-size:13px}.hero-cta{gap:10px}.hero-cta .button{font-size:13px}.ticker{justify-content:flex-start;font-size:8px;gap:22px}.section{padding-block:70px}.kit-intro{gap:45px}.book-scene{padding:35px}.sticky-note{font-size:16px;padding:15px;right:-20px}.kit-copy h2{font-size:36px}.kit-copy .eyebrow{font-size:9px}.kit-copy>p:not(.eyebrow){font-size:12px}.mini-facts{gap:15px;flex-wrap:wrap}.mini-facts b{font-size:24px}.mini-facts span{font-size:9px}.board-grid{grid-template-columns:repeat(2,1fr)}.board-card:last-child{grid-column:auto}.board-visual{height:240px}.board-copy h3{font-size:24px}.section-aside{max-width:180px}.section-aside p{font-size:11px}.hand-note{font-size:17px}.moves{gap:10px}.moves b{font-size:17px}.moves small{font-size:9px}.moves li>span{width:52px;height:52px;font-size:22px}.moves li+li:before{left:-13%;top:9px;font-size:17px}.inside-grid{grid-template-columns:1fr;gap:45px}.inside-grid>div{max-width:580px}.spread{max-width:560px;margin:0 auto}.inside-grid h2{font-size:45px}.free-section{flex-wrap:wrap;gap:20px}.free-section>div{flex:1}.free-section .button{margin-left:75px}.get-section{gap:45px}.get-copy h2{font-size:60px}.get-copy .eyebrow{font-size:9px}.get-copy .button{min-width:100%;font-size:12px}.get-note{font-size:18px;padding:13px;bottom:-15px}.get-subtitle{font-size:12px}.price{gap:12px}.price strong{font-size:48px}.price>span{font-size:9px}.faq-section{grid-template-columns:1fr 1.4fr;gap:30px}.faq-section h2{font-size:37px}.faq-section .eyebrow{font-size:9px}.outfits-section .section-heading{align-items:flex-start;flex-direction:column}.outfit-links{gap:20px}.outfit-links h3{font-size:24px}.outfit-links span{font-size:8px}.creator{gap:50px}.creator-monogram{font-size:160px}.creator-monogram>span{font-size:60px;right:20px;bottom:20px}.creator .eyebrow{font-size:9px}.creator p:not(.eyebrow){font-size:12px}.socials{gap:14px;font-size:10px}.game{gap:35px}.game h2{font-size:27px}}
@media(max-width:560px){.preview-strip{font-size:8px;letter-spacing:.06em;padding:6px 8px}.preview-strip span{padding:0 5px}.header{height:78px}.wordmark{font-size:23px}.header-actions .button{display:none}.era-toggle{padding:3px}.era-toggle button{font-size:10px;padding:5px 10px}.hero-title{top:26px;padding:0 15px}.hero-title .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:12px}.hero h1{font-size:55px;line-height:.98;max-width:320px;margin:auto}.hero h1 em{display:block}.era-stage{margin-top:0;padding-top:178px;height:798px;grid-template-columns:1fr;grid-template-rows:var(--split) calc(100% - var(--split));background:linear-gradient(90deg,#efd29b 50%,#e9dfeb 50%)}.era-panel{padding:42px 20px 22px}.era-caption{top:15px;left:20px;max-width:none;font-size:9px;flex-wrap:nowrap;gap:9px}.era-caption>span:last-child{display:inline}.year{font-size:10px;padding:2px 9px}.chip-bowl{width:300px;height:180px;flex-shrink:1;min-height:0;margin-bottom:0;transform:rotate(-3deg)}.hero-board{width:280px;height:180px;flex-shrink:1;min-height:0;margin-bottom:4px}.hero-era-line{font-size:18px;min-height:44px;line-height:1.2}.hero-era-line em{font-size:16px}.away{top:63px;left:35px;font-size:9px;padding:4px 8px}.away>span:last-child{margin-left:8px}.online-dot{width:5px;height:5px}.tiny-spark{right:11%;bottom:50px;font-size:40px}.fifteen-sticker{top:50px;right:37px;width:56px;height:56px;font-size:23px;padding-top:8px}.seam{left:0;top:calc(178px + (100% - 178px)*.5);top:calc(178px + var(--split-px,310px));width:100%;height:0;border-left:0;border-top:1px dashed #33283366}.split-handle{left:50%;top:calc(178px + var(--split-px,310px));width:39px;height:39px;font-size:20px;cursor:ns-resize}.split-handle span{transform:rotate(90deg)}.hero-bottom{padding-top:30px;padding-bottom:32px}.hero-bottom h2{font-size:29px;max-width:300px}.hero-bottom h2 em{display:block}.hero-bottom p{font-size:12px}.desktop{display:none}.hero-cta{width:100%;gap:12px}.hero-cta>.button{width:100%;max-width:340px;padding:16px 20px;font-size:12px}.hero-cta small{font-size:9px}.ticker{padding:12px 20px;font-size:7px}.ticker i{font-size:15px}.section{padding-block:55px}h2{font-size:39px}.eyebrow{font-size:9px;margin-bottom:17px}.kit-intro{grid-template-columns:1fr;gap:42px}.book-scene{max-width:290px;padding:30px 42px;margin:0 auto}.sticky-note{right:-20px;bottom:25px;font-size:17px}.kit-copy h2{font-size:43px}.kit-copy>p:not(.eyebrow){font-size:13px;max-width:40ch}.mini-facts{justify-content:space-between;margin-top:30px;gap:10px}.mini-facts b{font-size:28px}.mini-facts span{font-size:10px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:37px}.section-aside{max-width:none;margin-top:22px}.section-aside p{font-size:12px}.hand-note{display:none}.board-grid{gap:28px 14px}.board-visual{height:164px;padding:10px}.card-number{left:10px;top:8px;font-size:8px}.flip-icon{right:9px;bottom:9px;width:25px;height:25px;font-size:15px}.board-copy{padding:13px 0 0}.board-tag{font-size:7px;line-height:1.5;min-height:21px;margin-bottom:6px}.board-copy h3{font-size:21px;line-height:1.12;min-height:48px}.board-copy>p:not(.board-tag){font-size:10px;min-height:64px;line-height:1.6}.board-meta{display:block;padding-top:10px;margin-top:10px;font-size:9px}.board-meta button{display:block;font-size:9px;padding:8px 0 0}.card-back{font-size:16px;gap:10px;padding:13px 2px}.card-back b{font-size:8px}.fineprint{font-size:9px;line-height:1.8;margin-top:25px}.method h2{font-size:38px}.method>p:not(.eyebrow){font-size:12px}.moves{grid-template-columns:1fr;gap:0;margin-top:30px;text-align:left}.moves li{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:3px 22px;align-items:center;padding:16px 15px;border-bottom:1px solid var(--line)}.moves li>span{grid-row:1/3;margin:0;width:48px;height:48px;font-size:22px}.moves b{font-size:24px}.moves small{font-size:11px}.moves li+li:before{display:none}.method .method-joke{font-size:17px;margin-top:25px}.inside-grid{gap:30px}.inside-grid h2{font-size:36px}.inside-list{margin-top:30px}.inside-list strong{font-size:12px}.inside-list span{font-size:11px}.spread{margin:5px 6px 0}.spread figcaption{font-size:15px;line-height:1.5}.free-section{margin-top:45px;padding:28px 24px;display:block;position:relative}.free-star{position:absolute;right:19px;top:20px;font-size:43px}.free-section h2{font-size:39px}.free-section .eyebrow{font-size:8px;max-width:22ch}.free-section p:not(.eyebrow){font-size:12px;margin-top:16px}.free-section .button{margin:22px 0 0;width:100%;font-size:11px;padding:14px 10px}.get-section{grid-template-columns:1fr;gap:40px}.get-art{width:86%;max-width:330px;margin:auto}.get-note{font-size:20px;bottom:0;right:-15px}.get-copy h2{font-size:72px}.get-copy .eyebrow{font-size:9px}.get-subtitle{font-size:14px}.price strong{font-size:58px}.price>span{font-size:10px}.get-copy .button{padding:17px 20px;font-size:13px}.download-note{font-size:10px}.faq-section{grid-template-columns:1fr;gap:27px}.faq-section h2{font-size:40px}.faqs summary{font-size:13px;padding:17px 0}.faqs p{font-size:12px}.outfits-section .section-heading{gap:26px;display:flex}.outfits-section h2{font-size:35px}.outfit-links{grid-template-columns:1fr;gap:0}.outfit-links a{border-top:0;padding:25px 0}.outfit-links a:first-child{border-top:1px solid #c3c3ae}.outfit-links h3{font-size:31px;margin:15px 0}.outfit-links h3 br{display:none}.outfit-links span{font-size:8px}.outfit-links b{margin-top:15px}.creator{grid-template-columns:1fr;gap:32px}.creator-monogram{width:190px;margin:auto;font-size:140px}.creator-monogram>span{font-size:60px;bottom:5px;right:5px}.creator h2{font-size:45px;margin-bottom:20px}.creator p:not(.eyebrow){font-size:13px}.socials{font-size:11px;gap:24px}.game{display:block;padding:30px 0}.game h2{font-size:30px;max-width:22ch}.game-links{margin-top:22px}footer.shell{display:block;padding-block:30px}footer>div{margin-top:20px;justify-content:space-between;gap:15px}dialog{padding:30px 23px}dialog h2{font-size:32px}dialog .eyebrow{font-size:8px;padding-right:20px}html[data-era='2006'] .hero h1{font-size:49px}html[data-era='2006'] .hero-title{top:29px}html[data-era='2006'] .get-copy h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.split-handle{cursor:default}}

/* Photography and production details for the board storefront. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:0}
.era-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#f7f2e9 0,#f7f2e9ee 145px,#f7f2e960 225px,transparent 300px,transparent 65%,#f7f2e9ed 100%);pointer-events:none;z-index:1}
.era-panel.then:after{background:linear-gradient(to bottom,#efd29b 0,#efd29bed 145px,#efd29b30 240px,transparent 300px,transparent 65%,#efd29bf2 100%)}
.era-caption,.hero-era-line{z-index:2}.era-caption{top:205px;background:#f7f2e9ed;border-radius:100px;padding:5px 11px 5px 6px;backdrop-filter:blur(8px)}.hero-era-line{position:relative;text-shadow:0 1px 15px #f7f2e9}.away{top:272px}.fifteen-sticker{top:266px}.tiny-spark{z-index:2}.hero-title .eyebrow{color:#4b2e48}
.board-copy .board-era{min-height:0;margin-top:12px;font-family:var(--heading);font-size:13px;font-style:italic;line-height:1.45;color:var(--plum)}.board-era span{font:700 9px var(--body);letter-spacing:.08em;font-style:normal;padding-right:4px}
.board-meta a{font-size:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:8px 0}.board-meta span{max-width:60%}
.free-section{align-items:center;gap:42px}.free-layout{width:200px;flex:0 0 200px;border-radius:4px;transform:rotate(-4deg);box-shadow:8px 10px 0 #ffffff12}.free-copy{flex:1}.free-copy .button{margin-top:20px}.free-copy h2{font-size:44px}.free-section p:not(.eyebrow){font-size:14px}.free-section .free-copy .button{margin-left:0}
.outfit-links img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:90px 90px 5px 5px;margin-bottom:24px}.creator-portrait{max-width:330px;transform:rotate(-3deg)}.creator-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:50% 50% 5px 5px;box-shadow:14px 14px 0 var(--pink)}
.checkout-draft{font-size:11px;line-height:1.6;margin-top:15px;color:var(--rust)}
@media(max-width:1100px){.era-caption{top:188px}.away{top:258px}.fifteen-sticker{top:257px}}
@media(max-width:800px){.era-caption{top:166px}.away{top:230px}.fifteen-sticker{top:230px}.free-layout{width:170px;flex-basis:170px}.free-section{gap:30px}.board-meta a{font-size:9px}.creator-portrait{max-width:260px}.free-copy h2{font-size:36px}}
@media(max-width:560px){.hero-photo{object-position:50% 52%}.era-panel:after,.era-panel.then:after{background:linear-gradient(to bottom,#f7f2e995 0,transparent 35%,transparent 55%,#f7f2e9ee 100%)}.era-panel.then:after{background:linear-gradient(to bottom,#efd29b88 0,transparent 35%,transparent 55%,#efd29bee 100%)}.era-caption{top:15px;left:16px;font-size:9px}.away{top:60px;left:20px}.fifteen-sticker{top:54px;right:27px}.hero-era-line{font-size:20px}.hero-era-line em{font-size:18px}.tiny-spark{right:7%;bottom:68px}.board-copy .board-era{font-size:11px;min-height:0;margin-top:9px}.board-meta a{display:block;padding-top:8px;font-size:9px}.board-meta span{max-width:none}.free-section{display:flex;flex-direction:column;align-items:flex-start;padding:28px}.free-layout{width:180px;flex-basis:auto;align-self:center;margin:6px 0 16px}.free-copy h2{font-size:40px}.free-section p:not(.eyebrow){font-size:13px}.free-copy .button{margin-top:22px}.outfit-links img{max-height:430px;object-position:center 30%}.creator-portrait{width:230px;max-width:85%;margin:0 auto 12px}.hero-cta .button{white-space:normal}}

footer>div{flex-wrap:wrap;justify-content:flex-end} @media(max-width:560px){footer>div{justify-content:flex-start;gap:12px 20px}footer>div span{flex-basis:100%}}

/* V2 product gallery: show complete food arrangements and readable real pages. */
.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
.board-card:last-child{grid-column:auto}
.board-visual{height:auto;aspect-ratio:4/3;padding:0;background:#eee5d8;border:1px solid #d4c9bc;border-radius:7px}
.board-visual img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:none;transition:none}
.board-visual:hover img{transform:none}
.board-copy{padding:21px 2px 0}
.board-tag{font-size:10px;min-height:0;margin-bottom:11px}
.board-tag>span{font-weight:700;letter-spacing:.06em;margin-right:12px}
.board-copy h3{font-size:32px;min-height:0;margin-bottom:12px}
.board-copy>p:not(.board-tag){font-size:14px;min-height:0;line-height:1.65}
.board-copy .board-era{font-size:16px;min-height:0;line-height:1.45;margin-top:15px}
.board-meta{font-size:12px;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:13px}
.board-meta a{font-size:12px;padding:6px 0;min-height:34px}
.card-back{font-size:clamp(22px,2.6vw,32px);max-width:28ch;padding:28px;gap:20px}
.card-back b{font-size:11px;line-height:1.5}
.flip-icon{background:#f7f2e9ed;box-shadow:0 1px 5px #33283325}
.spread img{transform:none;box-shadow:none;border-radius:5px}
.page-preview-section{padding-top:64px}
.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.preview-heading .eyebrow{margin-bottom:12px}
.preview-heading h3{font-size:35px}
.preview-heading>p{font-size:13px;line-height:1.6}
.page-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.page-preview{display:block;min-width:0}
.page-preview img{width:100%;aspect-ratio:17/22;object-fit:contain;background:#fffaf1;border:1px solid #b9abc1;box-shadow:4px 5px 0 #b9abc130;transition:box-shadow .2s}
.page-preview:hover img{box-shadow:7px 9px 0 #b9abc155}
.page-preview>span{display:block;font-size:11px;line-height:1.6;padding-top:15px}
.page-preview b{display:block;font-family:var(--heading);font-size:20px;font-weight:500;line-height:1.2;margin-bottom:6px}
.free-preview{display:block;flex:0 0 280px;width:280px}
.free-layout{display:block;width:100%;max-width:none;transform:none;margin:0;box-shadow:8px 10px 0 #ffffff12}
.free-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px}
.free-section .free-copy .button{margin:0;white-space:normal}
.free-phone-link{text-decoration:underline;text-underline-offset:5px;font-size:13px;padding:10px 0}
.free-section .free-format{font-size:11px;color:#eadde6;line-height:1.5;margin-top:16px}
.get-art{aspect-ratio:4/3;border-radius:7px;background:transparent;width:100%;max-width:none}
.get-art img{width:100%;transform:none;border-radius:7px;object-fit:contain}
#layout-dialog{width:min(820px,calc(100% - 28px));padding:32px 34px 28px}
#layout-dialog h2{font-size:28px;line-height:1.2;margin:8px 35px 22px 0}
#layout-image{max-width:100%;height:auto;max-height:68vh;object-fit:contain}
#layout-dialog #layout-caption{font-size:12px;line-height:1.6;margin:18px 0 15px}
#layout-fullsize{font-size:13px;padding:5px 0;min-height:34px}
@media(max-width:1100px){.page-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.board-copy h3{font-size:28px}.free-preview{flex-basis:240px;width:240px}}
@media(max-width:800px){.board-grid{gap:38px 23px}.board-copy h3{font-size:26px}.board-meta{font-size:11px}.board-meta a{font-size:11px}.free-section{flex-wrap:nowrap}.free-preview{flex-basis:210px;width:210px}.free-copy h2{font-size:38px}.free-downloads{display:block}.free-phone-link{display:block;margin-top:12px}.preview-heading{align-items:start}.page-preview-section{padding-top:48px}}
@media(max-width:560px){.board-grid{grid-template-columns:minmax(0,1fr);gap:40px}.board-visual{height:auto;aspect-ratio:4/3;padding:0}.board-copy{padding:18px 0 0}.board-tag{font-size:10px;min-height:0;margin-bottom:10px}.board-copy h3{font-size:30px;min-height:0}.board-copy>p:not(.board-tag){font-size:14px;min-height:0}.board-copy .board-era{font-size:16px;line-height:1.5;margin-top:14px}.board-meta{display:flex;font-size:12px;line-height:1.5}.board-meta span{max-width:none}.board-meta a{font-size:12px;display:inline-block;padding:6px 0}.card-back{font-size:25px;padding:25px}.card-back b{font-size:10px}.flip-icon{width:34px;height:34px;font-size:20px;right:12px;bottom:12px}.page-preview-grid{gap:28px 16px}.page-preview>span{font-size:11px;line-height:1.5}.page-preview b{font-size:20px}.preview-heading{display:block}.preview-heading>p{margin-top:17px}.preview-heading h3{font-size:33px}.free-section{align-items:stretch;gap:28px}.free-preview{flex-basis:auto;width:min(100%,270px);align-self:center}.free-layout{width:100%;margin:0}.free-copy h2{font-size:41px}.free-downloads{margin-top:22px}.free-section .free-copy .button{font-size:13px;width:100%;padding:15px 16px}.free-phone-link{font-size:13px;text-align:center}.free-section .free-format{font-size:11px}.get-art{width:100%;max-width:none}.get-note{right:0;bottom:-12px}#layout-dialog{padding:28px 19px 23px}#layout-dialog h2{font-size:24px;margin-right:25px}#layout-image{max-height:65vh}}
.sample-download{margin-top:32px;text-align:center}.sample-download .text-link{font-size:13px}

/* One headline, with each phrase following its own hosting/serving panel. */
.hero .era-stage{height:650px;padding-top:0}
.hero-kicker{max-width:none;position:absolute;z-index:3;top:28px;left:0;width:100%;text-align:center;font-size:10px;pointer-events:none;color:var(--plum)}
.hero h1.hero-headlines,html[data-era='2006'] .hero h1.hero-headlines{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:var(--split) calc(100% - var(--split));grid-template-rows:1fr;margin:0;width:100%;max-width:none;pointer-events:none;text-align:center;font-family:var(--heading);font-weight:400;line-height:1.04;letter-spacing:-.055em}
.hero-headline{container-type:inline-size;min-width:0;padding:66px 24px 0;overflow:hidden}
.headline-words{display:block;letter-spacing:-.045em;font-size:clamp(23px,8.7cqw,72px);white-space:nowrap}
.hero-headline em{display:block;letter-spacing:-.045em;font-size:clamp(54px,17cqw,132px);font-weight:400;color:var(--rust);line-height:1.08}
.hero .era-caption{top:260px;max-width:calc(100% - 36px);font-size:11px;white-space:normal}
.hero .away{top:328px;left:8%}
.hero .fifteen-sticker{top:325px;right:8%}
.hero .era-panel{padding-bottom:34px;min-height:0}
.hero .split-handle{top:64%;left:var(--split)}
.hero .era-panel:after{background:linear-gradient(to bottom,#f7f2e9f7 0,#f7f2e9dc 185px,#f7f2e955 270px,transparent 350px,transparent 69%,#f7f2e9f2 100%)}
.hero .era-panel.then:after{background:linear-gradient(to bottom,#efd29bf7 0,#efd29bdc 185px,#efd29b40 270px,transparent 350px,transparent 69%,#efd29bf2 100%)}
.hero-image-note{max-width:none;font-size:10px;line-height:1.7;color:#796b71;padding-bottom:27px;margin-top:-15px}
.board-visual[aria-expanded=true]{background:var(--card-color,#eee5d8)}
.board-visual .card-back{max-width:100%;font-size:clamp(19px,2.1vw,30px);line-height:1.25;padding:26px 32px 38px;gap:16px}
.board-visual .card-back b{font-size:10px;line-height:1.5;letter-spacing:.12em}
.board-visual[data-board-name="The New Year’s Eve Board"] .card-back{font-size:clamp(19px,1.8vw,26px)}
@media(min-width:1500px){.hero .era-stage{height:680px}}
@media(max-width:1100px) and (min-width:561px){.hero .era-stage{height:600px}.hero-headline{padding-top:76px}.hero .era-caption{top:228px;font-size:9px}.hero .away{top:290px}.hero .fifteen-sticker{top:290px}.hero .era-panel{padding-inline:14px}.hero .hero-era-line{font-size:22px}.hero .hero-era-line em{font-size:19px}}
@media(max-width:800px) and (min-width:561px){.hero .era-stage{height:570px}.hero-headline{padding-inline:12px}.hero .era-caption{top:210px;padding:4px;max-width:calc(100% - 16px);gap:7px}.hero .era-caption .year{font-size:10px;padding:4px 7px}.hero .away,.hero .fifteen-sticker{top:275px}.hero .hero-era-line{font-size:19px}.hero .hero-era-line em{font-size:17px}.board-visual .card-back{font-size:20px;padding:18px 18px 35px;gap:12px}}
@media(max-width:560px){
  .hero .era-stage{height:1000px;padding-top:0;grid-template-columns:1fr;grid-template-rows:var(--split) calc(100% - var(--split))}
  .hero-kicker{display:none}
  .hero h1.hero-headlines,html[data-era='2006'] .hero h1.hero-headlines{grid-template-columns:1fr;grid-template-rows:var(--split) calc(100% - var(--split))}
  .hero-headline{padding:29px 24px 0}
  .hero-headline.now-headline{padding-top:34px}
  .headline-words{font-size:clamp(35px,11.8cqw,54px)}
  .hero-headline em{font-size:clamp(64px,23cqw,94px);line-height:1.02}
  .hero .era-panel{padding:160px 14px 20px}
  .hero .era-caption{top:174px;left:16px;font-size:9px;max-width:calc(100% - 32px);padding:4px 9px 4px 5px}
  .hero .era-caption .year{font-size:10px}
  .hero .away{top:230px;left:22px}
  .hero .fifteen-sticker{top:232px;right:25px}
  .hero .hero-era-line{font-size:22px;line-height:1.2;min-height:0}
  .hero .hero-era-line em{font-size:19px}
  .hero .hero-photo{object-position:50% 55%}
  .hero .era-panel:after{background:linear-gradient(to bottom,#f7f2e9ee 0,#f7f2e9bb 100px,#f7f2e940 180px,transparent 240px,transparent 67%,#f7f2e9f7 100%)}
  .hero .era-panel.then:after{background:linear-gradient(to bottom,#efd29bee 0,#efd29bbb 100px,#efd29b40 180px,transparent 240px,transparent 67%,#efd29bf7 100%)}
  .hero .seam{left:0;top:var(--split);width:100%;height:0;border-left:0;border-top:1px dashed #33283366;z-index:4}
  .hero .split-handle{left:50%;top:var(--split);width:39px;height:39px}
  .hero-image-note{margin-top:-8px;font-size:9px;text-align:center;padding-bottom:23px}
  .board-visual .card-back{font-size:24px;gap:14px;padding:22px 22px 38px}
  .board-visual .card-back b{font-size:9px}
  .board-visual[data-board-name="The New Year’s Eve Board"] .card-back{font-size:21px}
}

@media(max-width:360px){.sticky-note{right:-15px}}

/* Protected samples show the format; only the free board has public instructions. */
.free-guide-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}
.free-page-link{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin-top:12px}
.protected-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto;gap:36px}
.protected-sample figcaption{font-size:12px;line-height:1.6;padding-top:16px;max-width:44ch}
.protected-sample:hover img{box-shadow:4px 5px 0 #b9abc130}
.get-copy h2{font-size:clamp(38px,4.5vw,64px);line-height:1.12}
footer>p{max-width:38ch}
.free-guide-hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:8%;padding-block:60px 86px;border-top:1px solid var(--line)}
.free-guide-copy h1{font-size:clamp(44px,5.1vw,72px);margin-bottom:28px}
.free-guide-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:48ch}
.free-guide-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin:28px 0 18px}
.free-guide-copy .free-guide-format{font-size:12px}
.free-guide-art{max-width:440px;justify-self:center}
.free-guide-art img{box-shadow:10px 12px 0 #4b2e481c;border:1px solid var(--line)}
.free-guide-art figcaption{font-size:11px;line-height:1.6;margin-top:22px;max-width:40ch}
.free-guide-kit{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:9%;padding:56px;background:var(--lilac);border-radius:8px}
.free-guide-kit h2{font-size:clamp(34px,4vw,52px)}
.free-guide-kit p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:24px}
.free-guide-kit .button{margin-top:24px}
.free-guide-kit img{width:100%;box-shadow:6px 9px 0 #4b2e4820}
.free-guide-note{font-size:11px;line-height:1.7;padding-block:28px 56px;max-width:1280px}
@media(max-width:1000px){.header nav{gap:18px}.free-guide-kit{grid-template-columns:1fr 180px;padding:36px;gap:7%}}
@media(max-width:800px){.free-guide-hero{grid-template-columns:1fr;gap:42px;padding-block:40px 60px}.free-guide-copy h1{font-size:clamp(42px,10vw,60px)}.free-guide-copy>p:not(.eyebrow){font-size:14px}.free-guide-art{width:min(100%,420px)}.free-guide-kit{grid-template-columns:1fr;padding:30px 24px;gap:34px}.free-guide-kit img{width:200px;justify-self:center}.free-guide-kit h2{font-size:34px}.free-guide-page .header>.text-link{font-size:11px;gap:12px}.protected-sample-grid{grid-template-columns:1fr;max-width:440px;gap:34px}.get-copy h2{font-size:clamp(36px,9.5vw,56px)}}

/* Approved Halloween coupon offer, October 25, 2026. */
.offer-strip{text-align:center;background:var(--plum);color:var(--paper);padding:10px 20px;font-size:12px;line-height:1.6}.offer-strip [data-coupon-code]{font-weight:700;color:#f5dca6}.offer-details{font-size:12px;color:#6b5664;line-height:1.65;margin:-5px 0 23px}.price>span b{font-size:13px;letter-spacing:.04em}.hero-cta .button{max-width:340px;text-align:center}.offer-strip[hidden],.offer-details[hidden]{display:none}@media(max-width:560px){.offer-strip{font-size:10px;padding:8px 14px}.hero-cta .button{max-width:100%}}

/* Clear regular/offer prices and copyable Halloween code. */
.offer-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.offer-strip-prices,.checkout-prices{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.offer-strip-prices s{opacity:.7;text-decoration-thickness:1.5px}.offer-strip-prices strong{font-size:18px}
.buy-price-label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.checkout-prices s{font-size:.9em;opacity:.65;text-decoration-thickness:1.5px}.checkout-prices strong{font-size:1.25em}
.coupon-offer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#6b5664}
.coupon-copy{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:10px 14px;border:1px dashed #9e8195;border-radius:6px;background:#ede3df;color:var(--plum);font:inherit;cursor:pointer}
.coupon-copy b{font-size:14px;letter-spacing:.09em;user-select:all}.coupon-copy [data-copy-feedback]{font-size:11px;border-left:1px solid #b8a2af;padding-left:12px;min-width:65px;text-align:center}
.coupon-copy:hover{background:#e5d6dc}.coupon-copy:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.coupon-copy[data-copied=true]{border-style:solid}
.offer-strip .coupon-copy{background:#ffffff10;border-color:#ffffff66;color:var(--paper);padding:5px 12px;min-height:38px}.offer-strip .coupon-copy:hover{background:#ffffff20}.offer-strip .coupon-copy b{color:#f5dca6}.offer-strip .coupon-copy [data-copy-feedback]{border-color:#ffffff50}
.get-copy .coupon-offer{justify-content:flex-start;margin:0 0 14px}.get-copy .offer-details{margin:0 0 23px}.price s{font-size:36px;text-decoration-thickness:2px}
[data-offer-copy][hidden]{display:none!important}
@media(max-width:560px){.offer-strip{gap:5px 10px;padding:9px 14px}.offer-strip>b{flex-basis:100%}.offer-strip-prices strong{font-size:17px}.offer-strip .coupon-copy{min-height:44px;padding:5px 9px}.offer-strip .coupon-copy b{font-size:12px}.offer-strip .coupon-copy [data-copy-feedback]{font-size:10px;min-width:58px;padding-left:9px}.offer-strip .coupon-copy{gap:9px}.hero-cta .coupon-offer{gap:8px}.coupon-offer>span{font-size:11px}.hero-cta .button{font-size:14px}.buy-price-label{gap:12px}.price s{font-size:34px}}

/* Keep the existing Benable collection easy to reach on every screen. */
.header .nav-shop{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--rust)}
@media(max-width:1100px){.header{height:auto;min-height:99px;flex-wrap:wrap;gap:10px 24px;padding-block:16px}.header nav{order:3;flex-basis:100%;justify-content:center;gap:12px 26px}.header-actions{margin-left:auto}}
@media(max-width:800px){.header{min-height:84px;padding-block:14px 4px;gap:2px 12px}.header nav{display:flex;justify-content:flex-end}.header nav>a:not(.nav-shop){display:none}.header .nav-shop{min-height:40px;font-size:12px}}

/* Keep the checkout instruction between the purchase and coupon buttons. */
.hero-cta .coupon-offer{flex-direction:column;width:100%;gap:10px;text-align:center}
.hero-cta .coupon-offer>span{font-size:14px;font-weight:600;color:var(--plum);line-height:1.4}
.hero-cta .coupon-copy{min-height:48px}
.hero-cta .coupon-copy b{font-size:16px}

/* Center the whole offer beneath the hero at every screen size. */
.hero-bottom{flex-direction:column;justify-content:center;text-align:center;gap:28px}
.hero-bottom>div:first-child{width:100%}
.hero-bottom h2,.hero-bottom p{margin-inline:auto}
.hero-cta{width:100%;max-width:440px;margin-inline:auto}
.hero-cta>.button{width:100%;max-width:340px}

/* v6: four photographed cards and thirteen compact kit-only tiles. */
.board-visual .card-back{position:absolute;inset:0;max-width:none;padding:0;gap:0;background:#f2e3bf;text-align:left}
.board-visual .board-photo-now,.board-visual .board-photo-then{width:100%;height:100%;object-fit:contain}
.board-visual[aria-expanded=true] .board-photo-now{display:none}
.board-visual[aria-expanded=true] .board-photo-then{display:block}
.board-visual .card-caption{position:absolute;bottom:0;left:0;right:0;background:#f2dfb5f5;padding:17px 55px 20px 22px;display:flex;flex-direction:column;gap:7px;font-size:clamp(19px,1.8vw,26px);line-height:1.24;color:#4e382a}
.board-visual .card-caption b{font-size:9px;line-height:1.5;letter-spacing:.14em;color:#766044}
.board-visual .flip-icon{z-index:2;background:#fff8e9;box-shadow:0 1px 7px #4e382a22}
.kit-only-section{margin-top:76px;padding-top:48px;border-top:1px solid var(--line)}
.kit-only-section>.eyebrow{margin-bottom:19px}
.kit-only-section>h3{font-size:clamp(28px,3vw,42px);line-height:1.18;margin-bottom:30px;max-width:28ch}
.kit-only-section>h3 em{color:var(--rust);font-weight:400}
.kit-only-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kit-only-tile{min-width:0;background:#f3e5c6;border:2px dotted #b4a183;border-radius:7px;padding:22px;display:flex;flex-direction:column}
.kit-only-tile .board-tag{font-size:9px;line-height:1.55;min-height:0;margin-bottom:12px}
.kit-only-tile .board-tag>span{display:inline-block;margin-right:12px;font-weight:700}
.kit-only-tile h3{font-size:25px;line-height:1.12;letter-spacing:-.04em;margin-bottom:15px}
.kit-only-era{font-size:8px;font-weight:700;line-height:1.5;letter-spacing:.12em;color:#766044;margin-bottom:7px}
.kit-only-line{font:19px/1.35 var(--heading);letter-spacing:-.02em;margin-bottom:22px}
.kit-only-link{font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:4px;line-height:1.5;margin-top:auto;padding-block:8px;min-height:36px}
.kit-only-link>span:first-child{color:var(--rust);margin-right:5px}
.kit-link-phone{display:none}
@media(max-width:800px){.kit-only-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kit-only-tile{padding:19px}.kit-only-tile h3{font-size:25px}.kit-only-line{font-size:18px}.board-visual .card-caption{font-size:20px;padding:13px 45px 16px 16px;gap:5px}}
@media(max-width:560px){.kit-only-section{margin-top:45px;padding-top:34px}.kit-only-section>h3{font-size:31px;margin-bottom:25px}.kit-only-grid{gap:12px}.kit-only-tile{padding:16px 12px 12px}.kit-only-tile .board-tag{font-size:8px;letter-spacing:.055em;margin-bottom:10px}.kit-only-tile .board-tag>span{display:block;margin:0 0 5px}.kit-only-tile h3{font-size:22px;margin-bottom:12px}.kit-only-era{font-size:7px;letter-spacing:.1em}.kit-only-line{font-size:16px;line-height:1.35;margin-bottom:15px}.kit-only-link{font-size:10px;min-height:44px;padding-block:10px}.kit-link-desktop{display:none}.kit-link-phone{display:inline}.board-visual .card-caption{font-size:20px;padding:14px 46px 16px 16px}.board-visual .card-caption b{font-size:8px}}
@media(max-width:360px){.kit-only-tile{padding-inline:10px}.kit-only-tile h3{font-size:20px}.kit-only-line{font-size:15px}.kit-only-link{font-size:9px}}

/* Public hosting guides: readable routes into the collection. */
.hosting-reading{border-top:1px solid var(--line,#d8cec2)}
.hosting-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.hosting-reading-grid>a{display:block;background:#f0e7dc;padding:34px;border-radius:8px;text-decoration:none;border:1px solid #ded1c1}
.hosting-reading-grid>a:hover{background:#eaddcc}
.hosting-reading-grid h3{font-family:var(--heading);font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:18px 0}
.hosting-reading-grid h3 span{color:var(--rust)}
.hosting-reading-grid p{max-width:38em;line-height:1.65}
.guide-intro{padding-block:45px 10px;max-width:960px}
.guide-intro p{line-height:1.75;margin-top:22px;max-width:70ch}
.guide-intro a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.hosting-reading-grid{grid-template-columns:1fr}.hosting-reading-grid>a{padding:25px}.guide-intro{padding-block:30px 0}}
