@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:Display;src:url('assets/display-italic.ttf') format('truetype');font-display:swap;font-weight:700;font-style:italic}
:root{--paper:#e1dfe0;--ink:#111103;--yellow:#ffcd22;--orange:#ee571f;--red:#c61f2d;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--yellow);color:var(--ink)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#b29b51;border:2px solid var(--paper);border-radius:8px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #775700;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:700;letter-spacing:-.025em;line-height:.95}em{font-weight:700}p{line-height:1.45}img{max-width:100%;display:block}section{position:relative}button{border:0}a,button,summary{touch-action:manipulation}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--yellow);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.pill{display:inline-flex;align-items:center;gap:22px;background:var(--yellow);border-radius:40px;padding:15px 22px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .25s,transform .25s}.pill:hover{background:#ffdf68;transform:translateY(-3px)}.button-mark{display:grid;place-items:center;background:var(--ink);color:var(--yellow);width:22px;height:22px;border-radius:4px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.06em}.brand img{width:27px;height:27px}.header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 4%;z-index:10}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{padding:8px 0;position:relative}.header nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:2px;left:0;right:100%;transition:right .3s}.header nav a:hover:after{right:0}.header .pill{padding:10px 16px;font-size:11px}.hero{height:max(780px,100svh);max-height:1100px;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;top:19%;left:4%;z-index:4;max-width:41%}.hero h1{font-size:clamp(55px,6.6vw,96px);line-height:.9}.hero-art{position:absolute;bottom:65px;left:27%;width:53%;height:76%;display:flex;align-items:flex-end;justify-content:center;z-index:2;pointer-events:none}.hero-bust{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 18px 22px #5d4b0712);transform-origin:center bottom;animation:bust-enter 1.8s var(--ease) both;animation-delay:.7s}.hero-seal{position:absolute;top:21%;right:8%;width:117px;height:117px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transform:rotate(17deg);font-size:8px;letter-spacing:.13em}.hero-seal svg{width:29px;height:29px;animation:seal-turn 18s linear infinite}.hero-bottom{position:absolute;bottom:98px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-end;z-index:6}.hero-bottom p{font-size:12px;max-width:240px}.hero-caption{position:absolute;bottom:22px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.float-card{position:absolute;width:170px;height:140px;z-index:1;padding:13px;border-radius:9px;overflow:hidden;box-shadow:3px 10px 20px #16100012;animation:float 6s ease-in-out infinite;animation-delay:calc(var(--delay,0)*1s)}.float-card strong{font-size:32px;line-height:.87;display:block;letter-spacing:-.04em}.float-card span,.float-card small{font-size:7px;display:block;letter-spacing:.04em}.float-card span{margin-bottom:11px}.float-card small{margin-top:10px}.fc-one{left:-3%;top:57%;background:var(--yellow);--rot:-11deg;--delay:-2}.fc-two{left:17%;top:52%;background:#f35828;--rot:-7deg;--delay:-3;color:#fff4d5}.fc-three{right:7%;top:48%;background:var(--ink);color:var(--yellow);--rot:-24deg;--delay:-1}.fc-four{right:-5%;top:40%;background:#fbc21d;--rot:14deg;--delay:-4;width:160px;height:175px}.card-disc{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f9a068,#4b140d 40%,#090b08 65%);bottom:-17px;right:-10px}.intro{position:fixed;inset:0;background:var(--ink);z-index:90;display:grid;place-items:center;color:var(--paper);pointer-events:none;animation:intro-out .9s var(--ease) 1.05s forwards;overflow:hidden}.intro-brand{display:flex;align-items:center;flex-direction:column;gap:10px;font-family:Display,serif;font-size:24px}.intro-brand img{width:56px}.intro-tape{position:absolute;bottom:12%;left:-10%;transform:rotate(-12deg);background:var(--yellow);color:var(--ink);font-size:20px;padding:12px 15%;font-weight:700;white-space:nowrap}.preview-label{position:fixed;bottom:12px;right:14px;z-index:15;background:var(--ink);color:#f3e9bb;padding:8px 10px;font-size:9px;letter-spacing:.09em;box-shadow:0 3px 12px #0002}.preview-label span{color:var(--yellow);padding:0 6px}
.kit-scroll{height:175svh;min-height:1100px}.kit-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;perspective:1500px;display:flex;justify-content:center;align-items:center}.running-head{position:absolute;top:43%;left:50%;white-space:nowrap;transform:translateX(calc(-42% - var(--kit-progress,0)*150px));font-size:clamp(42px,5.5vw,78px);transition:transform .1s linear}.kit-book{width:270px;height:380px;position:relative;transform-style:preserve-3d;transform:rotateY(calc(var(--kit-progress,0)*335deg)) rotateZ(-3deg);will-change:transform}.book-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:3px;box-shadow:12px 18px 30px #100a0325}.book-front{background:var(--yellow);transform:translateZ(17px);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.book-front>span{font-size:9px;letter-spacing:.12em}.book-front img{position:absolute;left:0;bottom:0;width:100%;height:76%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply}.book-front h3{z-index:1;position:absolute;top:45px;font-size:42px}.book-front small{position:relative;font-size:8px;margin-top:auto;background:var(--yellow);padding:7px;align-self:flex-start}.book-back{background:var(--ink);color:var(--yellow);transform:rotateY(180deg) translateZ(17px);padding:27px;display:flex;flex-direction:column;justify-content:space-between}.book-back img{width:85px;margin:35px auto 0}.book-back h3{font-size:38px}.book-back p{font-size:12px;color:var(--paper)}.book-spine{position:absolute;left:calc(50% - 17px);top:0;width:34px;height:100%;background:#e18411;transform:rotateY(-90deg) translateZ(135px);writing-mode:vertical-rl;text-align:center;padding:30px 8px;font-size:11px;letter-spacing:.1em}.kit-meta{position:absolute;bottom:42px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:11px}.standout{background:var(--ink);color:var(--paper);height:760px;overflow:hidden}.section-top{display:flex;justify-content:space-between;gap:30px;padding:65px 5% 30px}.section-top h2{font-size:clamp(45px,5.4vw,75px)}.section-top>p{font-size:12px;max-width:310px;padding-top:9px}.crowd{position:absolute;inset:200px -5% -5%;display:grid;grid-template-columns:repeat(9,1fr);align-content:end;gap:0}.crowd img{width:150%;max-width:none;margin-left:-25%;filter:grayscale(1) brightness(.66);opacity:.65;transform:translateY(var(--offset,0));object-fit:contain}.crowd-lead{position:absolute;width:36%;left:32%;bottom:-50px;filter:drop-shadow(0 10px 25px #0007);transform:translateY(calc((1 - var(--crowd-progress,0))*80px));z-index:2}.standout-note{position:absolute;bottom:32px;right:4%;text-align:right;z-index:3;font-size:11px;color:#fff3bd}
.showcase{height:260svh;background:var(--ink)}.showcase-sticky{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:flex;flex-direction:column}.showcase-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:9px;color:var(--yellow);letter-spacing:.1em}.showcase-track{display:flex;flex:1;width:210vw;gap:12px;padding:0 12px;transform:translateX(calc(var(--show-progress,0)*-110vw));will-change:transform}.show-panel{width:70vw;flex-shrink:0;overflow:hidden;position:relative;padding:35px 4vw 25px;display:flex;flex-direction:column;min-height:550px}.panel-yellow{background:var(--yellow)}.panel-orange{background:var(--orange);color:#fff1d3}.panel-red{background:var(--red);color:#fff1d3}.panel-head{display:flex;justify-content:space-between;gap:30px;z-index:2}.panel-head h2{font-size:clamp(45px,5vw,70px)}.panel-head p{font-size:11px;text-align:right}.panel-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 0 0;color:inherit;background:none;text-align:left;border-top:1px solid currentColor;font-size:12px;position:relative;margin-top:auto;z-index:3}.panel-link:hover span{transform:translate(3px,-3px)}.panel-link span{font-size:25px;transition:transform .2s}.poster-stack{height:410px;position:relative;margin:30px 0 -10px}.poster{position:absolute;width:42%;height:90%;bottom:0;box-shadow:6px 10px 20px #311c1525;overflow:hidden;border:1px solid #ffe989;padding:20px;transition:transform .5s var(--ease)}.poster-back{background:var(--ink);color:var(--yellow);left:40%;bottom:12%;transform:rotate(10deg);font-size:clamp(40px,5vw,74px);font-weight:bold;line-height:.9;letter-spacing:-.04em}.poster-mid{left:24%;bottom:6%;background:#f7eac4;color:var(--ink);font-family:Display,serif;font-size:clamp(45px,5.5vw,80px);transform:rotate(2deg)}.poster-front{left:8%;background:#edb300;transform:rotate(-7deg)}.poster-front>span{font-size:8px;letter-spacing:.07em}.poster-front img{position:absolute;width:130%;max-width:none;left:-15%;bottom:-10%;mix-blend-mode:multiply}.poster-front strong{position:absolute;bottom:20px;color:#fff8d9;font-size:clamp(42px,5vw,74px);line-height:.85}.show-panel:hover .poster-front{transform:rotate(-11deg) translateY(-8px)}.web-preview{width:85%;height:380px;align-self:center;margin:35px 0 20px;transform:rotate(-7deg);border:1px solid #ffcb8a;box-shadow:10px 20px 35px #44150735;overflow:hidden;background:#181913}.window-bar{height:25px;background:var(--ink);display:flex;align-items:center;gap:5px;padding:0 10px;font-size:7px;color:#e7e1d1}.window-bar i{width:4px;height:4px;border-radius:100%;background:#ffcf28}.window-bar span{margin-left:auto}.mini-site{padding:25px;position:relative;height:calc(100% - 25px);background:#e9e1cd;color:#1b1e18;overflow:hidden}.mini-site>span{font-size:7px;letter-spacing:.1em}.mini-site h3{font-size:58px;margin-top:30px;position:relative;z-index:2}.mini-car{position:absolute;right:-35px;bottom:55px;width:75%;transform:rotate(-8deg)}.mini-car svg{fill:#262b25;filter:drop-shadow(0 10px 6px #0003)}.mini-car .car-window{fill:#b6c5b5}.mini-car circle{fill:#0c100b;stroke:#74766c;stroke-width:7}.mini-cta{position:absolute;bottom:22px;left:25px;border-bottom:1px solid;padding-bottom:6px}.quote-stack{height:410px;position:relative;margin:30px 5% 20px}.quote-sheet{position:absolute;inset:0 10% 0 0;background:#faf1d8;color:var(--ink);padding:30px;transform:rotate(-7deg);box-shadow:10px 12px 30px #32000940}.quote-sheet>span{font-size:8px}.quote-sheet h3{font-size:49px;margin:25px 0}.quote-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bdb291;padding:12px 0;font-size:10px}.quote-stamp{position:absolute;bottom:24px;right:25px;border:2px solid #9c301f;border-radius:100%;padding:17px;font-size:10px;transform:rotate(15deg);color:#9c301f}.chat-bubble{position:absolute;bottom:12%;right:0;background:var(--ink);color:var(--yellow);padding:22px;border-radius:15px 15px 0 15px;transform:rotate(5deg);font-size:15px;box-shadow:5px 10px 18px #0003}.chat-bubble small{display:block;font-size:8px;margin-top:10px;color:#f2e9c7}.showcase-progress{height:3px;margin:16px 4% 20px;background:#ffffff1f}.showcase-progress span{display:block;height:100%;width:calc(12% + var(--show-progress,0)*88%);background:var(--yellow)}
.gold-section{height:150svh;min-height:950px;background:var(--ink);color:var(--paper)}.gold-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;display:flex;align-items:center;justify-content:center}.gold-copy{position:absolute;left:5%;top:65px;z-index:2}.gold-copy h2{font-size:clamp(40px,4.2vw,60px)}.gold-copy p{font-size:12px;margin-top:18px}.gold-object{width:min(650px,70vw);mix-blend-mode:lighten;transform:translate(12%,15%) scale(calc(.8 + var(--gold-progress,0)*.65));will-change:transform}.gold-foot{position:absolute;bottom:35px;left:5%;font-size:9px;letter-spacing:.18em;color:var(--yellow)}.process{padding-bottom:30px;overflow:hidden}.process-road{height:920px;max-width:1100px;margin:auto;position:relative}.road{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.road path{fill:none;stroke-width:9;stroke-linecap:round}.road-base{stroke:#c4c2bd}.road-active{stroke:var(--yellow);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--road-progress,0))}.step{position:absolute;display:flex;gap:18px;align-items:flex-start;width:400px;z-index:2}.step>span{background:var(--ink);color:var(--yellow);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.step h3{font-size:37px}.step p{font-size:12px;margin-top:12px;max-width:320px}.step-one{top:50px;left:57%}.step-two{top:280px;left:10%}.step-three{top:520px;left:53%}.step-four{top:760px;left:24%}.components{padding-bottom:100px}.component-grid{padding:30px 5% 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.component{background:var(--yellow);position:relative;transform:rotate(-1deg);box-shadow:4px 8px 18px #11110310;transition:transform .3s;overflow:hidden;border-radius:5px}.component:nth-child(even){transform:rotate(1deg)}.component:hover{transform:rotate(0)}.component summary{list-style:none;cursor:pointer;padding:45px 22px 25px;position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px}.component summary::-webkit-details-marker{display:none}.component summary:before{content:'';position:absolute;inset:0 0 auto;height:26px;background:var(--ink)}.window-dots{position:absolute;top:9px;left:12px;font-size:7px;color:var(--yellow);letter-spacing:3px}.component-title{font-size:18px;letter-spacing:-.03em;font-weight:600}.expand{font-size:22px;transition:transform .3s}.component[open] .expand{transform:rotate(45deg)}.component>div{padding:0 22px 25px}.component>div p{font-size:13px;max-width:62ch}.component-foot{padding:10px 22px;display:flex;justify-content:space-between;background:#ffe16b;font-size:8px;letter-spacing:.08em}.component-light{background:#f3eddd}.component-light .component-foot{background:#e4dbbd}.footer{background:var(--ink);color:var(--paper);overflow:hidden;padding:70px 5% 25px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer h2{font-size:clamp(50px,6vw,88px);margin-bottom:32px}.footer-links{padding-top:10px;width:28%;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:12px;align-content:start}.footer-links p{grid-column:span 2;font-size:11px;color:#bcb99d;margin-top:28px}.footer-tapes{position:relative;height:240px;margin:35px -10% 0;overflow:hidden}.footer-tapes div{position:absolute;top:85px;left:-5%;width:110%;background:var(--yellow);color:var(--ink);font-size:clamp(18px,2.6vw,40px);font-weight:700;white-space:nowrap;transform:rotate(-8deg);padding:12px 0;letter-spacing:-.03em}.footer-tapes div+div{transform:rotate(8deg);top:100px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;border-top:1px solid #ffffff25;padding-top:25px}.footer-bottom .brand{font-size:14px}.demo-drawer{position:fixed;top:0;bottom:0;right:0;width:min(490px,100%);z-index:55;background:var(--paper);padding:28px;overflow:auto;box-shadow:-15px 0 50px #0002;animation:drawer-in .35s var(--ease)}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;border-bottom:1px solid #b9b6ab;padding-bottom:20px}.drawer-head button{background:var(--ink);color:var(--yellow);border-radius:50%;width:34px;height:34px}.demo-drawer h2{font-size:50px;margin:35px 0 22px}.demo-drawer h3{font-size:28px;margin:24px 0 12px}.demo-drawer p,.demo-drawer label{font-size:14px}.demo-drawer ol{padding-left:20px;font-size:14px;line-height:1.6}.demo-drawer li{padding:8px 0}.demo-drawer select{width:100%;padding:13px;background:#faf6e9;border:1px solid #aaa58d;border-radius:4px;margin:12px 0 18px}.demo-drawer .pill{border:0}.demo-drawer .demo-disclaimer{border-top:1px solid #b9b6ab;padding-top:18px;margin-top:35px;font-size:11px}.demo-output{padding:18px;background:var(--yellow);margin-top:20px;font-size:14px;line-height:1.5}.drawer-backdrop{position:fixed;inset:0;background:#11110388;z-index:50;backdrop-filter:blur(3px)}[hidden]{display:none!important}.demo-drawer a{text-decoration:underline;text-underline-offset:4px}.demo-drawer a:hover{color:#735800}
@keyframes float{0%,100%{transform:rotate(var(--rot)) translateY(0)}50%{transform:rotate(calc(var(--rot) + 3deg)) translateY(-16px)}}@keyframes bust-enter{from{transform:translateY(20%) scale(.85);filter:blur(8px)}to{transform:translateY(0) scale(1);filter:blur(0)}}@keyframes intro-out{to{clip-path:ellipse(80% 0 at 50% 0);visibility:hidden}}@keyframes seal-turn{to{transform:rotate(360deg)}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.pill{color:var(--ink)}.panel-orange{color:var(--ink)}.poster-front strong{color:var(--ink)}.fc-two{color:var(--ink)}.crowd{overflow:hidden}.standout .section-top{position:relative;z-index:3}
@media(min-width:1600px){.hero-copy{top:22%}.hero-art{width:49%;left:28%}.float-card{width:210px;height:170px}.float-card strong{font-size:42px}}
@media(max-width:900px){.header nav{gap:17px}.hero{min-height:800px;max-height:950px}.hero h1{font-size:70px}.hero-copy{max-width:55%;top:19%}.hero-art{left:22%;width:69%;height:63%}.hero-seal{right:5%;top:28%}.float-card{width:135px;height:115px}.float-card strong{font-size:27px}.fc-two{left:10%;top:57%}.fc-three{right:3%;top:50%}.fc-one{top:64%}.showcase-track{width:270vw;transform:translateX(calc(var(--show-progress,0)*-170vw))}.show-panel{width:90vw}.step{width:340px}.step-one{left:48%}.step-three{left:48%}.step h3{font-size:32px}}
@media(max-width:600px){.header{padding:21px 5%;align-items:flex-start}.brand{font-size:15px}.brand img{width:23px}.header nav{position:absolute;top:66px;left:5%;right:5%;justify-content:space-between;gap:12px;font-size:10px}.header .pill{font-size:9px;gap:8px;padding:10px 12px}.hero{height:850px;min-height:780px;max-height:none}.hero-copy{top:135px;max-width:88%;left:6%}.hero h1{font-size:clamp(48px,12.5vw,74px);line-height:.92}.hero-art{height:48%;width:104%;left:2%;bottom:121px}.hero-seal{width:84px;height:84px;top:360px;right:7%;font-size:5px;gap:8px}.hero-seal svg{width:21px}.float-card{width:105px;height:98px;padding:9px;border-radius:5px}.float-card strong{font-size:24px}.float-card span,.float-card small{font-size:5px}.fc-one{top:475px;left:-5%}.fc-two{top:400px;left:7%}.fc-three{right:-3%;top:510px}.fc-four{top:410px;right:-15%;height:120px}.hero-bottom{left:6%;right:6%;bottom:61px;align-items:center;gap:17px}.hero-bottom .pill{font-size:10px;padding:12px;gap:8px}.hero-bottom p{font-size:9px;max-width:155px}.hero-caption{left:6%;right:6%;bottom:21px;font-size:6px;gap:12px}.hero-caption span:first-child{max-width:65%}.preview-label{font-size:7px;padding:6px 7px;bottom:8px;right:8px}.kit-scroll{height:145svh;min-height:900px}.kit-stage{min-height:600px}.kit-book{width:225px;height:325px}.book-front h3{font-size:36px}.book-spine{transform:rotateY(-90deg) translateZ(112.5px)}.book-back h3{font-size:33px}.running-head{font-size:44px}.kit-meta{font-size:9px;bottom:30px;gap:20px}.kit-meta span:first-child{max-width:42%}.section-top{padding:45px 6% 25px;flex-direction:column;gap:20px}.section-top h2{font-size:49px}.section-top>p{font-size:11px;padding:0;max-width:85%}.standout{height:650px}.standout .section-top{flex-direction:row;gap:15px}.standout h2{font-size:45px}.standout .section-top p{font-size:9px;max-width:125px}.crowd{inset:230px -25% 0;grid-template-columns:repeat(6,1fr)}.crowd-lead{width:74%;left:13%;bottom:-5px}.standout-note{bottom:20px;font-size:9px;background:#111103a8;padding:8px}.showcase{height:auto}.showcase-sticky{position:relative;height:auto;min-height:0}.showcase-bar{padding:0 6%;height:55px;font-size:7px;gap:20px}.showcase-track{width:auto;display:flex;flex-direction:column;padding:0 10px;gap:10px;transform:none}.show-panel{width:100%;padding:25px 20px 15px;min-height:590px}.panel-head{gap:15px}.panel-head h2{font-size:48px}.panel-head p{font-size:9px;max-width:110px}.poster-stack{height:340px;margin-top:40px}.poster{width:58%;padding:14px}.poster-back{left:40%;font-size:49px}.poster-mid{left:20%;font-size:55px}.poster-front{left:0}.poster-front strong{font-size:51px}.poster-front img{bottom:0}.web-preview{width:94%;height:350px;margin:35px 0}.mini-site h3{font-size:51px}.mini-car{bottom:57px;right:-40px}.quote-stack{height:350px;margin:32px 0}.quote-sheet{padding:22px;inset:0 5% 0 0}.quote-sheet h3{font-size:40px}.quote-line{font-size:9px}.chat-bubble{font-size:12px;bottom:4%;padding:18px}.panel-link{font-size:11px}.showcase-progress{display:none}.gold-section{height:125svh;min-height:850px}.gold-sticky{min-height:600px}.gold-copy{top:45px;left:6%;right:6%}.gold-copy h2{font-size:45px}.gold-copy p{font-size:11px}.gold-object{width:100%;max-width:none;transform:translate(0,23%) scale(calc(.86 + var(--gold-progress,0)*.35))}.gold-foot{left:6%;font-size:8px}.process-road{height:850px}.road{left:-20%;width:140%}.step{width:85%;gap:13px}.step>span{width:36px;height:36px;font-size:10px}.step h3{font-size:31px}.step p{font-size:11px;max-width:260px}.step-one{left:12%;top:65px}.step-two{left:7%;top:265px}.step-three{left:14%;top:465px}.step-four{left:8%;top:665px}.component-grid{grid-template-columns:1fr;padding:20px 6% 0;gap:17px}.component summary{padding:44px 19px 22px}.component-title{font-size:17px}.components{padding-bottom:65px}.footer{padding:45px 6% 22px}.footer-top{flex-direction:column;gap:45px}.footer h2{font-size:57px}.footer-links{width:100%;gap:20px}.footer-links p{margin-top:0}.footer-tapes{height:160px;margin-top:20px}.footer-tapes div{top:45px;font-size:24px}.footer-tapes div+div{top:67px}.footer-bottom{align-items:flex-start;font-size:7px;gap:15px}.footer-bottom>span{max-width:120px;text-align:right}.demo-drawer{padding:22px}.demo-drawer h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.hero-bust{transform:none}.kit-scroll{height:auto;min-height:650px}.kit-stage{position:relative;height:650px}.kit-book{transform:rotateY(-15deg)}.showcase{height:auto}.showcase-sticky{position:relative;height:auto}.showcase-track{transform:none!important;flex-direction:column;width:auto}.show-panel{width:100%;min-height:700px}.showcase-progress{display:none}.gold-section{height:800px;min-height:0}.gold-sticky{position:relative;height:800px}.gold-object{transform:translate(5%,15%)!important}.road-active{stroke-dashoffset:0}}

.mini-site{background:var(--ink);color:#f5e9c9}.mini-car{mix-blend-mode:lighten;width:68%;bottom:10px;right:-35px;transform:rotate(-8deg)}

/* Supplied transparent wordmark: dark on paper, white on dark surfaces. */
.logo-window{display:block;width:220px;aspect-ratio:4.3;overflow:hidden;flex-shrink:0}
.logo-brand .logo-window img{width:100%;height:auto;max-width:none;transform:translateY(-16%);filter:brightness(0)}
.footer .logo-brand .logo-window img,.intro .logo-brand .logo-window img{filter:brightness(0) invert(1)}
.intro-brand .logo-window{width:min(70vw,480px)}
@media(max-width:600px){.header .logo-window,.footer .logo-window{width:170px}}
@media(max-width:360px){.header .logo-window{width:145px}.footer .logo-window{width:150px}}
/* Preserve the lettering counters; invert the wordmark and plug separately. */
.logo-window{position:relative}
.logo-brand .logo-window img{filter:invert(1)}
.logo-window:after{content:'';position:absolute;left:0;top:0;width:100%;aspect-ratio:3;background:url('assets/simplyplug-logo.png') 0 0/100% 100% no-repeat;transform:translateY(-16%);clip-path:inset(0 36% 0 48%);pointer-events:none}
.footer .logo-brand .logo-window img,.intro .logo-brand .logo-window img{filter:none}
.footer .logo-window:after,.intro .logo-window:after{filter:invert(1)}
/* Header uses Aaron's original supplied logo colors. */
.header .logo-brand .logo-window img{filter:none}
.header .logo-window:after{content:none}