@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Loading uses the supplied Dale Color mark, without a page-covering backdrop. */
.intro,.edition{display:none!important}
:root{--orange:#ff6200;--ink:#202322;--paper:#f6f6f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:108px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd5;position:relative;z-index:3}.logo{font-family:'Space Grotesk',Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-2.7px;display:flex;align-items:baseline}.logo span{color:var(--orange)}.logo sup{font:12px Arial;letter-spacing:0;margin-left:5px}nav{display:flex;gap:8px;background:#eaece5;border-radius:40px;padding:5px}nav button{padding:12px 23px;border-radius:30px;font-size:14px}nav .active{background:var(--ink);color:white}nav span{font-size:11px;margin-left:7px;opacity:.6}.edition,.eyebrow,.coordinates,.discover>span,footer{font-size:12px;letter-spacing:1.2px;font-weight:600}.edition{font-size:11px}#world{position:relative;min-height:700px;height:calc(100svh - 166px);max-height:1000px;overflow:hidden}.intro{position:absolute;left:4%;top:9%;z-index:1;pointer-events:none}.eyebrow{color:#646e61;font-size:11px}h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(36px,4vw,64px);letter-spacing:-3px;line-height:1.06;font-weight:500;margin:23px 0}h1 em{font-style:normal;color:#818b7c}.intro p{font-size:15px;line-height:1.6;color:#6c7368}#stage{position:absolute;inset:0 0 0 14%;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#606958}.coordinates{position:absolute;right:4%;top:38px;display:flex;flex-direction:column;gap:8px;font-size:10px;text-align:right;color:#747d6b}#coord{font-family:monospace}.worldFooter{position:absolute;bottom:98px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.dragHint{display:flex;align-items:center;gap:13px;font-size:13px}.globeIcon{font-size:37px;font-weight:400}.dragHint small{display:block;color:#727968;font-size:12px;margin-top:5px}#spinBtn{pointer-events:auto;border:1px solid #c4cbbf;border-radius:50%;width:44px;height:44px;font-size:18px;background:var(--paper)}.discover{position:absolute;bottom:0;left:4%;right:4%;border-top:1px solid #d9ddd5;height:76px;display:flex;align-items:center;gap:24px}.discover>span{font-size:10px;white-space:nowrap;color:#79816f}#quickPieces{display:flex;gap:9px;overflow:auto;padding:5px 0}#quickPieces button{border:1px solid #d2d8cd;border-radius:22px;padding:10px 15px;white-space:nowrap;font-size:12px;background:#f6f6f2}#quickPieces button:hover{background:var(--ink);color:white}#hoverLabel{position:fixed;z-index:5;background:var(--ink);color:white;padding:10px 16px;border-radius:30px;font-size:13px;pointer-events:none;box-shadow:0 5px 15px #0001}footer{display:flex;justify-content:space-between;padding:21px 4%;font-size:9px;color:#82897a;border-top:1px solid #d9ddd5}#catalog{padding:55px 4% 70px}.catalogHead{margin-bottom:40px}.catalogHead h1{font-size:60px}.catalogHead p{color:#6c7368}#productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.productCard{text-align:left;padding:0}.productCard .pic{background:#e9ede3;border-radius:8px;overflow:hidden;aspect-ratio:1.1}.productCard img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.productCard:hover img{transform:scale(1.06)}.cardMeta{display:flex;justify-content:space-between;margin-top:15px;align-items:center}.cardMeta h2{font-family:'Space Grotesk';font-size:22px;font-weight:500;margin:0;letter-spacing:-.8px}.cardMeta span{font-size:11px;color:#737d68}.productCard p{font-size:12px;margin-top:5px;color:#727968}#detail{padding:35px 5% 60px}.back{font-size:14px;border-bottom:1px solid;padding:0 0 5px}.detailLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;min-height:600px}.productVisual{background:#e9ede3;border-radius:8px;text-align:center}.productVisual img{width:100%;display:block}.productVisual>span{font-size:10px;letter-spacing:1px;display:block;padding:0 0 25px;color:#737d68}.productInfo h1{font-size:64px}.productInfo>p{line-height:1.7;color:#69735f;max-width:420px}.specs{border-top:1px solid #d6dbd0;margin:30px 0}.specs>div{display:flex;justify-content:space-between;border-bottom:1px solid #d6dbd0;padding:15px 0;font-size:13px}.specs b{font-weight:500}.specs span{color:#737d68}.coming{padding:17px;text-align:center;background:var(--ink);color:white;border-radius:30px}.productInfo .note{font-size:12px;line-height:1.5}.textBtn{padding:12px 0;border-bottom:1px solid;font-size:14px}@media(min-width:1600px){#stage{left:20%}}@media(max-width:900px){.edition{display:none}#stage{inset:0 -10% 0 -10%}.intro{top:30px}.intro h1{font-size:36px;letter-spacing:-1.7px;margin:15px 0}.intro p{display:none}.intro h1 br:last-child{display:none}.coordinates{top:35px;font-size:9px}.coordinates>span:first-child{display:none}.worldFooter{bottom:100px}.discover{gap:14px}.discover>span{display:none}header{height:85px}.logo{font-size:29px}nav button{padding:10px 15px}#world{height:calc(100svh - 130px);min-height:650px}footer{font-size:8px}footer span:nth-child(2){display:none}.detailLayout{gap:30px;grid-template-columns:1fr 1fr}.productInfo h1{font-size:42px;letter-spacing:-2px}#productGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{margin:0 5%;height:78px}nav button{font-size:12px;padding:9px 12px}.logo{font-size:27px}.intro{left:6%;top:25px}.eyebrow{font-size:9px}.intro h1{font-size:33px}.coordinates{right:6%;top:30px}#world{min-height:620px;height:calc(100svh - 119px)}#stage{inset:0 -21% 0 -21%}.dragHint{font-size:12px}.dragHint small{font-size:11px}.worldFooter{bottom:91px;left:6%;right:6%}.globeIcon{font-size:30px}.discover{left:6%;right:0;height:73px}.discover button{font-size:11px!important}.detailLayout{grid-template-columns:1fr;gap:25px;padding-top:25px}.productVisual{max-height:350px}.productVisual img{height:300px;object-fit:contain}.productVisual>span{padding-bottom:15px}.productInfo h1{font-size:42px}.catalogHead h1{font-size:43px}.cardMeta{display:block}.cardMeta h2{font-size:19px}.cardMeta span{display:none}#productGrid{gap:25px 12px}#catalog{padding-top:35px}.productCard p{font-size:11px}footer{padding:15px 5%}}

/* Interactive product surface; retains the existing product-page layout. */
#detailStage{height:480px;width:100%;touch-action:none;cursor:grab;border-radius:8px;overflow:hidden}
#detailStage:active{cursor:grabbing}#detailStage:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.viewerControls{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 12px 14px}
.viewerControls button{border:1px solid #c4cbbf;border-radius:24px;min-width:44px;min-height:44px;background:var(--paper);font-size:18px}
.viewerControls #resetView{font-size:14px;padding:0 16px}.productVisual #viewerHint{font-size:12px;letter-spacing:0;padding:0 14px 20px}
@media(max-width:900px){#detailStage{height:380px}}
@media(max-width:560px){.productVisual{max-height:none}#detailStage{height:330px}.productVisual #viewerHint{font-size:12px;padding-bottom:15px}}

.worldActions{display:flex;align-items:center;gap:10px;pointer-events:auto}#resetWorld{font-size:12px;border:1px solid #c4cbbf;border-radius:24px;padding:12px;background:var(--paper)}
@media(max-width:560px){.dragHint small{max-width:175px;line-height:1.4}.worldActions{gap:6px}#resetWorld{font-size:11px;padding:11px 9px}.dragHint{gap:8px}.worldFooter{left:4%;right:4%}}

/* Keep coordinates legible above the expanded 3D surface without blocking gestures. */
.coordinates{z-index:1;pointer-events:none}

/* Full-height world, with instructions composited against the moving Earth. */
.dragHint{position:relative}
.dragHint.hintOverPlanet{position:absolute;inset:0;color:#fff;pointer-events:none;clip-path:inset(100%);transition:none}
.hintOverPlanet small{color:#fff}

/* More room for the world; lighting replaces the numbered shortcuts. */
#world .worldFooter{bottom:82px}
.worldTime{position:absolute;z-index:2;bottom:0;left:4%;right:4%;height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border-top:1px solid #d9ddd5;background:transparent}
.timeLabel{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap;color:var(--ink)}
#worldTimeValue{font-variant-numeric:tabular-nums;font-size:14px;color:#727968;min-width:42px}
#worldTime{width:100%;min-width:0;margin:0;height:44px;cursor:pointer;accent-color:var(--orange);background:transparent;touch-action:pan-y}
#worldTimeNow{min-height:44px;padding:0 14px;border:1px solid #c4cbbf;border-radius:24px;background:var(--paper);font-size:14px;color:var(--ink)}
#worldTimeNow:hover{border-color:var(--orange)}
#worldTime:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:22px}
.timeHelp{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:560px){.worldTime{gap:10px}.timeLong{display:none}.timeLabel{gap:8px}#worldTimeNow{padding:0 11px}}
@media(max-width:360px){#world .worldFooter{gap:12px;align-items:flex-end}.dragHint small{max-width:135px}}