/* dumbbpumpkins. sample site | October 2026 */
:root{--ink:#151316;--paper:#f7f2e9;--paper-strong:#fffcf6;--orange:#fb751f;--orange-dark:#dd5611;--cream:#f5eddd;--muted:#bcb5aa;--line:#3b3537;--r:24px;--max:1260px;--display:'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffad76;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}.container{width:min(calc(100% - 88px),var(--max));margin-inline:auto}.skip-link{position:absolute;z-index:1000;left:15px;top:-100px;background:white;color:black;padding:14px;border-radius:8px}.skip-link:focus{top:10px}.site-shell{overflow:hidden}
.site-header{position:relative;z-index:40;background:#151316;border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:92px;display:flex;align-items:center;gap:42px}.brand{width:220px;flex-shrink:0}.brand-image{width:100%;max-height:70px;object-fit:contain}.light-visible{display:none}.main-nav{margin-left:auto;display:flex;gap:36px}.main-nav a{font-size:13px;font-weight:780;color:#e0d6ca;transition:color .15s}.main-nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:15px}.icon-button{border:1px solid #3b3437;border-radius:50%;color:var(--paper);background:transparent;display:grid;place-items:center;width:41px;height:41px}.theme-glyph{font-size:24px;line-height:1;font-weight:500}.small-pill{background:var(--paper);color:var(--ink);padding:15px 22px;border-radius:60px;font-size:13px;font-weight:850}.small-pill span{margin-left:10px;font-size:16px}.small-pill:hover{background:#ffd2af}.menu-toggle{display:none}.menu-lines{display:block;width:18px;height:12px;position:relative;border-top:2px solid currentColor;border-bottom:2px solid currentColor}.menu-lines:after{content:"";position:absolute;width:18px;height:2px;background:currentColor;top:3px;left:0}
.hero{position:relative;background:radial-gradient(ellipse 56% 75% at 84% 52%,rgba(124,53,16,.29),transparent 75%),linear-gradient(180deg,#151316 0%,#1d1517 100%);isolation:isolate;min-height:680px}.hero-texture{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:radial-gradient(#c08c64 .7px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(to right,transparent,black)}.hero-inner{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:0}.hero-copy{position:relative;z-index:5;padding:65px 0 60px}.eyebrow,.section-label,.card-kicker{font-size:11px;letter-spacing:.17em;font-weight:880}.eyebrow{color:#d9bea8;display:flex;align-items:center;gap:13px;margin-bottom:27px}.tiny-pumpkin{font-size:20px;color:var(--orange)}h1{font-size:clamp(56px,6.4vw,98px);font-weight:1000;letter-spacing:-.075em;line-height:.98;white-space:nowrap;margin-bottom:26px}h1 span{color:var(--orange)}.hero-deck{color:#cfc2b7;font-size:18px;line-height:1.7;max-width:535px;margin-bottom:31px}.hero-deck strong{color:var(--paper);font-weight:850}.hero-buttons,.connect-links{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:850;transition:transform .18s,background .18s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--orange);color:#17100b}.button-primary:hover{background:#ff9755}.button-secondary{border:1px solid #716157;background:#ffffff09;color:#f3e9dd}.button-secondary:hover{background:#ffffff16}.hero-footnote{font-size:12px;color:#aaa099;margin-top:26px;margin-bottom:0}.little-spark{color:#f9a16d;margin-right:7px}.hero-art{position:relative;min-height:590px;display:grid;place-items:center}.hero-mascot{position:relative;width:120%;max-width:none;transform:translate(15px,0) rotate(-2deg);filter:drop-shadow(0 24px 38px rgba(0,0,0,.45));animation:floatMascot 6s ease-in-out infinite}.halo{position:absolute;border-radius:50%;pointer-events:none}.halo-one{width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(248,103,24,.29),transparent 69%);filter:blur(15px)}.halo-two{width:82%;aspect-ratio:1;border:1px dashed rgba(255,147,92,.19);transform:rotate(20deg)}.floating-note{position:absolute;z-index:2;font-family:var(--display);font-size:15px;font-weight:800;transform:rotate(8deg);background:#f7eadd;color:#28211f;box-shadow:0 15px 30px #0005;padding:12px 16px;border-radius:12px}.floating-note em{font-size:10px;font-weight:600;display:block;font-style:normal;color:#8e7565}.note-top{right:0;top:16%;transform:rotate(7deg)}.note-star{color:var(--orange);font-size:20px;margin-right:5px}.note-bottom{left:5%;bottom:17%;transform:rotate(-8deg);font-size:11px;background:#2f3d30;color:#ebf4d9}.note-bottom span{color:#7eed85;margin-right:6px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#8d7771;height:60px;font-weight:800}.scroll-mark{font-size:23px;color:#ea8e50}
.ticker{background:var(--orange);color:#27150e;padding:13px 0;transform:rotate(-1deg) scale(1.02);z-index:2;position:relative;overflow:hidden}.ticker-inner{white-space:nowrap;display:flex;justify-content:center;min-width:1150px;font-size:13px;letter-spacing:.12em;font-weight:1000}.ticker-inner b{font-size:18px;margin:0 30px}
.work-section{background:var(--paper);color:#191619;padding:116px 0 98px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:32px}.section-label{display:flex;align-items:center;gap:8px;color:#ae541f}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange)}.section-heading h2,.about-copy h2,.connect-inner h2{font-size:clamp(44px,5vw,69px);line-height:1.04;letter-spacing:-.065em;font-weight:1000;margin:18px 0}.section-heading h2 em,.about-copy h2 em,.connect-inner h2 em{color:var(--orange-dark);font-style:normal}.section-heading p{font-size:16px;color:#746f6b;margin:0}.filter-group{display:flex;gap:5px;padding:5px;background:#e7dfd4;border-radius:50px;flex-shrink:0}.filter{border:0;background:transparent;padding:11px 15px;border-radius:50px;font-weight:850;font-size:12px;color:#655d57}.filter.active{background:#1f1b1d;color:#fff}.filter:hover:not(.active){background:#ded4c7}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;align-items:stretch}.project-card{border-radius:var(--r);overflow:hidden;position:relative;min-height:340px;display:flex;flex-direction:column;padding:31px;isolation:isolate;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #382a241e}.project-card[hidden]{display:none!important}.project-card h3{font-weight:1000;line-height:1.04;letter-spacing:-.055em;font-size:clamp(28px,3.3vw,43px);margin:14px 0 12px}.project-card p{font-size:13px;line-height:1.65;max-width:340px;margin-bottom:15px}.card-kicker{font-size:10px;letter-spacing:.14em}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 28px}.tags span{font-size:10px;font-weight:850;border:1px solid currentColor;border-radius:50px;padding:6px 11px;opacity:.75}.card-link{border:0;background:transparent;align-self:flex-start;display:inline-flex;align-items:center;gap:14px;font-weight:950;font-size:12px;border-bottom:1px solid currentColor;padding:0 0 7px;transition:gap .2s}.card-link:hover{gap:23px}.card-books{grid-column:span 7;background:#e7c9aa;min-height:444px;color:#28201e;flex-direction:row;padding:38px}.card-books .project-copy{width:58%;position:relative;z-index:3}.card-books h3{font-size:clamp(36px,4.5vw,63px)}.card-books p{max-width:320px}.books-display{position:absolute;right:7%;bottom:0;width:35%;height:80%;perspective:700px}.book-cover{position:absolute;bottom:0;right:10%;width:65%;height:81%;background:#322c34;box-shadow:18px 17px 12px #21171847, inset -10px 0 0 rgba(0,0,0,.21);padding:22px 16px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:#f4e5d4;border-radius:2px 9px 0 0;transform:rotate(-9deg) skewY(1deg);border-left:2px solid #725b62}.book-cover small{font-size:7px;letter-spacing:.15em}.book-cover strong{font-family:Georgia,serif;font-size:18px;line-height:1.2;letter-spacing:.06em}.book-cover i{font-family:Georgia,serif;font-size:9px}.book-back{background:#aa594e;transform:translate(-60%,10%) rotate(-19deg);z-index:0}.book-middle{background:#60574f;transform:translate(-25%,2%) rotate(-11deg);z-index:1}.book-front{background:linear-gradient(135deg,#222d2f,#4e2e34);transform:rotate(1deg);z-index:2}
.card-remnant{grid-column:span 5;background:#251e29;color:#f5eee8;min-height:444px}.card-remnant:before{content:"";position:absolute;width:350px;height:350px;border-radius:100%;right:-145px;bottom:-140px;background:#74415b;filter:blur(15px);opacity:.5;z-index:-1}.card-remnant h3{font-size:48px;margin-top:24px}.card-remnant h3 span{color:#eab9cd}.card-remnant p{max-width:190px;color:#d8ced4}.card-remnant .card-link{margin-top:28px;color:#f5eee8}.phone-visual{position:absolute;right:17px;bottom:-34px;width:180px;height:328px;border:8px solid #161419;border-radius:28px 28px 0 0;background:#f4e4e0;color:#302329;box-shadow:-13px 9px 28px #0c0b123d;transform:rotate(8deg);padding:16px 12px;z-index:-1}.phone-speaker{width:38px;height:4px;border-radius:10px;background:#4f4650;margin:-7px auto 28px}.screen-title{font-weight:1000;font-size:15px}.tiny-visual-icon{color:#aa6686;font-size:20px}.screen-sub{font-size:8px;color:#846970;margin:5px 0 14px}.screen-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.screen-tiles div{height:64px;background:#fff9f5;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;color:#a35f8a}.screen-tiles small{font-size:9px;color:#6f5b65;margin-top:4px}.screen-footer{background:#b97493;border-radius:7px;color:white;font-size:8px;padding:9px 8px;margin-top:12px}.screen-footer span{float:right}
.card-cache,.card-witness,.card-more{grid-column:span 4;min-height:414px}.card-cache{background:#fad97a;color:#38291b}.card-cache p{max-width:265px}.cache-graphic{height:133px;display:flex;align-items:center;gap:15px;margin:0 auto}.cache-ring{width:122px;height:122px;display:grid;place-items:center;border-radius:50%;border:16px solid #ed9631;box-shadow:inset 0 0 0 5px #f8ca62;background:#fff0c0;transform:rotate(-12deg)}.cache-ring span{font-size:45px;color:#864518}.cache-trace{font-size:15px;font-weight:1000;line-height:1.15;letter-spacing:.15em;transform:rotate(-10deg);color:#ae591e}.card-witness{background:#d3e6d6;color:#263a31}.monitor{height:150px;background:#1d2928;border:7px solid #273c37;border-radius:9px;box-shadow:0 15px 15px #2b45351f;color:#a6efc6;margin:15px 4px 15px;overflow:hidden}.monitor-header,.monitor-footer{display:flex;justify-content:space-between;padding:8px 10px;font-size:8px;letter-spacing:.08em;font-weight:900}.online-dot{color:#7bea9c}.camera-panels{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px}.camera{height:76px;border-radius:4px;background:linear-gradient(145deg,#69877b,#172f2c);position:relative;overflow:hidden}.camera:nth-child(2){background:linear-gradient(140deg,#435d50,#192f3f)}.camera:before{content:"";position:absolute;inset:10px 20px 0;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);background:#233531b5}.camera small{position:absolute;bottom:5px;left:6px;font-size:7px;color:white}.monitor-footer{padding-top:5px}.card-more{background:#e5a38c;color:#3c231c}.scribble{height:145px;position:relative;display:grid;place-items:center}.scribble span{font-family:Georgia,serif;font-size:138px;line-height:1;opacity:.8;transform:rotate(12deg)}.scribble i{position:absolute;left:19%;top:24%;font-size:38px;font-style:normal;color:#ffe1a7}.scribble b{position:absolute;right:15%;bottom:16%;font-size:52px;color:#b34426}.work-note{font-size:12px;text-align:center;color:#79706b;margin:23px 0 0}.work-note span{color:#dd7d3d}
.about-section{padding:114px 0;background:radial-gradient(circle at 10% 50%,#4a2724 0%,#23191d 45%,#181517 88%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-art{min-height:480px;position:relative;display:grid;place-items:center}.about-art img{width:min(90%,465px);position:relative;z-index:1;filter:drop-shadow(0 20px 20px #0003)}.about-disc{position:absolute;width:450px;height:450px;max-width:98%;border-radius:50%;background:radial-gradient(circle at 55% 50%,#9c4924aa,transparent 70%);border:1px dashed #aa705547}.about-art-caption{position:absolute;bottom:0;left:0;font-size:10px;letter-spacing:.17em;color:#b29889}.about-copy .section-label{color:#ef9655}.about-copy h2{font-size:clamp(39px,4.2vw,60px);margin:17px 0 26px}.about-copy h2 em{color:#ff9d60}.about-copy p{font-size:16px;line-height:1.8;color:#cdbfb9;margin-bottom:17px}.about-copy p strong{color:#fff}.about-stamp{margin-top:29px;display:flex;gap:12px;align-items:center;border-top:1px solid #614743;padding-top:23px;color:#e8ad86;letter-spacing:.12em;font-weight:800;font-size:11px}.stamp-symbol{font-size:42px;color:var(--orange)}.about-stamp strong{font-size:16px;color:#f8eee7}
.connect-section{background:#eb8654;color:#271d18;padding:103px 0 0;position:relative}.connect-inner{text-align:center}.connect-inner>.section-label{justify-content:center;color:#6c2d19}.connect-inner .dot{background:#772c19}.connect-inner h2{font-size:clamp(56px,6vw,87px);margin:23px 0 16px}.connect-inner h2 em{color:#7a341f}.connect-inner>p{font-size:17px;max-width:570px;line-height:1.7;margin:0 auto 30px}.connect-links{justify-content:center}.button-contrast{background:#f7ebda;color:#2b1c16}.connect-links .button-primary{background:#231b1c;color:#fff5e8}.connect-links .button-primary:hover{background:#4a2b2b}.footer-brand{margin:64px auto 0;width:min(660px,100%)}.footer-brand img{width:100%}.site-footer{margin-top:26px;border-top:1px solid #ac542f62;display:flex;align-items:center;justify-content:space-between;padding:25px 0 30px;font-size:11px;font-weight:700;color:#783e2a}.site-footer a{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#261b18;color:white;margin-left:11px;font-size:18px}.site-footer .footer-admin-link{width:auto;height:auto;min-height:31px;background:transparent;border-radius:0;color:inherit;margin-left:16px;padding:4px 2px;font-size:11px;letter-spacing:.05em;text-decoration:underline;text-underline-offset:4px;opacity:.75;transition:opacity .2s ease}.site-footer .footer-admin-link:hover,.site-footer .footer-admin-link:focus-visible{opacity:1}
.project-dialog{border:1px solid #f2c69d;background:#fbf4eb;color:#28201c;border-radius:22px;padding:0;width:min(500px,calc(100% - 30px));box-shadow:0 25px 100px #0009}.project-dialog::backdrop{background:#090809bd;backdrop-filter:blur(5px)}.dialog-inner{position:relative;padding:44px 39px}.dialog-inner h2{font-size:42px;line-height:1.05;margin:18px 0 20px}.dialog-inner p{line-height:1.7;color:#62534e}.dialog-note{padding:13px;border-radius:11px;background:#f1e1d0;font-size:12px;font-weight:700}.dialog-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #e4cfbb;border-radius:50%;background:#fffaf5;color:#302621;font-size:28px;line-height:1}.dialog-links a{display:inline-flex;background:var(--orange);font-weight:850;font-size:13px;border-radius:9px;padding:13px 17px;color:#221611;margin-top:6px}
/* Optional theme for daytime viewing. The base design remains the dramatic dark theme. */
html[data-theme="light"] .site-header{background:#fbf5e9;border-bottom-color:#e0cdbd}html[data-theme="light"] .main-nav a{color:#322620}html[data-theme="light"] .icon-button{border-color:#d6bfae;color:#302421}html[data-theme="light"] .small-pill{background:#241a1b;color:white}html[data-theme="light"] .hero{background:radial-gradient(ellipse 60% 80% at 88% 46%,#ffc995,transparent 70%),linear-gradient(180deg,#fff8ec,#f9e7d6)}html[data-theme="light"] .hero h1{color:#282124}html[data-theme="light"] .hero-deck{color:#62534c}html[data-theme="light"] .hero-deck strong{color:#251a1a}html[data-theme="light"] .eyebrow{color:#81422c}html[data-theme="light"] .hero-footnote,html[data-theme="light"] .hero-bottom{color:#745b51}html[data-theme="light"] .button-secondary{border-color:#bcab9b;background:#ffffff80;color:#30241c}html[data-theme="light"] .floating-note{box-shadow:0 10px 23px #4a261a2b}html[data-theme="light"] .about-section{background:#f9e9d8;color:#302320}html[data-theme="light"] .about-copy h2{color:#2d2420}html[data-theme="light"] .about-copy p{color:#68504a}html[data-theme="light"] .about-copy p strong{color:#201918}html[data-theme="light"] .about-stamp{border-color:#e2c4af;color:#b3542f}html[data-theme="light"] .about-stamp strong{color:#3c2823}html[data-theme="light"] .about-art-caption{color:#91684f}html[data-theme="light"] .footer-brand .dark-visible{display:none}html[data-theme="light"] .footer-brand .light-visible{display:block}html[data-theme="light"] .dark-visible{display:none}html[data-theme="light"] .light-visible{display:block}
@keyframes floatMascot{0%,100%{transform:translate(15px,0) rotate(-2deg)}50%{transform:translate(15px,-12px) rotate(-1deg)}}
@media (max-width:1100px){.container{width:min(calc(100% - 54px),var(--max))}.header-inner{gap:16px}.brand{width:205px}.main-nav{gap:20px}.hero-inner{grid-template-columns:1.1fr .9fr}.hero-art{min-height:490px}.hero-mascot{width:125%}h1{font-size:clamp(52px,6.6vw,85px)}.card-books .project-copy{width:60%}.books-display{right:3%;width:38%}.about-grid{gap:50px}}
@media (max-width:830px){.container{width:min(calc(100% - 40px),var(--max))}.site-header .header-inner{height:78px}.brand{width:190px}.main-nav{display:none;position:absolute;right:20px;top:70px;left:20px;background:#272025;padding:16px;border-radius:15px;box-shadow:0 13px 30px #0004;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px;color:#f2e9df!important}.main-nav a:hover{background:#463239}.menu-toggle{display:grid}.small-pill{display:none}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:73px 0 25px}.hero h1{font-size:clamp(58px,10vw,87px)}.hero-deck{max-width:670px}.hero-art{min-height:460px;max-width:620px;width:100%;margin:auto}.hero-mascot{width:96%;transform:translate(0,0)}.floating-note{display:none}.hero-bottom{height:50px}.section-heading{flex-wrap:wrap}.card-books,.card-remnant{grid-column:span 6}.card-books{padding:27px}.card-books .project-copy{width:76%}.books-display{opacity:.45;width:45%;right:0}.card-cache,.card-witness,.card-more{grid-column:span 6}.about-grid{grid-template-columns:1fr;gap:30px}.about-art{min-height:440px;order:2}.about-copy{order:1}.connect-inner h2{font-size:clamp(53px,8vw,75px)}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.site-header .header-inner{height:70px}.brand{width:175px}.header-actions{margin-left:auto;gap:8px}.icon-button{width:38px;height:38px}.hero-copy{padding:65px 0 2px}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:22px}.hero h1{font-size:clamp(45px,10.5vw,62px);white-space:normal;letter-spacing:-.07em;margin-bottom:20px}.hero-deck{font-size:15px;line-height:1.65}.hero-buttons .button{width:100%}.hero-footnote{font-size:11px;margin-top:20px}.hero-art{min-height:330px;margin:6px auto -5px}.hero-mascot{width:115%;transform:translate(0,0)}.halo-two{width:80%}.hero-bottom span:last-child{display:none}.hero-bottom{height:50px}.ticker-inner{font-size:11px}.work-section{padding:80px 0 66px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:45px}.section-heading p{font-size:14px}.filter-group{width:100%;overflow:auto;scrollbar-width:none;justify-content:space-between}.filter{padding:10px 12px;font-size:11px;white-space:nowrap}.project-grid{display:flex;flex-direction:column;gap:13px}.project-card{padding:25px;min-height:330px}.card-books{min-height:400px}.card-books .project-copy{width:86%}.card-books h3{font-size:43px}.card-books p{font-size:12px}.books-display{width:48%;right:0;opacity:.22}.card-remnant{min-height:360px}.card-remnant h3{font-size:43px}.card-remnant p{max-width:160px}.phone-visual{right:7px;width:165px}.card-cache,.card-witness,.card-more{min-height:350px}.cache-graphic{height:118px}.monitor{max-width:350px}.about-section{padding:75px 0}.about-copy h2{font-size:42px}.about-copy p{font-size:15px}.about-art{min-height:345px}.about-art img{width:85%}.about-disc{height:320px;width:320px}.about-art-caption{font-size:8px}.connect-section{padding:79px 0 0}.connect-inner h2{font-size:51px}.connect-inner>p{font-size:15px}.connect-links .button{width:100%}.footer-brand{margin-top:37px}.site-footer{align-items:center;gap:12px;flex-direction:column;text-align:center;font-size:10px;line-height:1.5}.site-footer a{margin-left:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}