/* LAYOUT ONLY, MOBILE FIRST: the plain rules below are the phone layout; wider screens are added with min-width queries (600, 700, 900).
   Colors, fonts, borders and decoration live in themes/<theme>-home.css. Rules: one column on phones, no sideways page scrolling, tap targets at least 44px tall. */
:root{ box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); }
*,*::before,*::after{ box-sizing:inherit; } [hidden]{ display:none !important; }
html{ scroll-padding-top:calc(76px + env(safe-area-inset-top,0px)); scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ margin:0; } img{ max-width:100%; display:block; } a{ color:inherit; }
/* header: one row on a phone (name, menu button, cart); the menu opens full width below */
.top{ position:sticky; top:0; z-index:40; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding:8px 14px; }
.logo{ flex:1 1 auto; min-width:0; }
.nav{ display:none; } .tools{ display:flex; gap:14px; align-items:center; } .tools a{ display:inline-flex; align-items:center; min-height:44px; } .tools a:first-child{ display:none; } .tools .ic{ display:none; }
.strip{ padding:6px 12px; text-align:center; }
/* hero */
.hero{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; align-items:center; padding:24px 16px 38px; }
.hero.slim{ padding:14px 16px 32px; }
.hero h1{ margin:0 0 12px; } .hero p{ margin:0 0 16px; max-width:34em; }
.btns{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; } .btn{ display:block; text-align:center; min-height:52px; }
.shots{ display:none; }
.band{ padding:28px 16px; } .band h2{ margin:0 0 16px; }
.trust{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; padding:12px 16px; }
.branches{ display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.tile{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; min-height:68px; padding:12px 18px; text-decoration:none; }
/* product cards: one column; the best-sellers row is a swipeable strip on a phone */
.grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
.grid.scroll{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:80%; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; margin:0 -16px; padding:2px 16px 16px; scroll-padding:0 16px; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .grid.scroll::-webkit-scrollbar{ display:none; } .grid.scroll>.card{ scroll-snap-align:start; }
.card{ display:flex; flex-direction:column; text-decoration:none; } .cimg{ position:relative; aspect-ratio:1/1.05; display:grid; place-items:center; overflow:hidden; } .cimg>img{ width:92%; height:92%; object-fit:contain; }
.more{ margin:6px 0 0; text-align:center; } .more .btn{ display:inline-block; padding-left:30px; padding-right:30px; }
.two{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; } .two>div{ padding:20px; } .two ul{ margin:0 0 16px; padding:0; list-style:none; display:grid; gap:8px; } .two li a{ display:inline-block; padding:6px 0; }
.about{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; align-items:start; }
footer{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; padding:28px 16px 22px; } footer>div:first-child{ grid-column:1/-1; } footer ul{ margin:0; padding:0; list-style:none; display:grid; gap:2px; } footer li a{ display:inline-block; padding:7px 0; }
.legal{ grid-column:1/-1; padding-top:14px; }
@media (min-width:600px){
 .btns{ display:flex; flex-wrap:wrap; gap:14px; } .btn{ display:inline-block; min-height:0; }
 .grid{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:clamp(16px,2vw,28px); }
 .grid.scroll{ grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; scroll-snap-type:none; margin:0; padding:0; }
 .trust{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 28px; padding:14px clamp(20px,5vw,72px); }
}
@media (min-width:700px){
 .band{ padding:clamp(34px,5vw,56px) clamp(20px,5vw,72px); } .band h2{ margin:0 0 18px; }
 .branches{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,2vw,26px); }
 .tile{ flex-direction:column; align-items:stretch; justify-content:flex-end; min-height:200px; padding:22px 22px 20px; }
 .two{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(18px,3vw,40px); } .two>div{ padding:clamp(20px,3vw,32px); }
 .about{ grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:clamp(18px,4vw,56px); }
}
@media (min-width:900px){
 .top{ flex-wrap:nowrap; justify-content:space-between; gap:24px; padding:16px clamp(20px,5vw,72px); } .logo{ flex:0 0 auto; }
 .nav{ display:flex; gap:26px; align-items:center; } .tools{ gap:20px; } .tools a{ min-height:0; } .tools a:first-child{ display:inline-flex; }
 .strip{ padding:8px clamp(20px,5vw,72px); }
 .hero{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(24px,4vw,56px); padding:clamp(30px,5vw,60px) clamp(20px,5vw,72px) clamp(70px,9vw,120px); }
 .hero.slim{ grid-template-columns:minmax(0,1fr); padding:clamp(14px,2vw,22px) clamp(20px,5vw,72px) clamp(34px,4.4vw,48px); }
 .hero h1{ margin:0 0 14px; } .hero p{ margin:0 0 22px; }
 .shots{ display:block; position:relative; min-height:380px; } .shot{ position:absolute; width:56%; } .shot.a{ left:0; top:10px; } .shot.b{ right:0; top:0; } .shot.c{ left:22%; bottom:0; }
 footer{ grid-template-columns:1.2fr 1fr 1fr 1fr; gap:28px; padding:40px clamp(20px,5vw,72px) 28px; } footer>div:first-child{ grid-column:auto; } footer li a{ padding:0; } .two li a{ padding:0; }
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } *{ transition:none !important; } }
/* policy / document pages */
.doc{ max-width:880px; margin:0 auto; padding:clamp(24px,4vw,48px) clamp(20px,5vw,40px) 40px; } .doc section{ margin:0 0 clamp(28px,4vw,48px); padding:clamp(18px,3vw,30px); } .doc h2{ margin:0 0 6px; } .doc h3{ margin:20px 0 6px; } .doc p,.doc li{ margin:0 0 12px; } .doc ul{ padding-left:22px; } .toc{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 clamp(24px,3vw,36px); } .toc a{ padding:10px 18px; text-decoration:none; }

/* compact pages (unit stores): shorter bands */
.compact .band{ padding:clamp(22px,3.2vw,36px) clamp(20px,5vw,72px); } .compact .band h2{ margin:0 0 14px; }

/* unit-store title bar: one thin row, designs start right below it */
.storebar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 24px; padding:10px clamp(20px,5vw,72px); } .storebar h1{ margin:0; } .storebar .who{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 16px; } .storebar p{ margin:0; }

/* DUSK look (Keep 'em flying, bomber stream at dusk) for the homepage and the pages built with sitelib. Layout lives in home.base.css. */
:root{ --ink:#0B1020; --night:#171F3E; --plum:#4E3558; --glow:#D08A5B; --navy:#13243C; --cream:#F2E6C6; --paper:#EDE3C6; --paper2:#DCCFA9; --red:#C23B2B; --gold:#F6D77C; --brass:#C9A74B; --lead:#4B4A63; --card:#F2E6C6; --photo:#F3F2EE;
 --display:"Anton","Oswald",Impact,sans-serif; --hand:"Oswald","Arial Narrow",sans-serif; --body:"IBM Plex Sans","Helvetica Neue",Helvetica,Arial,sans-serif; --script:"Yellowtail",cursive; color-scheme:light;
 --mbg:#1B2150; --macc:#C23B2B; --msh:#0B1020; --mtx:#F2E6C6; --mgold:#F6D77C; --mcard:#F2E6C6; --mlead:#4B4A63; --mdeep:#0B1020; }
body{ background-color:var(--paper); background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .22  0 0 0 0 .15  0 0 0 0 .08  0 0 0 .30 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); color:var(--ink); font-family:var(--body); -webkit-font-smoothing:antialiased; line-height:1.55; }
:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }
/* header with the round emblem and the script name */
.top{ background:linear-gradient(to bottom,#171F3E,#2A2547); color:var(--cream); border-bottom:3px solid #EADFBF; box-shadow:0 5px 0 var(--red); }
.logo{ display:flex; align-items:center; gap:8px; text-decoration:none; color:inherit; } .logo .em{ display:block; width:54px; height:54px; flex:none; } .logo .em svg{ display:block; width:100%; height:100%; } .logo .wm{ display:block; line-height:1; }
.logo .sc{ display:block; font:400 clamp(26px,7.4vw,32px)/1 var(--script); color:var(--cream); -webkit-text-stroke:1.5px #B0301F; paint-order:stroke fill; text-shadow:2px 2px 0 #B0301F; } .logo i{ display:block; margin-top:3px; font:500 10px var(--hand); font-style:normal; letter-spacing:.38em; color:var(--brass); }
.nav,.tools{ font-family:var(--hand); font-size:14px; text-transform:uppercase; letter-spacing:.12em; } .nav a,.tools a{ color:var(--cream); text-decoration:none; } .nav a:hover,.tools a:hover{ color:var(--gold); } .nav a[aria-current]{ color:var(--gold); text-decoration:underline; text-underline-offset:6px; }
.strip{ background:var(--brass); color:var(--ink); font-family:var(--hand); font-weight:600; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; border-bottom:3px solid var(--ink); }
/* phone header: menu button and cart share the row with the name */
.top .navbtn{ padding:0 12px; } .tools{ gap:0; } .tools a:last-child{ justify-content:center; width:44px; border:3px solid var(--cream); padding:0; } .tools .ic{ display:block; } .tools .lbl,.tools .ct{ display:none; }
.tile span{ white-space:nowrap; } .two .btn,.dark .btn{ display:block; text-align:center; }
/* hero: dusk sky, searchlights, moon, a formation of B-17s. Phone: the sky picture sits on top and the text below it; desktop: the picture sits behind the right side. */
.hero{ position:relative; overflow:hidden; display:block; padding:0 16px 34px; color:var(--cream); border-bottom:6px solid var(--red);
 background:radial-gradient(1.4px 1.4px at 9% 16%,#F2E6C6 98%,transparent),radial-gradient(1.2px 1.2px at 22% 38%,#F2E6C6 98%,transparent),radial-gradient(1.6px 1.6px at 37% 12%,#F2E6C6 98%,transparent),radial-gradient(1.2px 1.2px at 52% 30%,#F2E6C6 98%,transparent),radial-gradient(1.4px 1.4px at 64% 10%,#F2E6C6 98%,transparent),radial-gradient(1.2px 1.2px at 88% 24%,#F2E6C6 98%,transparent),radial-gradient(1.2px 1.2px at 30% 52%,#F2E6C6 98%,transparent),linear-gradient(to bottom,#171F3E 0%,#4E3558 55%,#D08A5B 100%); }
.hero:after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; mix-blend-mode:multiply; opacity:.5; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .22  0 0 0 0 .15  0 0 0 0 .08  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
.hero>div:not(.deco){ position:relative; z-index:3; } .shots{ display:none !important; }
.deco{ position:relative; z-index:2; height:clamp(150px,46vw,230px); margin:0 -16px 8px; overflow:hidden; pointer-events:none; } .deco .fm{ --sx:-8cqw; position:relative; container-type:inline-size; width:100%; aspect-ratio:1/.46; } .deco .pl{ position:absolute; display:block; color:#0B1020; } .deco .pl.x2{ display:none; }
.deco .beam{ position:absolute; bottom:-30px; width:150px; height:260px; background:linear-gradient(to top,rgba(255,240,190,.5),rgba(255,240,190,0)); clip-path:polygon(40% 100%,60% 100%,100% 0,0 0); transform-origin:50% 100%; mix-blend-mode:screen; } .deco .b1{ left:8%; transform:rotate(-16deg); } .deco .b2{ left:46%; transform:rotate(14deg); }
.deco .moon{ position:absolute; left:9%; top:16px; width:64px; height:64px; border-radius:50%; background:#F3DDA0; box-shadow:0 0 0 10px rgba(243,221,160,.16); }
.hero .k{ display:inline-block; margin-bottom:14px; padding:5px 14px; background:var(--red); color:#FBEFC8; border:3px solid #F6E8C4; font-family:var(--hand); font-weight:600; font-size:12px; letter-spacing:.12em; text-transform:uppercase; transform:rotate(-1.5deg); }
.hero h1{ margin:0 0 18px; font-weight:400; } .hero h1 .hl-a{ display:block; font:400 clamp(46px,14.5vw,112px)/.95 var(--display); letter-spacing:.02em; text-transform:uppercase; color:#FBEFC8; text-shadow:4px 4px 0 #B0301F,-2px -2px 0 #13243C,2px -2px 0 #13243C,-2px 2px 0 #13243C; }
.hero h1 .hl-b{ display:inline-block; margin-top:8px; padding:0 18px 5px; background:var(--cream); color:var(--red); border:3px solid var(--navy); box-shadow:4px 4px 0 var(--red); transform:rotate(-1.5deg); font:400 clamp(28px,8.4vw,46px)/1.15 var(--script); text-shadow:none; }
.hero p{ font-family:var(--hand); font-weight:500; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--cream); }
.btn{ display:inline-block; padding:13px 28px; background:var(--red); color:#FBEFC8; border:3px solid #FBEFC8; text-decoration:none; font-family:var(--display); font-size:20px; letter-spacing:.1em; text-transform:uppercase; clip-path:none; } .btn:hover{ background:#FBEFC8; color:var(--red); } .btn.alt{ background:var(--gold); color:var(--navy); border-color:var(--navy); } .btn.alt:hover{ background:#FBEFC8; }
.trust{ position:relative; z-index:2; background:var(--ink); color:var(--cream); font-family:var(--hand); font-size:13px; letter-spacing:.14em; text-transform:uppercase; } .trust b{ color:var(--gold); font-family:var(--display); font-weight:400; font-size:20px; margin-right:6px; }
.band h2,.sec h2{ font-family:var(--display); font-weight:400; font-size:clamp(30px,4.4vw,50px); letter-spacing:.02em; text-transform:uppercase; line-height:1; color:var(--navy); text-shadow:3px 3px 0 #D9B25A; }
.tile{ color:var(--cream); border:4px solid var(--ink); box-shadow:6px 6px 0 var(--ink); font-family:var(--display); } .tile b{ font-weight:400; font-size:22px; letter-spacing:.04em; text-transform:uppercase; line-height:1; } .tile span{ font-family:var(--hand); font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); } .tile:hover{ transform:translate(-2px,-2px); box-shadow:8px 8px 0 var(--ink); } .tile.af{ background:#26407A; } .tile.nv{ background:#13243C; } .tile.mc{ background:#8F2424; }
.card{ background:var(--card); border:4px solid var(--navy); box-shadow:6px 6px 0 var(--ink); padding:10px 10px 14px; color:var(--ink); transition:transform .15s,box-shadow .15s; } .card:hover{ transform:translate(-2px,-2px); box-shadow:8px 8px 0 var(--ink); }
.cimg{ border:3px solid var(--navy); background:var(--photo); }
.mini{ position:absolute; bottom:8px; width:25%; display:block; background:var(--cream); border:3px solid var(--navy); box-shadow:3px 3px 0 var(--red); line-height:0; } .mini.l{ left:8px; } .mini.r{ right:8px; } .cimg .mini img{ width:100%; height:auto; object-fit:initial; } .mini i{ display:block; background:var(--navy); color:var(--cream); font-style:normal; font-family:var(--hand); font-size:8.5px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; text-align:center; line-height:1; padding:3px 0; white-space:nowrap; }
.kick{ margin-top:10px; font-family:var(--hand); font-weight:500; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); } .card h3{ margin:4px 0 0; font-family:var(--display); font-weight:400; font-size:26px; letter-spacing:.03em; text-transform:uppercase; line-height:1.05; color:var(--navy); } .card p{ margin:6px 0 0; font-family:var(--hand); font-weight:600; font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:#B0301F; }
.dark{ background:linear-gradient(to bottom,#171F3E,#4E3558); color:var(--cream); border-top:6px solid var(--red); border-bottom:6px solid var(--red); } .dark h2{ color:var(--cream); text-shadow:3px 3px 0 var(--red); } .dark p{ max-width:44em; }
.two>div{ background:var(--card); border:4px solid var(--navy); box-shadow:6px 6px 0 var(--ink); } .two>div.n{ background:linear-gradient(to bottom,#171F3E,#4E3558); color:var(--cream); box-shadow:6px 6px 0 var(--red); } .two h3{ margin:0 0 10px; font-family:var(--display); font-weight:400; font-size:30px; text-transform:uppercase; letter-spacing:.03em; } .two li a{ font-family:var(--hand); letter-spacing:.12em; text-transform:uppercase; font-weight:500; } .two li a:hover{ color:var(--red); } .two .n li a:hover{ color:var(--gold); } .soon{ opacity:.6; font-family:var(--hand); letter-spacing:.12em; text-transform:uppercase; }
.about h2{ font-family:var(--display); font-weight:400; font-size:clamp(32px,4.6vw,52px); text-transform:uppercase; line-height:1; color:var(--navy); text-shadow:3px 3px 0 #D9B25A; margin:0; } .about p{ margin:0 0 12px; font-size:17px; }
footer{ background:linear-gradient(to bottom,#171F3E,#0B1020); color:var(--cream); border-top:6px solid var(--red); font-size:14px; } footer b{ display:block; margin-bottom:10px; font-family:var(--display); font-weight:400; font-size:24px; letter-spacing:.1em; color:var(--gold); } footer a{ text-decoration:none; } footer a:hover{ color:var(--gold); } .legal{ border-top:1px solid rgba(242,230,198,.3); font-size:13px; opacity:.85; }
.swipe{ margin:-8px 0 10px; font-family:var(--hand); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--lead); }
/* pages that share this builder */
.doc section{ background:var(--card); border:4px solid var(--navy); box-shadow:6px 6px 0 var(--ink); } .doc h2{ font-family:var(--display); font-weight:400; font-size:clamp(30px,4vw,44px); text-transform:uppercase; letter-spacing:.02em; line-height:1; color:var(--navy); text-shadow:3px 3px 0 #D9B25A; } .doc h3{ font-family:var(--hand); font-weight:600; font-size:17px; letter-spacing:.12em; text-transform:uppercase; color:var(--red); } .doc .upd{ font-family:var(--hand); font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--lead); } .doc a{ color:var(--red); font-weight:600; }
.toc a{ background:var(--ink); color:var(--cream); font-family:var(--hand); font-size:14px; letter-spacing:.12em; text-transform:uppercase; border:3px solid var(--ink); } .toc a:hover{ background:var(--red); border-color:var(--red); color:#fff; }
.pagehead{ background:linear-gradient(to bottom,#171F3E,#4E3558); color:var(--cream); border-bottom:6px solid var(--red); padding:clamp(26px,4vw,44px) clamp(20px,5vw,72px); } .pagehead h1{ margin:0; font-family:var(--display); font-weight:400; font-size:clamp(44px,7vw,84px); line-height:.95; text-shadow:4px 4px 0 var(--red); text-transform:uppercase; }
.storebar{ background:linear-gradient(to bottom,#171F3E,#4E3558); color:var(--cream); border-bottom:5px solid var(--red); } .storebar .k{ font-family:var(--hand); font-size:13px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); } .storebar h1{ font-family:var(--display); font-weight:400; font-size:clamp(26px,3.4vw,38px); letter-spacing:.03em; text-transform:uppercase; line-height:1.1; text-shadow:3px 3px 0 var(--red); } .storebar p{ font-family:var(--hand); font-size:14px; letter-spacing:.08em; text-transform:uppercase; } .storebar .btn{ padding:8px 28px 8px 24px; font-size:16px; }
.compact #designs{ padding-top:clamp(18px,2.6vw,28px); } .compact .band h2,.compact .sec h2{ font-size:clamp(28px,3.8vw,44px); }
@media (min-width:600px){
 .two .btn,.dark .btn{ display:inline-block; }
 .swipe{ display:none; } .strip{ font-size:13px; letter-spacing:.2em; } .hero .k{ font-size:14px; letter-spacing:.2em; padding:5px 24px; } .hero p{ font-size:17px; letter-spacing:.12em; } .btn{ padding:13px 34px; font-size:21px; }
 .deco .fm{ --sx:-4cqw; } .deco .moon{ width:84px; height:84px; left:12%; }
}
@media (min-width:700px){
 .tile b{ font-size:clamp(26px,3.4vw,46px); } .card h3{ font-size:30px; } .two h3{ font-size:34px; } .mini{ width:23%; } .mini i{ font-size:9.5px; letter-spacing:.14em; }
}
@media (min-width:900px){
 .nav{ gap:clamp(14px,1.5vw,24px); } .nav a{ white-space:nowrap; } .nav,.tools{ font-size:13px; letter-spacing:.1em; } .tools a:first-child{ display:none; } .logo .sc{ font-size:clamp(40px,4vw,54px); }
 .tools{ gap:20px; } .tools .ic{ display:none; } .tools .lbl,.tools .ct{ display:inline; } .tools a:last-child{ width:auto; border:0; padding:0; font-size:14px; }
 .top{ padding-top:8px; padding-bottom:8px; } .logo{ gap:12px; } .logo .em{ width:92px; height:92px; } .logo .sc{ -webkit-text-stroke-width:2px; text-shadow:3px 3px 0 #B0301F; } .logo i{ font-size:12px; letter-spacing:.5em; margin-top:4px; }
 .hero{ display:grid; grid-template-columns:minmax(0,1fr); align-items:center; min-height:580px; padding:clamp(40px,6vw,72px) clamp(20px,5vw,72px) clamp(70px,8vw,104px); }
 .hero>div:not(.deco){ max-width:54%; }
 .deco{ position:absolute; inset:0; height:auto; margin:0; overflow:visible; } .deco .fm{ --sx:0cqw; position:absolute; right:0; top:48px; width:49%; aspect-ratio:1/.72; } .deco .pl.x2{ display:block; }
 .deco .beam{ bottom:-40px; width:320px; height:150%; } .deco .b1{ left:48%; transform:rotate(-16deg); } .deco .b2{ left:72%; transform:rotate(14deg); }
 .deco .moon{ left:auto; right:7%; top:36px; width:110px; height:110px; box-shadow:0 0 0 16px rgba(243,221,160,.16); }
 .hero .k{ margin-bottom:16px; } .hero h1 .hl-a{ text-shadow:5px 5px 0 #B0301F,-2px -2px 0 #13243C,2px -2px 0 #13243C,-2px 2px 0 #13243C; } .hero h1 .hl-b{ padding:0 24px 6px; box-shadow:5px 5px 0 var(--red); font-size:clamp(30px,3.8vw,46px); }
}
@media (min-width:1300px){ .tools a:first-child{ display:inline-flex; } .nav,.tools{ font-size:14px; letter-spacing:.12em; } }