:root{--paper:#f5f0e6;--ink:#292a24;--orange:#dd753e;--sage:#8b9783}
body{background:var(--paper)}.wrap{max-width:1220px}.announcement{font-size:10px;letter-spacing:.21em;text-align:center;background:#e6e1d4;padding:10px!important}.nav{height:92px}.nav .logo img{width:104px;height:55px;object-fit:contain;display:block}.nav nav{gap:27px}.nav nav a{font-size:12px;letter-spacing:.01em}.nav-actions .pill{white-space:nowrap}.editorial-hero{min-height:670px;padding:75px 0 90px;gap:40px;grid-template-columns:1.06fr .94fr;align-items:center}.editorial-hero h1{font:500 clamp(57px,5.6vw,89px)/1.07 Georgia,serif;letter-spacing:-.067em;margin:21px 0 27px}.editorial-hero h1 em{font-weight:400;color:#798877}.editorial-hero .lede{max-width:470px;font-size:17px;line-height:1.8}.hero-art{background:#e8e0d3;min-height:552px;border-radius:180px 180px 16px 16px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center}.paper-grain{position:absolute;inset:0;background-image:radial-gradient(#7b6d5830 .5px,transparent .7px);background-size:5px 5px;opacity:.24}.hero-star{position:absolute;width:115px;height:112px;top:38px;right:32px;transform:rotate(16deg)}.hero-star img{width:100%;height:100%;object-fit:contain}.hero-device{width:205px;height:397px;border-radius:24px;background:#e9ddc9;border:5px solid #ded0b9;box-shadow:14px 22px 3px #b8ab9955,20px 34px 30px #8e80664a;transform:rotate(-8deg);padding:13px 14px;display:flex;flex-direction:column;position:relative;z-index:2}.hero-device:before{content:'';position:absolute;right:-11px;top:105px;height:50px;width:7px;background:#dd753e;border-radius:4px}.hero-display{background:#f3f1e9;border:9px solid #292e29;border-radius:14px;flex:1;padding:10px;overflow:hidden;font:10px/1.4 monospace}.hero-status{display:flex;justify-content:space-between;border-bottom:1px solid #34372d;padding-bottom:7px}.hero-art-sky{height:147px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,#e6e6db 0,#e6e6db 3px,#f4f3e9 3px,#f4f3e9 5px);margin-top:12px}.hero-sun{width:28px;height:28px;border-radius:50%;background:#2f322c;position:absolute;right:18px;top:22px}.hero-hill{position:absolute;bottom:0;width:160%;height:107px;background:repeating-linear-gradient(0deg,#32362e,#32362e 2px,#eeeade 2px,#eeeade 4px);clip-path:polygon(0 100%,35% 4%,62% 70%,83% 18%,100% 100%)}.hill-b{bottom:-45px;left:-50px;opacity:.75}.hero-track{font-weight:bold;margin-top:9px}.hero-artist{font-size:8px}.hero-trackbar{margin-top:10px;height:4px;background:linear-gradient(90deg,#33372d 45%,#b8bcaf 45%)}.hero-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px;color:#515448}.hero-wheel{border:2px solid #d77a45;background:#efe6d8;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:33px;color:#a36b48}.hero-device-brand{font:bold 10px Arial;letter-spacing:-1px;position:absolute;bottom:9px;right:12px}.hero-caption{position:absolute;bottom:18px;left:20px;right:20px;font-size:10px;letter-spacing:.16em;display:flex;justify-content:space-between}.hero-caption span{font-size:22px;color:#dd753e}.hero-notes{margin-top:50px;display:flex;gap:22px;flex-wrap:wrap}.postcard{padding:90px 0 105px;background:#e7e8dc}.postcard-layout{display:grid;grid-template-columns:1fr .94fr;gap:clamp(50px,8vw,130px);align-items:center}.postcard h2{font-size:clamp(46px,5vw,75px);line-height:1.12;margin:18px 0 24px}.postcard h2 em{color:#82907d}.postcard-intro p{font-size:17px;line-height:1.85;max-width:450px;color:#565b52}.postcard-prompt{font:italic 24px Georgia,serif;margin:40px 0 18px;color:#404e3d}.postcard-prompt span{border-bottom:1px dashed #a6764c}.postcard-paper{background:#fcf8ee;min-height:460px;border:1px solid #cfc8ba;box-shadow:13px 15px 0 #adb5a645;transform:rotate(1.1deg);padding:30px 33px 27px;display:flex;flex-direction:column}.postcard-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0cabc;padding-bottom:12px;margin-bottom:19px}.postcard-top img{width:55px;height:55px;object-fit:contain}.postcard-top span{font-size:9px;letter-spacing:.19em}.postcard-label{font:italic 24px Georgia,serif}.postcard-paper textarea{width:100%;resize:vertical;border:0;border-bottom:1px solid #ddd6c8;background:repeating-linear-gradient(transparent,transparent 33px,#d5cec0 34px);font:italic 19px/34px Georgia,serif;min-height:114px;margin:13px 0 14px;color:#34372f;outline:none}.postcard-form{display:flex;flex-direction:column;gap:7px}.postcard-form label{font:700 10px Arial;letter-spacing:.13em;margin-top:5px}.postcard-form label small{font-weight:400;color:#999}.postcard-form input{border:0;border-bottom:1px solid #b4afa0;background:transparent;padding:11px 0;border-radius:0;color:#282b25;font-size:15px}.postcard-form button{margin:13px 0 4px}.postcard-form>small{font-size:11px;color:#66685e;line-height:1.6}.footer-lockup{height:95px;width:86px;object-fit:contain}.design-main img,.design-tile img,.nostalgia-photo img{object-fit:cover}.design-main img{object-position:center}.hero-actions{display:flex;align-items:center;gap:22px}.design-grid .design-main,.design-grid .design-tile{box-shadow:none}.explorer-display{border:1px solid #d3cbbc}.screen-frame{box-shadow:9px 12px 0 #a6a79866}.ticker{background:#e2a271}.end-cta{background:#f0eae0}.logo img{filter:none}
@media(max-width:950px){.editorial-hero{min-height:0;grid-template-columns:1fr 1fr}.editorial-hero h1{font-size:clamp(51px,6vw,75px)}.postcard-layout{gap:30px}.nav nav{gap:12px}}
@media(max-width:740px){.nav{height:75px}.nav nav{top:105px}.editorial-hero{padding:42px 0 62px;grid-template-columns:1fr;gap:38px}.editorial-hero h1{font-size:clamp(52px,12vw,72px)}.hero-art{width:100%;min-height:470px}.hero-device{transform:rotate(-6deg) scale(.88)}.postcard{padding:60px 0 70px}.postcard-layout{grid-template-columns:1fr;gap:33px}.postcard h2{font-size:52px}.postcard-paper{transform:none;padding:22px}.postcard-intro p{font-size:15px}.hero-star{width:85px;top:20px;right:15px}.footer-lockup{height:80px}}
.logo img[src="/assets/logo-lockup-v3.png"]{width:auto;height:62px}
.xp-logo img[src="/assets/logo-lockup-v3.png"]{width:auto;height:58px}
@media (max-width:640px){.logo img[src="/assets/logo-lockup-v3.png"],.xp-logo img[src="/assets/logo-lockup-v3.png"]{height:48px}}
/* concept renders: show whole render, never crop */
.design-main img,.design-tile img{object-fit:contain!important;background:#e6e2dc}
.design-main,.design-tile{background:#e6e2dc}
.design-main>span{font-weight:600}
/* bigger, more realistic colour preview */
.swatch-result{gap:28px;font-size:14px}
.little-device{position:relative;width:170px;height:300px;border-radius:26px;padding:14px 13px;background:#e1d5bf;box-shadow:0 18px 30px -12px #00000040,inset 0 0 0 1px #0000000f,inset 0 2px 0 #ffffff55;transition:background .35s ease;flex-shrink:0}
.little-screen{height:166px;background:#ecebe4;border:6px solid #262823;border-radius:10px;padding:7px 8px;color:#262823;font-size:10px;font-weight:600;text-align:left;font-family:ui-monospace,Menlo,monospace;display:flex;flex-direction:column;gap:4px}
.ld-top{display:flex;justify-content:space-between;font-size:8px}
.ld-art{flex:1;border-radius:2px;background:repeating-linear-gradient(135deg,#262823 0 1px,transparent 1px 3px),radial-gradient(circle at 70% 30%,#262823 0 9px,transparent 10px);opacity:.85}
.ld-title{font-size:10px}.ld-sub{font-size:8px;font-weight:400}
.ld-bar{height:3px;background:#26282333;border-radius:2px}.ld-bar b{display:block;width:40%;height:100%;background:#262823}
.little-dial{width:64px;height:64px;margin:16px auto 0;border-radius:50%;border:4px solid #ed783c;background:radial-gradient(circle,#efece4 0 58%,#d8d2c6 59% 100%);box-shadow:0 0 0 5px #00000014,0 4px 8px #00000030;display:flex;align-items:center;justify-content:center;font-size:18px;color:#262823}
.ld-logo{position:absolute;right:16px;bottom:10px;font:700 12px/1 Georgia,serif;color:#00000066}
.ld-btn{position:absolute;right:-3px;width:4px;border-radius:2px;background:#ed783c}.ld-b1{top:70px;height:22px}.ld-b2{top:100px;height:14px;background:#00000040}
@media (max-width:640px){.little-device{width:140px;height:248px}.little-screen{height:134px}.little-dial{width:52px;height:52px;margin-top:12px}}
#colorName{min-width:150px;font-size:15px}

/* v3 polish */
.announcement{color:#3a3a33!important;opacity:1!important}
.announcement *{color:#3a3a33!important}
.screen-view{display:flex;flex-direction:column}
.screen-view .pixel-hero.dith{filter:none;object-fit:cover;width:100%;height:170px;image-rendering:pixelated;border:1px solid #2b2b26}
.ink-sudoku{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #222;width:100%;max-width:240px;aspect-ratio:1;margin:8px 0 6px}
.ink-sudoku span{display:grid;place-items:center;font-size:26px;border-right:1px solid #bdb8aa;border-bottom:1px solid #bdb8aa}
.ink-sudoku span:nth-child(4n){border-right:0}.ink-sudoku span:nth-child(n+13){border-bottom:0}
.ink-sudoku span:nth-child(4n+2){border-right:2px solid #222}.ink-sudoku span:nth-child(n+5):nth-child(-n+8){border-bottom:2px solid #222}
.ink-meta{font-size:10px!important;letter-spacing:.14em;color:#6b6a60;margin:0 0 4px}
.ink-replies{list-style:none;padding:0;margin:4px 0 0;font-size:13px}
.ink-replies li{padding:7px 10px;border-bottom:1px solid #dcd7c9}.ink-replies li.on{background:#222;color:#f5f1e9}
.xp-hero-image{display:grid!important;place-items:center!important}
.xp-hero-image img.xp-hero-mark{width:auto!important;height:auto!important;max-height:82%!important;max-width:58%!important;object-fit:contain!important;position:relative;z-index:1}
.hero-star{width:120px!important;height:115px!important}
.postcard-top img{width:58px;height:58px;object-fit:contain}
.logo img[src="/assets/logo-lockup-v3.png"]{height:86px!important;width:auto!important}
.nav{height:112px!important}
.hero-star{width:170px!important;height:165px!important;top:24px!important;right:18px!important}
@media(max-width:740px){.logo img[src="/assets/logo-lockup-v3.png"]{height:62px!important}.nav{height:84px!important}.hero-star{width:110px!important;height:106px!important}}
.design-main img,.design-tile img,.nostalgia-photo img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block;background:transparent!important}
.nostalgia-photo{background:transparent!important}
.design-grid{align-items:start!important}
.design-main{height:auto!important;align-self:start!important;position:relative}
.design-main span{position:static!important;display:inline-block;margin:10px 12px 12px}
.editorial-hero,.hero.editorial-hero{padding-top:28px!important}
.nav{height:104px!important;margin-bottom:0!important}
@media(max-width:740px){.editorial-hero{padding-top:18px!important}}
/* product design section: smaller, never crop */
#design .design-grid{max-width:1000px;margin-left:auto;margin-right:auto;gap:22px!important}
#design .design-main img{max-height:540px!important;width:auto!important;max-width:100%!important;margin:0 auto;object-fit:contain!important}
#design .design-tile img{max-height:220px!important;width:auto!important;max-width:100%!important;margin:0 auto;object-fit:contain!important}
#design .design-main,#design .design-tile{display:flex;flex-direction:column;justify-content:center;padding:14px;border-radius:18px}
.nostalgia-photo img{max-height:620px!important;width:auto!important;max-width:100%!important;margin:0 auto}
.footer-lockup{filter:invert(1) hue-rotate(180deg) brightness(1.1);height:110px!important;width:auto!important}
footer img.footer-lockup,.footer .logo img.footer-lockup{filter:invert(1) hue-rotate(180deg) brightness(1.1)!important;opacity:1!important;height:110px!important;width:auto!important}
footer img.footer-lockup,.footer .logo img.footer-lockup{filter:none!important}
/* v12 — tighter rhythm, embedded cut-out renders */
.pad{padding:72px 0!important}
.end-cta{padding:80px 0!important}
.postcard{padding:60px 0 70px!important}
.section-top{margin-bottom:30px!important;gap:40px!important}
.editorial-hero{min-height:0!important;padding-bottom:50px!important}
.nostalgia-grid{gap:56px!important}
.nostalgia-photo img{max-height:520px!important}
#design .design-grid{grid-template-columns:1.15fr .85fr!important;gap:18px!important;max-width:1060px!important;align-items:stretch!important}
#design .design-main,#design .design-tile{background:radial-gradient(ellipse at 50% 55%,#f6f2ea 0%,#ece6db 70%)!important;border:1px solid #e1d9ca;border-radius:22px;padding:18px!important}
#design .design-main{justify-content:center}
#design .design-main img{max-height:470px!important;filter:drop-shadow(0 18px 22px rgba(60,45,25,.18))}
#design .design-tile img{max-height:170px!important;filter:drop-shadow(0 10px 14px rgba(60,45,25,.16))}
#design .design-tile p{margin:12px 4px 0!important;font-size:14px}
#design .design-main span{background:#fbf8f2!important;border-radius:999px;padding:6px 12px!important;margin:12px auto 0!important;font-size:10px}
#design .finish-panel{margin-top:18px!important;padding:24px 28px!important}
@media(max-width:740px){.pad{padding:52px 0!important}#design .design-grid{grid-template-columns:1fr!important}#design .design-main img{max-height:360px!important}}
#design .design-grid{max-width:none!important;margin:0!important}#design .design-tile img{max-height:190px!important}