@font-face{font-family:Oswald;src:url(assets/display.woff2) format('woff2');font-weight:200 700;font-display:swap}@font-face{font-family:Noto;src:url(assets/sans.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;overflow-x:clip}body{margin:0;color:#382f27;background:#eee5cf url(assets/paper.webp) repeat;background-size:780px;font-family:Noto,sans-serif;font-size:14px;line-height:1.85;overflow-x:clip}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a44d2d;outline-offset:5px}img{max-width:100%;object-fit:contain}button{background:none}h2{font-size:48px;line-height:1.35;font-weight:800;letter-spacing:-.04em}h2>span{color:#9e442f}.kicker{font:11px/1.7 Consolas,monospace;letter-spacing:.13em}.skip{position:fixed;top:-100px;left:10px;opacity:0;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px;opacity:1}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #4733222b;background:#f2eddda8;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px}.brand>strong{font-size:34px;letter-spacing:-.13em;padding-right:3px;line-height:1;font-weight:900}.brand>span{font:600 13px/1.15 Oswald,sans-serif;letter-spacing:.1em;border-left:1px solid currentColor;padding-left:13px}.masthead nav{display:flex;gap:34px;font-size:12px}.masthead nav a{position:relative}.masthead nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#9e442f;transition:width .3s}.masthead nav a:hover:after{width:100%}.header-actions{display:flex;gap:24px;align-items:center}.header-actions button{font-size:10px;padding:10px 0}.header-actions span{display:inline-grid;place-items:center;background:#9e442f;color:#fff;width:20px;height:20px;border-radius:50%;margin-left:5px}.hero{position:relative;min-height:815px;padding:62px 6% 95px;isolation:isolate}.hero-shade{position:absolute;right:-200px;top:-100px;width:85%;height:650px;background:radial-gradient(ellipse at 75% 20%,#79644150,transparent 70%);z-index:-1;pointer-events:none}.hero-copy{width:44%;position:relative;z-index:3}.hero h1{font:650 clamp(72px,7.7vw,124px)/1.02 Oswald,sans-serif;letter-spacing:-.035em;margin:25px 0 25px}.hero h1 span{color:#98412e}.hero h2{font-size:27px;line-height:1.5;letter-spacing:.04em;font-weight:700}.hero-copy>p:not(.kicker){font-size:12px;margin:17px 0 25px;color:#6c5b4c}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#34473b;color:#f8f0db;padding:14px 22px;font-size:11px;letter-spacing:.06em;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 #34473b20}.hero-roll{position:absolute;right:-3%;top:60px;width:64%;height:540px;z-index:2;transform:rotate(-9deg)}.hero-roll>img{width:100%;height:100%;filter:drop-shadow(12px 30px 15px #4a302a2a)}.roll-note{position:absolute;top:-10px;right:15%;font:500 25px/1.15 Oswald,sans-serif;transform:rotate(8deg);color:#75664c}.hero-tag{position:absolute;right:20%;bottom:-15px;transform:rotate(7deg);background:#ece4c9;box-shadow:4px 6px 15px #39282015;border-left:3px solid #9e442f;padding:14px 24px;font:10px/1.8 Consolas,monospace}.hero-tag b{font:500 12px/2 Noto,sans-serif}.film-note{display:flex;position:relative;align-items:end;width:345px;gap:18px;margin:40px 0 0 0;transform:rotate(-3deg)}.film-note img{width:150px;height:105px;object-fit:cover;border:6px solid #f9f1da;box-shadow:5px 8px 12px #39282025;transition:transform .4s}.film-note:hover img{transform:rotate(5deg) scale(1.04)}.film-note span{font:9px/1.8 Consolas,monospace;white-space:nowrap}.film-note b{display:block;font:600 12px/2 Noto,sans-serif}.round-stamp{position:absolute;right:14%;bottom:100px;width:145px;height:145px;border:2px solid #9e442f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e442f;transform:rotate(13deg);font:8px/2 Consolas,monospace;outline:1px dashed #9e442f;outline-offset:-9px}.round-stamp strong{font:600 30px/1.05 Oswald,sans-serif;margin:4px 0;text-align:center}.hero-foot{position:absolute;bottom:18px;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #5d46362a;padding-top:18px;font:9px/1.8 Consolas,monospace;letter-spacing:.08em}.section{padding:75px 8%}.section-intro{display:flex;justify-content:space-between;align-items:end}.section-intro h2{margin-top:18px}.intro-note{font-size:12px;line-height:2.2;padding-right:5%;margin-bottom:10px}.tool-nav{display:flex;justify-content:center;gap:50px;margin:45px auto 0;position:relative;z-index:5}.tool-nav button{font-size:12px;border-bottom:1px solid #7e695b4d;padding:12px 0;transition:color .3s}.tool-nav button span{font:18px Oswald,sans-serif;margin-right:10px;opacity:.4}.tool-nav button[aria-pressed=true]{color:#a1442d;border-bottom:2px solid #a1442d}.tool-stage{position:relative;height:720px;margin-top:10px;isolation:isolate}.ghost-word{position:absolute;left:21%;top:100px;font:650 155px/.98 Oswald,sans-serif;letter-spacing:-.02em;color:#73624c12;z-index:-1}.main-tool{position:absolute;left:29%;top:0;width:42%;height:590px;transform:rotate(18deg);z-index:2;transition:rotate .8s}.main-tool img{width:100%;height:100%;filter:drop-shadow(12px 22px 12px #3e332522)}.tool-stage[data-tool=hammer] .main-tool{transform:rotate(-17deg);left:31%;width:36%}.tool-stage[data-tool=wrench] .main-tool{transform:rotate(23deg)}.leader-lines{position:absolute;inset:0 0 70px;width:100%;height:650px;z-index:3;pointer-events:none;overflow:visible}.leader-lines path{fill:none;stroke:#796c51;stroke-width:1;stroke-dasharray:450;stroke-dashoffset:450;transition:stroke-dashoffset 1.4s ease .2s}.leader-lines circle{fill:#eee5cf;stroke:#9e442f;stroke-width:1.5}.tool-stage.in-view .leader-lines path,.paused .leader-lines path{stroke-dashoffset:0}.callout{position:absolute;z-index:6;width:245px}.callout-a{left:3%;top:125px}.callout-b{right:0;top:220px}.callout-c{left:3%;top:430px}.callout>button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-bottom:1px solid #78614d;padding:12px 0;background:#ede4d2cc}.callout b{font:600 21px Oswald,sans-serif;color:#9e442f}.callout button span{font-size:17px;font-weight:650;flex:1}.callout i{font-style:normal;font-size:20px;transition:transform .3s}.callout button[aria-expanded=true] i{transform:rotate(45deg)}.callout-info{visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;background:#f5efdf;padding:16px 18px;border-bottom:3px solid #9e442f;box-shadow:5px 10px 15px #3e332512;font-size:12px;line-height:2}.callout.open .callout-info{opacity:1;visibility:visible;transform:none}.ruler{position:absolute;right:30%;top:0;width:10px;height:540px;border-left:1px solid #796b4a33;background:repeating-linear-gradient(to bottom,transparent 0 19px,#796b4a44 19px 20px)}.ruler span{position:absolute;writing-mode:vertical-rl;right:-24px;top:0;font:8px Consolas,monospace;letter-spacing:.13em}.tool-caption{position:absolute;bottom:15px;left:35%;right:24%;text-align:center;z-index:4}.tool-caption>span{font:10px Consolas,monospace;letter-spacing:.1em}.tool-caption h3{font-size:27px;margin:8px 0}.tool-caption p{font-size:11px}.favourite{font-size:11px;border-bottom:1px solid #75624a;padding:8px 0;margin-top:10px}.favourite[aria-pressed=true]{color:#98412e}.handwritten{position:absolute;bottom:65px;right:-1%;font:italic 24px Georgia,serif;transform:rotate(-8deg);color:#867153}.concept-spec{text-align:center;font-size:9px;color:#786653;margin-top:25px}.craft{position:relative;display:grid;grid-template-columns:54% 40%;gap:6%;padding-top:80px;padding-bottom:150px;align-items:center}.craft-photo{position:relative;margin-left:-9%;z-index:2}.craft-photo>img{width:100%;height:515px;object-fit:cover;mask-image:linear-gradient(to bottom,#000 0 90%,transparent 100%)}.photo-tab{position:absolute;left:24px;top:25px;background:#eee7d7;padding:8px 13px;font:9px Consolas,monospace;transform:rotate(-3deg)}.photo-label{position:absolute;right:-35px;bottom:-35px;background:#9d4634;color:#fff3d9;padding:28px 36px;transform:rotate(-5deg);box-shadow:8px 10px 25px #402d2320}.photo-label small{font-size:11px}.photo-label strong{display:block;font-size:25px;line-height:1.5;margin-top:8px}.craft-copy{position:relative;z-index:3}.craft-copy h2{font-size:39px;margin:20px 0}.craft-copy>p:not(.kicker){font-size:12px;line-height:2.1;margin-bottom:25px}.material-notes details{border-top:1px solid #79624b55;padding:13px 0}.material-notes summary{list-style:none;display:flex;gap:20px;align-items:center;font-size:13px}.material-notes summary b{font:15px Oswald,sans-serif;color:#9e442f}.material-notes summary span{margin-left:auto}.material-notes p{font-size:11px;margin:12px 0 4px 35px;color:#715a47}.small-sign{display:block;font:500 24px Oswald,sans-serif;margin-top:20px;transform:rotate(-4deg);color:#9e442f}.craft-line{position:absolute;bottom:20px;left:8%;right:8%;border-top:1px dashed #816b4b66;text-align:center;padding-top:20px;font:10px Consolas,monospace;letter-spacing:.25em;color:#8e755a}.kit{position:relative;padding-top:70px;padding-bottom:75px;isolation:isolate}.kit:before{content:'';position:absolute;inset:-100px -15% -100px;z-index:-1;background:radial-gradient(ellipse at 20% 55%,#bd984b20,transparent 65%);pointer-events:none}.kit-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end}.kit-heading .kicker{grid-column:1/-1}.kit-heading h2{font:600 clamp(55px,5.9vw,90px)/1.1 Oswald,sans-serif;letter-spacing:-.03em;margin-top:16px}.kit-heading>p:last-child{font-size:13px;line-height:2.1;margin:0 0 10px 35%}.kit-presets{display:flex;gap:0;margin:40px 0 30px;border-bottom:1px solid #8b765a55;width:60%}.kit-presets button{flex:1;text-align:left;padding:12px 0;font-size:12px}.kit-presets button span{font:10px Consolas,monospace;display:block;color:#927b59}.kit-presets button[aria-pressed=true]{border-bottom:3px solid #9e442f;color:#9e442f}.kit-layout{display:grid;grid-template-columns:60% 34%;gap:6%;align-items:start}.tools-flatlay{display:flex;gap:8px;padding:30px 0 0;min-width:0}.kit-tool{position:relative;flex:1;min-width:0;text-align:center;padding-top:20px}.kit-tool:nth-child(2){margin-top:70px}.kit-tool:nth-child(3){margin-top:25px}.kit-tool .tool-pick{position:relative;width:100%;padding:0}.kit-tool img{width:100%;height:300px;filter:drop-shadow(9px 13px 8px #46332020);transition:transform .5s,filter .5s;transform:rotate(-8deg)}.kit-tool:nth-child(2) img{transform:rotate(8deg)}.kit-tool:nth-child(3) img{transform:rotate(-13deg)}.kit-tool:hover img,.kit-tool:focus-within img{transform:rotate(0) translateY(-10px)}.kit-tool:not(.selected) img{filter:drop-shadow(9px 13px 8px #46332020) grayscale(.7);opacity:.65}.pick-mark{display:grid;place-items:center;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:27px;height:27px;border-radius:50%;background:#f7efd9;border:1px solid #857050;font-size:18px;line-height:1}.selected .pick-mark{background:#34473b;color:#fff;border-color:#34473b}.kit-tool .heart{position:absolute;right:8%;top:4px;z-index:4;border:1px solid #957d6066;border-radius:50%;background:#eee6d4;width:31px;height:31px;font-size:19px;line-height:1}.kit-tool .heart[aria-pressed=true]{color:#fff;background:#9e442f;border-color:#9e442f}.kit-tool h3{font-size:13px;margin:19px 0 5px}.kit-tool .tool-price{font:12px Consolas,monospace}.kit-tool .under-note{font-size:10px;opacity:0;transform:translateY(5px);transition:.3s;margin-top:8px}.kit-tool:hover .under-note,.kit-tool:focus-within .under-note{opacity:1;transform:none}.receipt{position:relative;background:#f6f0de;padding:32px 25px 30px;box-shadow:10px 15px 25px #44311d20;transform:rotate(3deg);margin-top:-95px;border-bottom:8px double #ddd2b8}.receipt-pin{position:absolute;top:-13px;left:40%;width:70px;height:27px;background:#b6996166;transform:rotate(-7deg);pointer-events:none}.receipt>.kicker{text-align:center;font-size:9px}.receipt h3{font:500 26px/1.3 Oswald,sans-serif;text-align:center;margin:8px 0 20px}.receipt-meta{display:flex;justify-content:space-between;border-block:1px dashed #a99578;padding:12px 0;font:9px Consolas,monospace}.receipt-item{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:12px 0;border-bottom:1px solid #aa977c33}.receipt-item b{font:11px Consolas,monospace;white-space:nowrap}.wrap-choice{display:flex;align-items:center;gap:7px;font-size:10px;margin:18px 0}.wrap-choice b{margin-left:auto;font:10px Consolas,monospace;white-space:nowrap}input[type=checkbox]{accent-color:#34473b;width:15px;height:15px}.name-field{display:block;font-size:10px;margin-top:25px}.name-field input{display:block;width:100%;border:0;border-bottom:1px solid #a18c6d;background:none;font-size:12px;padding:9px 0;outline-offset:2px}.receipt-total{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.receipt-total>span{font-size:10px}.receipt-total strong{font:500 23px Oswald,sans-serif}.receipt .button{width:100%;padding:13px 15px}.receipt-fine{font-size:9px;text-align:center;color:#816d51;margin-top:18px;line-height:1.9}#kit-result{border-top:1px dashed #a18c6d;margin-top:18px;padding-top:14px;font-size:10px}#download-kit{padding:8px 0;border-bottom:1px solid #79664d;font-size:11px}.kit-bottom{display:flex;align-items:center;gap:50px;margin-top:35px}.kit-bottom>span{font:italic 23px/1.5 Georgia,serif;transform:rotate(-7deg);color:#9b452f}.kit-bottom p{font-size:10px;line-height:2}.kit-bottom img{width:250px;height:160px;transform:rotate(10deg);margin-left:auto;filter:drop-shadow(6px 12px 8px #402b2022)}.closing-story{background:linear-gradient(to bottom,transparent 0%,#b29a7130 22%,#5a493ee8 49%,#302a25 91%);position:relative}.care{display:grid;grid-template-columns:30% 1fr;gap:8%;align-items:center;padding-top:100px;padding-bottom:160px;position:relative;isolation:isolate}.care-heading h2{margin:20px 0;font-size:45px}.care-heading p:last-child{font-size:11px}.care-papers{display:flex;align-items:start;gap:15px;position:relative;z-index:3}.care-paper{background:#f4edd9;flex:1;min-width:0;padding:23px 18px;box-shadow:6px 10px 15px #46362522;transform:rotate(-6deg);position:relative;transition:transform .4s}.care-paper:nth-child(2){margin-top:50px;transform:rotate(5deg)}.care-paper:nth-child(3){margin-top:15px;transform:rotate(-3deg)}.care-paper:hover,.care-paper[open]{transform:rotate(0) translateY(-8px)}.care-paper:after{content:'';position:absolute;right:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,#dfd3b6 49%,#e7dec4 50%);clip-path:polygon(100% 0,100% 100%,0 100%);transition:width .35s,height .35s;pointer-events:none}.care-paper:hover:after{width:36px;height:36px}.care-paper summary{list-style:none}.care-paper small{font:9px Consolas,monospace;color:#8c7053}.care-paper strong{font-size:15px;line-height:1.65;display:block;margin:25px 0}.care-paper summary>span{font-size:9px;border-bottom:1px solid #9b8669;padding-bottom:4px}.care-paper>p{font-size:11px;line-height:2;border-top:1px dashed #a18b65;margin-top:20px;padding-top:15px}.care-wrench{position:absolute;left:20%;bottom:-110px;width:190px;height:330px;transform:rotate(45deg);opacity:.85;z-index:1;filter:drop-shadow(8px 12px 8px #35271922);pointer-events:none}.final-note{color:#f2e9d3;position:relative;padding-top:130px;padding-bottom:120px;isolation:isolate}.final-note h2{font:600 clamp(45px,5.6vw,85px)/1.2 Oswald,sans-serif;letter-spacing:-.02em;margin:30px 0 38px}.final-note h2 span{color:#cfb995}.final-note>div{display:flex;gap:55px;align-items:center}.final-note>div>p{font-size:12px;line-height:2}.final-note .button{background:#ddd0af;color:#3d3328}.end-stamp{position:absolute;right:8%;bottom:110px;border:3px solid #d7c6a2;color:#d7c6a2;font-size:34px;line-height:1.1;font-weight:800;padding:11px;transform:rotate(10deg);opacity:.6}footer{padding:35px 8% 30px;color:#e8ddc6;display:grid;grid-template-columns:1fr 1fr auto;gap:45px;align-items:center}footer>p{font:500 18px Oswald,sans-serif;letter-spacing:.04em}footer>p span{font:11px/2.4 Noto,sans-serif;letter-spacing:.06em}footer>a:not(.brand){font-size:11px}.footer-base{grid-column:1/-1;border-top:1px solid #dac6a333;padding-top:25px;display:flex;justify-content:space-between;font-size:9px;color:#beaf97}.footer-base a{align-self:end}dialog{border:0;background:#eee5cf url(assets/paper.webp);background-size:780px;max-width:580px;width:92%;padding:40px;max-height:85vh;overflow:auto;color:#382f27;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#30251ac0;backdrop-filter:blur(4px)}dialog h2{font-size:29px;margin:15px 0 25px}dialog .close{position:absolute;right:15px;top:10px;font-size:30px}.saved-item{display:flex;gap:20px;align-items:center;border-bottom:1px solid #9e8b7044;padding:15px 0}.saved-item img{width:45px;height:85px}.saved-item>div{flex:1;font-size:12px}.saved-item p{font:11px/2 Consolas,monospace}.saved-item button{font-size:11px;text-decoration:underline}.dialog-fine{font-size:10px;margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:#34473b;color:#f9f0d7;padding:12px 25px;z-index:90;font-size:11px;opacity:0;visibility:hidden;transition:.3s}#toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}[hidden]{display:none!important}.motion-ready .reveal{opacity:0;translate:0 25px;transition:opacity .8s ease,translate 1s ease}.motion-ready .reveal[data-reveal=left]{translate:-30px 0}.motion-ready .reveal[data-reveal=right]{translate:30px 0}.motion-ready .reveal.in-view{opacity:1;translate:0 0}.drift{animation:drift 7s ease-in-out infinite}.main-tool{animation-delay:-2s}[data-scroll]{--scroll-y:0px;--scroll-rotate:0deg;translate:0 var(--scroll-y);rotate:var(--scroll-rotate)}.paused *{animation-play-state:paused!important}.paused .reveal{opacity:1!important;translate:0 0!important}.paused [data-scroll]{translate:0 0;rotate:0deg}@keyframes drift{0%,100%{margin-top:0}50%{margin-top:-9px}}@media(hover:none){.kit-tool .under-note{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;translate:0 0}[data-scroll]{translate:0 0;rotate:0deg}.leader-lines path{stroke-dashoffset:0}}
@media(min-width:1700px){main{max-width:1700px;margin:auto}.hero h1{font-size:130px}}
@media(max-width:1100px){.masthead{padding-inline:4%}.masthead nav{gap:23px}.header-actions{gap:15px}.hero{padding-inline:5%;min-height:770px}.hero h1{font-size:89px}.hero-roll{width:62%;right:-4%;top:90px;height:440px}.hero-tag{right:16%;bottom:-35px}.hero-copy h2{font-size:23px}.round-stamp{right:12%;bottom:80px}.section{padding-inline:6%}.callout{width:205px}.callout-a,.callout-c{left:0}.callout-b{right:0}.handwritten{font-size:20px;right:-2%}.craft{gap:7%;grid-template-columns:51% 42%}.craft-copy h2{font-size:33px}.craft-photo>img{height:490px}.photo-label{right:-20px;padding:20px 25px}.photo-label strong{font-size:23px}.kit-layout{grid-template-columns:58% 37%;gap:5%}.kit-presets{width:58%}.kit-tool img{height:260px}.receipt{padding:30px 19px}.receipt h3{font-size:23px}.kit-bottom{gap:30px}.care{grid-template-columns:27% 1fr;gap:5%}.care-paper{padding:20px 13px}.care-paper strong{font-size:13px}.care-heading h2{font-size:37px}}
@media(max-width:720px){html{scroll-padding-top:15px}.masthead{height:115px;flex-wrap:wrap;padding:15px 6% 10px;gap:12px}.brand>strong{font-size:30px}.brand>span{font-size:10px}.masthead nav{order:3;width:100%;justify-content:space-between;font-size:10px;gap:10px}.header-actions{gap:16px}.header-actions button{font-size:9px}.hero{padding:35px 7% 70px;min-height:1020px}.hero-copy{width:100%}.hero .kicker{font-size:8px}.hero h1{font-size:clamp(61px,16.5vw,105px);margin:20px 0}.hero h2{font-size:23px;line-height:1.6}.hero-copy>p:not(.kicker){font-size:11px;margin:13px 0 20px}.hero .button{padding:12px 20px}.hero-shade{top:280px;width:150%;height:550px;right:-60%}.hero-roll{top:465px;right:-12%;width:117%;height:330px;transform:rotate(-8deg)}.roll-note{top:0;right:16%;font-size:17px}.hero-tag{font-size:8px;bottom:-10px;right:21%;padding:10px 15px}.hero-tag b{font-size:10px}.film-note{margin-top:400px;width:240px;gap:12px;align-items:center}.film-note img{width:105px;height:85px;border-width:5px}.film-note span{font-size:7px}.film-note b{font-size:9px}.round-stamp{right:7%;bottom:85px;width:89px;height:89px;font-size:5px;outline-offset:-6px}.round-stamp strong{font-size:21px}.hero-foot{font-size:7px;left:7%;right:7%;bottom:10px;gap:12px}.hero-foot>span:first-child{max-width:130px}.hero-foot>span:last-child{display:none}.section{padding:65px 7%}.section-intro{display:block}.section-intro h2{font-size:39px}.intro-note{font-size:11px;margin-top:25px}.kicker{font-size:9px}.tool-nav{gap:14px;justify-content:space-between;margin-top:25px}.tool-nav button{font-size:9px;text-align:left;flex:1}.tool-nav button span{font-size:15px;display:block;margin:0}.tool-stage{height:auto;min-height:850px;padding-top:475px;margin-top:20px}.main-tool{top:-20px;left:19%;width:62%;height:445px}.tool-stage[data-tool=hammer] .main-tool{left:18%;width:63%}.tool-stage[data-tool=wrench] .main-tool{left:18%;width:64%}.ghost-word{top:65px;left:10%;font-size:100px}.leader-lines{display:none}.ruler{right:18%;height:340px;top:10px}.callout{position:relative;left:auto;right:auto;top:auto;width:100%;margin-bottom:10px}.callout>button{padding:10px 0}.callout button span{font-size:13px}.callout b{font-size:17px}.callout-info{display:none;font-size:11px;padding:12px 15px}.callout.open .callout-info{display:block}.tool-caption{position:static;margin-top:30px;text-align:left}.tool-caption h3{font-size:22px}.tool-caption>span{font-size:9px}.tool-caption p{font-size:10px}.favourite{font-size:10px}.handwritten{top:410px;bottom:auto;right:0;font-size:18px}.concept-spec{text-align:left;font-size:8px;margin-top:25px}.craft{display:flex;flex-direction:column;gap:90px;padding-top:40px;padding-bottom:110px}.craft-photo{width:107%;margin-left:-7%;align-self:start}.craft-photo>img{height:340px}.photo-tab{left:17px;top:17px;font-size:7px}.photo-label{right:0;bottom:-40px;padding:20px 25px}.photo-label small{font-size:9px}.photo-label strong{font-size:22px}.craft-copy{width:100%}.craft-copy h2{font-size:35px}.craft-copy>p:not(.kicker){font-size:11px}.material-notes summary{font-size:12px}.craft-line{font-size:8px;letter-spacing:.1em;bottom:20px}.kit{padding-top:50px}.kit-heading{display:block}.kit-heading h2{font-size:clamp(44px,12.4vw,73px);line-height:1.15}.kit-heading>p:last-child{font-size:11px;margin:20px 0 0}.kit-presets{width:100%;margin-top:30px}.kit-presets button{font-size:10px}.kit-layout{display:flex;flex-direction:column;gap:35px}.tools-flatlay{width:calc(100% + 20px);margin-inline:-10px;gap:3px;padding-top:0}.kit-tool img{height:235px}.kit-tool:nth-child(2){margin-top:40px}.kit-tool:nth-child(3){margin-top:10px}.kit-tool h3{font-size:10px;margin-top:15px}.kit-tool .tool-price{font-size:9px}.kit-tool .heart{width:27px;height:27px;right:3%;font-size:17px}.kit-tool .under-note{font-size:8px;opacity:1}.receipt{width:94%;margin:0 auto;padding:32px 25px;transform:rotate(2deg)}.receipt h3{font-size:28px}.receipt-total strong{font-size:25px}.receipt .button{font-size:11px}.kit-bottom{gap:20px;position:relative;min-height:190px;padding-bottom:50px;margin-top:20px;align-items:start}.kit-bottom>span{font-size:20px;position:relative;z-index:2;margin-top:30px}.kit-bottom p{font-size:9px;position:absolute;bottom:0;left:0}.kit-bottom img{position:absolute;width:190px;height:150px;right:-20px;top:0}.care{display:block;padding-top:70px;padding-bottom:160px}.care-heading h2{font-size:39px}.care-heading p:last-child{font-size:11px}.care-papers{display:flex;flex-direction:column;gap:18px;margin-top:35px;align-items:stretch}.care-paper{width:79%;padding:22px 23px;transform:rotate(-3deg)}.care-paper:nth-child(2){margin:0 0 0 auto;transform:rotate(4deg)}.care-paper:nth-child(3){margin:0;transform:rotate(-4deg)}.care-paper summary{display:grid;grid-template-columns:1fr auto}.care-paper small{grid-column:1/-1}.care-paper strong{font-size:17px;margin:17px 0 4px}.care-paper summary>span{align-self:end;font-size:8px}.care-wrench{left:auto;right:0;bottom:-40px;width:135px;height:250px;transform:rotate(26deg)}.final-note{padding-top:90px;padding-bottom:80px}.final-note h2{font-size:clamp(34px,8.8vw,55px);line-height:1.2;margin-top:25px}.final-note>div{display:block}.final-note>div>p{font-size:11px}.final-note .button{margin-top:25px;font-size:10px}.end-stamp{font-size:25px;right:8%;bottom:90px;padding:9px}.closing-story{background:linear-gradient(to bottom,transparent,#b29a7130 38%,#5a493ee8 60%,#302a25 92%)}footer{padding:35px 7% 25px;grid-template-columns:1fr auto;gap:30px}footer>p{font-size:15px;grid-column:1/-1;grid-row:2}footer>p span{font-size:10px}footer>a:not(.brand){font-size:10px}.footer-base{display:block;font-size:8px;line-height:2}.footer-base a{display:block;margin-top:20px}dialog{padding:35px 25px}dialog h2{font-size:23px}.saved-item{gap:14px}.saved-item>div{font-size:11px}#toast{width:max-content;max-width:90%;text-align:center;font-size:10px}.motion-ready .reveal[data-reveal=left],.motion-ready .reveal[data-reveal=right]{translate:0 20px}.motion-ready .reveal.in-view{translate:0 0}}
@media(max-width:360px){.hero{min-height:990px}.hero-roll{top:445px}.film-note{margin-top:365px}.round-stamp{width:76px;height:76px;right:4%;bottom:100px}.round-stamp strong{font-size:17px}.kit-tool img{height:205px}.kit-tool h3{font-size:9px}.receipt{padding-inline:20px}.care-paper{width:85%}}

html:has(body.paused){scroll-behavior:auto}
.paused .reveal{transition:none!important}