/* PRIMEGEOMETRY: ink, paper, late-night experiments. */
:root{--paper:#17191b;--ink:#f2e8ce;--muted:#b9b4a5;--purple:#ff7456;--lime:#e7f166;--line:#4d4d46;background:var(--paper);color:var(--ink)}
html{overflow-x:clip}body{background-image:url('assets/grain.svg');background-repeat:repeat;overflow-x:clip}
.wrap{max-width:1440px}.header{height:100px;border-bottom:2px solid #ece3c22b}.brand{letter-spacing:-1.2px}.brand svg{color:var(--lime)}.brand-light{font-weight:600}.gs{color:#ef78a4}.header nav{font-family:monospace;text-transform:uppercase;font-size:12px}.nav-contact{border-radius:0;background:#e7f166;color:#17191b;border:2px solid #17191b;box-shadow:4px 4px 0 #ee6c99;transform:rotate(-2deg)}
.hero{padding-top:45px;grid-template-columns:1fr 1.3fr;gap:0;isolation:isolate}.hero-copy{padding-top:25px;z-index:2;position:relative}.hero .eyebrow{color:#e7f166;font-family:monospace;letter-spacing:2px;font-size:11px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(65px,6.6vw,104px);line-height:.98;letter-spacing:-2px;text-transform:uppercase;transform:rotate(-2deg);margin:36px -45px 26px 0;text-shadow:3px 3px 0 #17191b}.hero h1>span{color:#e7f166;display:inline-block;background:#17191b;box-shadow:10px 0 #17191b,-7px 0 #17191b;transform:rotate(1deg)}.hero-description{color:#d3cbb8;font-size:16px;max-width:400px;line-height:1.7}.button{border-radius:0;border:2px solid #17191b;padding:17px 24px;box-shadow:5px 5px 0 #eb78a0;font-family:monospace;font-size:13px;transform:rotate(-1deg)}.button-dark{background:#ff7857;color:#17191b}.button:hover{transform:translate(-2px,-2px) rotate(0);background:#e7f166;color:#17191b}.hero-note{font-family:monospace;color:#c1b8a6;margin-top:27px;font-size:10px}.tiny-cross{color:#ef78a4}
.hero-art{min-height:610px;background:none;align-self:stretch;transform:rotate(2deg);margin:0 -10px 0 0;position:relative}.hero-art::before{content:"";position:absolute;inset:14px -8px -8px 16px;background:#d75f86;z-index:-1;clip-path:polygon(0 4%,98% 0,100% 98%,3% 100%)}.atelier-image{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:47% center;clip-path:polygon(1% 2%,98% 0,100% 97%,2% 100%,0 53%)}.art-coordinate{background:#e7f166;color:#17191b;z-index:1;padding:9px 13px;left:auto;right:15px;top:20px;font-family:monospace;font-size:10px;transform:rotate(3deg)}.art-label{background:#f0e3c5;color:#1c2121;border:2px solid #17191b;box-shadow:4px 5px 0 #17191b;bottom:34px;left:25px;right:auto;font-family:monospace;font-size:11px;font-weight:bold;transform:rotate(-7deg)}.art-label .status-dot{background:#e05b83}.art-index{background:#17191b;color:#e7f166;padding:7px;left:auto;right:20px;bottom:10px}.hero-bottom{padding-top:34px;color:#b8af9d;font-family:monospace;font-size:9px}
.ticker{margin-top:10px;background:#e7f166;color:#17191b;border-block:3px solid #17191b;transform:rotate(-1deg);padding:20px 0}.ticker>div{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;letter-spacing:2px}.ticker span{color:#bb315f;font-size:35px}
.section{padding-block:85px}.section .eyebrow{font-family:monospace;color:#e7f166;font-size:11px}.small-note{font-family:monospace;color:#eb78a0;transform:rotate(4deg)}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(40px,4.4vw,66px);text-transform:uppercase;line-height:1;letter-spacing:-1px}.serif{font-family:Georgia,serif;text-transform:none;color:#ef78a4;font-weight:700}.studio-intro p{color:#c7bfad;font-size:15px}.principles{gap:25px;margin-top:55px}.principles article{background:#ede1c5;color:#202427;border:2px solid #111;padding:26px;box-shadow:7px 7px 0 #050606;transform:rotate(-2deg);background-image:url('assets/grain.svg')}.principles article:nth-child(2){background-color:#79b8af;transform:rotate(2deg)}.principles article:nth-child(3){background-color:#e98dab;transform:rotate(-1deg)}.principles p{color:#30332f;font-size:14px}.principles h3{font-size:25px;font-weight:900}.principle-icon{color:#23272a;font-size:44px}.card-number{color:#383c36;right:25px;font-size:12px}
.products-section{background:#223b3b url('assets/grain.svg');border-top:3px solid #f0dfb455;border-bottom:3px solid #000}.products-section .pill{border-color:#d9dcc077;color:#efe4c9;border-radius:0;font-family:monospace}.products-title p{color:#c6d2c5}.products-title .serif{color:#e7f166}.product-slide{border:2px solid #0b1416;border-radius:0;background:#171c23;box-shadow:8px 10px 0 #0c1c1d}.product-visual{background:#e57a56 url('assets/nerd-atelier.png') center/cover;min-height:430px}.product-visual::before{background:linear-gradient(0deg,#151b20c9,transparent 65%);z-index:0}.product-visual[data-theme="web"]{background:#267b7c url('assets/nerd-atelier.png') 90% center/cover;background-blend-mode:luminosity}.product-visual[data-theme="tools"]{background:#944967 url('assets/nerd-atelier.png') 10% center/cover;background-blend-mode:luminosity}.product-monogram{z-index:1;background:#f2e8ce;color:#202d32;border:3px solid #172528;width:125px;height:125px;border-radius:0;font-size:80px;letter-spacing:-4px;box-shadow:8px 8px 0 #ef78a4;transform:rotate(-12deg);position:absolute;left:32px;top:33px}.product-art-caption{z-index:1;background:#17191b;color:#e7f166;border-radius:0;transform:rotate(-2deg)}.product-detail{background-image:url('assets/grain.svg');padding:30px}.product-detail h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:36px;text-transform:uppercase;letter-spacing:0}.product-detail .pill{color:#e7f166;font-size:9px;line-height:1.5}.product-detail p{color:#d3d0c0}.product-preview-note{color:#e98dab!important}.product-links .button{box-shadow:4px 4px 0 #ef78a4}.product-thumbnail{border-radius:0}.carousel-arrow{border-radius:0;background:#e7f166;color:#17191b;border:2px solid #17191b;box-shadow:4px 4px 0 #eb78a0;font-weight:bold}.carousel-dot::after{border-radius:0;background:#708783;height:7px}.carousel-dot[aria-current="true"]::after{background:#e7f166}.carousel-status{color:#cfdbcb;font-family:monospace}.carousel-controls{padding-top:8px}
.contact h2 .serif{color:#e7f166}.contact-star{color:#eb78a0;font-size:95px}.contact-content p{color:#c8bfae;font-size:15px}.button-purple{background:#ff7857;color:#17191b}.footer{border-top:2px solid #e3d5b34d}.footer-top>span{font-family:monospace;color:#eb78a0}.footer-bottom{font-family:monospace;color:#c8bfae}.back-top{border-radius:0;border:1px solid #e7f166;color:#e7f166}.back-top:hover{color:#17191b}.legal h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;color:#e7f166}.legal h2{color:#ef78a4;font-size:27px}.legal p{color:#c9c2b0}.notice{background:#263e3d;border-color:#e7f166}.legal address{color:#f2e8ce}.legal .eyebrow{color:#eb78a0}
@media(min-width:1500px){.hero{padding-top:55px}.hero h1{font-size:105px}.hero-art{min-height:660px}}
@media(max-width:1050px){.hero h1{font-size:76px}.hero-art{min-height:590px}.hero-description{font-size:15px}.product-detail{padding:23px}.product-detail h3{font-size:30px}}
@media(max-width:760px){.header{height:87px}.header nav{background:#202729;border:2px solid #e7f166;box-shadow:6px 6px 0 #ef78a4;border-radius:0}.menu-toggle{border-radius:0;color:#e7f166;border-color:#e7f166}.hero{padding-top:27px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(62px,13vw,90px);margin-right:0;letter-spacing:-1px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-description{font-size:15px}.hero-art{min-height:410px;margin:35px 5px 0;transform:rotate(1deg)}.hero-note{font-size:9px}.hero-bottom{font-size:7px}.ticker>div{font-size:21px}.section{padding-block:60px}h2{font-size:43px}.studio-intro{gap:26px}.principles article{padding:25px 25px 25px 72px}.principle-icon{left:18px;top:24px}.principles h3{font-size:23px}.card-number{right:14px}.product-visual{min-height:270px}.product-detail{min-height:310px;padding:25px}.product-detail h3{font-size:32px}.product-monogram{width:90px;height:90px;font-size:62px;top:22px;left:24px}.contact-star{font-size:56px}.contact-content>div{margin-right:0}.footer-top .brand{font-size:20px}.legal h1{font-size:40px}}
.literary-quote{margin:0;transform:rotate(-2deg)}.literary-quote blockquote{margin:0;border-left:4px solid #e98dab;padding-left:25px}.literary-quote blockquote p{font-family:Georgia,serif;font-size:clamp(31px,3.4vw,49px);line-height:1.15;color:#f0e3c5;margin:0}.literary-quote em{color:#e98dab;font-weight:400}.literary-quote figcaption{font-family:monospace;font-size:11px;color:#bdb6a4;margin:24px 0 0 30px;line-height:1.9}.literary-quote figcaption a{text-decoration:underline;text-underline-offset:4px;color:#e7f166}.studio-text{padding-top:6px}.hero h1{font-size:clamp(64px,6.1vw,96px)}.hero-copy{align-self:center;padding-bottom:40px}.hero-art{min-height:550px}.studio-intro{margin-bottom:0}
@media(max-width:760px){.hero h1{font-size:clamp(49px,11vw,76px);overflow-wrap:anywhere}.hero-copy{align-self:stretch;padding-bottom:0}.hero-art{min-height:400px}.literary-quote blockquote{padding-left:18px}.literary-quote blockquote p{font-size:35px}.contact-content p{overflow-wrap:anywhere}}
.literary-quote blockquote .quote-continuation{font-family:Georgia,serif;font-size:20px;line-height:1.6;color:#c7bfad;margin-top:22px;max-width:570px}
.studio{position:relative;isolation:isolate;min-height:620px}
.studio::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,#101a20e8 0%,#101a20a6 46%,#101a2030 100%),url('assets/thought-harbor.png') center/cover}
.studio .section-heading{margin-bottom:40px}.studio .small-note{color:#f4d4db;background:#10191dbb;padding:10px 14px}.studio-text{background:#121c20cf;padding:23px 27px;border-left:2px solid #b4b99580;align-self:start}.studio-text p{color:#e6decd;margin:0}.literary-quote{min-height:330px}.literary-quote blockquote p{color:#fff1d5}.literary-quote blockquote .quote-continuation{color:#e8dfcc}.literary-quote figcaption{color:#e4ddcc}
.products-section{background:linear-gradient(#142124ad,#122128c2),url('assets/impossible-workshop.png') center/cover;border-top-color:#d6b88860}.products-title>p{background:#152123df;color:#f1eadb;padding:15px 20px;border-left:2px solid #e7f166}.products-section>.wrap>.section-heading{background:#152123a6;padding:10px 13px}
/* Solid white chevrons, matching the Steam-style reference. */
.carousel-arrow{position:absolute;top:227px;transform:translateY(-50%);z-index:3;width:54px;height:100px;padding:0;border:0;border-radius:0;background:linear-gradient(90deg,#071016a6,transparent);box-shadow:none;color:#fff;font-size:0;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.carousel-prev{left:0}.carousel-next{right:0;background:linear-gradient(270deg,#071016a6,transparent)}
.carousel-arrow::before{content:"";display:block;width:26px;height:50px;background:#fff;clip-path:polygon(100% 0,100% 28%,44% 50%,100% 72%,100% 100%,0 50%);filter:drop-shadow(0 2px 2px #0008)}
.carousel-next::before{transform:rotate(180deg)}.carousel-arrow:hover{background:#6d8c9a55}.carousel-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.carousel-arrow:disabled{opacity:.25;cursor:default}.carousel-arrow:disabled:hover{background:transparent}
@media(max-width:760px){.studio{min-height:0;padding-block:55px 75px}.studio::before{background:linear-gradient(#101a20b8,#101a20dd),url('assets/thought-harbor.png') 70% center/cover}.studio .section-heading{gap:12px;margin-bottom:26px}.studio .small-note{font-size:9px;padding:8px}.studio-text{padding:20px}.literary-quote{min-height:0}.products-title>p{width:100%;font-size:12px}}
@media(max-width:640px){.carousel-arrow{top:143px;width:44px;height:80px}.carousel-arrow::before{width:22px;height:43px}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-controls{min-height:36px}}
#quote-card{transform:none;min-height:365px}#quote-text{font-size:clamp(30px,3vw,43px);line-height:1.22;white-space:pre-line;overflow-wrap:break-word}#quote-card.long-quote #quote-text{font-size:clamp(26px,2.5vw,36px)}#quote-author{font-weight:bold;color:#f4dd9e;font-size:14px}#quote-work{font-style:normal}.quote-sources{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.quote-controls{margin:24px 0 0 30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.quote-controls button{display:inline-flex;align-items:center;justify-content:center;line-height:1;background:#142024d9;color:#fff1d5;border:1px solid #d6cbaa;padding:12px 16px;cursor:pointer;font-family:monospace;font-size:12px}.quote-controls button:hover{background:#e7f166;color:#142024}.quote-controls button span{font-size:20px;margin-left:12px}#quote-status{font-family:monospace;font-size:10px;color:#d4d9cc}
@media(max-width:760px){#quote-card{min-height:0}#quote-text{font-size:30px}#quote-card.long-quote #quote-text{font-size:26px}.quote-controls{margin-left:22px;gap:12px}.studio-intro{gap:30px}}
@media(prefers-reduced-motion:reduce){.product-track{scroll-behavior:auto}}
.products-heading-accent{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-style:normal;text-transform:uppercase;color:#e7f166;letter-spacing:-.5px}
.contact-content{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.contact-content h2{margin:0}.contact-content>.contact-address{margin:0;min-width:0;justify-self:start;max-width:100%}.contact-email{display:flex;align-items:center;gap:clamp(16px,4vw,64px);max-width:100%;padding:14px 0 20px;border-bottom:3px solid #ef78a4;color:#e7f166;font-family:'Courier New',monospace;font-size:clamp(21px,3.5vw,48px);font-weight:700;line-height:1.25;letter-spacing:-1.5px;text-decoration:none}.contact-email>span:first-child{min-width:0;overflow-wrap:anywhere}.contact-email-arrow{flex:none;color:#ef78a4;font-family:Arial,sans-serif;font-size:1.25em}.contact-email:hover{color:#fff1d5;border-color:#e7f166}.contact-email:focus-visible{outline:2px solid #e7f166;outline-offset:8px}.contact-star{pointer-events:none}
@media(max-width:760px){.contact-content{gap:20px}.contact-email{font-size:clamp(18px,4.7vw,34px);letter-spacing:-.7px;padding:10px 0 16px;gap:14px}}