body{font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:-.02em;background:#f7f8fa}h1,h2,h3,.brand,.score{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.05em}button,input,textarea,select{font-family:inherit}.eyebrow{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:.12em}.network-bar{background:#f0f3f8}.brand-hero{background:#fff;position:relative;overflow:hidden}.brand-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;min-height:450px;align-items:center}.brand-intro{padding:45px 0 40px;position:relative;z-index:2}.brand-intro h1{font-size:clamp(44px,5.5vw,68px);line-height:1.02;margin:20px 0 24px;letter-spacing:-.065em}.brand-intro h1 em{font-style:normal;color:var(--blue);position:relative;white-space:nowrap}.brand-intro h1 em:after{content:'';display:block;height:7px;background:var(--yellow);width:95%;transform:rotate(-1deg);margin-top:6px;border-radius:60%}.brand-intro>p:not(.eyebrow){max-width:490px;font-size:17px;color:var(--muted)}.brand-intro .eyebrow{font-size:10px;color:var(--blue)}.little-cross{color:var(--blue);margin-right:8px;font-size:15px}.brand-intro .buttons{align-items:center;gap:22px;margin-top:23px}.brand-intro .button span{margin-left:15px}.brand-intro .hero-note{font-size:12px!important;margin-top:24px;letter-spacing:0}.hero-note span{font-size:19px;vertical-align:middle;margin-right:8px;color:var(--blue)}.hero-character{position:relative;height:465px;align-self:end;background:linear-gradient(#fff0,#fff0),repeating-linear-gradient(0deg,transparent 0 39px,#1557d20a 40px),repeating-linear-gradient(90deg,transparent 0 39px,#1557d20a 40px);border-left:1px solid #1557d212}.pose-window{background-image:url('assets/mascotte-poses.png');background-repeat:no-repeat}.pose-welcome{width:350px;height:455px;background-size:auto 455px;background-position:left top;position:absolute;left:24px;bottom:0;mix-blend-mode:multiply;clip-path:inset(0 95px 0 0);width:365px;transform:scale(1.04);transform-origin:bottom left}.drawing-label{position:absolute;top:16px;left:22px;font-family:monospace;font-size:10px;color:#647890;z-index:2}.drawing-label:before{content:'+';font-size:20px;color:var(--blue);margin-right:10px}.pencil-note{position:absolute;right:-4px;top:160px;font-size:12px;line-height:1.4;color:var(--blue);transform:rotate(-7deg);max-width:145px}.pencil-note:before{content:'↙';display:block;font-size:29px}.xp-tag{position:absolute;bottom:30px;right:0;padding:15px 20px;background:var(--yellow);box-shadow:6px 6px 0 #14254212;transform:rotate(2deg);z-index:3}.xp-tag span,.xp-tag small{display:block;font-size:9px;letter-spacing:.08em}.xp-tag strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:23px;line-height:1.5;letter-spacing:-.04em}.xp-tag small{font-size:10px;letter-spacing:0}.ruler-strip{border-top:1px solid #dae2eb;border-bottom:1px solid #dae2eb;background:repeating-linear-gradient(90deg,#59779360 0 1px,transparent 1px 10px) top/100% 7px no-repeat,#f3f6fa;display:flex;justify-content:center;gap:80px;padding:18px 20px 12px;font-size:9px;letter-spacing:.16em;color:#496079;font-weight:700}.featured .eyebrow:before,.field-copy .eyebrow:before{content:'';width:7px;height:7px;background:var(--yellow);border:2px solid var(--blue);display:inline-block;margin-right:10px}.featured{padding-top:55px;padding-bottom:50px}.featured h2{font-size:clamp(33px,4.2vw,53px)}.field-notes{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;border-top:1px solid #dfe6ef}.field-photo{position:relative;background:#fff;padding:11px 11px 35px;box-shadow:0 10px 35px #1428460c;transform:rotate(-2deg)}.field-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.photo-tape{position:absolute;top:-10px;left:22px;background:#ffdc42ee;transform:rotate(-3deg);padding:8px 15px;font-size:10px;font-weight:700;letter-spacing:.08em}.photo-number{position:absolute;bottom:8px;right:15px;font-family:monospace;font-size:10px;color:var(--muted)}.field-copy h2{font-size:clamp(30px,3.5vw,45px);line-height:1.08}.field-copy h2 em{font-style:normal;color:var(--blue)}.field-copy p{color:var(--muted)}.margin-note{font-size:12px;padding-left:15px;border-left:2px solid var(--yellow);margin-top:25px}.mascot-guide{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #dce5f2;padding:18px 25px;border-radius:18px;margin:35px auto 0;max-width:1120px}.pose-puzzle{height:130px;width:100px;background-size:585px 390px;background-position:right top;flex-shrink:0}.mascot-guide p{flex:1;font-size:14px;color:var(--muted)}.mascot-guide strong{font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:20px}.mascot-guide a{font-size:13px;max-width:180px}.community-heading{position:relative;background:radial-gradient(ellipse at right top,#e0e9f8,transparent 65%),#f0f4f9}.community-heading:after{content:'+';position:absolute;right:7%;top:25px;font-family:monospace;font-size:90px;font-weight:400;color:#aac1e138;pointer-events:none}.work-panel h2{letter-spacing:-.055em}.idea-index{font-family:'Space Grotesk',sans-serif}.textlink{position:relative;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s}.textlink:hover{color:var(--blue)}.tutorial .meta{letter-spacing:.11em}.check-card:has(input:checked){border-color:#b2c9ea}.check-card:has(input:checked) .check-count{color:var(--blue)}.quiz-panel h2{font-weight:600}.quiz-panel{box-shadow:0 15px 40px #133c7012}.section-head h2{letter-spacing:-.06em}.teaser-links b{font-family:monospace}.brand-intro .button:hover{box-shadow:4px 4px 0 var(--blue);transform:translate(-2px,-2px)}
@media(max-width:1000px){.brand-hero-grid{grid-template-columns:1.15fr .85fr}.hero-character{height:440px}.pose-welcome{left:0}.pencil-note{display:none}.xp-tag{right:0;bottom:20px;padding:12px}.brand-intro h1{font-size:55px}.brand-intro .buttons{gap:15px}.field-notes{gap:35px}.ruler-strip{gap:35px}}
@media(max-width:720px){.brand-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.brand-intro{padding:32px 0 15px}.brand-intro h1{font-size:clamp(38px,10.5vw,54px);margin:17px 0 20px}.brand-intro .eyebrow{font-size:8px;letter-spacing:.07em}.brand-intro>p:not(.eyebrow){font-size:15px}.brand-intro .buttons{gap:17px}.brand-intro .textlink{font-size:13px}.brand-intro .hero-note{margin:15px 0}.hero-character{height:210px;margin-top:0;border:0;background:none;overflow:hidden}.pose-welcome{background-size:auto 410px;height:410px;bottom:-195px;left:10px;clip-path:inset(0 128px 0 0)}.drawing-label{top:0;right:0;left:auto;font-size:8px}.xp-tag{bottom:30px;right:8px;padding:12px 16px}.xp-tag strong{font-size:21px}.xp-tag small{font-size:8px}.ruler-strip{gap:22px;padding:16px 14px 10px;font-size:7px;letter-spacing:.04em}.ruler-strip span:last-child{display:none}.field-notes{grid-template-columns:1fr;gap:25px}.field-photo{margin:10px 4px}.field-photo img{aspect-ratio:16/10}.field-copy h2{font-size:34px}.mascot-guide{gap:12px;padding:12px;flex-wrap:wrap;margin:20px 24px 0}.mascot-guide p{font-size:12px;min-width:140px}.mascot-guide strong{font-size:17px}.mascot-guide a{margin-left:112px;max-width:none;font-size:12px}.pose-puzzle{height:115px}.featured{padding-top:32px;padding-bottom:30px}.community-heading h1{font-size:42px}}
.pose-welcome{clip-path:polygon(0 0,245px 0,245px 180px,205px 205px,205px 100%,0 100%)}.drawing-label{top:-12px}.brand-intro{padding-top:30px;padding-bottom:28px}.brand-intro h1{font-size:clamp(44px,5vw,62px)}.brand-hero-grid{min-height:450px}.hero-character{height:430px}.pose-welcome{height:425px;background-size:auto 425px;clip-path:polygon(0 0,230px 0,230px 168px,193px 190px,193px 100%,0 100%)}
@media(max-width:720px){.brand-intro h1{font-size:clamp(38px,10.5vw,54px)}.hero-character{height:210px}.pose-welcome{height:410px;background-size:auto 410px;clip-path:polygon(0 0,225px 0,225px 165px,186px 185px,186px 100%,0 100%)}.drawing-label{top:0}.brand-hero-grid{min-height:0}}
.drawing-label{left:auto;right:10px;top:0}
.pose-puzzle{width:155px}
.bench-easter{max-width:1120px;margin:0 auto 28px;border-bottom:1px solid #ffffff25;padding:0 0 22px}.bench-easter button{display:flex;align-items:center;gap:17px;border:0;background:none;color:inherit;font-size:12px;cursor:pointer;padding:10px 5px}.bench-easter button>span:last-child{opacity:.75}.tiny-beer{display:block;position:relative;width:19px;height:25px;background:linear-gradient(90deg,#d69d18,#ffcf52);border:2px solid #ffe5a7;border-radius:2px 2px 6px 6px;box-shadow:inset 5px 0 #ffffff25;transform:rotate(-7deg)}.tiny-beer:before{content:'';position:absolute;top:-5px;left:-3px;width:21px;height:8px;background:#fff5d7;border-radius:6px}.tiny-beer:after{content:'';position:absolute;left:100%;top:3px;width:7px;height:11px;border:2px solid #ffe5a7;border-left:0;border-radius:0 5px 5px 0}.bench-easter button:hover .tiny-beer,.bench-easter button[aria-expanded=true] .tiny-beer{transform:rotate(7deg)}#beer-reward{font-size:14px;max-width:620px;color:#ffe37b;padding-left:40px;margin:8px 0}.tiny-beer{transition:transform .2s}
@media(max-width:720px){.pose-welcome{bottom:-205px}.mascot-guide{gap:10px}.mascot-guide a{margin-left:0}.mascot-guide p{min-width:120px}.bench-easter{margin-left:24px;margin-right:24px}}
@media(prefers-reduced-motion:reduce){.brand-intro .button:hover{transform:none}.field-photo,.xp-tag,.pencil-note{transform:none}}

.goodies-section{background:#10243f;padding:70px 0}.goodies-section h2{max-width:740px;line-height:1.05}.goodies-lead{max-width:620px;font-size:19px}.concept-disclaimer{color:#c3cfdf;font-size:12px;max-width:650px}.realistic-goodies{gap:24px;align-items:start;margin-top:36px}.product-concept{text-align:left;min-width:0}.product-concept>a{display:block;position:relative;overflow:hidden;border-radius:16px;background:#e4ded5}.product-concept img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s}.product-concept>a:hover img{transform:scale(1.025)}.product-zoom{position:absolute;bottom:12px;right:12px;background:#fffef3e8;color:#10243f;border-radius:30px;padding:7px 12px;font-size:11px}.product-copy{padding:20px 2px}.product-copy .eyebrow{font-size:9px;color:#ffe35d;margin:0 0 10px}.product-copy h3{font-size:23px;line-height:1.13;margin:0 0 12px}.product-copy p{font-size:14px;color:#c3cfdf;line-height:1.5}.product-copy .textlink{color:#ffe35d;font-size:13px}.goodies-signature{font-size:12px;color:#c3cfdf;border-top:1px solid #ffffff20;padding-top:22px}.product-concept a:focus-visible,.bench-easter button:focus-visible{outline:3px solid #ffda35;outline-offset:5px}@media(max-width:720px){.realistic-goodies{grid-template-columns:1fr;gap:28px}.product-copy h3{font-size:26px}.goodies-section{padding:45px 0}}@media(prefers-reduced-motion:reduce){.product-concept>a:hover img{transform:none}}