@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Syne:wght@500;600&display=swap');
@import "tailwindcss";

:root { --ink:#ece9e7; --muted:#858285; --line:#2a282a; --panel:#121112; --acid:#ff2f75; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#0c0b0c; color:var(--ink); font-family:Manrope, sans-serif; }
button, input { font:inherit; }
button, a, label { -webkit-tap-highlight-color:transparent; }
.topbar { height:84px; display:grid; grid-template-columns:290px 1fr 290px; align-items:center; border-bottom:1px solid var(--line); padding:0 24px; position:relative; z-index:5; background:#0c0b0cf2; }
.brand { color:inherit; text-decoration:none; display:flex; gap:11px; align-items:center; font-family:DM Mono; font-size:13px; line-height:1; letter-spacing:.13em; }
.brand small { color:var(--muted); font-size:8px; letter-spacing:.18em; }
.brandmark { position:relative; width:34px; height:34px; display:grid; place-items:center; font-family:Syne; font-size:19px; text-indent:4px; }
.brandmark::before { content:""; position:absolute; inset:5px; border:1px solid #555; transform:rotate(45deg); }
nav { justify-self:center; display:flex; gap:38px; height:100%; align-items:center; }
nav a { color:#777; font:10px DM Mono; letter-spacing:.16em; text-decoration:none; height:100%; display:grid; place-items:center; border-bottom:2px solid transparent; }
nav a.active, nav a:hover { color:var(--ink); border-bottom-color:var(--acid); }
.techLink { justify-self:end; color:#aaa; border:1px solid #4c494c; padding:13px 17px; font:10px DM Mono; letter-spacing:.12em; text-decoration:none; }
.techLink span { color:var(--acid); margin-left:6px; }
.techLink:hover { border-color:var(--acid); color:var(--ink); }
.workSwitcher { justify-self:end; position:relative; }
.workSwitcher summary { color:#aaa; border:1px solid #4c494c; padding:13px 17px; font:10px DM Mono; letter-spacing:.12em; list-style:none; cursor:pointer; white-space:nowrap; }
.workSwitcher summary::-webkit-details-marker { display:none; }
.workSwitcher summary span { color:var(--acid); margin-left:6px; }
.workSwitcher[open] summary,.workSwitcher summary:hover { border-color:var(--acid); color:var(--ink); }
.workSwitcherMenu { position:absolute; top:calc(100% + 12px); right:0; z-index:20; width:min(360px,calc(100vw - 32px)); padding:14px; border:1px solid #3b383b; background:#121112; box-shadow:0 24px 70px #000a; }
.workSwitcherMenu>p { display:grid; gap:4px; margin:0 0 10px; padding:2px 5px 12px; border-bottom:1px solid var(--line); font:10px DM Mono; letter-spacing:.12em; }
.workSwitcherMenu>p span { color:var(--muted); font-size:8px; }
.workSwitcherMenu>div { display:grid; gap:4px; }
.workSwitcherMenu a { display:grid; gap:5px; padding:11px 12px; color:var(--ink); text-decoration:none; }
.workSwitcherMenu a:hover { background:#1b181a; }
.workSwitcherMenu a[aria-current="page"] { background:#21171b; box-shadow:inset 2px 0 0 var(--acid); }
.workSwitcherMenu a strong { font:11px Syne; letter-spacing:.04em; }
.workSwitcherMenu a span { color:var(--muted); font:8px DM Mono; letter-spacing:.04em; line-height:1.5; }
.uploadCard input { display:none; }
.workspace { min-height:calc(100vh - 84px); display:grid; grid-template-columns:290px minmax(420px,1fr) 310px; }
.collection, .controls { background:var(--panel); padding:25px 20px; position:relative; z-index:3; }
.collection { border-right:1px solid var(--line); }
.controls { border-left:1px solid var(--line); padding-bottom:145px; }
.sectionLabel { font:9px DM Mono; letter-spacing:.16em; color:#aaa; display:flex; gap:10px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.sectionLabel span { color:var(--acid); }
.pieceList { padding-top:14px; }
.publicModelList { max-height:638px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--acid) #242124; padding-right:5px; }
.publicModelList::-webkit-scrollbar { width:5px; }
.publicModelList::-webkit-scrollbar-track { background:#242124; }
.publicModelList::-webkit-scrollbar-thumb { background:var(--acid); }
.piece { width:100%; min-height:78px; display:grid; grid-template-columns:48px 1fr 18px; gap:12px; align-items:center; text-align:left; color:#777; background:transparent; border:0; border-bottom:1px solid #252325; cursor:pointer; padding:10px 8px; }
.piece:hover, .activePiece { color:var(--ink); background:#191719; }
.thumb { width:44px; height:54px; display:grid; place-items:end start; padding:5px; background:linear-gradient(145deg,#414041,#191819); color:#878487; font:8px DM Mono; }
.activePiece .thumb { box-shadow:inset 0 0 0 1px var(--acid); }
.piece strong { display:block; font:12px Syne; margin-bottom:7px; }
.piece small { font:8px DM Mono; letter-spacing:.08em; color:#696669; }
.piece i { font-style:normal; font-size:13px; }
.libraryHead { display:flex; align-items:center; justify-content:space-between; margin-top:22px; color:#858085; font:8px DM Mono; letter-spacing:.14em; }
.libraryHead div { display:flex; gap:4px; }
.libraryHead button { width:24px; height:24px; border:1px solid #343034; background:transparent; color:#8d888d; cursor:pointer; }
.libraryHead button:hover { color:var(--acid); border-color:var(--acid); }
.archiveShortcut { min-height:24px; display:inline-flex; align-items:center; padding:0 9px; border:1px solid #343034; color:#9b969b; font:7px DM Mono; letter-spacing:.08em; text-decoration:none; white-space:nowrap; }
.archiveShortcut:hover { color:var(--acid); border-color:var(--acid); }
.modelCarousel { display:flex; gap:8px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:10px 0 3px; }
.modelCarousel::-webkit-scrollbar { display:none; }
.bottomLibraryWorkspace { grid-template-columns:minmax(420px,1fr) 310px; grid-template-areas:"stage controls" "collection collection"; min-height:0; }
.bottomLibraryWorkspace .stage { grid-area:stage; }
.bottomLibraryWorkspace .controls { grid-area:controls; }
.bottomLibraryWorkspace .collection { grid-area:collection; border-right:0; border-top:1px solid var(--line); display:grid; grid-template-columns:150px minmax(0,1fr) 280px; gap:18px; align-items:stretch; padding:18px 20px; }
.publicWorkspace .collection { grid-template-columns:150px minmax(0,1fr); }
.bottomLibraryWorkspace .sectionLabel { align-items:center; padding:0 18px 0 0; border-bottom:0; border-right:1px solid var(--line); }
.studioLibraryBar { min-width:0; }
.bottomLibraryWorkspace .libraryHead { margin-top:0; }
.bottomLibraryWorkspace .modelCarousel { padding-bottom:0; }
.studioWorkspace .uploadCard { margin-top:0; }
.savedCard { min-width:158px; height:132px; scroll-snap-align:start; display:flex; flex-direction:column; text-align:left; border:1px solid #302d30; color:#9b969b; background:radial-gradient(circle at 75% 20%,#ff2f7522,transparent 38%),linear-gradient(145deg,#211d20,#151315); }
.savedCard:hover,.selectedCard { border-color:var(--acid); color:var(--ink); }
.savedSelect { flex:1; display:flex; min-width:0; flex-direction:column; justify-content:flex-end; text-align:left; border:0; padding:11px; color:inherit; background:transparent; cursor:pointer; }
.savedGlyph { margin-bottom:auto; color:var(--acid); font:8px DM Mono; }
.savedCard strong { font:11px Syne; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.savedCard small { margin-top:6px; color:#6f6a6f; font:7px DM Mono; letter-spacing:.08em; }
.removeModel { height:25px; border:0; border-top:1px solid #302d30; background:#171417; color:#777077; font:7px DM Mono; letter-spacing:.12em; cursor:pointer; }
.removeModel:hover { color:#ff755f; background:#241719; }
.removeModel:disabled { cursor:wait; color:#514d51; }
.emptyLibrary { width:100%; border:1px dashed #353035; padding:18px 12px; color:#686368; font:9px/1.5 DM Mono; }
.uploadCard { margin-top:26px; border:1px dashed #3d3a3d; padding:16px; }
.uploadCard span, .modelPanel label, .presets>label { font:8px DM Mono; letter-spacing:.14em; color:var(--acid); }
.uploadCard strong { display:block; font:13px Syne; margin:12px 0 6px; overflow:hidden; text-overflow:ellipsis; }
.uploadCard p, .modelPanel p, .saveNote p { font:10px/1.6 DM Mono; color:#706d70; }
.uploadCard label { display:block; color:#bbb; font:9px DM Mono; letter-spacing:.1em; border-top:1px solid #312f31; padding-top:12px; cursor:pointer; }
.uploadCard label:hover { color:var(--acid); }
.uploadCard label.isSaving { color:#817b81; cursor:wait; }
.uploadCard .uploadStatus { border-top:1px solid #2d2a2d; margin:12px 0 0; padding-top:10px; }
.uploadCard .uploadStatus.saved { color:#ff79a7; }
.uploadCard .uploadStatus.error { color:#ff755f; }
.stage { position:relative; min-height:680px; overflow:hidden; isolation:isolate; transition:background-color .25s; }
.stage::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.8%,#ffffff0b 50%,transparent 50.2%), linear-gradient(0deg,transparent 49.8%,#ffffff09 50%,transparent 50.2%); background-size:100% 100%,100% 100%; z-index:2; }
.stageGlow { position:absolute; inset:0; z-index:1; transition:background .2s; }
.viewerWrap { position:absolute; inset:0; z-index:2; }
model-viewer { width:100%; height:100%; --poster-color:transparent; background:transparent; }
.modelLoader { position:absolute; inset:0; z-index:6; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; background:radial-gradient(circle at center,#25131bd9,#100e10f2 58%); opacity:0; visibility:hidden; transition:opacity .25s,visibility .25s; pointer-events:none; }
.modelLoader.isVisible { opacity:1; visibility:visible; }
.modelLoader strong { font:11px Syne; letter-spacing:.2em; color:#eee8ec; }
.modelLoader small { font:8px DM Mono; letter-spacing:.12em; color:#827b80; }
.loaderRing { width:44px; height:44px; border:1px solid #4c3941; border-radius:50%; display:grid; place-items:center; animation:loaderSpin 1.1s linear infinite; }
.loaderRing span { width:32px; height:32px; border-radius:50%; border:2px solid transparent; border-top-color:var(--acid); border-right-color:#ff2f7566; }
.loaderTrack { width:min(240px,52vw); height:2px; overflow:hidden; background:#42353a; }
.loaderTrack span { display:block; height:100%; background:linear-gradient(90deg,#ff2f75,#ff86ac); transition:width .18s ease; box-shadow:0 0 12px #ff2f75; }
@keyframes loaderSpin { to { transform:rotate(360deg); } }
.wireframe model-viewer { filter:contrast(1.3) saturate(.15); }
.wireframe::after { content:"EDGE STUDY"; position:absolute; inset:18%; border:1px solid #ff2f7555; border-radius:50%; display:grid; place-items:center; color:#ff2f7555; font:9px DM Mono; letter-spacing:.3em; pointer-events:none; }
.stageTop { position:absolute; z-index:4; top:22px; left:25px; font:8px DM Mono; letter-spacing:.14em; color:#939590; }
.statusDot { width:6px; height:6px; display:inline-block; border-radius:50%; background:var(--acid); box-shadow:0 0 10px var(--acid); margin-right:7px; }
.divider { border-left:1px solid #4b484b; margin:0 12px; }
.viewportHint { position:absolute; z-index:4; right:22px; top:22px; font:8px DM Mono; color:#858784; letter-spacing:.1em; }
.viewportHint span { color:var(--acid); padding:0 4px; }
.modelTitle { position:absolute; z-index:4; left:28px; bottom:34px; pointer-events:none; }
.modelTitle span { color:var(--acid); font:8px DM Mono; letter-spacing:.2em; }
.modelTitle h1 { font:500 clamp(27px,3vw,50px)/.95 Syne; letter-spacing:-.04em; margin:10px 0; max-width:480px; text-transform:uppercase; }
.modelTitle p { font:8px DM Mono; color:#8a8c88; letter-spacing:.13em; }
.stageActions { position:absolute; z-index:4; right:22px; bottom:25px; display:flex; gap:7px; }
.stageActions button { border:1px solid #ffffff28; background:#0c0b0c88; backdrop-filter:blur(12px); color:#888; padding:10px 12px; font:8px DM Mono; letter-spacing:.08em; cursor:pointer; }
.stageActions button.isOn { color:var(--acid); border-color:#ff2f7566; }
.tabs { display:grid; grid-template-columns:1fr 1fr; margin:18px 0 24px; border-bottom:1px solid var(--line); }
.tabs button { padding:11px; border:0; border-bottom:1px solid transparent; color:#696b68; background:none; font:9px DM Mono; letter-spacing:.14em; cursor:pointer; }
.tabs .selected { color:var(--ink); border-color:var(--acid); }
.control { margin:0 0 24px; }
.controls>.sectionLabel + .control { margin-top:24px; }
.control>div { display:flex; justify-content:space-between; font:8px DM Mono; letter-spacing:.1em; color:#a0a29e; margin-bottom:11px; }
.control output { color:var(--acid); }
input[type=range] { appearance:none; width:100%; height:2px; background:#413e41; }
input[type=range]::-webkit-slider-thumb { appearance:none; width:11px; height:11px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 3px #ff2f7522; }
.colorRow { display:grid; grid-template-columns:1fr 28px 68px; align-items:center; gap:8px; padding:12px 0; border-top:1px solid var(--line); }
.colorRow label { font:8px DM Mono; letter-spacing:.1em; color:#9b9d99; }
.colorRow input { width:24px; height:24px; padding:0; border:0; background:none; }
.colorRow code { color:#767874; font:8px DM Mono; }
.presets { margin-top:21px; }
.presets>label { display:block; margin-bottom:10px; color:#777; }
.presets button { width:100%; display:flex; gap:10px; align-items:center; border:0; border-top:1px solid var(--line); background:none; color:#aaa; padding:11px 2px; text-align:left; font:9px DM Mono; cursor:pointer; }
.presets button:hover { color:var(--acid); }
.presets button span { width:9px; height:9px; border-radius:50%; box-shadow:0 0 8px currentColor; }
.modelPanel { padding:12px 0 20px; }
.modelPanel strong { display:block; margin:12px 0; font:14px Syne; overflow-wrap:anywhere; }
.fullButton { width:100%; padding:13px; margin:0 0 10px; border:1px solid #3a383a; background:#181718; color:#aaa; font:9px DM Mono; letter-spacing:.1em; cursor:pointer; }
.fullButton:hover { color:var(--acid); border-color:var(--acid); }
.saveNote { position:absolute; bottom:24px; left:20px; right:20px; border-top:1px solid var(--line); padding-top:15px; }
.saveNote span { color:#777; font:8px DM Mono; letter-spacing:.13em; }
footer { min-height:90px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; padding:0 26px; color:#646663; font:8px DM Mono; letter-spacing:.12em; }
footer p { font:10px Manrope; letter-spacing:0; }
.aboutPage { min-height:100vh; background:#0c0b0c; }
.aboutHero { min-height:520px; position:relative; overflow:hidden; display:grid; grid-template-columns:190px minmax(0,1fr) 300px; align-items:center; padding:55px clamp(28px,6vw,90px); border-bottom:1px solid var(--line); background:radial-gradient(circle at 78% 36%,#ff2f7525,transparent 30%),linear-gradient(135deg,#151214,#0c0b0c 62%); }
.aboutIndex { align-self:start; color:var(--acid); font:9px DM Mono; letter-spacing:.18em; }
.aboutIntro { position:relative; z-index:2; }
.eyebrow { color:#8b8589; font:9px DM Mono; letter-spacing:.19em; }
.aboutIntro h1 { margin:24px 0 28px; font:500 clamp(54px,8vw,118px)/.82 Syne; letter-spacing:-.065em; }
.aboutLead { max-width:570px; color:#aaa4a8; font:clamp(16px,2vw,23px)/1.5 Manrope; }
.aboutMark { width:190px; height:190px; display:grid; place-items:center; justify-self:center; color:#f1e9ed; font:500 92px Syne; text-indent:16px; position:relative; }
.aboutMark::before { content:""; position:absolute; inset:28px; border:1px solid #ff2f7588; transform:rotate(45deg); box-shadow:0 0 55px #ff2f7522; }
.aboutGrid { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.aboutGrid article { min-height:350px; padding:42px clamp(25px,3vw,48px); border-right:1px solid var(--line); }
.aboutGrid article:last-child { border-right:0; }
.aboutGrid article>span { color:var(--acid); font:8px DM Mono; letter-spacing:.17em; }
.aboutGrid h2 { margin:32px 0 22px; font:500 clamp(20px,2vw,32px)/1.08 Syne; letter-spacing:-.025em; }
.aboutGrid p { color:#817c80; font:13px/1.8 Manrope; }
.aboutGrid p a { color:#d9cfd4; text-decoration-color:var(--acid); text-underline-offset:3px; }
.aboutGrid p a:hover { color:var(--acid); }
.contactCard { background:linear-gradient(145deg,#191417,#100f10); }
.contactCard a { display:flex; justify-content:space-between; margin-top:35px; padding:16px 0; border-top:1px solid #4b3840; border-bottom:1px solid #4b3840; color:#eee8eb; text-decoration:none; font:11px DM Mono; letter-spacing:.08em; }
.contactCard a b { color:var(--acid); }
.aboutPage footer a { color:#777; text-decoration:none; font:8px DM Mono; letter-spacing:.12em; }
.aboutPage footer a:hover { color:var(--acid); }
.archivePage { min-height:100vh; background:#0c0b0c; }
.archiveHero { min-height:430px; display:flex; flex-direction:column; justify-content:flex-end; padding:65px clamp(24px,7vw,100px); border-bottom:1px solid var(--line); background:radial-gradient(circle at 78% 35%,#ff2f7528,transparent 28%),linear-gradient(135deg,#161215,#0c0b0c 62%); }
.archiveEyebrow { color:var(--acid); font:9px DM Mono; letter-spacing:.18em; }
.archiveHero h1 { margin:24px 0 18px; font:500 clamp(58px,11vw,150px)/.76 Syne; letter-spacing:-.07em; }
.archiveHero>p { max-width:720px; margin:0; color:#a7a1a5; font:clamp(15px,2vw,22px)/1.55 Manrope; }
.archiveCounts { display:flex; gap:34px; margin-top:40px; color:#777177; font:8px DM Mono; letter-spacing:.13em; }
.archiveCounts span { display:flex; align-items:baseline; gap:8px; }
.archiveCounts strong { color:var(--ink); font:23px Syne; letter-spacing:-.04em; }
.archiveIndex { height:auto; min-height:74px; display:flex; justify-content:flex-start; gap:0; overflow-x:auto; border-bottom:1px solid var(--line); background:#111011; }
.archiveIndex a { min-width:170px; padding:22px 18px; border-right:1px solid var(--line); color:#817b80; font:9px/1.35 DM Mono; letter-spacing:.08em; }
.archiveIndex a span { display:block; margin-bottom:8px; color:var(--acid); font-size:7px; }
.archiveCollections { max-width:1500px; margin:0 auto; }
.archiveCollection { scroll-margin-top:20px; border-bottom:1px solid var(--line); }
.archiveCollection summary { min-height:92px; display:grid; grid-template-columns:55px minmax(0,1fr) auto; align-items:center; gap:22px; padding:18px clamp(20px,4vw,58px); list-style:none; cursor:pointer; }
.archiveCollection summary::-webkit-details-marker { display:none; }
.archiveCollection summary:hover { background:#141214; }
.archiveCollection summary>span { color:var(--acid); font:8px DM Mono; }
.archiveCollection summary strong { font:500 clamp(21px,3vw,38px) Syne; letter-spacing:-.025em; }
.archiveCollection summary small { color:#6f696e; font:8px DM Mono; letter-spacing:.1em; }
.archiveCollection[open] summary { background:#171315; box-shadow:inset 3px 0 0 var(--acid); }
.archiveCollectionBody { padding:clamp(24px,4vw,58px); background:#100f10; }
.archiveCopy { max-width:900px; columns:2; column-gap:42px; margin-bottom:35px; }
.archiveCopy p { break-inside:avoid; margin:0 0 17px; color:#969095; font:13px/1.75 Manrope; }
.archiveVideoGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; margin-bottom:28px; }
.archiveVideoGrid a { min-width:0; display:grid; grid-template-columns:120px 1fr; min-height:92px; border:1px solid #302d30; background:#171517; color:var(--ink); text-decoration:none; overflow:hidden; }
.archiveVideoGrid a:hover { border-color:var(--acid); }
.archiveVideoGrid img { width:120px; height:100%; object-fit:cover; background:#201c20; }
.archiveVideoGrid a>span { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:12px; min-width:0; }
.archiveVideoGrid strong { font:11px/1.35 Syne; }
.archiveVideoGrid small { color:var(--acid); font:7px DM Mono; letter-spacing:.1em; }
.archiveImageGrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; }
.archiveImageGrid a { position:relative; min-height:190px; display:block; overflow:hidden; border:1px solid #282528; background:#151315; color:var(--ink); text-decoration:none; }
.archiveImageGrid a:hover { border-color:var(--acid); }
.archiveImageGrid img { width:100%; height:100%; min-height:190px; max-height:380px; display:block; object-fit:cover; transition:transform .3s ease; }
.archiveImageGrid a:hover img { transform:scale(1.02); }
.archiveImageGrid span { position:absolute; left:8px; right:8px; bottom:8px; padding:8px; background:#0b0a0bd9; color:#c8c2c6; font:7px DM Mono; letter-spacing:.08em; }
.archiveLinks { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.archiveLinks>span { margin-right:12px; color:#746e73; font:8px DM Mono; letter-spacing:.14em; }
.archiveLinks a { padding:9px 11px; border:1px solid #343034; color:#9a9498; font:8px DM Mono; text-decoration:none; }
.archiveLinks a:hover { color:var(--acid); border-color:var(--acid); }
.archiveNote { max-width:900px; margin:0 auto; padding:75px 30px; text-align:center; }
.archiveNote span { color:var(--acid); font:8px DM Mono; letter-spacing:.18em; }
.archiveNote p { color:#888287; font:14px/1.75 Manrope; }
.archivePage footer a { color:#777; text-decoration:none; font:8px DM Mono; letter-spacing:.12em; }
.archivePage footer a:hover { color:var(--acid); }
@media (max-width:1000px) { .topbar { grid-template-columns:1fr 1fr; } nav { display:none; } .workspace { grid-template-columns:230px 1fr; } .controls { grid-column:1/-1; border-left:0; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(2,1fr); gap:18px 32px; padding-bottom:25px; } .controls>.sectionLabel,.tabs,.saveNote { grid-column:1/-1; position:static; } .presets { grid-column:1/-1; } .bottomLibraryWorkspace { display:flex; flex-direction:column; } .bottomLibraryWorkspace .stage { order:1; } .bottomLibraryWorkspace .controls { order:2; } .bottomLibraryWorkspace .collection { order:3; grid-template-columns:130px minmax(0,1fr); } .studioWorkspace .uploadCard { grid-column:1/-1; } }
@media (max-width:1000px) { .aboutHero { grid-template-columns:1fr 180px; } .aboutIndex { grid-column:1/-1; } .aboutGrid { grid-template-columns:1fr; } .aboutGrid article { min-height:0; border-right:0; border-bottom:1px solid var(--line); } }
@media (max-width:680px) { .topbar { height:70px; padding:0 14px; grid-template-columns:1fr auto; } .brandmark { width:29px; height:29px; } .techLink { padding:10px; font-size:8px; } .workspace { display:flex; flex-direction:column; } .stage { order:1; min-height:62vh; } .collection { order:2; border-right:0; border-top:1px solid var(--line); } .controls { order:3; display:block; } .control { margin:20px 0 26px; } .saveNote { margin-top:30px; } .pieceList { display:flex; overflow:auto; } .publicModelList { max-height:none; } .piece { min-width:220px; } .bottomLibraryWorkspace .collection { display:block; } .bottomLibraryWorkspace .sectionLabel { padding-bottom:14px; border-right:0; border-bottom:1px solid var(--line); } .studioLibraryBar { margin-top:14px; } .modelTitle h1 { font-size:29px; max-width:250px; } .viewportHint { display:none; } footer { text-align:center; } footer span { display:none; } }
@media (max-width:680px) { .aboutHero { min-height:560px; display:block; padding:45px 22px; } .aboutIntro { margin-top:65px; } .aboutIntro h1 { font-size:54px; } .aboutMark { position:absolute; width:120px; height:120px; right:12px; top:42px; font-size:54px; opacity:.35; } .aboutGrid article { padding:34px 24px; } .aboutPage footer a { display:none; } }
@media (max-width:680px) { .archiveHero { min-height:390px; padding:45px 22px; } .archiveCounts { gap:18px; flex-wrap:wrap; } .archiveCollection summary { grid-template-columns:32px 1fr; gap:12px; } .archiveCollection summary small { grid-column:2; } .archiveCopy { columns:1; } .archiveVideoGrid { grid-template-columns:1fr; } .archiveImageGrid { grid-template-columns:repeat(2,minmax(0,1fr)); } .archiveImageGrid a,.archiveImageGrid img { min-height:145px; } .archivePage footer a { display:none; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }