:root{--ink:#252018;--brown:#60381d;--cream:#fff4d8;--paper:#fffaeb;--green:#c9e983;--orange:#fd875b;--pink:#ffbfbd;--blue:#b9d7fd;--border:3px solid var(--ink)}
/* Portmason theme: consent banner, confirm dialog, build info */
:root{--pm-theme-font:Arial,Helvetica,sans-serif;--pm-theme-surface:var(--paper);--pm-theme-surface-muted:var(--cream);--pm-theme-surface-hover:var(--green);--pm-theme-ink:var(--ink);--pm-theme-muted:var(--brown);--pm-theme-border:var(--ink);--pm-theme-accent:var(--ink);--pm-theme-accent-hover:var(--brown);--pm-theme-accent-ink:#fff;--pm-theme-danger:#a8321c;--pm-theme-focus:#794bd0;--pm-theme-radius:20px;--pm-theme-control-radius:99px;--pm-theme-shadow:6px 7px 0 var(--ink);--pm-theme-backdrop:rgb(37 32 24 / 55%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #794bd0;outline-offset:4px}.container{max-width:1240px;margin:auto;padding:0 26px}
.eyeline{padding:10px;background:var(--ink);color:var(--cream);text-align:center;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
header{position:sticky;top:0;z-index:10;background:rgba(255,244,216,.97);backdrop-filter:blur(10px);border-bottom:var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;max-height:78px}.brand{font-weight:1000;font-size:30px;letter-spacing:-.095em;text-decoration:none;transform:rotate(-3deg)}.brand em{color:#c35e31;font-style:normal}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{font-size:12px;text-decoration:none;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.navlinks a:hover{text-decoration:underline;text-underline-offset:6px}.nav-toggle{display:none;background:transparent;border:2px solid var(--ink);border-radius:8px;padding:8px 12px;font-weight:900}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;border:2px solid var(--ink);border-radius:99px;padding:15px 25px;font-size:12px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;box-shadow:4px 5px 0 #7c4828;transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:2px 3px 0 #7c4828}.btn.alt{background:var(--paper);color:var(--ink)}
.hero{background:var(--green);border-bottom:var(--border);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:635px;gap:15px;padding-top:62px;padding-bottom:75px}.bubble{display:inline-block;padding:7px 15px;background:var(--paper);border:2px solid var(--ink);border-radius:50px;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transform:rotate(-2deg)}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.075em;line-height:.96}h1{font-size:clamp(85px,12vw,158px);margin:25px 0 22px}h1 span{display:block;color:var(--brown);text-shadow:5px 6px 0 var(--paper)}.hero-lead{font-size:clamp(19px,2vw,25px);font-weight:800;max-width:520px;line-height:1.35}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:29px}.fine{font-size:12px;font-weight:800;margin-top:24px;padding-top:25px}
.hero-art{min-height:450px;display:grid;place-items:center;position:relative}.circle{width:min(100%,465px);aspect-ratio:1;border:var(--border);border-radius:50%;background:#ffdb82;box-shadow:13px 14px 0 var(--ink);position:absolute}.circle:after{content:"";position:absolute;inset:12%;border:3px dashed #bb9459;border-radius:50%}.big-poop{font-size:clamp(155px,23vw,295px);line-height:1;position:relative;z-index:1;transform:rotate(-12deg);filter:drop-shadow(14px 18px 0 #ba9a52)}.stamp{position:absolute;z-index:2;top:10px;right:0;border:var(--border);border-radius:50%;height:120px;width:120px;display:grid;place-items:center;text-align:center;background:var(--orange);font-size:13px;line-height:1.1;font-weight:1000;transform:rotate(14deg);box-shadow:5px 6px 0 var(--ink)}.spark{position:absolute;z-index:2;font-size:40px}.spark.one{top:23%;left:0}.spark.two{right:4%;bottom:12%}
.stripe{padding:14px;background:var(--orange);border-bottom:var(--border);font-size:14px;font-weight:1000;letter-spacing:.1em;text-align:center;text-transform:uppercase}
section{padding:25px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:1000;margin-bottom:13px}h2{font-size:clamp(48px,6vw,82px);margin:0 0 14px}.intro{font-size:18px;max-width:630px;margin:0}.tiny-tag{padding:8px 14px;border:2px solid var(--ink);border-radius:40px;font-size:11px;font-weight:900;text-transform:uppercase;transform:rotate(3deg);white-space:nowrap}
.collection{background:var(--paper)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--cream);box-shadow:6px 7px 0 var(--ink);transition:transform .2s}.card:hover{transform:translateY(-5px) rotate(-1deg)}.illustration{position:relative;min-height:265px;aspect-ratio:1/1;display:grid;place-items:center;border-bottom:2px solid var(--ink);overflow:hidden}.illustration:before{content:"";position:absolute;border:3px dashed #24201945;border-radius:50%;width:70%;aspect-ratio:1}.illustration .poop{font-size:clamp(95px,13vw,165px);filter:drop-shadow(9px 12px 0 #25201825);z-index:1;transform:rotate(-7deg)}.illustration .decoration{position:absolute;z-index:2;right:12%;top:9%;font-size:49px;transform:rotate(12deg)}.illustration.one{background:#f6b7b0}.illustration.two{background:#c5e5a2}.illustration.three{background:#b8c8fa}.illustration.four{background:#fbd67b}.illustration.five{background:#dab6e8}.illustration.six{background:#acdbd0}.card-content{padding:22px}.number{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;opacity:.7}.card h3{font-size:26px;letter-spacing:-.045em;line-height:1.08;margin:8px 0 11px}.card p{font-size:14px;min-height:43px}.status{display:inline-block;border:1.5px solid var(--ink);border-radius:20px;padding:5px 10px;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.collection-note{font-size:13px;margin:30px 0 0;opacity:.8}
.story{background:var(--brown);color:var(--paper);border-block:var(--border)}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.story h2{font-size:clamp(52px,7vw,92px)}.story p{font-size:18px;line-height:1.7}.badge-art{margin:auto;background:#def28b;color:var(--ink);border:5px solid var(--ink);border-radius:50%;width:min(360px,100%);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);box-shadow:17px 17px 0 #2e1c12;padding:27px}.badge-art .emoji{font-size:70px}.badge-art strong{font-size:43px;line-height:1;letter-spacing:-.07em}.badge-art small{font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.how{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:35px}.step{padding:27px;border:2px solid var(--ink);background:var(--paper);border-radius:17px}.step-count{font-size:52px;line-height:1;font-weight:1000;color:#be5b31}.step h3{font-size:23px;letter-spacing:-.05em;margin:18px 0 10px}.step p{margin:0;font-size:15px}
.small-logo{max-width:90px}
.footer-inner .small-logo {
  vertical-align: middle;
  position: relative;
  top: 2px;
}
.circle .big-poop {display:none;}
.faq{background:#f5c6ab;border-top:var(--border)}.faq-list{max-width:850px}.faq details{padding:22px 0;border-bottom:2px solid var(--ink)}.faq summary{cursor:pointer;font-size:19px;font-weight:900;letter-spacing:-.025em}.faq details p{margin:12px 0 0;max-width:730px}.cta{background:var(--green);text-align:center;border-top:var(--border)}.cta h2{font-size:clamp(62px,10vw,130px)}.cta p{font-size:19px;max-width:660px;margin:0 auto 27px}.cta .btn{margin:auto}footer{background:var(--ink);color:var(--cream);padding:38px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;font-size:14px}footer .brand{font-size:26px}footer a{text-decoration:underline;text-underline-offset:4px}

@media(max-width:850px){.hero-inner{grid-template-columns:1fr;padding-top:65px}.hero-art{min-height:410px;max-width:560px;width:100%;margin:auto}.hero h1{font-size:clamp(83px,16vw,150px)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.story-grid{grid-template-columns:1fr;gap:60px}.steps{grid-template-columns:1fr}.navlinks{gap:16px}}
@media(max-width:600px){.story-grid{grid-template-columns:minmax(0,1fr)}.badge-art{width:min(360px,85%)}.container{padding:0 18px}.nav{min-height:65px}.nav-toggle{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--cream);border-bottom:var(--border);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{font-size:14px}.navlinks .btn{width:100%}.hero-inner{padding-top:42px;padding-bottom:57px}.hero h1{font-size:clamp(72px,21vw,125px)}.hero-art{min-height:330px}.circle{max-width:310px}.big-poop{font-size:205px}.stamp{width:94px;height:94px;font-size:10px;right:1%}.spark{font-size:28px}section{padding:70px 0}.section-heading{display:block}.tiny-tag{margin-top:18px}.cards{grid-template-columns:1fr}.illustration .poop{font-size:150px}.story p{font-size:16px}.cta h2{font-size:clamp(60px,15vw,90px)}.stripe{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Keep the mascot anchored to the viewport-side edge of the sticky masthead. */
.nav{height:72px;justify-content:flex-end}
.nav .brand{position:absolute;left:clamp(6px,1vw,16px);top:0;height:100%;max-height:72px;transform:none;line-height:1;letter-spacing:0}
.patty-logo{display:block;width:clamp(120px,13vw,180px);height:auto;pointer-events:none}
@media(max-width:600px){.nav{height:65px}.nav .brand{max-height:65px}.patty-logo{width:clamp(104px,27vw,132px)}}


/* Portmason viewport targets. Cowpie's footer sits below the final section. */
:root {
  --header-h: 75px;
  --pm-visible-panel-height: calc(100dvh - var(--header-h));
}
html { scroll-padding-top: var(--header-h); }
.pm-viewport-target:target,
body:not(:has(.pm-viewport-target:target)) #top {
  display: grid;
  align-items: center;
  min-height: var(--pm-visible-panel-height);
}
.pm-viewport-target > .pm-viewport-target__inner { width: 100%; }
.pm-viewport-target[data-pm-viewport-align="start"]:target { align-items: start; }
.pm-viewport-target[data-pm-viewport-align="start"]:target > .container { margin-block: 0; }
@media (max-width: 600px) {
  :root { --header-h: 68px; }
}

.hero-art .cowpie-medal{display:block;width:min(100%,465px);height:auto}

.nft-explainer{max-width:66ch}.nft-explainer ul{padding-inline-start:1.3em;margin:1em 0 0}.nft-explainer li+li{margin-top:.5em}

.language-picker{display:inline-flex;align-items:center;margin:0}
.language-picker select{max-width:9em;background:var(--cream);color:var(--ink);border:1px solid currentColor;border-radius:.35rem;padding:.3em;font:inherit}
[dir="rtl"] :is(.navlinks,.kicker,.fine,.brand,.btn,h1,h2,h3){letter-spacing:normal}
[dir="rtl"] .nav{justify-content:flex-start}
@media(min-width:901px) and (max-width:1200px){.navlinks{gap:12px}}

/* Compact corners on the cookie dialog and its category panels and controls. */
.pm-analytics-preferences{--pm-theme-radius:10px;--pm-theme-control-radius:5px}

:is(.section-heading,.story-grid,.cta,.badge-art) :is(h2,strong){overflow-wrap:anywhere}
@media(min-width:601px) and (max-width:1050px){.nav-toggle{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--cream);border-bottom:var(--border);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{font-size:14px}.navlinks .btn{width:100%}}