:root{--bg:#f5f5f2;--ink:#171919;--muted:#737672;--accent:#4b5bdc;--line:#dedfda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7886ff;outline-offset:4px}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;width:min(1360px,calc(100% - 64px));margin:auto;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:800;font-family:Manrope,sans-serif;letter-spacing:.18em;font-size:20px}.brand span{font-size:8px;display:block;letter-spacing:.5em;color:var(--muted)}nav{display:flex;gap:28px;align-items:center;font-size:13px}.nav-action{background:#e8e9e3;padding:12px 18px;border-radius:30px}#language{background:none;border:1px solid var(--line);border-radius:50%;width:40px;height:40px}.intro{padding:80px 0 65px}.eyebrow{letter-spacing:.16em;font-size:11px;font-weight:600;color:var(--accent)}h1,h2,h3,p{margin:0}h1{font:600 clamp(46px,6.7vw,88px)/1.05 Manrope,sans-serif;letter-spacing:-.065em;white-space:pre-line;margin:25px 0 35px}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.intro-bottom p{max-width:510px;color:var(--muted);font-size:17px}.text-link{font-weight:600;font-size:14px;white-space:nowrap;border-bottom:1px solid;padding-bottom:5px}.catalog-bar{position:sticky;top:0;z-index:10;background:#f5f5f2ed;backdrop-filter:blur(22px);border-block:1px solid var(--line)}.bar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px}.tabs{display:flex;gap:8px}.tabs button{background:none;border:0;border-radius:40px;padding:12px 20px;color:#666;font-size:13px;white-space:nowrap}.tabs button[aria-selected=true]{background:#1d201f;color:white}.light-control{display:flex;align-items:center;gap:12px;font-size:12px;cursor:pointer;white-space:nowrap;position:relative}.light-control input{position:absolute;right:0;width:48px;height:28px;opacity:0;margin:0;cursor:pointer}.switch{display:block;width:48px;height:28px;background:#a7aaa5;border-radius:30px;padding:3px;transition:background .3s}.switch:after{content:'';display:block;width:22px;height:22px;border-radius:50%;background:white;box-shadow:0 2px 4px #0002;transition:transform .3s}input:checked+.switch{background:#4b5bdc}input:checked+.switch:after{transform:translateX(20px)}input:focus-visible+.switch{outline:3px solid #7886ff;outline-offset:4px}.catalogue{padding:44px 0 60px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.section-heading h2{font:600 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin-bottom:10px}.section-heading p{color:var(--muted);font-size:14px}.micro{font-size:10px;letter-spacing:.06em;color:var(--muted);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.card{min-width:0}.art{height:290px;background:radial-gradient(ellipse at 50% 35%,#e9e8e1,#d2d4ce);border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;transition:background .6s}.lights-on .art{background:radial-gradient(ellipse at 50% 30%,#434942,#232925)}.art:after{content:'';position:absolute;bottom:25px;left:20%;width:60%;height:15px;border-radius:50%;background:#0002;filter:blur(9px);z-index:-1}.art-index{position:absolute;left:20px;top:17px;font-size:10px;letter-spacing:.1em;color:#727870}.lights-on .art-index{color:#a3ada1}.material-chip{position:absolute;right:16px;bottom:16px;background:#ffffffb8;border:1px solid #fff4;border-radius:30px;padding:4px 9px;font-size:9px;letter-spacing:.09em;z-index:4}.lights-on .material-chip{color:#d8e2d5;background:#ffffff0d}.letter{position:relative;display:inline-block;font-family:Anton,Impact,sans-serif;font-size:205px;line-height:1;transform:perspective(600px) rotateY(-15deg) rotateX(3deg);color:#e0e4e2;text-shadow:1px 1px #8b9593,2px 2px #7d8985,3px 3px #73817a,4px 4px #5f6e66,5px 5px #526359,6px 6px #45534b,8px 8px 1px #222b25,15px 18px 14px #0005;letter-spacing:-.02em;--metal:linear-gradient(125deg,#929a99 0%,#f7faf8 15%,#9aa6a3 28%,#e8eeee 40%,#74847e 52%,#f7faf9 62%,#a0aeaa 80%,#dce8e2 100%);--face:#e5e7dd;--glow:#e7f4d9}.letter:before{content:attr(data-text);position:absolute;inset:0;background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;z-index:2}.letter:after{content:attr(data-text);position:absolute;inset:0;color:var(--face);text-shadow:none;z-index:3;opacity:0;transition:opacity .4s,filter .4s}.letter.halo:before,.letter.unlit:before{background:var(--metal);background-clip:text;-webkit-background-clip:text}.lights-on .letter.halo{filter:drop-shadow(0 0 8px var(--glow)) drop-shadow(0 0 20px #d7f5c377)}.letter.front:before,.letter.petg:before,.letter.plexi:before{background:var(--face);background-clip:text;-webkit-background-clip:text}.lights-on .letter.front:after,.lights-on .letter.petg:after,.lights-on .letter.plexi:after{opacity:1;filter:drop-shadow(0 0 7px var(--glow));color:#f8ffe8}.letter.petg{color:#d5d0c0;text-shadow:1px 1px #c6c2b7,3px 3px #b7b2a5,6px 6px #959486,8px 8px #727d6c,14px 16px 12px #0004}.letter.plexi{color:#d6d5e9;text-shadow:2px 2px #bfb9d0,4px 4px #9b94b5,7px 7px #746784,12px 13px 15px #0006}.lights-on .letter.plexi{filter:drop-shadow(0 0 14px #bd91ff88)}.letter.pixel:before{background:radial-gradient(circle,#b9bcbc 38%,transparent 42%) 0 0/12px 12px;background-clip:text;-webkit-background-clip:text}.lights-on .letter.pixel:before{background:radial-gradient(circle,#d8baff 38%,transparent 42%) 0 0/12px 12px;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 7px #bc95ff);animation:pixel-colour 5s linear infinite}.letter.decor:before{background:radial-gradient(circle,#cfb889 32%,#594d34 36%,#86724a 48%,transparent 52%) 0 0/15px 15px;background-clip:text;-webkit-background-clip:text}.lights-on .letter.decor:before{filter:drop-shadow(0 0 5px #ffd582);background:radial-gradient(circle,#ffe4a6 32%,#8f7a4c 36%,#be9c55 48%,transparent 52%) 0 0/15px 15px;background-clip:text;-webkit-background-clip:text}.letter.rim:before{background:var(--face);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:3px #b6a67d}.lights-on .letter.rim:before{filter:drop-shadow(0 0 7px #c9f5b2);color:#d5ffba}.finish-gold{--metal:linear-gradient(125deg,#7d571f,#f5e4a5 20%,#b18a3d 39%,#fff3bd 57%,#876126 75%,#e3c27d);--face:#d9bd73}.finish-black{--metal:linear-gradient(125deg,#111,#626661 28%,#151c18 51%,#464f48 75%,#121814);--face:#444b44}.finish-white{--metal:linear-gradient(125deg,#b7beb8,#fff 35%,#d5dfd4 65%,#fff);--face:#f5f6ee}.card-copy{padding:18px 2px 0}.card-copy .tag{font-size:10px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.card-copy h3{font:600 19px/1.3 Manrope,sans-serif;letter-spacing:-.03em;margin:6px 0 8px}.card-copy p{font-size:12px;color:var(--muted);min-height:39px}.choose{border:0;border-bottom:1px solid #afb3aa;background:none;padding:5px 0;margin-top:12px;font-size:12px;font-weight:600}.choose:hover{color:var(--accent);border-color:var(--accent)}.catalog-note{max-width:800px;margin:40px 0 0;font-size:12px;color:var(--muted)}.board{position:relative;width:76%;height:130px;display:flex;justify-content:center;align-items:center;transform:perspective(650px) rotateY(-15deg) rotateX(6deg);border:1px solid #8d9991;background:linear-gradient(130deg,#67736d,#222f28);box-shadow:7px 8px #1a241d,16px 22px 22px #0005;border-radius:2px;color:#dfe9db;font:600 26px Manrope,sans-serif;letter-spacing:.08em}.board.t7,.board.t18{background:repeating-linear-gradient(90deg,#31453d 0 12px,#697b70 13px 16px,#40564b 17px 24px)}.board.t18{background-size:45px 100%}.board.cutout span{color:#d6dfd3;text-shadow:0 0 8px #deffba}.board.engraved{background:#c2d3ca99;border-color:#d2e7df}.board.engraved span{color:#ebf5ed}.board.grid{background:repeating-linear-gradient(90deg,transparent 0 14px,#516756 15px 21px,transparent 22px 29px);border:0;box-shadow:none}.board.hidden-profile{background:none;box-shadow:none;border:0}.board.hidden-profile:before{content:'';position:absolute;left:5%;right:5%;top:45%;height:15px;background:#2b3930;z-index:-1}.board span{position:relative}.plate-art{width:65%;height:115px;transform:perspective(600px) rotateY(-15deg) rotateX(4deg);display:flex;flex-direction:column;justify-content:center;padding:20px 26px;background:#e5e7d9;box-shadow:5px 5px #a5ad9e,15px 20px 20px #0004;border-radius:4px;color:#28352a;position:relative}.plate-art:before,.plate-art:after{content:'';position:absolute;width:7px;height:7px;background:radial-gradient(circle at 30% 20%,#fff,#8d9487);border-radius:50%;top:13px;left:12px}.plate-art:after{left:auto;right:12px}.plate-art b{font:600 22px Manrope,sans-serif}.plate-art small{font-size:8px;letter-spacing:.15em;margin-top:7px}.plate-art.mirror,.plate-art.chrome{background:linear-gradient(120deg,#8d9489,#eef1dc 30%,#9fa993 50%,#e5edce 70%,#7b8a73)}.plate-art.mirror{background:linear-gradient(120deg,#a08b50,#fcf2bd 30%,#baa45d 50%,#fff2af 70%,#ad8c43)}.plate-art.layered{border-left:14px solid #273b2b}.plate-art.laser{background:linear-gradient(120deg,#656e63,#bec4b4,#6e7967);color:#1c271a}.plate-art.print{border-radius:18px;background:#c7cdba;box-shadow:6px 7px #87957b,18px 20px 20px #0004}.config-section{background:#e9ebe4;padding:70px 0 80px}.config-section h2,.closing h2{font:600 clamp(34px,5vw,58px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0}.config-intro{color:var(--muted);margin-bottom:35px}.config-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.preview-column{position:sticky;top:112px}.live-preview{height:470px;border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#e9e8e1,#bdc5b9);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.lights-on .live-preview{background:radial-gradient(ellipse at 50% 35%,#4b554a,#202a21)}.preview-top,.preview-bottom{position:absolute;inset:24px 25px auto;display:flex;justify-content:space-between;color:#657260;font-size:9px;letter-spacing:.12em}.preview-bottom{top:auto;bottom:24px}.lights-on .preview-top,.lights-on .preview-bottom{color:#a6b69d}#configured-art{width:90%;display:flex;justify-content:center;align-items:center}#configured-art .letter{font-size:80px;white-space:nowrap}#configured-art .board{width:95%;height:190px}#configured-art .board .letter{font-size:60px}#configured-art .plate-art{width:90%;height:160px}#configured-art .plate-art b{overflow-wrap:anywhere;line-height:1.1}.preview-note{font-size:11px;color:var(--muted);margin:15px 8px}#config-form{display:flex;flex-direction:column;gap:17px}#config-form label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600}input,select,textarea{width:100%;background:#f8f9f4;border:1px solid #ccd0c5;border-radius:9px;padding:12px;color:#263023;min-width:0}textarea{resize:vertical}label small{font-size:10px;color:var(--muted);font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary{font-size:12px;color:#5e6859;padding-top:12px;border-top:1px solid #c9cec1}.primary{border:0;background:#263928;color:#fff;padding:17px;border-radius:40px;font-size:13px;font-weight:600}.primary:hover{background:#3b513d}.closing{padding:70px 0}.closing p{max-width:600px;color:var(--muted);margin-bottom:25px}footer{border-top:1px solid var(--line);padding:30px 0 45px;display:flex;gap:30px;align-items:center;font-size:12px;flex-wrap:wrap}footer .brand{margin-right:auto}footer .privacy-settings{color:var(--muted)}@keyframes pixel-colour{0%,100%{filter:drop-shadow(0 0 7px #bc95ff) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 7px #bc95ff) hue-rotate(120deg)}}@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.config-layout{gap:26px}.bar-inner{gap:10px}.tabs button{padding:12px 13px}.light-control{font-size:11px}.live-preview{height:380px}}@media(max-width:680px){.shell,.site-header{width:calc(100% - 36px)}.site-header{height:80px}.brand{font-size:17px}nav{gap:10px}nav>a:first-child{display:none}.nav-action{font-size:10px;padding:10px}.intro{padding:48px 0 40px}.intro-bottom{display:block}.intro-bottom p{font-size:14px;margin-bottom:25px}h1{font-size:52px}.bar-inner{flex-wrap:wrap;justify-content:center;padding:12px 0;gap:9px}.tabs{width:100%;justify-content:space-between;gap:2px}.tabs button{font-size:11px;padding:9px 12px}.light-control{margin-left:auto}.catalogue{padding-top:28px}.card-grid{gap:26px 14px}.art{height:210px;border-radius:16px}.letter{font-size:150px}.art-index{left:12px;top:11px}.material-chip{right:10px;bottom:10px;font-size:7px}.card-copy h3{font-size:16px}.card-copy p{font-size:11px;min-height:54px}.card-copy .tag{font-size:8px}.board{height:90px;font-size:15px}.plate-art{height:90px;padding:14px;width:78%}.plate-art b{font-size:15px}.plate-art small{font-size:6px}.config-layout{grid-template-columns:1fr}.preview-column{position:static}.live-preview{height:300px}.config-section{padding:45px 0}.config-intro{font-size:13px}.section-heading h2{font-size:25px}.closing{padding:45px 0}footer{gap:18px}footer .brand{width:100%}.preview-top,.preview-bottom{inset-inline:17px;font-size:8px}}@media(max-width:390px){.card-grid{grid-template-columns:1fr}.art{height:260px}.letter{font-size:185px}.card-copy p{min-height:0}.tabs button{padding:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}