@import url('fonts/fonts.css');
:root{--paper:#efeee8;--ink:#252a25;--muted:#72766a;--accent:#db572e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #c9cbc0}.brand{font-size:21px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.brand sup{font-size:10px;margin-left:4px}nav{display:flex;gap:36px;font-size:13px}.edition,.eyebrow,.scene-label,.scene-hint,.hero-bottom,footer>span{font-size:10px;letter-spacing:1.5px}.hero{min-height:690px;height:calc(100svh - 98px);max-height:1000px;position:relative;display:grid;grid-template-columns:45% 55%;padding:65px 5% 80px;overflow:hidden}.intro{z-index:1}.eyebrow{font-weight:600}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:9px}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-5px;line-height:1.02}h1{font-size:clamp(60px,6.9vw,106px);margin:38px 0 28px}em{font-style:normal;color:var(--accent)}.summary{font-size:15px;line-height:1.7;color:var(--muted)}.explore{display:inline-flex;align-items:center;gap:48px;border-bottom:1px solid var(--ink);padding:20px 0 10px;font-size:14px}.explore span{font-size:24px}.scene{position:relative;min-width:0}canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}canvas:active{cursor:grabbing}.scene-label{position:absolute;top:8px;left:20px;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.scene-hint{position:absolute;bottom:66px;width:100%;text-align:center;font-size:9px;color:var(--muted);pointer-events:none}.controls{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}button{border:1px solid #c5c8bb;padding:10px 13px;border-radius:30px;background:transparent;color:var(--ink);font:11px 'DM Sans',sans-serif;cursor:pointer}button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}#motion{color:var(--muted)}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;border-top:1px solid #c9cbc0;padding-top:20px;font-size:9px}#worlds{padding:90px 5% 110px;background:#e3e4da}.section-head{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:start;gap:35px}.section-head h2{margin:0;font-size:58px;letter-spacing:-3px}.section-head>p:last-child{font-size:14px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}.photo{aspect-ratio:4/5;background:#c8cebe;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.card:hover img{transform:scale(1.04)}.photo span{position:absolute;bottom:16px;left:16px;background:var(--paper);padding:8px 12px;font-size:9px;letter-spacing:1px}h3{font-size:21px;font-weight:500;letter-spacing:-.6px;display:flex;justify-content:space-between;margin-bottom:12px}h3 b{font-weight:400}.card p{font-size:13px;color:#646b5e;line-height:1.7;max-width:290px}#about{padding:100px 5%;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}#about>.eyebrow{grid-column:1/-1}#about h2{font-size:58px;letter-spacing:-3px;margin:0}.about-copy{max-width:540px;justify-self:end;font-size:18px;line-height:1.8}.about-copy p{margin-top:0}.about-copy a{font-size:13px;border-bottom:1px solid;padding-bottom:5px}footer{margin:0 5%;padding:35px 0;border-top:1px solid #c9cbc0;display:flex;align-items:center;justify-content:space-between}footer p{font-size:12px;color:var(--muted)}@media(max-width:800px){header{height:75px}.edition{display:none}nav{gap:20px}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:36px}.intro h1{font-size:67px;letter-spacing:-4px;margin:25px 0}.scene{height:470px;margin-top:35px}.hero-bottom{font-size:7px}.section-head{grid-template-columns:1fr}.section-head h2,#about h2{font-size:45px}.cards{grid-template-columns:1fr;gap:35px}.photo{aspect-ratio:4/3}#worlds,#about{padding-top:60px;padding-bottom:60px}#about{grid-template-columns:1fr;gap:25px}.about-copy{justify-self:start;font-size:16px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3}.scene-label{font-size:8px;left:0}button{padding:9px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
.hero-portrait{display:flex;align-items:center;gap:18px;margin:26px 0 0}.hero-portrait img{width:90px;height:112px;object-fit:cover;object-position:50% 40%;border-radius:2px}.hero-portrait figcaption{font-size:13px}.hero-portrait figcaption span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.hero{min-height:820px}@media(max-width:800px){.hero{min-height:0}}
#model-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.glb-canvas{position:absolute;inset:0;z-index:0}.glb-canvas[hidden]{display:none}.scene-label,.scene-hint,.controls,#model-status{z-index:1}#model-status{position:absolute;left:10px;right:10px;bottom:100px;text-align:center;font-size:12px;color:var(--accent)}button:disabled{opacity:.5;cursor:wait}
.scene-label{justify-content:flex-end}

#render-styles{position:absolute;top:38px;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
#render-styles>span{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-right:5px}
#render-styles button{padding:7px 11px;background:var(--paper)}
#render-styles button.active{background:var(--ink)}
@media(max-width:800px){#render-styles{top:30px;justify-content:center}#render-styles button{padding:7px 9px}}

.scene-label{align-items:center;gap:12px;flex-wrap:wrap}
#model-download{min-height:36px;background:var(--paper);letter-spacing:0;white-space:nowrap}
#model-download:disabled{opacity:.4;cursor:not-allowed}
#render-styles{top:60px}
@media(max-width:800px){#render-styles{top:60px}}

#render-styles #motion{margin-right:9px;min-width:99px;letter-spacing:0}

/* Local RekaRakit landing-page preview. */
#rekarakit{padding:100px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid #c9cbc0}
#rekarakit .eyebrow{margin:0 0 36px}
#rekarakit h2{font-size:clamp(42px,4.7vw,72px);letter-spacing:-3px;margin:0;line-height:1.08}
.lab-description{font-size:16px;line-height:1.8;color:var(--muted);max-width:390px;margin:27px 0 12px}
.lab-link{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;padding:18px 0 12px;border-bottom:1px solid var(--ink);font-size:14px}
.lab-link span{font-size:25px;transition:transform .2s}.lab-link:hover span{transform:translate(3px,-3px)}
.lab-art{position:relative;aspect-ratio:1.15;background:#e3e4da;overflow:hidden}
.lab-grid{position:absolute;inset:0;background-image:linear-gradient(#252a2510 1px,transparent 1px),linear-gradient(90deg,#252a2510 1px,transparent 1px);background-size:36px 36px}
.lab-piece{position:absolute;width:37%;height:37%;border:1px solid var(--ink);transform:rotate(-30deg) skewY(15deg);box-shadow:14px 20px 0 #252a2512}
.piece-one{left:18%;top:34%;background:#b7bca9}.piece-two{left:39%;top:25%;background:var(--accent)}.piece-three{left:39%;top:48%;background:#efeee8e8}
.lab-art-label{position:absolute;top:25px;left:25px;font-size:11px;letter-spacing:3px}.lab-art-note{position:absolute;bottom:25px;right:25px;font-size:9px;letter-spacing:2px;color:#646b5e}
@media(max-width:800px){#rekarakit{padding:60px 5%;grid-template-columns:1fr;gap:38px}#rekarakit .eyebrow{margin-bottom:25px}#rekarakit h2{font-size:45px}.lab-art{aspect-ratio:1.25}.lab-description{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lab-link span{transition:none}}
@media(max-width:480px){header{margin-left:5%;margin-right:5%;gap:12px}header .brand{font-size:18px}header nav{gap:13px;font-size:11px}}