:root{
  --paper:#f4eee2;
  --paper-light:#fdf9f0;
  --paper-deep:#ece2d1;
  --paper-ink:#d8c9af;
  --ink:#26231f;
  --ink-soft:#555046;
  --quiet:#81786b;
  --line:#cbbda8;
  --shadow:0 14px 34px rgba(35,32,28,.08);
  --shadow-rough:8px 10px 0 rgba(140,124,95,.17);
  --headline:"Gochi Hand", cursive;
  --hand:"Patrick Hand", cursive;
  --sans:"DM Sans", system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  overflow-x:hidden;
}
a{color:inherit}
img,svg{display:block;max-width:100%}
.skip-link{position:absolute;left:-999px;top:auto}
.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;padding:10px 14px;border:2px solid var(--ink)}
.paper-surface{
  position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.95;
  background:
    radial-gradient(circle at 12% 9%, rgba(255,255,255,.65), transparent 25%),
    radial-gradient(circle at 84% 15%, rgba(228,214,190,.35), transparent 22%),
    radial-gradient(circle at 25% 74%, rgba(220,204,181,.22), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(238,231,218,.1));
}
.paper-surface::before,
.paper-surface::after{content:"";position:absolute;inset:0}
.paper-surface::before{
  background-image:
    url("assets/paper-noise.png"),
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(99,92,81,.045) 35px 36px),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(99,92,81,.035) 35px 36px),
    repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 2px, transparent 2px 12px);
  background-size:420px auto, auto, auto, auto;
  mix-blend-mode:multiply;
  opacity:.72;
}
.paper-surface::after{
  background:
    linear-gradient(90deg, rgba(120,107,88,.03), transparent 8%, transparent 92%, rgba(120,107,88,.03)),
    linear-gradient(180deg, rgba(125,110,85,.03), transparent 14%, transparent 88%, rgba(125,110,85,.03));
}
.topbar{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  padding:9px clamp(16px,4vw,34px);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--quiet);border-bottom:1px solid rgba(76,69,59,.12)
}
.site-header{
  position:sticky;top:0;z-index:30;
  display:flex;justify-content:space-between;align-items:center;
  padding:14px clamp(18px,4vw,42px);
  background:rgba(253,249,240,.74);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(83,74,63,.10);
}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:700 clamp(28px,3vw,36px) var(--headline);letter-spacing:.01em}
.brand-face{width:40px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}
.brand-heart{display:inline-block;margin-left:4px;transform:rotate(6deg)}
.nav-toggle{display:none}
.primary-nav{display:flex;gap:22px;align-items:center}
.primary-nav a{text-decoration:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.nav-pill{padding:10px 14px;border:1.5px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.55);box-shadow:3px 4px 0 rgba(111,97,76,.12)}
.ambient-doodles{position:fixed;inset:0;pointer-events:none;z-index:0}
.doodle{position:absolute;font:clamp(24px,2.8vw,44px) var(--hand);opacity:.34;color:#4f4a43;filter:blur(.1px)}
.doodle-spark,.doodle-star,.doodle-heart{opacity:.42}
.s1{top:10%;left:5%;animation:floaty 7s ease-in-out infinite}
.s2{top:18%;right:14%;animation:twinkle 3.2s ease-in-out infinite}
.s3{top:56%;left:3%;animation:floaty 8.1s ease-in-out infinite reverse}
.s4{top:80%;right:7%;animation:wobble 9s ease-in-out infinite}
.s5{top:38%;right:3%;animation:twinkle 4.5s ease-in-out infinite}
.s6{top:73%;left:9%;animation:wobble 8.4s ease-in-out infinite reverse}
.s7{top:88%;left:80%;animation:floaty 6s ease-in-out infinite}
.s8{top:36%;left:50%;animation:twinkle 3.6s ease-in-out infinite}
.s9{top:7%;right:43%;animation:wobble 6.8s ease-in-out infinite}
.s10{top:58%;right:30%;animation:floaty 7.5s ease-in-out infinite}
main{position:relative;z-index:1}
.section-wrap{padding-inline:clamp(22px,5vw,76px)}
.hero{
  min-height:calc(100vh - 108px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px);
  gap:min(5vw,54px);align-items:center;position:relative;
  padding:78px clamp(22px,5vw,76px) 48px;
}
.hero::before{
  content:"";position:absolute;inset:40px 3% auto auto;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle, rgba(214,194,164,.22), transparent 70%);z-index:-1;
}
.hero-crumb{position:absolute;top:18px;left:clamp(24px,5vw,76px);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);display:flex;align-items:center;gap:10px}
.tiny-ring{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%}
.shortline{display:inline-block;width:44px;height:1px;background:currentColor;opacity:.4}
.pencil-kicker{display:flex;align-items:center;gap:8px;font:24px var(--hand);color:var(--ink-soft);margin-bottom:20px}
.pencil-kicker svg{width:42px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero h1{font:700 clamp(70px,9vw,126px)/.92 var(--headline);margin:0 0 18px;letter-spacing:-.03em;transform:rotate(-2deg)}
.hero h1 em{font-style:normal;display:inline-block;position:relative}
.hero h1 em::after{content:"";position:absolute;left:4px;right:4px;bottom:-10px;height:12px;background:rgba(219,201,173,.65);z-index:-1;border-radius:999px;transform:rotate(-1deg)}
.hero-description{max-width:520px;font-size:16px;line-height:1.8;color:var(--ink-soft)}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.rough-button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--ink);color:var(--paper-light);padding:14px 22px;border-radius:999px;font:24px var(--hand);box-shadow:4px 5px 0 rgba(111,97,76,.14);transition:transform .2s ease, box-shadow .2s ease}
.rough-button:hover{transform:translateY(-1px) rotate(-1deg);box-shadow:6px 7px 0 rgba(111,97,76,.16)}
.scribbled-side{font:24px var(--hand);color:var(--quiet);transform:rotate(-4deg)}
.hero-collage{position:relative;height:min(78vw,570px)}
.collage-halo{position:absolute;inset:10% 8% auto auto;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, rgba(215,198,170,.38), rgba(215,198,170,0));filter:blur(1px);animation:pulseHalo 7s ease-in-out infinite}
.main-sheet{
  position:absolute;inset:8% 15% 12% 8%;
  background:
    linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.06)),
    url("assets/paper-noise.png"),
    var(--paper-light);
  background-size:auto, 370px auto, auto;
  border:1.7px solid rgba(45,40,34,.76);
  box-shadow:var(--shadow-rough), var(--shadow);
  transform:rotate(-4deg);
  padding:18px 18px 22px;color:var(--ink);
}
.main-sheet::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(70,61,50,.27);pointer-events:none}
.paper-head,.paper-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--quiet)}
.paper-head{top:14px}.paper-bottom{bottom:14px}
.main-illustration{height:100%;width:100%;padding:34px 12px 26px;color:var(--ink)}
.main-illustration path{animation:drawFaint 5.5s ease-in-out infinite alternate}
.mini-note{
  position:absolute;right:5%;top:11%;width:148px;min-height:138px;padding:28px 16px 14px;
  background:linear-gradient(180deg, rgba(255,255,255,.5), transparent), #fbf0c8;
  border:1.5px solid rgba(44,39,34,.7);box-shadow:6px 8px 0 rgba(111,97,76,.12);
  transform:rotate(6deg);font:26px/1.05 var(--headline);display:grid;place-items:center;text-align:center
}
.note-tape{position:absolute;left:36px;top:-12px;width:60px;height:22px;background:rgba(237,228,206,.82);border:1px solid rgba(70,61,50,.18);transform:rotate(-8deg)}
.mini-note svg{width:58px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;opacity:.8;margin-top:6px}
.flower-doodle{position:absolute;left:0;bottom:6%;width:104px;color:var(--ink);transform:rotate(-14deg);animation:floaty 8s ease-in-out infinite}
.flower-doodle path,.flower-doodle circle{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.sparkle-cluster{position:absolute;right:8%;top:54%;display:grid;gap:10px;font:36px var(--headline);color:var(--ink-soft);opacity:.85;transform:rotate(9deg)}
.sparkle-cluster span:nth-child(1){animation:twinkle 3s ease-in-out infinite}
.sparkle-cluster span:nth-child(2){animation:twinkle 3.8s ease-in-out infinite .3s}
.sparkle-cluster span:nth-child(3){animation:twinkle 3.4s ease-in-out infinite .6s}
.squiggle{position:absolute;font:50px var(--hand);color:var(--ink-soft);opacity:.8}
.squiggle-upper{left:6%;top:0;animation:wobble 7s ease-in-out infinite}
.squiggle-lower{left:8%;bottom:-3%;font-size:44px;animation:wobble 6.6s ease-in-out infinite reverse}
.hero-loop{position:absolute;stroke:rgba(71,64,56,.62);fill:none;stroke-width:2.5;stroke-linecap:round}
.hero-loop svg{overflow:visible}
.hero-loop path{stroke-dasharray:250;stroke-dashoffset:250;animation:loopDraw 8s ease-in-out infinite}
.hero-loop-one{right:0;top:6%;width:150px}
.hero-loop-two{right:12%;bottom:12%;width:165px}
.handwritten-annotation{position:absolute;right:6%;bottom:2%;font:18px var(--hand);color:var(--quiet);transform:rotate(-7deg)}
.stamp-ring{position:absolute;right:2%;bottom:20%;width:74px;height:74px;border:2px dashed rgba(52,46,40,.7);border-radius:50%;display:grid;place-items:center;font:42px var(--headline);transform:rotate(8deg);animation:floaty 7.2s ease-in-out infinite}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:14px;font:18px var(--hand);color:var(--quiet)}
.hero-bottom a{text-decoration:none}
.ticker{overflow:hidden;border-block:1px solid rgba(83,74,63,.14);background:rgba(255,255,255,.32)}
.ticker-track{display:flex;gap:18px;white-space:nowrap;padding:14px 0;font:26px var(--hand);animation:ticker 24s linear infinite}
.ticker-track span{font:700 11px var(--sans);letter-spacing:.2em;text-transform:uppercase}
.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:36px}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--quiet)}
.section-intro h2,.desk-title h2,.about-copy h2,.play-copy h2,.hello h2{font:700 clamp(52px,7vw,96px)/.94 var(--headline);margin:.15em 0 0}
.section-intro h2 em,.desk-title h2 em,.about-copy h2 em,.play-copy h2 em,.hello h2 em{font-style:normal}
.section-intro p,.desk-title p,.play-copy p{font-size:16px;line-height:1.8;color:var(--ink-soft);max-width:420px}
.shop,.about,.hello,.play-wrap,.desk-inside{position:relative}
.shop{padding-top:92px;padding-bottom:96px}
.section-squigs{position:absolute;top:90px;right:3%;display:grid;gap:12px;font:32px var(--hand);color:var(--quiet);opacity:.7}
.section-squigs span:nth-child(1){animation:wobble 7s ease-in-out infinite}
.section-squigs span:nth-child(2){animation:twinkle 4s ease-in-out infinite}
.section-squigs span:nth-child(3){animation:floaty 8s ease-in-out infinite}
.section-squigs.is-right{top:34px;right:4%}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.product-card{background:rgba(255,252,244,.72);border:1.4px solid rgba(44,39,34,.72);box-shadow:var(--shadow);padding:16px;transform:rotate(-1.2deg);position:relative}
.product-card:nth-child(2){transform:rotate(1deg)}
.product-card:nth-child(3){transform:rotate(-.2deg)}
.product-card::before{content:"";position:absolute;inset:0;background:url("assets/paper-noise.png");background-size:320px auto;opacity:.18;pointer-events:none}
.product-illustration{position:relative;height:315px;background:linear-gradient(180deg, rgba(255,255,255,.55), transparent), var(--paper-light);border:1.2px dashed rgba(70,61,50,.35);display:grid;place-items:center;overflow:hidden}
.corner-tag{position:absolute;top:12px;left:12px;padding:5px 8px;background:rgba(255,255,255,.86);border:1px solid rgba(70,61,50,.3);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.product-illustration svg{width:78%;height:78%;color:var(--ink)}
.product-info{display:flex;justify-content:space-between;gap:12px;align-items:end;padding-top:14px;position:relative;z-index:1}
.product-num{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--quiet);margin-bottom:4px}
.product-info h3{margin:0;font:36px/1 var(--headline)}
.availability{font:20px var(--hand);color:var(--ink-soft)}
.art-scribble{position:absolute;font:24px var(--hand);color:var(--ink-soft);transform:rotate(-8deg)}
.art-scribble-one{right:12px;bottom:16px}.art-scribble-two{left:18px;bottom:18px}.art-scribble-three{right:18px;bottom:18px}
.card-art{display:grid;place-items:center}
.race-card{position:absolute;width:56%;aspect-ratio:4/6;border:1.5px solid rgba(44,39,34,.72);background:linear-gradient(180deg, rgba(255,255,255,.65), transparent), #f8f1e4;box-shadow:4px 6px 0 rgba(111,97,76,.12);display:flex;flex-direction:column;justify-content:space-between;padding:14px}
.rear-card{left:20%;top:16%;transform:rotate(-10deg)}
.front-card{left:32%;top:20%;transform:rotate(7deg)}
.race-no,.race-caption{font:700 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--quiet)}
.race-mark{font:34px var(--headline);text-align:right}
.shop-footer{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px 0 0;color:var(--quiet)}
.hand-drawn-star{font:34px var(--headline);line-height:1}
.desk{background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));border-block:1px solid rgba(83,74,63,.12)}
.desk-inside{padding-top:96px;padding-bottom:96px}
.desk-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.desk-card{position:relative;padding:28px 22px 26px;min-height:270px;background:linear-gradient(180deg, rgba(255,255,255,.58), transparent), var(--paper-light);border:1.4px solid rgba(44,39,34,.72);box-shadow:var(--shadow-rough);transform:rotate(-1.3deg)}
.desk-card:nth-child(2){transform:rotate(1.3deg)}
.desk-card:nth-child(3){transform:rotate(-.4deg)}
.desk-card::before{content:"";position:absolute;inset:0;background:url("assets/paper-noise.png");background-size:320px auto;opacity:.14;pointer-events:none}
.pin{position:absolute;top:12px;right:16px;width:14px;height:14px;background:#e4c5c5;border-radius:50%;border:1px solid rgba(44,39,34,.35);box-shadow:0 2px 5px rgba(0,0,0,.12)}
.desk-index{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--quiet)}
.desk-graphic{display:block;font:32px var(--headline);margin:20px 0;color:var(--ink-soft)}
.desk-card h3{font:34px/1 var(--headline);margin:0 0 10px}.desk-card p{margin:0;color:var(--ink-soft);line-height:1.7}
.about{display:grid;grid-template-columns:minmax(280px,450px) minmax(0,1fr);gap:clamp(26px,6vw,70px);align-items:center;padding-top:96px;padding-bottom:96px}
.about-art{position:relative;padding:18px;background:linear-gradient(180deg, rgba(255,255,255,.54), transparent), var(--paper-light);border:1.4px solid rgba(44,39,34,.72);box-shadow:var(--shadow-rough);transform:rotate(-3deg)}
.about-art::before{content:"";position:absolute;inset:0;background:url("assets/paper-noise.png");background-size:320px auto;opacity:.16;pointer-events:none}
.about-tape{position:absolute;top:-12px;left:50%;translate:-50% 0;width:90px;height:25px;background:rgba(236,228,209,.85);border:1px solid rgba(70,61,50,.18);transform:rotate(-3deg)}
.about-art-heading,.about-art-caption{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--quiet)}
.about-art-heading{margin-bottom:10px}.about-art-caption{margin-top:10px}
.about-art svg{width:100%;color:var(--ink)}
.about-copy p{font-size:15px;line-height:1.9;color:var(--ink-soft)}
.signature{margin-top:18px;font:28px var(--hand);color:var(--ink-soft)}
.signature span{font-family:var(--headline);color:var(--ink)}
.play-wrap{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:42px;align-items:center;padding-top:96px;padding-bottom:96px}
.stamp-picker{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 16px}
.stamp-choice{width:58px;height:58px;border-radius:50%;border:1.5px solid rgba(44,39,34,.8);background:rgba(255,255,255,.65);font:30px var(--headline);cursor:pointer;box-shadow:3px 4px 0 rgba(111,97,76,.12);transition:transform .2s ease, background .2s ease}
.stamp-choice:hover{transform:translateY(-2px) rotate(-6deg)}
.stamp-choice.is-selected{background:var(--ink);color:var(--paper-light);transform:rotate(-8deg)}
.clear-doodles{border:0;background:transparent;padding:0;font:20px var(--hand);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px;cursor:pointer;color:var(--ink-soft)}
.doodle-paper{position:relative;height:420px;background:linear-gradient(180deg, rgba(255,255,255,.58), transparent), url("assets/paper-noise.png"), #fffcf5;background-size:auto, 380px auto, auto;border:1.5px solid rgba(44,39,34,.82);box-shadow:9px 10px 0 rgba(111,97,76,.12);transform:rotate(2deg);overflow:hidden;cursor:crosshair;touch-action:manipulation}
.doodle-paper::before{content:"";position:absolute;inset:13px;border:1px dashed rgba(70,61,50,.28)}
.doodle-paper::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(transparent 0 27px, rgba(90,86,79,.07) 28px), repeating-linear-gradient(90deg, transparent 0 27px, rgba(90,86,79,.055) 28px);pointer-events:none}
.doodle-paper-label{position:absolute;top:26px;left:28px;font:700 10px var(--sans);letter-spacing:.11em;pointer-events:none;color:var(--quiet)}
.paper-empty-hint{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-6deg);color:#868174;font:26px var(--hand);width:80%;text-align:center;pointer-events:none}
.paper-empty-hint[hidden]{display:none}
.doodle-paper-footer{position:absolute;right:22px;bottom:20px;font:18px var(--hand);color:var(--ink-soft);pointer-events:none}
.paper-stamp{position:absolute;display:block;font:clamp(33px,4vw,61px)/1 var(--hand);color:var(--ink);pointer-events:none;user-select:none;animation:stamp-pop .18s ease-out;z-index:2}
.hello{text-align:center;padding-top:110px;padding-bottom:110px;position:relative}
.hello::before{content:"";position:absolute;left:12%;top:26%;font:36px var(--hand);color:var(--quiet);opacity:.7;content:"〰";animation:wobble 6.8s ease-in-out infinite}
.hello::after{content:"✦";position:absolute;right:15%;bottom:24%;font:28px var(--hand);color:var(--quiet);opacity:.75;animation:twinkle 3.5s ease-in-out infinite}
.hello-doodles{font:50px var(--hand);letter-spacing:.27em;margin-bottom:20px}
.hello p{max-width:500px;margin:0 auto 28px;font-size:15px;line-height:1.8;color:var(--ink-soft)}
.hello-postscript{display:block;font:21px var(--hand);margin-top:24px;color:var(--quiet);transform:rotate(5deg)}
.site-footer{border-top:1px solid rgba(83,74,63,.12);background:rgba(234,227,214,.7);padding:30px clamp(22px,5vw,76px);display:flex;justify-content:space-between;gap:22px;align-items:center;font-size:12px;color:#69665d}
.footer-left,.footer-right{display:flex;align-items:center;gap:24px}.footer-brand{font:26px var(--headline)}
.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes wobble{0%,100%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(-5deg) translateY(-4px)}75%{transform:rotate(5deg) translateY(4px)}}
@keyframes twinkle{0%,100%{opacity:.28;transform:scale(.92)}50%{opacity:.7;transform:scale(1.05)}}
@keyframes pulseHalo{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:.65}}
@keyframes loopDraw{0%,18%{stroke-dashoffset:250;opacity:0}28%,65%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-250;opacity:0}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes stamp-pop{from{opacity:.2;scale:.65}to{opacity:1;scale:1}}
@keyframes drawFaint{0%{opacity:.85}100%{opacity:1}}
@media (max-width:1024px){
  .hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:84px}
  .hero-copy{text-align:center}.hero-description{margin-inline:auto}.hero-actions{justify-content:center}
  .hero-collage{width:min(620px,100%);margin:0 auto;height:520px}.hero-bottom{padding-top:0}
  .product-grid,.desk-notes{grid-template-columns:1fr 1fr}
  .about,.play-wrap{grid-template-columns:1fr;gap:48px}
}
@media (max-width:820px){
  .topbar span:first-child,.topbar span:last-child{display:none}.topbar{justify-content:center}
  .nav-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper-light);cursor:pointer}
  .nav-toggle span{width:18px;height:2px;background:var(--ink);display:block}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:22px 6%;background:rgba(253,249,240,.96);border-bottom:1px solid rgba(83,74,63,.12);flex-direction:column;align-items:flex-start}
  .primary-nav.is-open{display:flex}
  .section-intro{display:block}.section-intro p{margin-top:18px}
}
@media (max-width:640px){
  .site-header{padding:12px 18px}.brand{font-size:30px}.brand-face{width:34px}
  .hero{padding:72px 18px 42px}.hero-crumb{left:18px;font-size:12px}
  .hero h1{font-size:clamp(60px,15vw,92px)}.pencil-kicker{font-size:20px}.pencil-kicker svg{width:34px}
  .hero-collage{height:400px}.main-sheet{inset:10% 12% 12% 4%;padding:16px}.mini-note{width:110px;min-height:108px;font-size:18px;right:1%;top:12%}.note-tape{left:24px;width:48px;height:18px}
  .sparkle-cluster{font-size:28px;right:4%}.flower-doodle{width:80px}.stamp-ring{width:58px;height:58px;font-size:34px;right:1%;bottom:24%}.handwritten-annotation{font-size:15px;right:1%;bottom:3%}
  .hero-bottom{flex-direction:column;align-items:flex-start;font-size:16px}
  .shop,.desk-inside,.about,.play-wrap,.hello{padding-top:84px;padding-bottom:84px}
  .section-intro h2,.desk-title h2,.about-copy h2,.play-copy h2,.hello h2{font-size:clamp(48px,13vw,74px)}
  .product-grid,.desk-notes{grid-template-columns:1fr;gap:18px}
  .product-illustration{height:340px}.product-info h3{font-size:32px}.desk-card h3{font-size:32px}
  .site-footer{flex-direction:column;align-items:flex-start}.footer-left,.footer-right{flex-direction:column;align-items:flex-start;gap:8px}
  .doodle-paper{height:355px}.scribbled-side{display:none}.hello::before,.hello::after,.section-squigs{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* V4 — User reference: warm coral graph paper, real hand-drawn white doodles and Providence-lettered artwork. */
:root{--paper:#dd715e;--paper-light:#fffaf0;--paper-deep:#dbb69c;--ink:#302721;--ink-soft:#55483e;--quiet:#6d5c52;--line:#c3a18f;--headline:"Gochi Hand",cursive;--hand:"Patrick Hand",cursive}
html{scroll-padding-top:100px}
body{background:#dd715e;color:#fffaf4;background-image:url("assets/coral-grid-paper.jpg");background-repeat:repeat;background-size:600px 600px}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 7%,rgba(255,207,149,.12),transparent 42%),radial-gradient(ellipse at 80% 95%,rgba(95,50,118,.08),transparent 52%)}
.site-header{height:122px;min-height:122px;position:absolute;top:0;left:0;right:0;z-index:40;border:0;background:transparent;backdrop-filter:none;padding:8px 5.2% 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px}
.site-header .header-zigzags{grid-column:1;grid-row:1;width:min(100%,390px);position:absolute;left:-5.7vw;top:0;pointer-events:none}
.header-zigzags img{width:100%;height:auto;display:block}
.site-header .brand{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;text-decoration:none;z-index:1;width:192px;padding-top:6px}
.site-header .brand .original-brand-face{width:78px;height:58px;object-fit:contain;display:block}
.site-header .brand .original-brand-text{width:188px;height:auto;display:block;margin-top:-3px}
.site-header .primary-nav{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:16px;padding-top:63px;position:relative;z-index:2}
.site-header .primary-nav a{padding:4px 2px;line-height:1;display:inline-flex;transition:transform .2s ease}
.site-header .primary-nav a:hover{transform:translateY(-4px) rotate(-3deg)}
.site-header .primary-nav img{height:20px;width:auto;max-width:none;display:block}
.site-header .nav-toggle{display:none}
.hero{display:block;position:relative;height:max(680px,95vh);min-height:680px;max-height:990px;padding:0;overflow:hidden;background:transparent}
.hero-art{position:absolute;inset:0;pointer-events:none}
.hero-art img{position:absolute;display:block;max-width:none;filter:drop-shadow(0 0 .2px rgba(255,255,255,.2))}
.original-mascot{width:min(37vw,510px);left:6.3%;top:22%;transform-origin:50% 50%;animation:mascotFloat 7.5s ease-in-out infinite}
.original-flower-cluster{width:11.2%;min-width:90px;right:-.8%;top:29%;animation:petalRock 6.4s ease-in-out infinite}
.original-bottom-flower{width:11.2%;min-width:95px;left:0;bottom:-2%;animation:petalRock 8.5s ease-in-out infinite reverse}
.original-right-sparkle{width:8.8%;min-width:64px;right:5.2%;bottom:2%;animation:glimmer 4.7s ease-in-out infinite}
.hero-art .accent-swirl,.hero-art .accent-star{position:absolute;color:#fffaf1;font:64px "Patrick Hand",cursive;line-height:1;opacity:.84}
.swirl-one{left:48%;bottom:6%;transform:rotate(25deg);animation:wiggle 6.8s ease-in-out infinite}
.swirl-two{right:19%;top:24%;font-size:42px!important;transform:rotate(-20deg);animation:wiggle 5.1s ease-in-out infinite reverse}
.star-one{left:47%;top:40%;animation:glimmer 3.8s ease-in-out infinite}
.star-two{right:18%;bottom:14%;font-size:38px!important;animation:glimmer 3.2s ease-in-out infinite .4s}
.hero-intro{position:absolute;left:52%;top:39%;width:36%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:3}
.hero-intro .hello-type{width:min(96%,380px);height:auto}
.hero-intro .whimsy-type{width:min(100%,460px);height:auto}
.hero-intro p{font:clamp(16px,1.6vw,21px)/1.35 "Patrick Hand",cursive;letter-spacing:.045em;color:#fffdf7;max-width:350px;margin:4px auto 6px;text-wrap:balance}
.look-link{display:inline-flex;padding:9px 15px;background:#fff9ee;border:2px solid #fffdf8;box-shadow:6px 6px 0 rgba(65,35,51,.13);transform:rotate(-3deg);border-radius:4px;transition:transform .2s,box-shadow .2s;text-decoration:none}
.look-link img{width:195px;height:auto;display:block}
.look-link:hover{transform:rotate(0deg) translateY(-3px);box-shadow:7px 9px 0 rgba(65,35,51,.2)}
.hero-scroll{position:absolute;bottom:25px;right:5%;font:22px "Patrick Hand",cursive;letter-spacing:.08em;text-decoration:none;color:#fffaf4;z-index:4}
.hero-scroll:hover{text-decoration:underline;text-decoration-style:wavy}
.ticker{position:relative;z-index:1;border-top:2px dashed rgba(255,250,238,.7);border-bottom:2px dashed rgba(255,250,238,.65);background:rgba(96,47,64,.12);color:#fffaf0}
.ticker-track{color:#fffaf1}
.section-wrap{padding-inline:clamp(24px,5.5vw,78px)}
.shop,.desk,.about,.play-section,.hello{color:var(--ink)}
.shop{background:#f4eade;background-image:url("assets/paper-noise.png"),linear-gradient(rgba(255,255,255,.14),rgba(178,139,116,.06));background-size:450px auto,auto;padding-top:96px;padding-bottom:104px;border-top:10px solid #e8cabc;position:relative}
.shop::before{content:"";position:absolute;left:0;top:-8px;right:0;height:13px;background:repeating-linear-gradient(110deg,transparent 0 9px,#dd715e 10px 16px,transparent 17px 26px);opacity:.7}
.section-intro h2,.desk-title h2,.about-copy h2,.play-copy h2,.hello h2{font:700 clamp(46px,7vw,85px)/.95 var(--headline)}
.heading-art{width:auto;height:auto;max-width:100%;display:block;max-height:110px;object-fit:contain;object-position:left}
#shop-heading .heading-art{max-height:104px}
#desk-heading .heading-art{max-height:95px}
.shop .section-intro p{font:24px/1.2 var(--hand);color:var(--ink-soft)}
.eyebrow{font:700 11px/1.5 var(--sans);letter-spacing:.17em;color:var(--quiet)}
.product-card{background:#fff9ed;border:2px solid #302721;box-shadow:8px 9px 0 rgba(64,40,28,.14);transition:transform .25s ease,box-shadow .25s ease}
.product-card:hover{transform:translateY(-7px) rotate(0);box-shadow:10px 14px 0 rgba(64,40,28,.16)}
.product-illustration{background:#faf2e3;border-color:rgba(79,50,35,.45)}
.product-info h3{font-size:30px}
.product-type{height:auto;max-height:36px;max-width:min(90%,215px);width:auto;object-fit:contain;object-position:left}
.availability{font-size:18px}
.shop-footer{max-width:650px;font:21px/1.3 var(--hand)}
.desk{background:#ebdfd1 url("assets/paper-noise.png") repeat;border-top:8px solid rgba(245,223,208,.65);border-bottom:8px solid rgba(247,229,213,.65);position:relative}
.desk-title p,.about-copy p,.play-copy p{font:23px/1.32 var(--hand);max-width:580px}
.desk-card{background:#fff9ef;border:2px solid var(--ink);box-shadow:7px 9px 0 #d1bfb0}
.desk-card p{font:20px/1.2 var(--hand)}
.desk-index{font-weight:700}
.about{background:#f4e9dc url("assets/paper-noise.png") repeat;background-size:500px auto}
.about-copy h2 .heading-art{max-height:106px}
.about-art{background:#fff8eb}
.about-copy .signature{font-size:28px}
.play-section{background:#d87962;position:relative;padding:14px 0;background-image:url("assets/coral-grid-paper.jpg");background-size:600px 600px}
.play-wrap{margin:22px clamp(12px,2vw,32px);padding:60px clamp(24px,5vw,70px);background:#f9f1e5 url("assets/paper-noise.png") repeat;background-size:420px auto;border:3px solid #fff9ef;box-shadow:10px 12px 0 rgba(89,43,47,.18);transform:rotate(-.4deg)}
.play-copy h2 .heading-art{max-height:99px}
.play-copy p{font:22px/1.3 var(--hand)}
.doodle-paper{background-color:#fffcf3;background-image:repeating-linear-gradient(0deg,transparent 0 28px,rgba(158,109,143,.15) 29px 30px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(158,109,143,.14) 29px 30px),url("assets/paper-noise.png");background-size:auto,auto,350px auto;box-shadow:10px 12px 0 #dec5b6}
.doodle-paper::after{opacity:.32}
.stamp-choice.is-selected{background:#dd715e;color:#fff9ef}
.hello{text-align:center;color:#2f2823;background:#f4e9dc url("assets/paper-noise.png") repeat;background-size:450px auto;padding-top:110px;padding-bottom:110px;border-top:6px solid #e0b8a2}
.hello .heading-art{margin-inline:auto;max-height:90px}
.hello-doodles{color:#c67062}
.hello p{font:24px/1.25 var(--hand)}
.hello .rough-button{background:#dd715e;color:#fff9ef}
.site-footer{background:#b65f5e;color:#fff8ef;border-top:2px dashed #f8d3bd}
.site-footer .footer-brand{color:#fff8ef}
.site-footer a{color:#fff8ef}
@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes petalRock{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(7deg)}}
@keyframes glimmer{0%,100%{opacity:.5;transform:scale(.93) rotate(-6deg)}50%{opacity:1;transform:scale(1.07) rotate(5deg)}}
@keyframes wiggle{0%,100%{transform:rotate(13deg) translateY(0)}50%{transform:rotate(-13deg) translateY(-9px)}}
@media (max-width:1100px){
  .site-header{padding-left:2%;padding-right:2%}
  .site-header .header-zigzags{width:37vw;left:-2vw}
  .site-header .brand{width:175px}
  .site-header .brand .original-brand-text{width:174px}
  .site-header .primary-nav{gap:12px}
  .site-header .primary-nav img{height:18px}
  .hero-intro{left:51%;width:38%;top:44%}
  .hero{min-height:630px;height:75vw;max-height:790px}
}
@media (max-width:760px){
  .site-header{height:95px;min-height:95px;display:flex;justify-content:center;align-items:flex-start;padding:10px 18px}
  .site-header .brand{width:160px;padding-top:0}
  .site-header .brand .original-brand-face{width:57px;height:44px}
  .site-header .brand .original-brand-text{width:157px}
  .site-header .header-zigzags{width:36vw;top:0;left:-30px;opacity:.92}
  .site-header .nav-toggle{display:flex;position:absolute;top:26px;right:18px;border:2px solid #fff9ee;background:rgba(141,59,83,.23);box-shadow:2px 3px 0 rgba(66,36,45,.2)}
  .site-header .nav-toggle span{background:#fff9ee}
  .site-header .primary-nav{display:none;position:absolute;top:89px;left:auto;right:12px;width:170px;background:#c86862;border:2px solid #fff9ee;box-shadow:6px 7px 0 rgba(77,38,45,.2);padding:20px 22px;flex-direction:column;align-items:flex-start;gap:17px}
  .site-header .primary-nav.is-open{display:flex}
  .site-header .primary-nav img{height:20px}
  .hero{height:850px;min-height:850px;max-height:none}
  .original-mascot{width:min(77vw,435px);left:50%;top:17%;translate:-50% 0}
  .original-flower-cluster{width:112px;right:-7px;top:25%}
  .original-bottom-flower{width:97px;left:-10px;top:54%;bottom:auto}
  .original-right-sparkle{width:70px;right:4%;bottom:3%}
  .swirl-one{left:14%;bottom:11%}.star-one{left:7%;top:45%}
  .swirl-two{right:15%;top:16%}.star-two{right:8%;bottom:35%}
  .hero-intro{width:min(80%,500px);max-width:none;left:50%;translate:-50% 0;top:64%;gap:9px}
  .hero-intro .hello-type{width:90%}
  .hero-intro .whimsy-type{width:95%}
  .hero-intro p{font-size:19px;line-height:1.25;max-width:330px}
  .look-link img{width:155px}
  .hero-scroll{bottom:18px;right:18px;font-size:18px}
  .product-grid{grid-template-columns:1fr;max-width:430px;margin-inline:auto;gap:30px}
  .desk-notes{grid-template-columns:1fr;max-width:410px;margin-inline:auto}
  .heading-art{max-height:85px}
  #desk-heading .heading-art{max-height:80px}
  .play-wrap{margin-inline:14px;padding:42px 22px;transform:none}
  .about{grid-template-columns:1fr}
}
@media (max-width:420px){
  .site-header .header-zigzags{width:34vw}
  .site-header .brand .original-brand-text{width:136px}
  .site-header .brand .original-brand-face{width:54px}
  .site-header .nav-toggle{width:40px;height:40px;right:12px}
  .hero{height:780px;min-height:780px}
  .original-mascot{top:19%;width:91vw}
  .original-flower-cluster{top:28%;right:-22px;opacity:.8}
  .hero-intro{top:64%;width:90%}
  .hero-intro p{font-size:17px}
  .heading-art{max-height:74px}
  .hello .heading-art{max-height:80px}
  .product-info{display:block}
  .product-info .availability{display:block;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}


/* V6 — restores V4's colour choices; all additions are scoped. */
/* Original hand-drawn corner stars have breathing room so animated rotations never crop. */
.original-bottom-flower{width:clamp(100px,10vw,135px)!important;left:clamp(12px,1.4vw,22px)!important;bottom:clamp(20px,3vh,38px)!important;top:auto!important;max-width:none}
.original-flower-cluster{width:clamp(135px,11.8vw,170px)!important;right:clamp(22px,3vw,56px)!important;top:21%!important;min-width:0!important;max-width:none}
.original-right-sparkle{right:8%!important;bottom:7%!important}
.hero-art{overflow:visible}
.hero{isolation:isolate}
@media(max-width:760px){
  .original-bottom-flower{width:75px!important;left:10px!important;top:81%!important;bottom:auto!important}
  .original-flower-cluster{width:133px!important;right:9px!important;top:22%!important}
  .original-right-sparkle{right:9%!important;bottom:5%!important}
}
@media(max-width:420px){
  .original-bottom-flower{width:73px!important;left:8px!important;top:82%!important}
  .original-flower-cluster{width:120px!important;right:8px!important;top:23%!important}
  .original-right-sparkle{right:9%!important;bottom:6%!important}
}
/* Keep V4 coral section edges and warm cream backgrounds in the new artwork gallery. */
.drawings{color:var(--ink);background:#f4eade url('assets/paper-noise.png') repeat;border-top:8px solid #e8cabc;border-bottom:8px solid #e8cabc;padding-top:96px;padding-bottom:100px}
.drawings .section-intro{display:flex;justify-content:space-between;gap:26px;align-items:flex-end;margin-bottom:38px}
.drawings h2{font:65px/1.1 var(--headline);color:var(--ink);margin:8px 0 0}
.drawings .drawing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.drawings .drawing-card{margin:0;background:#fff9ef;border:2px solid var(--ink);padding:14px;box-shadow:8px 9px 0 rgba(64,40,28,.14);transform:rotate(-1.4deg);transition:transform .2s ease}
.drawings .drawing-card:nth-child(2){transform:rotate(1.3deg)}
.drawings .drawing-card:nth-child(3){transform:rotate(-.7deg)}
.drawings .drawing-card:hover{transform:translateY(-7px) rotate(0)}
.drawings .drawing-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px dashed #c8b9a8;background:#fbf2e5}
.drawings .drawing-card figcaption{font:23px var(--hand);padding:12px 0 0;text-align:center;color:var(--ink)}
.drawings .drawing-note{max-width:780px;margin:28px auto 0;font:20px/1.4 var(--hand);color:var(--ink-soft)}
/* Doodle board remains the V4 pink-pencil grid, with a genuine pen canvas on top. */
.mode-picker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 14px}
.mode-choice{border:2px solid #332622;background:#fffaf1;color:#332622;font:20px var(--hand);padding:10px 16px;border-radius:999px;box-shadow:3px 4px 0 rgba(97,67,66,.13);cursor:pointer;min-height:45px;display:inline-flex;align-items:center;justify-content:center}
.mode-choice.is-selected{background:#dd715e;color:#fff8ef;border-color:#dd715e}
.mode-choice.is-selected .prov-type{filter:invert(1)}
.mode-choice .prov-type{max-height:28px}
.doodle-paper{touch-action:none;position:relative}
.doodle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:crosshair;touch-action:none}
.paper-stamp{z-index:3}
.doodle-paper-label,.paper-empty-hint,.doodle-paper-footer{pointer-events:none;z-index:4}
.ticker-track{align-items:center}.ticker-track span .prov-type{max-height:27px}.art-scribble .prov-type{max-width:100%}.hero-intro p .prov-type,.hero-scroll .prov-type,.site-footer .prov-type,.ticker-track .prov-type{filter:brightness(0) invert(1)}
.prov-type{display:inline-block;max-width:100%;height:auto;vertical-align:middle;object-fit:contain;object-position:left center}
.has-providence{font-family:var(--hand);line-height:1.25}
.has-providence p{margin:0}
.has-providence .prov-type{max-height:none}
.has-providence button{cursor:pointer}
.has-providence.eyebrow .prov-type{max-height:24px}
.desk-card h3 .prov-type{max-height:53px}
.desk-card p .prov-type{max-height:none}
.product-num .prov-type,.corner-tag .prov-type{max-height:29px}
.doodle-paper-label .prov-type{max-height:21px}
.stamp-picker{margin-top:14px}
@media(max-width:900px){
  .drawings .section-intro{display:block}
  .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .drawings{padding-top:72px;padding-bottom:78px}
  .drawings .drawing-grid{grid-template-columns:1fr;max-width:410px;margin-inline:auto;gap:24px}
  .drawings h2{font-size:50px}
  .mode-picker{gap:8px}
  .mode-choice{padding:8px 10px}
  .mode-choice .prov-type{max-height:26px}
}

/* Mobile-safe doodles: SVGs never switch to iOS / Android emoji fonts. */
.doodle-icon {display:inline-block;width:1em;height:1em;min-width:.75em;vertical-align:-.13em;object-fit:contain;flex:0 0 auto;pointer-events:none;}
.hero-art .accent-swirl .hero-doodle-icon,
.hero-art .accent-star .hero-doodle-icon {display:block;width:1em;height:1em;}
.ticker-track .ticker-doodle-icon {width:28px;height:28px;flex:0 0 28px;align-self:center;}
.race-mark .doodle-icon {width:34px;height:34px;}
.section-squigs span .doodle-icon {width:35px;height:35px;}
.desk-graphic .doodle-icon {width:30px;height:30px;margin:0 5px;vertical-align:middle;}
.hello-doodles {display:flex;align-items:center;justify-content:center;gap:17px;}
.hello-doodles .doodle-icon {width:39px;height:39px;}
.hand-drawn-star .doodle-icon {width:34px;height:34px;}
.stamp-choice {display:inline-flex;align-items:center;justify-content:center;}
.stamp-choice .stamp-button-doodle {display:block;width:37px;height:37px;max-width:75%;max-height:75%;object-fit:contain;pointer-events:none;}
.stamp-choice.is-selected .stamp-button-doodle {filter:brightness(0) invert(1);}
.paper-stamp {width:clamp(34px,4vw,58px);height:clamp(34px,4vw,58px);object-fit:contain;}
.hello::before {content:"";display:block;width:42px;height:42px;background:url("assets/doodles/squiggle-coral.svg") center/contain no-repeat;}
.hello::after {content:"";display:block;width:32px;height:32px;background:url("assets/doodles/sparkle-coral.svg") center/contain no-repeat;}
@media(max-width:600px){
  .ticker-track .ticker-doodle-icon {width:23px;height:23px;flex-basis:23px;}
  .desk-graphic .doodle-icon {width:27px;height:27px;}
  .hello-doodles .doodle-icon {width:30px;height:30px;}
}


/* V6D mobile-only layout fix: preserve ALL V6C Providence lettering and V6 art. */
@media (max-width:760px) {
  html {scroll-padding-top:16px;}
  body {overflow-x:hidden;}
  .site-header {
    position:relative; inset:auto; height:108px; min-height:108px;
    display:flex; justify-content:center; align-items:flex-start;
    padding:11px 18px 12px;
    width:100%;
  }
  .site-header .brand {position:relative; z-index:2; width:160px; padding:0;}
  .site-header .header-zigzags {left:-20px; top:4px; width:clamp(120px,35vw,200px);}
  .site-header .nav-toggle {top:27px; right:18px; z-index:5;}
  .site-header .primary-nav {top:83px; right:12px; z-index:6;}
  .hero {
    height:auto!important; min-height:0!important; max-height:none!important;
    overflow:hidden; display:flex; flex-direction:column; align-items:center;
    padding:6px 20px 28px; isolation:isolate;
  }
  .hero-art {
    position:relative; inset:auto; pointer-events:none;
    flex:0 0 auto; width:100%; height:clamp(330px,98vw,490px);
    overflow:visible;
  }
  .original-mascot {
    width:min(71vw,370px)!important;
    left:50%!important; top:7%!important; bottom:auto!important;
    translate:-50% 0; max-width:none;
  }
  .original-flower-cluster {
    width:clamp(76px,18vw,105px)!important;
    right:0!important; top:12%!important; bottom:auto!important;
    min-width:0!important; opacity:.94;
  }
  .original-bottom-flower {
    width:clamp(55px,14vw,73px)!important;
    left:1%!important; top:auto!important; bottom:8%!important;
    max-width:none;
  }
  .original-right-sparkle {
    width:clamp(52px,14vw,72px)!important;
    right:3%!important; top:auto!important; bottom:8%!important;
  }
  .hero-art .accent-star.star-one {left:2%; top:39%; font-size:36px!important;}
  .hero-art .accent-star.star-two {right:15%; bottom:10%; font-size:30px!important;}
  .hero-art .accent-swirl.swirl-one {left:8%; bottom:5%; font-size:38px!important;}
  .hero-art .accent-swirl.swirl-two {right:12%; top:2%; font-size:36px!important;}
  .hero-intro {
    position:relative!important; left:auto!important; top:auto!important;
    right:auto; bottom:auto; translate:none!important;
    width:100%!important; max-width:430px;
    margin:12px auto 0; padding:0;
    display:flex; flex-direction:column; align-items:center;
    gap:10px; text-align:center;
  }
  .hero-intro .hello-type {width:92%;max-width:380px;}
  .hero-intro .whimsy-type {width:99%;max-width:410px;}
  .hero-intro p {margin:4px auto 8px;max-width:350px;}
  .hero-intro p .prov-type {width:100%;height:auto;}
  .look-link {margin-top:5px;}
  .hero-scroll {
    position:relative!important; right:auto!important; bottom:auto!important;
    top:auto!important; left:auto!important;
    margin:22px 0 0; align-self:center; text-align:center;
  }
  .hero-art .accent-star, .hero-art .accent-swirl {z-index:1;}
  .ticker {margin:0;}
  .drawings .section-intro,.shop .section-intro {gap:12px;}
  .doodle-paper {touch-action:none;}
}
@media(max-width:420px) {
  .site-header {height:104px;min-height:104px;}
  .site-header .header-zigzags {width:124px;top:7px;}
  .hero {padding-left:16px;padding-right:16px;}
  .hero-art {height:clamp(320px,99vw,415px);}
  .original-mascot {width:73vw!important;top:7%!important;}
  .original-flower-cluster {right:0!important;top:12%!important;}
  .original-bottom-flower {bottom:10%!important;left:1%!important;}
  .original-right-sparkle {right:4%!important;bottom:10%!important;}
  .hero-intro {margin-top:5px;gap:8px;}
  .hero-intro p {margin:6px auto 8px;max-width:335px;}
  .hero-scroll {margin-top:18px;}
}
@media(prefers-reduced-motion:reduce) {
 .original-mascot,.original-flower-cluster,.original-bottom-flower,.original-right-sparkle {animation:none!important;}
}


/* V6E: Original V6/V6D lettering and palette are intentionally unchanged. */
/* Slightly raise only the SHOP lettering image to equal the other menu items optically. */
.site-header .primary-nav a[href="#shop"] img {height:23px;}
@media(max-width:1100px) and (min-width:761px){
  .site-header .primary-nav a[href="#shop"] img {height:21px;}
}
@media(max-width:760px){
  .site-header .primary-nav a[href="#shop"] img {height:23px;}
}

/* Pixel-perfect repeating marquee. Two copies have identical width and spacing. */
.ticker{overflow:hidden;}
.ticker-track.ticker-track-seamless{
  display:flex;flex-wrap:nowrap;gap:0;width:max-content;
  animation:smolMarquee 31s linear infinite;
  will-change:transform;
}
.ticker-group{
  display:flex;align-items:center;gap:18px;
  flex:0 0 auto;width:max-content;white-space:nowrap;
  padding:14px 18px 14px 0;
}
.ticker-group .has-providence{display:inline-flex;flex:0 0 auto;align-items:center;}
.ticker-group .prov-type{width:auto;height:17px;max-width:none;}
.ticker-group .ticker-doodle-icon{height:28px;width:28px;flex:0 0 28px;}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused;}
@keyframes smolMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:600px){
  .ticker-group{gap:13px;padding-right:13px;padding-top:11px;padding-bottom:11px;}
  .ticker-group .prov-type{height:15px;}
  .ticker-group .ticker-doodle-icon{width:23px;height:23px;flex-basis:23px;}
  .ticker-track.ticker-track-seamless{animation-duration:29s;}
}

/* Transparent buttons follow the original art positions without repositioning it. */
.hero-art{transition:translate .4s ease-out;}
.hero-hotspot{
  display:block;position:absolute;z-index:8;
  border:0;background:transparent;padding:0;margin:0;
  pointer-events:auto;cursor:pointer;color:transparent;
  -webkit-tap-highlight-color:transparent;
  outline-offset:4px;
}
.hero-hotspot:focus-visible{outline:2px dashed #fffaf1;border-radius:35%;}
.hero-mascot-hit{left:6.3%;top:22%;width:min(37vw,510px);aspect-ratio:1197/1147;}
.hero-flower-hit{right:clamp(22px,3vw,56px);top:21%;width:clamp(135px,11.8vw,170px);aspect-ratio:229/216;}
.hero-bottom-hit{left:clamp(12px,1.4vw,22px);bottom:clamp(20px,3vh,38px);width:clamp(100px,10vw,135px);aspect-ratio:151/202;}
.hero-sparkle-hit{right:8%;bottom:7%;width:max(8.8%,70px);aspect-ratio:1;}
.hero-interaction-hint{
  position:absolute;left:40%;top:76%;z-index:7;pointer-events:none;
  transform:rotate(-8deg);animation:hintBob 4.8s ease-in-out infinite;
}
.hero-interaction-hint img{position:static!important;width:clamp(110px,10vw,160px)!important;max-width:160px;height:auto;filter:none!important;}
.hero-burst-layer{position:absolute;inset:0;z-index:20;pointer-events:none;overflow:hidden;}
.hero-particle{
  position:absolute;display:block;width:clamp(18px,2.8vw,34px);height:clamp(18px,2.8vw,34px);
  pointer-events:none;transform:translate(-50%,-50%);
  animation:heroConfetti .92s cubic-bezier(.16,.8,.2,1) forwards;
  opacity:0;object-fit:contain;
}
.original-mascot.is-booped{animation:mascotBoop .66s cubic-bezier(.2,.8,.3,1) both!important;}
.original-flower-cluster.is-blooming,.original-bottom-flower.is-blooming{animation:flowerBloom .83s ease both!important;}
.original-right-sparkle.is-sparkling{animation:sparkleSpin .9s ease both!important;}
@keyframes mascotBoop{
  0%{transform:scale(1) rotate(-1deg)}
  25%{transform:scale(.93,1.06) rotate(4deg)}
  52%{transform:scale(1.06,.93) rotate(-5deg)}
  75%{transform:scale(.98,1.02) rotate(2deg)}
  100%{transform:scale(1) rotate(-1deg)}
}
@keyframes flowerBloom{0%{transform:scale(.9) rotate(-8deg)}50%{transform:scale(1.17) rotate(12deg)}100%{transform:scale(1) rotate(0deg)}}
@keyframes sparkleSpin{0%{transform:scale(.85) rotate(-20deg);opacity:.6}60%{transform:scale(1.2) rotate(45deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes hintBob{0%,100%{transform:translateY(0) rotate(-8deg);opacity:.94}50%{transform:translateY(-5px) rotate(-4deg);opacity:1}}
@keyframes heroConfetti{
  0%{transform:translate(-50%,-50%) scale(.4) rotate(0deg);opacity:0}
  20%{opacity:1}
  100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(var(--end-scale,1)) rotate(var(--spin));opacity:0}
}
@media(max-width:1100px) and (min-width:761px){
  .hero-mascot-hit{left:5%;top:24%;width:min(43vw,470px);}
}
@media(max-width:760px){
  .hero-art{transition:none;}
  .hero-mascot-hit{left:50%;top:7%;width:min(71vw,370px);translate:-50% 0;}
  .hero-flower-hit{right:0;top:12%;width:clamp(76px,18vw,105px);}
  .hero-bottom-hit{left:1%;top:auto;bottom:8%;width:clamp(55px,14vw,73px);}
  .hero-sparkle-hit{right:3%;bottom:8%;width:clamp(52px,14vw,72px);}
  .hero-interaction-hint{top:80%;left:42%;}
  .hero-interaction-hint img{width:120px!important;max-width:120px;}
  .hero-hotspot{touch-action:manipulation;}
}
@media(max-width:420px){
  .hero-mascot-hit{width:73vw;top:7%;}
  .hero-flower-hit{right:0;top:12%;}
  .hero-bottom-hit{left:1%;bottom:10%;}
  .hero-sparkle-hit{right:4%;bottom:10%;}
  .hero-interaction-hint{left:41%;top:80%;}
  .hero-interaction-hint img{width:108px!important;}
}
@media(prefers-reduced-motion:reduce){
  .ticker-track.ticker-track-seamless{animation:none!important;}
  .hero-interaction-hint,.hero-particle,.original-mascot.is-booped,.original-flower-cluster.is-blooming,.original-bottom-flower.is-blooming,.original-right-sparkle.is-sparkling{animation:none!important;}
  .hero-art{transition:none!important;}
}


/* V6F alignment, proper Providence asset cleanup, face doodle, square drawings */

.primary-nav{align-items:center;padding-top:58px;gap:20px;}
.primary-nav a{display:flex;align-items:center;justify-content:center;}
.primary-nav img{height:23px!important;width:auto;display:block;}
.primary-nav a:first-child img{height:25px!important;}
.shop .section-intro{align-items:center;}
.shop .section-intro p{display:flex;align-items:center;min-height:112px;margin:0;}
.about-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
.about-face-doodle{width:86%;max-width:360px;align-self:center;margin:22px auto 16px;display:block;}
.drawings .drawing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.drawing-card{padding:14px;max-width:390px;width:100%;margin-inline:auto;}
.drawing-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1.5px dashed rgba(79,50,35,.42);background:#fdfaf3;}
.drawing-card figcaption{padding-top:10px;font-size:20px;}
.rough-button{min-height:60px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;}
.rough-button .prov-type{width:auto;height:28px;}
.mode-choice{min-width:144px;min-height:58px;display:inline-flex;align-items:center;justify-content:center;}
.mode-choice .prov-type{height:28px;width:auto;}
.about-art-heading .prov-type,.about-art-caption .prov-type{width:auto;height:auto;max-height:18px;}
@media (max-width:820px){.primary-nav{padding-top:22px;}.shop .section-intro p{min-height:0;display:block;} .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.drawings .drawing-grid{grid-template-columns:1fr 1fr;gap:14px;} .drawing-card{padding:10px;} .drawing-card figcaption{font-size:16px;} .mode-choice{min-width:132px;} .rough-button .prov-type{height:24px;}}


/* V6G compact drawings section */
.drawings{padding-top:62px!important;padding-bottom:70px!important;}
.drawings .section-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px!important;}
.drawings .section-intro > div{max-width:52%;}
.drawings h2{margin-top:6px!important;}
.drawings h2 .prov-type{width:min(100%,430px)!important;height:auto!important;}
.drawings .section-intro p{max-width:360px;margin:0 0 0 auto;}
.drawings .section-intro p .prov-type{width:min(100%,320px)!important;height:auto!important;}
.drawings .drawing-grid{max-width:980px;margin:0 auto;grid-template-columns:repeat(3,minmax(220px,280px))!important;justify-content:center;gap:16px!important;}
.drawings .drawing-card{max-width:280px!important;padding:10px!important;box-shadow:6px 7px 0 rgba(64,40,28,.13)!important;}
.drawings .drawing-card img{width:100%!important;height:auto!important;aspect-ratio:1 / 1 !important;object-fit:cover!important;border:1.5px dashed rgba(79,50,35,.42)!important;background:#fdfaf3!important;}
.drawings .drawing-card figcaption{padding-top:8px!important;font-size:17px!important;line-height:1.2;}
.drawings .drawing-note{margin-top:18px!important;font-size:18px!important;}
@media (max-width:980px){
  .drawings .section-intro{display:block;}
  .drawings .section-intro > div{max-width:none;}
  .drawings .section-intro p{max-width:340px;margin-top:10px;margin-left:0;}
  .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(210px,260px))!important;}
}
@media (max-width:640px){
  .drawings{padding-top:50px!important;padding-bottom:58px!important;}
  .drawings .section-intro{margin-bottom:18px!important;}
  .drawings h2 .prov-type{width:min(100%,320px)!important;}
  .drawings .section-intro p .prov-type{width:min(100%,260px)!important;}
  .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none;gap:12px!important;}
  .drawings .drawing-card{max-width:none!important;padding:8px!important;}
  .drawings .drawing-card figcaption{font-size:14px!important;padding-top:6px!important;}
}


/* V6I scrapbook art wall */
.drawings{padding-top:58px!important;padding-bottom:62px!important;background:#f5ede1 url('assets/paper-noise.png') repeat;}
.drawings .section-intro{align-items:flex-end;gap:14px;margin-bottom:20px!important;}
.drawings .section-intro p{max-width:330px;}
.drawings .section-intro p .prov-type{width:min(100%,290px)!important;height:auto!important;}
.drawings .drawing-grid{max-width:980px;grid-template-columns:repeat(3,minmax(220px,260px))!important;align-items:start;gap:14px 18px!important;position:relative;}
.drawings .drawing-card{position:relative;overflow:visible;background:#fffaf2;border:1.75px solid rgba(58,40,30,.92);padding:10px 10px 12px!important;box-shadow:6px 7px 0 rgba(83,57,39,.11)!important;transform-origin:center top;transition:transform .2s ease, box-shadow .2s ease;display:flex;flex-direction:column;gap:9px;max-width:260px!important;}
.drawings .drawing-card::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-3deg);width:88px;height:24px;background:rgba(223,212,189,.75);border:1px solid rgba(170,160,140,.35);box-shadow:0 1px 0 rgba(255,255,255,.5) inset;z-index:3;}
.drawings .drawing-card::after{content:'';position:absolute;right:-7px;bottom:56px;width:18px;height:18px;border-radius:50%;background:#f7ecde;border:1px solid rgba(111,89,70,.5);box-shadow:0 1px 0 rgba(255,255,255,.65) inset;}
.drawings .drawing-card:nth-child(1){transform:rotate(-2.2deg) translateY(14px);}
.drawings .drawing-card:nth-child(2){transform:rotate(1.7deg) translateY(46px);}
.drawings .drawing-card:nth-child(3){transform:rotate(-1deg) translateY(4px);}
.drawings .drawing-card:hover{transform:translateY(-4px) rotate(0deg)!important;box-shadow:8px 10px 0 rgba(83,57,39,.15)!important;}
.drawings .drawing-card img{display:block;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border:1.5px dashed rgba(138,121,106,.55)!important;background:#fdf8ef!important;}
.drawings .drawing-card figcaption{padding-top:0!important;display:flex;align-items:center;justify-content:flex-start;min-height:auto;font-size:0;background:#f2e6d5;border:1px dashed rgba(132,115,98,.45);padding:8px 12px!important;border-radius:999px;align-self:flex-start;box-shadow:2px 2px 0 rgba(83,57,39,.07);}
.drawings .drawing-card figcaption::before{content:'';width:14px;height:14px;display:inline-block;background:url('assets/doodles/sparkle-ink.svg') center/contain no-repeat;opacity:.92;margin-right:8px;flex:0 0 14px;}
.drawings .drawing-card figcaption .prov-type{height:18px!important;width:auto!important;display:block;}
.drawings .drawing-note{margin-top:16px!important;text-align:center;}
.drawings .drawing-note .prov-type{height:auto!important;width:min(100%,320px)!important;}
@media (max-width:980px){
  .drawings .section-intro{display:block;}
  .drawings .section-intro p{margin:10px 0 0;max-width:320px;}
  .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(220px,260px))!important;justify-content:center;}
  .drawings .drawing-card:nth-child(1){transform:rotate(-2deg) translateY(0);}
  .drawings .drawing-card:nth-child(2){transform:rotate(1.6deg) translateY(18px);}
  .drawings .drawing-card:nth-child(3){transform:rotate(-1deg) translateY(-2px);grid-column:1 / span 2;justify-self:center;}
}
@media (max-width:640px){
  .drawings{padding-top:46px!important;padding-bottom:54px!important;}
  .drawings .section-intro{margin-bottom:16px!important;}
  .drawings h2 .prov-type{width:min(100%,300px)!important;}
  .drawings .section-intro p .prov-type{width:min(100%,250px)!important;}
  .drawings .drawing-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:none;}
  .drawings .drawing-card{max-width:none!important;padding:8px 8px 10px!important;}
  .drawings .drawing-card:nth-child(1){transform:rotate(-1.8deg) translateY(0);}
  .drawings .drawing-card:nth-child(2){transform:rotate(1.3deg) translateY(12px);}
  .drawings .drawing-card:nth-child(3){transform:rotate(-1.1deg) translateY(4px);grid-column:1 / span 2;max-width:70vw!important;}
  .drawings .drawing-card::before{width:64px;height:18px;top:-8px;}
  .drawings .drawing-card::after{right:-5px;bottom:48px;width:15px;height:15px;}
  .drawings .drawing-card figcaption{padding:7px 10px!important;}
  .drawings .drawing-card figcaption .prov-type{height:16px!important;}
}


/* V6J cleanup: visible doodle mode labels, uniform art wall, no desk section */
.mode-choice{background:#fffaf1;color:#332622;border:2px solid #332622;box-shadow:3px 4px 0 rgba(97,67,66,.13);}
.mode-choice .prov-type{height:28px!important;width:auto!important;filter:none!important;opacity:1!important;}
.mode-choice.is-selected{background:#dd715e;border-color:#dd715e;}
.mode-choice.is-selected .prov-type{filter:brightness(0) invert(1)!important;}

.drawings{padding-top:56px!important;padding-bottom:56px!important;}
.drawings .section-intro{align-items:flex-start;gap:14px;margin-bottom:18px!important;}
.drawings .section-intro p{max-width:320px;}
.drawings .drawing-grid{max-width:980px;grid-template-columns:repeat(3,minmax(230px,1fr))!important;gap:18px!important;align-items:start;justify-content:center;}
.drawings .drawing-card{max-width:none!important;background:#fffaf2;border:2px solid rgba(58,40,30,.92);padding:10px 10px 14px!important;box-shadow:6px 7px 0 rgba(83,57,39,.11)!important;transform:none!important;display:block;}
.drawings .drawing-card::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);width:88px;height:24px;background:rgba(223,212,189,.75);border:1px solid rgba(170,160,140,.35);box-shadow:0 1px 0 rgba(255,255,255,.5) inset;z-index:3;}
.drawings .drawing-card::after{display:none!important;content:none!important;}
.drawings .drawing-card:hover{transform:translateY(-3px)!important;box-shadow:8px 10px 0 rgba(83,57,39,.15)!important;}
.drawings .drawing-card:nth-child(1),.drawings .drawing-card:nth-child(2),.drawings .drawing-card:nth-child(3){transform:none!important;}
.drawings .drawing-card figure{margin:0;}
.drawings .drawing-card img{display:block;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border:1.5px dashed rgba(138,121,106,.55)!important;background:#fdf8ef!important;}
.drawings .drawing-card figcaption,.drawings .drawing-note{display:none!important;}
@media (max-width:980px){
  .drawings .section-intro{display:block;}
  .drawings .section-intro p{margin:10px 0 0;max-width:320px;}
  .drawings .drawing-grid{grid-template-columns:repeat(2,minmax(220px,280px))!important;}
  .drawings .drawing-card:nth-child(3){grid-column:1 / span 2;max-width:280px!important;justify-self:center;}
}
@media (max-width:640px){
  .drawings{padding-top:46px!important;padding-bottom:50px!important;}
  .drawings .section-intro{margin-bottom:16px!important;}
  .drawings .drawing-grid{grid-template-columns:1fr 1fr!important;gap:12px!important;max-width:none;}
  .drawings .drawing-card{padding:8px 8px 10px!important;}
  .drawings .drawing-card::before{width:64px;height:18px;top:-8px;}
  .drawings .drawing-card:nth-child(3){grid-column:1 / span 2;max-width:72vw!important;}
}


/* V6K: doodle size control */
.size-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 14px;}
.size-picker-label{font:20px var(--hand);color:var(--ink);margin-right:2px;}
.size-word{font:18px var(--hand);color:var(--ink-soft);line-height:1;}
.size-range{-webkit-appearance:none;appearance:none;width:min(210px,62vw);height:18px;background:transparent;cursor:pointer;}
.size-range:focus{outline:none;}
.size-range::-webkit-slider-runnable-track{height:12px;border-radius:999px;border:2px solid #332622;background:#fff7ec;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);}
.size-range::-moz-range-track{height:12px;border-radius:999px;border:2px solid #332622;background:#fff7ec;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);}
.size-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-10px;border:0;background:url("assets/doodles/star-ink.svg") center/contain no-repeat;filter:drop-shadow(1px 2px 0 rgba(120,99,82,.18));}
.size-range::-moz-range-thumb{width:28px;height:28px;border:0;background:url("assets/doodles/star-ink.svg") center/contain no-repeat;filter:drop-shadow(1px 2px 0 rgba(120,99,82,.18));}
.size-range::-moz-focus-outer{border:0;}
.paper-stamp {width:var(--doodle-stamp-size,56px);height:var(--doodle-stamp-size,56px);}
@media (max-width:640px){
  .size-picker{gap:8px;margin:0 0 12px;}
  .size-picker-label{font-size:18px;width:100%;margin-bottom:2px;}
  .size-word{font-size:16px;}
  .size-range{width:min(180px,58vw);}
}


/* V6L: cleaner doodle controls */
.mode-picker{gap:10px!important;margin:18px 0 12px!important;align-items:flex-start;}
.mode-choice{width:220px!important;min-width:220px!important;min-height:72px!important;padding:12px 18px!important;border-width:2px!important;justify-content:center;}
.mode-choice .prov-type{height:22px!important;width:auto!important;}
.mode-choice[data-mode="stamp"] .prov-type{height:21px!important;}
.size-picker{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin:4px 0 16px!important;}
.size-picker-label{display:none!important;}
.size-word{font:16px var(--hand)!important;color:var(--ink-soft)!important;line-height:1;min-width:auto;}
.size-range{width:180px!important;height:16px!important;}
.size-range::-webkit-slider-runnable-track{height:10px!important;border:2px solid #332622;background:#fff8ef;box-shadow:none!important;}
.size-range::-moz-range-track{height:10px!important;border:2px solid #332622;background:#fff8ef;box-shadow:none!important;}
.size-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border:0!important;border-radius:0!important;background:url("assets/doodles/star-filled-black.svg") center/contain no-repeat!important;box-shadow:none!important;filter:none!important;}
.size-range::-moz-range-thumb{width:24px;height:24px;border:0!important;border-radius:0!important;background:url("assets/doodles/star-filled-black.svg") center/contain no-repeat!important;box-shadow:none!important;filter:none!important;}
.stamp-picker{margin-top:8px!important;}
@media (max-width:640px){
  .mode-picker{gap:8px!important;margin:14px 0 10px!important;}
  .mode-choice{width:195px!important;min-width:195px!important;min-height:62px!important;padding:10px 14px!important;}
  .mode-choice .prov-type{height:19px!important;}
  .mode-choice[data-mode="stamp"] .prov-type{height:18px!important;}
  .size-picker{margin:2px 0 12px!important;gap:8px;}
  .size-word{font-size:15px!important;}
  .size-range{width:160px!important;}
}


/* V6M: mode labels equal *visible* letter height, same Providence lettering */
.mode-choice .prov-type,
.mode-choice[data-mode="stamp"] .prov-type,
.mode-choice[data-mode="draw"] .prov-type { height:25px!important; width:auto!important; max-height:none!important; object-fit:contain; }
@media(max-width:640px){
  .mode-choice .prov-type,
  .mode-choice[data-mode="stamp"] .prov-type,
  .mode-choice[data-mode="draw"] .prov-type {height:23px!important;}
}

/* V6M: sketchbook-style Instagram and TikTok links, matching palette and paper texture */
.hello .social-links {
 display:flex;justify-content:center;align-items:stretch;
 flex-wrap:wrap;gap:18px;margin:24px auto 29px;
 width:min(100%,690px);
}
.hello .social-link {
 display:flex;flex:0 1 255px;min-width:0;gap:10px;align-items:center;
 position:relative;isolation:isolate;
 text-decoration:none;color:#362924;text-align:left;
 padding:13px 21px 13px 13px;
 background:#fff8ed url('assets/paper-noise.png') repeat;
 background-size:420px auto;border:1.5px solid #362924;
 border-radius:8px 11px 9px 12px;
 box-shadow:5px 6px 0 rgba(78,51,38,.12);
 transition:transform .22s ease,box-shadow .22s ease;
}
.hello .social-link:first-child {transform:rotate(-1.7deg)}
.hello .social-link:nth-child(2) {transform:rotate(1.3deg)}
.hello .social-link:hover,.hello .social-link:focus-visible {
 transform:translateY(-4px) rotate(0);
 box-shadow:7px 10px 0 rgba(78,51,38,.16);
}
.hello .social-link:focus-visible {outline:3px solid #bc6c5d;outline-offset:5px}
.hello .social-icon-wrap {flex:none;width:67px;height:67px;display:grid;place-items:center;
 border-radius:50%;border:1.5px solid #362924;background:#f9e8dc;
}
.hello .social-doodle-icon {width:48px;height:48px}
.hello .social-lettering {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0}
.hello .social-name {width:auto;max-width:100%;height:23px;object-fit:contain;object-position:left}
.hello .social-handle {width:auto;max-width:100%;height:17px;object-fit:contain;object-position:left;opacity:.74}
.hello .social-sparkle {position:absolute;right:-11px;top:-12px;width:24px;height:24px;transform:rotate(13deg)}
@media (max-width:640px){
 .hello .social-links{width:min(100%,390px);gap:15px;margin:22px auto 25px}
 .hello .social-link{flex:1 1 210px;max-width:300px;min-height:82px;padding:10px 20px 10px 12px;}
 .hello .social-icon-wrap{width:54px;height:54px}
 .hello .social-doodle-icon{width:39px;height:39px}
 .hello .social-name{height:22px}
 .hello .social-handle{height:16px}
}
@media(prefers-reduced-motion:reduce){
 .hello .social-link{transition:none}
}


/* V6O — polish pass on original V6M palette and untouched Providence lettering */
/* Small, even section rhythm, without adding new background colours */
.shop {padding-top:clamp(62px,7vw,90px)!important; padding-bottom:clamp(66px,7vw,94px)!important;}
.drawings {padding-top:clamp(52px,6vw,72px)!important; padding-bottom:clamp(55px,6vw,74px)!important;}
.about {padding-top:clamp(66px,7vw,92px)!important; padding-bottom:clamp(66px,7vw,92px)!important;}
.hello {padding-top:clamp(74px,8vw,98px)!important; padding-bottom:clamp(72px,8vw,96px)!important;}
.drawings .section-intro {margin-bottom:24px!important;align-items:center;}
.drawings .drawing-grid {grid-template-columns:repeat(3,minmax(0,265px))!important;max-width:910px;gap:clamp(14px,2vw,24px)!important;}
.drawings .drawing-card {width:100%;max-width:265px!important;aspect-ratio:auto; margin:0!important;padding:10px!important;position:relative;transition:transform .26s ease,box-shadow .26s ease!important;}
.drawings .drawing-card img {width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;}
.drawings .drawing-card::before {width:74px;height:21px;top:-10px;}
.art-open {display:block;width:100%;padding:0;border:0;position:relative;background:transparent;cursor:zoom-in;color:inherit;overflow:visible;}
.art-open > img {display:block;width:100%;}
.art-peek-sticker {position:absolute;right:10px;bottom:10px;width:39px;height:39px;border:1.5px solid #392a24;background:#fff7e9;border-radius:50%;display:grid;place-items:center;opacity:.86;transform:scale(.92) rotate(-8deg);transition:transform .24s ease, opacity .24s ease;pointer-events:none;box-shadow:2px 3px 0 rgba(61,43,34,.12);}
.art-peek-sticker img {width:23px!important;height:23px!important;border:0!important;object-fit:contain!important;aspect-ratio:auto!important;}
.art-open:hover .art-peek-sticker,.art-open:focus-visible .art-peek-sticker {opacity:1;transform:scale(1.05) rotate(10deg);}
.art-open:focus-visible {outline:3px solid #dd715e;outline-offset:6px;}
.drawings .drawing-card:hover,.drawings .drawing-card:focus-within {transform:translateY(-5px)!important;box-shadow:9px 11px 0 rgba(83,57,39,.16)!important;}
/* A couple of faint margin doodles; cream/coral only */
.drawings::before,.drawings::after {content:"";position:absolute;z-index:0;pointer-events:none;opacity:.3;background-repeat:no-repeat;background-size:contain;}
.drawings {position:relative;isolation:isolate;}
.drawings::before {width:55px;height:55px;left:2%;top:32%;background-image:url('assets/doodles/flower-coral.svg');transform:rotate(-9deg);}
.drawings::after {width:40px;height:40px;right:3%;bottom:9%;background-image:url('assets/doodles/sparkle-coral.svg');transform:rotate(11deg);}
.drawings .section-intro,.drawings .drawing-grid {position:relative;z-index:1;}

/* The three-image gallery becomes a single compact, discoverably swipeable row on mobile. */
@media(max-width:900px){
 .drawings .drawing-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:860px;}
 .drawings .drawing-card:nth-child(3){grid-column:auto!important;max-width:265px!important;justify-self:auto!important;}
}
@media(max-width:640px){
 .drawings {padding-top:48px!important;padding-bottom:45px!important;}
 .drawings .section-intro{margin-bottom:18px!important;}
 .drawings .drawing-grid {
   display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;
   justify-content:start;scroll-snap-type:x mandatory;scroll-padding-inline:18px;
   -webkit-overflow-scrolling:touch;padding:13px 15px 19px;margin-inline:-15px;
   max-width:none!important;gap:16px!important;scrollbar-width:thin;
 }
 .drawings .drawing-card,.drawings .drawing-card:nth-child(3) {flex:0 0 76%!important;width:76%!important;max-width:none!important;grid-column:auto!important;justify-self:auto!important;scroll-snap-align:center;}
 .drawings .drawing-card::before{width:67px;height:19px;}
 .art-peek-sticker{width:34px;height:34px;}
 .art-peek-sticker img {width:21px!important;height:21px!important;}
 .drawings::before,.drawings::after{display:none;}
 .play-wrap {row-gap:25px;}
 .hello .social-links {margin-top:23px;}
}

/* An image-only scrapbook lightbox; no new visible font or wording. */
.art-lightbox[hidden] {display:none!important;}
.art-lightbox {position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;}
.art-lightbox-shade {position:absolute;inset:0;background:rgba(30,23,22,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
.art-lightbox-sheet {position:relative;display:grid;grid-template-columns:48px minmax(0, min(680px,72vw)) 48px;align-items:center;gap:clamp(6px,2vw,16px);max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);padding:clamp(12px,2.3vw,22px);border:2px solid #392a24;box-shadow:13px 15px 0 rgba(26,20,19,.32);background:#fffaf0 url('assets/paper-noise.png') repeat;background-size:420px;transform:rotate(-.7deg);}
.art-lightbox-image-wrap{display:grid;place-items:center;min-width:0;max-height:calc(100dvh - 140px);overflow:hidden;}
.art-lightbox-image-wrap > img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 145px);object-fit:contain;border:1px dashed rgba(97,79,67,.52);user-select:none;}
.art-lightbox-close,.art-lightbox-prev,.art-lightbox-next{appearance:none;border:1.6px solid #392a24;background:#fff5e9;color:#392a24;cursor:pointer;border-radius:50%;display:grid;place-items:center;padding:7px;aspect-ratio:1/1;box-shadow:3px 4px 0 rgba(66,45,40,.11);transition:transform .2s ease,background .2s ease;}
.art-lightbox-close:hover,.art-lightbox-prev:hover,.art-lightbox-next:hover{background:#f6e7d9;transform:rotate(6deg) scale(1.04);}
.art-lightbox-close:focus-visible,.art-lightbox-prev:focus-visible,.art-lightbox-next:focus-visible {outline:3px solid #dd715e;outline-offset:3px;}
.art-lightbox-prev,.art-lightbox-next{width:45px;height:45px;}
.art-lightbox-close {position:absolute;right:-15px;top:-15px;width:44px;height:44px;z-index:2;}
.art-lightbox-close svg,.art-lightbox-prev svg,.art-lightbox-next svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;}
.art-lightbox-dots{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);display:flex;gap:7px;padding:7px 12px;border:1px solid #392a24;border-radius:30px;background:#fff5e9;}
.art-lightbox-dots span{display:block;width:7px;height:7px;border:1px solid #392a24;border-radius:50%;background:transparent;transition:background .2s ease;}
.art-lightbox-dots span.is-selected {background:#392a24;}
body.art-view-open {overflow:hidden;}
@media(max-width:640px){
 .art-lightbox{padding:15px;}
 .art-lightbox-sheet {grid-template-columns:30px minmax(0,1fr) 30px;gap:5px;padding:17px 9px 17px;max-width:calc(100vw - 30px);}
 .art-lightbox-prev,.art-lightbox-next{width:30px;height:30px;padding:4px;box-shadow:2px 2px 0 rgba(66,45,40,.11);}
 .art-lightbox-close{width:39px;height:39px;right:-10px;top:-17px;}
 .art-lightbox-image-wrap,.art-lightbox-image-wrap > img {max-height:calc(100dvh - 145px);}
}
@media(prefers-reduced-motion:reduce){
 .art-peek-sticker,.drawings .drawing-card,.art-lightbox button {transition:none!important;}
}

/* V6Q final tidy — original V6M/V6O visual identity retained. */
/* Strong, consistent keyboard focus for actual controls. */
.site-header a:focus-visible,.primary-nav a:focus-visible,.hero a:focus-visible,
.hero-hit:focus-visible,.mode-choice:focus-visible,.stamp-choice:focus-visible,
.size-range:focus-visible,.clear-doodles:focus-visible,.art-open:focus-visible,
.social-link:focus-visible,.rough-button:focus-visible,.site-footer a:focus-visible{
  outline:3px solid #302721;outline-offset:4px;
}
/* Consistent sizes and baselines without changing the lettering files. */
.mode-picker .mode-choice {display:inline-flex;align-items:center;justify-content:center;}
.mode-picker .mode-choice .prov-type {height:24px!important;width:auto!important;max-height:none!important;object-fit:contain;}
@media(max-width:640px){.mode-picker .mode-choice .prov-type{height:22px!important;}}
/* Minor breathing room and no horizontally clipped buttons on very small phones. */
.play-copy .size-picker{max-width:100%;}
@media(max-width:420px){
  .mode-picker .mode-choice{width:min(195px,100%)!important;min-width:0!important;}
  .play-copy{min-width:0;}
  .social-links{max-width:100%;}
}
/* Keep tappable gallery cards interactive, but avoid unexpected motion. */
.drawings .art-open {touch-action:pan-y;}
@media(prefers-reduced-motion:reduce){
 .ticker-track,.ticker-track-seamless{animation:none!important;}
}