@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700;800&display=swap');
:root{--ink:#293c38;--cloud:#f4f0e6;--blue:#293c38;--yellow:#b2c8ba;--coral:#d69a7d;--line:#b2c8ba;--muted:#293c38;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cloud);color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,.btn,.eyebrow,nav{font-family:Poppins,Arial,sans-serif}h1,h2,h3,h4{line-height:1.13;margin:0 0 22px;letter-spacing:-.045em}h1{font-size:clamp(44px,6.5vw,86px);font-weight:800}h2{font-size:clamp(32px,4vw,52px);font-weight:700}h3{font-size:24px}p{margin:0 0 22px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.section{padding:96px 0}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;margin-bottom:18px}.blue{color:var(--blue)}.yellow{color:var(--yellow)}.muted{color:var(--muted)}.lead{font-size:19px;max-width:630px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--cloud);padding:10px}.skip:focus{top:10px}.announcement{background:var(--ink);color:var(--cloud);text-align:center;padding:8px 16px;font-size:12px}.header{position:sticky;top:0;z-index:30;background:rgba(244,240,230,.97);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:174px;height:46px;object-fit:contain}.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:500}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:12px;padding:15px 24px;background:var(--blue);color:var(--cloud);font-size:14px;font-weight:600;text-decoration:none;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#293c38}.btn.light{background:var(--cloud);color:var(--ink)}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.outline.on-dark{border-color:#b2c8ba;color:var(--cloud)}.btn.yellow-btn{background:var(--yellow);color:var(--ink)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink)}.hero{background:var(--ink);color:var(--cloud);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:680px;gap:40px;padding-top:70px;padding-bottom:80px}.hero p{color:#293c38}.hero .eyebrow{color:var(--yellow)}.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before,.hero-art:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #b2c8ba;border-radius:50%;opacity:.35}.hero-art:after{width:320px;height:320px;border-style:dashed}.hero-art img{width:270px;filter:brightness(0) invert(1);position:relative;animation:float 7s ease-in-out infinite}.hero-art .tag{position:absolute;bottom:30px;right:5px;background:var(--yellow);color:var(--ink);padding:13px 19px;border-radius:12px;transform:rotate(-5deg);font-size:13px;font-weight:600}.hero-links{display:flex;gap:22px;margin-top:28px;font-size:12px}.hero-links a{color:#293c38}.marquee{background:var(--yellow);padding:20px 0;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ink);font:600 clamp(18px,2.4vw,28px)/1.3 Poppins,sans-serif}.marquee-track{display:inline-block;animation:marquee 35s linear infinite}.marquee span{padding:0 20px}.split-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.split-title p{max-width:390px;margin:0;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{position:relative;background:var(--cloud);border:1px solid var(--line);border-radius:22px;padding:34px;text-decoration:none;transition:transform .2s;overflow:hidden;min-height:260px}.category:hover{transform:translateY(-5px)}.category:before{content:'';display:block;height:5px;background:var(--blue);position:absolute;inset:0 0 auto}.category:nth-child(2):before{background:var(--yellow)}.category:nth-child(3):before{background:var(--coral)}.category .symbol{font-size:36px;line-height:1;display:block;margin-bottom:35px;color:var(--blue)}.category p{color:var(--muted);font-size:14px}.category .arrow{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-top:25px}.knodd-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:var(--cloud);border:1px solid var(--line)}.knodd-picture{background:#f4f0e6;display:flex;align-items:center;justify-content:center;min-height:520px;position:relative}.knodd-picture img{width:85%;height:490px;object-fit:contain}.knodd-copy{padding:60px;background:var(--yellow);display:flex;flex-direction:column;justify-content:center}.knodd-copy h2{font-size:clamp(54px,7vw,88px);margin-bottom:12px}.knodd-copy .slogan{font:600 clamp(23px,2.8vw,32px)/1.3 Poppins,sans-serif;letter-spacing:-.035em}.knodd-copy p{max-width:430px}.caption{font-size:12px;color:var(--muted);margin-top:12px}.strip{background:var(--blue);color:var(--cloud)}.strip .lead{color:#293c38}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.step-number{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:24px}.steps p{color:var(--muted);font-size:15px}.story{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.story p{color:var(--muted)}.studio-note{border-left:5px solid var(--blue);padding:5px 0 5px 26px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--cloud);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.article-card img{width:100%;aspect-ratio:1.78;object-fit:cover}.article-card .card-copy{padding:25px}.article-card h3{font-size:20px;line-height:1.35;letter-spacing:-.035em}.article-card p{font-size:14px;color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin-bottom:13px}.cta{background:var(--blue);color:var(--cloud);text-align:center;padding:85px 0}.cta p{max-width:600px;margin:0 auto}.cta .actions{justify-content:center}.footer{padding:64px 0 25px;background:var(--cloud);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}.footer img{width:175px;margin-bottom:22px}.footer p,.footer a{font-size:13px;color:var(--muted)}.footer h3{font-size:14px;letter-spacing:0;margin-bottom:18px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:9px 0}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.fineprint{border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:30px}.page-head{padding:76px 0 55px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(42px,5.5vw,68px)}.page-head p{color:var(--muted);max-width:680px}.content{max-width:780px}.content h2{font-size:31px;margin-top:45px}.content h3{font-size:22px;margin-top:30px;letter-spacing:-.025em}.content p,.content li{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery figure{margin:0;background:var(--cloud);border:1px solid var(--line);border-radius:18px;overflow:hidden}.gallery img{width:100%;aspect-ratio:1;object-fit:contain;padding:15px}.gallery figcaption{padding:18px;border-top:1px solid var(--line);font-size:13px}.note{padding:22px 26px;border-left:4px solid var(--blue);background:var(--cloud);color:var(--muted);font-size:14px;margin:25px 0}.faq{max-width:850px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font:600 18px/1.5 Poppins,sans-serif;list-style:none;padding-right:34px;position:relative}.faq summary:after{content:'+';position:absolute;right:7px;top:0;color:var(--blue);font-size:25px}.faq details[open] summary:after{content:'−'}.faq details p{margin:18px 30px 0 0;color:var(--muted)}.form-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:65px}form{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--cloud)}.field{margin-bottom:20px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #293c38;border-radius:8px;background:var(--cloud);color:var(--ink)}.field textarea{min-height:150px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-help{font-size:12px;color:var(--muted);margin-top:15px}.form-result{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.form-result textarea{width:100%;height:260px;padding:15px;font:13px/1.5 Inter,sans-serif;border:1px solid var(--line);border-radius:10px}.contact-block{margin-bottom:30px}.contact-block h2{font-size:22px}.contact-block a{overflow-wrap:anywhere}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filterbar button{border:1px solid var(--line);padding:10px 18px;border-radius:100px;color:var(--ink);background:var(--cloud);font-size:14px}.filterbar button[aria-pressed=true]{background:var(--ink);color:var(--cloud)}.splash{height:100svh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--cloud) url('/assets/splash-desktop.webp') center/cover no-repeat;position:relative;overflow:hidden}.splash-box{padding:32px;max-width:720px;position:relative}.splash h1{font-size:clamp(25px,4vw,46px);margin-bottom:24px;letter-spacing:-.04em}.splash h1 span{color:var(--blue)}.splash .wordmark{width:min(470px,80vw);margin:0 auto 26px}.splash p{font-size:18px;max-width:450px;margin:auto}.splash .actions{justify-content:center}.splash small{display:block;font-size:11px;margin-top:30px}.splash .btn{padding:18px 30px}.knodd-page{background:var(--cloud)}.knodd-page .hero{background:var(--yellow);color:var(--ink)}.knodd-page .hero p{color:var(--ink)}.knodd-page .hero .eyebrow{color:var(--ink)}.knodd-page .hero img{width:440px;height:490px;object-fit:contain}.knodd-page .hero-grid{min-height:590px;grid-template-columns:1fr 1fr}.knodd-page .hero h1{font-size:clamp(70px,10vw,124px)}.search{width:100%;max-width:480px;padding:13px 17px;border:1px solid #293c38;border-radius:10px;margin-bottom:30px}.article-hero{border-radius:18px;width:100%;margin-bottom:35px}.article-body{padding-top:45px}.article-body h2{font-size:27px}.backlink{font-size:13px;color:var(--blue);margin-bottom:28px;display:inline-block}[hidden]{display:none!important}.empty{padding:25px;background:var(--cloud);border:1px solid var(--line);border-radius:12px}.contact-phone{font-size:25px;font-weight:600;letter-spacing:-.03em}.only-mobile{display:none}@keyframes float{50%{transform:translateY(-13px) rotate(3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1000px){.nav{gap:16px}.nav .btn{padding:12px}.wrap{width:calc(100% - 44px)}.hero-grid{min-height:600px;gap:20px}.hero-art{height:350px}.hero-art:before{width:330px;height:330px}.hero-art:after{width:250px;height:250px}.hero-art img{width:210px}.knodd-copy{padding:38px}.knodd-picture{min-height:430px}.knodd-picture img{height:400px}.story{gap:40px}.form-layout{gap:35px}.footer-grid{gap:25px}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{height:72px}.brand img{width:155px;height:40px}.menu-toggle{display:block}.nav{position:absolute;display:none;top:72px;left:0;right:0;padding:24px;background:var(--cloud);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px;font-size:16px}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:45px}.hero h1{font-size:54px}.hero-art{height:310px}.hero-art:before{width:280px;height:280px}.hero-art:after{width:210px;height:210px}.hero-art img{width:180px}.hero-art .tag{right:12px;bottom:0}.hero .lead{font-size:17px}.section{padding:64px 0}.split-title{display:block}.split-title h2{margin-bottom:20px}.categories,.steps,.journal-grid{grid-template-columns:1fr}.category{min-height:220px}.category .symbol{margin-bottom:20px}.knodd-feature,.story,.form-layout{grid-template-columns:1fr}.knodd-copy{padding:36px 28px}.knodd-picture{min-height:350px}.knodd-picture img{height:330px}.knodd-copy .slogan{font-size:28px}.steps{gap:26px}.step-number{margin-bottom:15px}.story{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.fineprint{flex-direction:column;gap:12px}.gallery{gap:12px}.gallery figcaption{font-size:12px;padding:12px}.page-head{padding:55px 0 38px}.form-grid{grid-template-columns:1fr;gap:0}form{padding:22px}.splash{background-image:url('/assets/splash-mobile.webp');min-height:0}.splash h1{font-size:30px}.splash p{font-size:16px}.splash .wordmark{width:83vw}.splash-box{padding:22px}.knodd-page .hero-grid{grid-template-columns:1fr;padding-bottom:0}.knodd-page .hero img{height:370px;margin:auto}.knodd-page .hero h1{font-size:90px}.contact-phone{font-size:23px}.hero-links{gap:17px}.announcement{font-size:11px}.content h2{font-size:28px}}@media(max-width:370px){.hero h1{font-size:46px}.btn{padding:14px 18px}.gallery{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

.knodd-player{position:relative;max-width:620px;margin:auto}.knodd-player video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:24px;background:var(--cloud)}.knodd-player-welcome{width:132px;margin:0 auto 10px}.knodd-player-welcome video{border-radius:50%}.motion-replay{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);border:1px solid #293c38;border-radius:100px;background:var(--cloud);color:#293c38;font:600 12px Inter,sans-serif;padding:7px 12px;cursor:pointer;white-space:nowrap}.knodd-player-welcome .motion-replay{bottom:0;font-size:10px;padding:4px 8px}.motion-replay:focus-visible{outline:3px solid #293c38;outline-offset:3px}@media(max-height:740px){.splash .knodd-player-welcome{width:92px;margin-bottom:6px}.splash h1{margin-bottom:14px}.splash .wordmark{margin-bottom:16px}.splash small{margin-top:16px}}

/* Original KNODD lettering, exported from the recovered January brand artwork. */
.splash .wordmark{width:min(470px,80vw);height:auto}.brand img{object-fit:contain}.footer img{height:auto}

/* Approved shared KNODD / PRYNT3D palette — 18 October 2026. */
:root{--canvas:#F4F0E6;--ink:#293C38;--sage:#B2C8BA;--clay:#D69A7D;--cloud:var(--canvas);--blue:var(--ink);--yellow:var(--sage);--coral:var(--clay);--line:var(--sage);--muted:var(--ink)}
.hero{background:var(--canvas);color:var(--ink)}.hero p,.hero .eyebrow,.hero .yellow,.hero-links a{color:var(--ink)}.hero-art img{filter:none}.hero-art:before,.hero-art:after{border-color:var(--sage)}.hero-art .tag{background:var(--clay)}
.strip{background:var(--sage);color:var(--ink)}.strip .lead{color:var(--ink)}.knodd-copy{background:var(--sage)}.knodd-page .hero{background:var(--sage)}
.cta{background:var(--ink);color:var(--canvas)}.btn{color:var(--canvas)}.btn.light,.btn.outline,.btn.yellow-btn{color:var(--ink)}.btn.yellow-btn{background:var(--clay)}.btn.outline.on-dark{color:var(--canvas)}
.splash{background:var(--canvas)!important}.splash h1 span,.splash .eyebrow{color:var(--ink)}.splash-box{position:relative}.splash:before{content:'';position:absolute;inset:auto -100px -140px auto;width:300px;height:300px;border-radius:50%;background:var(--sage);opacity:.22;pointer-events:none}.splash .btn{background:var(--ink);color:var(--canvas)}

.hero .btn.outline.on-dark{color:var(--ink);border-color:var(--ink)}

/* KNODD brand reconciliation: use original lettering until its font is verified. */
.brand-heading{width:clamp(180px,30vw,350px);height:auto;max-width:100%;margin:0 0 12px}
.knodd-copy h2 .brand-heading{width:min(100%,310px)}
.welcome-brand{margin:0 0 18px}.welcome-intro{display:block;font-size:20px;font-weight:500;letter-spacing:0;margin:0 0 18px}
.splash .welcome-brand .wordmark{width:min(300px,70vw);height:auto;margin:0 auto}
.splash .brand-slogan{font-size:clamp(23px,4vw,32px);font-weight:600;line-height:1.3;color:var(--ink);margin:0 0 18px;letter-spacing:-.025em}
.hero-art img.hero-wordmark{width:min(92%,390px);height:auto;filter:none}