@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3eee4;background:#171512;font-synthesis:none;--ivory:#f3eee4;--ink:#24201b;--amber:#ffc16c;--mono:"DM Mono",monospace;--serif:"Libre Caslon Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}::selection{background:#ffbd6550}h1,h2,p,blockquote{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}p{line-height:1.65}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:20;background:var(--ivory);color:var(--ink);padding:12px}.skip-link:focus{transform:translateY(0)}.header{height:96px;position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:28px}.brand{font:29px var(--serif);letter-spacing:.14em}.header nav{display:flex;gap:32px;font:13px var(--serif);color:#dfd5c6}.header nav a:hover,.text-link:hover{color:var(--amber)}.waiting{display:flex;align-items:center;gap:10px;font:9px var(--mono);color:var(--amber);letter-spacing:.05em;white-space:nowrap}.waiting i{width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 16px 3px #ffbb6650;animation:heartbeat 4s ease-in-out infinite}.hero{position:relative;min-height:790px;height:min(880px,100svh);overflow:hidden;background:#1b1713}.atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0bb8,#0c0c0b57 43%,#0c0c0b0a 70%),linear-gradient(0deg,rgba(13,12,10,.56),transparent 36%),url(/images/workshop.webp) center 57%/cover}.atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 67% 43%,#ffb75516,transparent 46%)}.hero-copy{position:relative;z-index:3;width:55%;padding:171px 0 0 5%;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{font:10px var(--mono);letter-spacing:.2em;line-height:1.6;color:var(--amber)}h1{font-size:clamp(74px,8.1vw,128px);line-height:.92;letter-spacing:-.052em;margin:27px 0 25px}.hero-description{font:clamp(21px,2vw,28px)/1.28 var(--serif);color:#ded5c8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:29px;margin-top:26px;border:1px solid #ffd68b;background:linear-gradient(145deg,#ffd085,#ffbc61);color:#23180b;border-radius:5px;padding:16px 23px;font:22px var(--serif);box-shadow:0 4px 32px #ffb55013;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 35px #ffb55033}.button span{font:22px var(--mono)}.simulation-note{margin-top:12px;color:#a99e90;font:8px var(--mono);letter-spacing:.08em}.energy-readout{display:flex;align-items:center;gap:13px;margin-top:30px}.battery-mark{width:42px;height:21px;border:1px solid #d9cab7;border-radius:4px;padding:3px;position:relative}.battery-mark:after{content:"";position:absolute;right:-4px;top:6px;width:3px;height:7px;background:#d9cab7;border-radius:0 2px 2px 0}.battery-mark i{display:block;height:100%;width:60%;border-radius:1px;background:var(--amber);box-shadow:0 0 10px #ffbd6580;transition:width .5s,background .5s}.readout-label{display:block;font:8px var(--mono);letter-spacing:.12em;color:#bcae9d}.energy-readout strong{display:block;margin-top:3px;font:19px var(--serif);letter-spacing:.01em}.robot-stage{position:absolute;z-index:2;right:0;top:91px;width:55%;height:calc(100% - 135px);isolation:isolate}.robot-poster{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;z-index:2;transition:opacity .65s;pointer-events:none}.robot-stage.ready .robot-poster{opacity:0}#robot-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .65s;touch-action:pan-y;cursor:grab}#robot-canvas:active{cursor:grabbing}.robot-stage.ready #robot-canvas{opacity:1}.robot-shadow{position:absolute;z-index:1;bottom:8%;left:23%;width:58%;height:8%;border-radius:50%;filter:blur(15px);background:#0605049e}.scene-controls{position:absolute;z-index:4;bottom:0;right:12%;display:flex;align-items:center;gap:14px;color:#b3a89a;font:8px var(--mono);letter-spacing:.08em}.scene-controls button{border:0;background:none;color:inherit;font:inherit;padding:4px 0;border-bottom:1px solid #a3937b}.promise{position:absolute;z-index:3;left:5%;bottom:62px;font:clamp(20px,2vw,29px)/1.35 var(--serif);color:#e7dfd3;max-width:59%}.promise>span{display:block;width:29px;height:1px;background:#a99b86;margin-bottom:16px}.scroll-cue{position:absolute;bottom:20px;left:5%;font:8px var(--mono);letter-spacing:.15em;color:#b2a592;display:flex;align-items:center;gap:13px}.scroll-cue span{font-size:14px}.section-pad{padding:90px 9%}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e9e4da;color:var(--ink)}.story-art{min-height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#c5b29a,#b5a594 80%)}.story-art img{width:100%;height:470px;object-fit:contain;padding:24px;filter:drop-shadow(0 24px 12px #29221e45)}.story-art span{position:absolute;bottom:18px;left:22px;font:8px var(--mono);letter-spacing:.12em;color:#51453a}.story-copy{align-self:center;max-width:500px}.story-copy .eyebrow{color:#966b38;margin-bottom:24px}.story-copy h2,.how h2,.takeover h2{font-size:clamp(48px,5vw,70px);line-height:1.02}.story-copy h2{margin-bottom:23px}.story-copy p:not(.eyebrow){font-size:15px;color:#665b4d;margin:0 0 18px}.how{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:#1c1a17}.how .eyebrow,.takeover .eyebrow{margin-bottom:22px}.how-copy{max-width:510px}.how-copy p{font:16px/1.85 var(--serif);color:#d4c9bb;margin-bottom:17px}.text-link{display:inline-block;border:0;border-bottom:1px solid #9e9182;background:none;padding:7px 0;color:inherit;font:11px var(--mono);letter-spacing:.03em;transition:color .2s}.takeover{position:relative;min-height:530px;background:linear-gradient(115deg,#403222,#201b16 60%,#151310);overflow:hidden}.takeover:after{content:"";position:absolute;right:-10%;top:-45%;width:55%;height:170%;border-radius:50%;background:radial-gradient(ellipse,#ffbd651b,transparent 67%);pointer-events:none}.takeover h2{position:relative;z-index:1}.takeover-copy{position:relative;z-index:1;max-width:470px;margin:34px 0 0 50%;color:#ded3c3}.takeover-copy p{font:15px/1.8 var(--serif);margin-bottom:16px}.takeover-copy .takeover-status{padding-top:17px;border-top:1px solid #a9906f55;font:9px var(--mono);letter-spacing:.08em;color:var(--amber)}.footer{padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3a342c;background:#171512}.footer .brand{font-size:24px}.footer p{font:18px var(--serif);color:#ab9c86}.footer span{font:8px var(--mono);color:#948876;letter-spacing:.1em}@keyframes heartbeat{50%{opacity:.6;box-shadow:0 0 9px 2px #ffbb6620}}@media(max-width:900px){.header nav{gap:20px}.hero-copy{width:62%}.robot-stage{right:-5%;width:58%}.section-pad{padding:70px 7%}.story{gap:7%}.takeover-copy{margin-left:42%}}@media(max-width:760px){.header{height:82px;padding:0 6%}.brand{font-size:24px}.header nav{display:none}.waiting{font-size:8px}.hero{height:auto;min-height:1010px}.atmosphere{background-position:63% center;background-image:linear-gradient(180deg,#0e0d0ae3,#10100db1 23%,#0f0c0926 48%,#0f0c098c),url(/images/workshop.webp)}.hero-copy{width:100%;padding:118px 6% 0}h1{font-size:clamp(65px,13vw,86px);margin-top:23px}.hero-description{font-size:22px}.energy-readout{margin-top:25px}.robot-stage{left:3%;right:3%;top:455px;width:94%;height:448px}.scene-controls{bottom:1%;right:5%;font-size:7px}.promise{left:6%;right:6%;bottom:50px;max-width:none;font-size:23px}.scroll-cue{left:6%;bottom:18px;font-size:7px}.section-pad{padding:52px 6%}.story,.how{grid-template-columns:1fr;gap:37px}.story-art{min-height:335px}.story-art img{height:340px}.story-copy h2,.how h2,.takeover h2{font-size:49px}.story-copy p:not(.eyebrow),.how-copy p{font-size:15px}.how{gap:28px}.takeover{min-height:500px}.takeover-copy{margin:30px 0 0;max-width:440px}.footer{flex-wrap:wrap;padding:25px 6%}.footer span{width:100%;font-size:7px}}@media(max-width:380px){.hero{min-height:985px}h1{font-size:62px}.robot-stage{top:440px;height:430px}.promise{font-size:21px}.button{padding:14px 18px;font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}[hidden]{display:none!important}.care-memory{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#f2ede4;color:var(--ink)}.care-memory .eyebrow{color:#966b38;margin-bottom:22px}.care-memory h2,.mother-page h2{font-size:clamp(48px,5vw,70px);line-height:1.02}.care-memory-note{font:16px/1.75 var(--serif);color:#665b4d;max-width:430px}.care-memory ul{list-style:none;margin:28px 0 0;padding:0;max-width:520px}.care-memory li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid #d4c8b8;font:14px/1.5 var(--serif)}.care-memory time,.mother-post time{white-space:nowrap;font:9px var(--mono);color:#8b7965}.mother-page{background:#e9e4da;color:var(--ink)}.mother-page .eyebrow{color:#966b38;margin-bottom:22px}.mother-page>p:not(.eyebrow){margin-top:30px;font:16px/1.7 var(--serif);color:#665b4d}.mother-post{max-width:700px;padding:25px 0;border-bottom:1px solid #c8bdad}.mother-post p{white-space:pre-wrap;font:18px/1.7 var(--serif);margin-bottom:14px}@media(max-width:760px){.care-memory{grid-template-columns:1fr;gap:30px}.care-memory h2,.mother-page h2{font-size:49px}.care-memory li{font-size:13px}}.footer .footer-rules{font:10px var(--mono);color:#d1bd9d;border-bottom:1px solid #82715b;padding-bottom:4px}.footer .footer-rules:hover{color:var(--amber)}
