:root{--ink:#171717;--muted:#5d625f;--paper:#fbfaf7;--mist:#eef2ef;--lapis:#123f8c;--jade:#7f9d8a;--gold:#b78b43;--line:#ded8cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-shell{min-height:100vh}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px clamp(20px,5vw,72px);display:flex}.brand{color:var(--ink);letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:20px;text-decoration:none}.nav-links{color:var(--muted);gap:18px;font-size:14px;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover,.brand:hover{color:var(--lapis)}.hero{color:#f6efe3;background:radial-gradient(circle at 74% 35%,#123f8c80,#0000 29%),radial-gradient(circle at 58% 64%,#b78b4338,#0000 31%),radial-gradient(circle at 15% 16%,#ffffff1f,#0000 28%),linear-gradient(135deg,#0b0907 0%,#15100b 52%,#050505 100%);grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:calc(100vh - 73px);padding:clamp(54px,7vw,88px) clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.hero>div{z-index:1;position:relative}.eyebrow{color:var(--lapis);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:13px;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:840px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,76px);font-weight:500;line-height:.98}.hero-copy{color:#f6efe3c7;max-width:680px;margin:24px 0 0;font-size:18px;line-height:1.65}.hero .eyebrow{color:#d9b35f}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--ink);border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:#fff}.hero .button{color:#f6efe3;border-color:#f6efe3b3}.hero .button.primary{color:#111;background:#f6efe3;border-color:#f6efe3}.crystal-hero-visual{background:radial-gradient(circle at 52% 47%,#1c59b975,#0000 32%),radial-gradient(circle at 58% 52%,#ffffff1f,#0000 20%),linear-gradient(#f6efe314 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#f6efe30e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #f6efe324;border-radius:2px;min-height:min(62vw,640px);position:relative;overflow:hidden;box-shadow:0 36px 110px #00000057,inset 0 0 80px #ffffff0a}.hero-render{z-index:0;object-fit:cover;opacity:.92;width:100%;height:100%;animation:8s ease-in-out infinite alternate heroRenderDrift;position:absolute;inset:0;transform:scale(1.04)}.crystal-hero-visual:before{content:"Crystal Houzz 01";color:#f6efe380;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;position:absolute;top:18px;right:22px}.crystal-hero-visual:after{content:"";border:1px solid #f6efe317;border-radius:999px;position:absolute;inset:6%;transform:rotate(-9deg)}.string-path{z-index:1;aspect-ratio:1;fill:none;stroke:#f6efe338;stroke-dasharray:5 8;stroke-linecap:round;stroke-width:.7px;width:min(88%,430px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-thread{z-index:1;aspect-ratio:1;filter:drop-shadow(0 0 14px #b78b4373);border:2px solid #b78b438a;border-left-color:#0000;border-radius:999px;width:min(79%,390px);animation:2.4s both threadReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.bead-field{z-index:1;opacity:.18;mix-blend-mode:screen;position:absolute;inset:0}.string-bead{--bead-delay:0s;opacity:0;border:1px solid #17171724;border-radius:17px;width:clamp(48px,5.2vw,76px);height:clamp(29px,3.05vw,43px);animation:.9s cubic-bezier(.2,.9,.2,1.1) forwards stringBead;position:absolute;transform:translate(-50%,-50%)scale(.42);box-shadow:inset 10px 9px 13px #ffffff57,inset -10px -10px 18px #0000002e,0 22px 46px #0000005c}.string-bead.lapis{background:radial-gradient(circle at 64% 28%,#fff6 0 3px,#0000 4px),radial-gradient(circle at 32% 68%,#d7b562bd 0 2px,#0000 3px),linear-gradient(135deg,#08265e,#1456b8 45%,#071f55)}.string-bead.quartz{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#0000 0 24%,#ffffffdb 25% 31%,#0000 32% 48%,#ffffffb8 49% 55%,#0000 56%),linear-gradient(135deg,#ffffffeb,#cbdbe270)}.string-bead.gold{background:radial-gradient(circle at 34% 28%,#fff1b9 0 18%,#0000 19%),linear-gradient(135deg,#8c6424,#f4ca68 52%,#9d6d24);border-radius:999px;width:clamp(22px,2.2vw,32px);height:clamp(22px,2.2vw,32px)}.hero-spec-card,.hero-floating-copy{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08070694;border:1px solid #f6efe324;border-radius:8px;position:absolute;box-shadow:0 22px 60px #0000003d}.hero-spec-card{gap:5px;min-width:174px;padding:14px 16px;display:grid;top:24px;left:24px}.hero-spec-card span,.hero-floating-copy span,.hero-scroll-note,.hero-orbit-copy{color:#f6efe38a;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.hero-spec-card strong{font-size:16px}.hero-floating-copy{max-width:245px;padding:16px;bottom:58px;right:24px}.hero-floating-copy strong{margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500;line-height:1.08;display:block}.hero-floating-copy p{color:#f6efe3b8;margin:10px 0 0;font-size:14px;line-height:1.55}.hero-scroll-note{position:absolute;bottom:22px;left:24px}.hero-orbit-copy{z-index:2;text-align:center;text-transform:none;letter-spacing:0;width:138px;line-height:1.45;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes stringBead{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}68%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes threadReveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes heroRenderDrift{0%{transform:scale(1.04)translate(-1.5%)}to{transform:scale(1.08)translate(1.5%,-1%)}}.content{padding:0 clamp(20px,5vw,72px) 72px}.material-story{color:#f6efe3;background:linear-gradient(#f6efe30b 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#f6efe309 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle at 72% 46%,#123f8c57,#0000 30%),linear-gradient(145deg,#050505 0%,#11100e 52%,#1b1208 100%);grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(64px,8vw,104px) clamp(20px,5vw,72px);display:grid;position:relative;overflow:hidden}.material-story:after{content:"";pointer-events:none;border:1px solid #f6efe314;position:absolute;inset:7%}.material-story-copy,.material-story-image{z-index:1;position:relative}.material-story h2{letter-spacing:0;max-width:680px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.4vw,64px);font-weight:500;line-height:1}.material-story p:not(.eyebrow){color:#f6efe3b8;max-width:610px;margin:24px 0 0;font-size:17px;line-height:1.72}.material-points{gap:10px;margin-top:34px;display:grid}.material-points span{color:#f6efe3d6;background:#f6efe30a;border:1px solid #f6efe31f;border-radius:4px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:800;display:flex}.material-story-image{border:1px solid #f6efe31f;border-radius:3px;min-height:min(48vw,560px);overflow:hidden;box-shadow:0 34px 110px #00000073}.material-story-image img{object-fit:cover}.page-hero{background:linear-gradient(90deg, #123f8c14, transparent 45%), var(--mist);padding:clamp(52px,8vw,92px) clamp(20px,5vw,72px)}.page-hero h1{max-width:920px}.page-hero p:not(.eyebrow){color:#3f4542;max-width:760px;font-size:18px;line-height:1.65}.product-detail-hero{background:radial-gradient(circle at 24% 38%,#123f8c1f,#0000 30%),linear-gradient(135deg,#f9f7f1,#f2efe7);grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,72px);padding:clamp(42px,6vw,84px) clamp(20px,5vw,72px);display:grid}.product-detail-media{border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#123f8c14,#0000 38%),#fff;border-radius:8px;min-height:min(46vw,620px);position:relative;overflow:hidden}.product-detail-media img{object-fit:contain;padding:clamp(14px,3vw,34px)}.product-detail-copy{align-content:center;display:grid}.product-detail-copy h1{max-width:860px;color:var(--ink);font-size:clamp(38px,5vw,70px)}.product-detail-copy>p:not(.eyebrow):not(.fine-print){color:#3f4542;max-width:690px;margin:24px 0 0;font-size:18px;line-height:1.7}.product-price-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.product-price-row strong{font-size:34px}.product-price-row span{color:var(--lapis);background:#123f8c12;border:1px solid #123f8c38;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.product-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-spec-grid div{border:1px solid var(--line);background:#ffffff94;border-radius:8px;gap:8px;min-height:112px;padding:18px;display:grid}.product-spec-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.product-spec-grid strong{color:#303632;font-size:16px;line-height:1.45}.section{border-top:1px solid var(--line);grid-template-columns:minmax(190px,.34fr) minmax(0,.66fr);gap:clamp(24px,5vw,64px);padding:52px 0;display:grid}.section h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.12}.section p,.section li{color:#3f4542;font-size:17px;line-height:1.72}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{color:inherit;border:1px solid var(--line);background:#ffffff75;border-radius:8px;padding:20px;text-decoration:none;transition:border-color .16s,transform .16s}.card:hover{border-color:#123f8c73;transform:translateY(-2px)}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;font-size:15px}.product-card{flex-direction:column;min-height:250px;display:flex}.product-card small{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.5;display:block}.product-card strong{margin-top:18px;font-size:18px;display:inline-block}.product-image{aspect-ratio:1;background:#fff;border:1px solid #17171714;border-radius:6px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.product-image img{object-fit:cover}.shop-feature{gap:22px;display:grid}.shop-feature>p{max-width:820px;margin:0}.home-product-image{background:radial-gradient(circle at 50% 42%,#123f8c14,#0000 38%),#fff}.home-product-image img{object-fit:contain;padding:8px}.status-pill{color:var(--lapis);background:#123f8c12;border:1px solid #123f8c3d;border-radius:999px;align-self:flex-start;margin-bottom:12px;padding:5px 9px;font-size:12px;font-weight:700}.shop-intro{gap:18px;display:grid}.conversion-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.conversion-strip span{border:1px solid var(--line);color:#303632;background:#ffffff9e;border-radius:6px;min-height:54px;padding:12px;font-size:14px;font-weight:700}.catalog-summary{border-left:3px solid var(--gold);background:#ffffff9e;gap:6px;padding:16px;display:grid}.catalog-summary strong{font-size:18px}.catalog-summary span{color:var(--muted);font-size:14px;line-height:1.5}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-actions{grid-template-columns:1fr;gap:8px;margin-top:auto;padding-top:18px;display:grid}.card-actions .button{width:100%;min-height:42px;padding:0 12px;font-size:14px}.revenue-row{border-bottom:1px solid var(--line);gap:8px;padding:18px 0;display:grid}.revenue-row strong{font-size:18px}.revenue-row span{color:#3f4542;font-size:16px;line-height:1.65}.meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.swatch{border:1px solid #17171714;border-radius:6px;width:100%;height:108px;margin-bottom:18px;display:block}.swatch.lapis{background:radial-gradient(circle at 68% 34%,#b78b43d9 0 4px,#0000 5px),linear-gradient(135deg,#06275f,#1554b8)}.swatch.night{background:radial-gradient(circle at 45% 48%,#b78b43bf 0 5px,#0000 6px),linear-gradient(135deg,#101010,#173c72)}.swatch.jade{background:linear-gradient(135deg,#d7e2d5,#78997f)}.swatch.obsidian{background:linear-gradient(135deg,#111,#454545)}.swatch.agate{background:linear-gradient(135deg,#ffffff1f,#0000),repeating-linear-gradient(35deg,#9e4d2f 0 16px,#c9824a 16px 30px,#e2c08b 30px 44px)}.steps{gap:12px;margin:0;padding-left:22px;display:grid}.quiz-shell{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:18px;width:100%;display:grid}.quiz-questions{gap:14px;display:grid}.quiz-step{border:1px solid var(--line);background:#ffffff80;border-radius:8px;margin:0;padding:18px}.quiz-step legend{align-items:center;gap:10px;margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:22px;display:flex}.quiz-step legend span{color:var(--gold);font-family:inherit;font-size:16px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-option{border:1px solid var(--line);background:var(--paper);min-height:112px;color:var(--ink);cursor:pointer;text-align:left;border-radius:6px;padding:16px;transition:background .16s,border-color .16s,transform .16s}.quiz-option:hover,.quiz-option.selected{background:#fff;border-color:#123f8c8f;transform:translateY(-1px)}.quiz-option strong,.quiz-option small{display:block}.quiz-option small{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.45}.result-panel{background:#fff;border:1px solid #17171729;border-radius:8px;align-self:start;padding:22px;position:sticky;top:20px;box-shadow:0 24px 60px #17171714}.result-panel h2{margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.08}.result-panel p{color:#3f4542;font-size:16px;line-height:1.65}.result-theme{border-left:3px solid var(--gold);background:var(--mist);gap:8px;margin:18px 0 0;padding:16px;display:grid}.result-theme span{color:#3f4542;font-size:15px;line-height:1.6}.fine-print{color:var(--muted);font-size:13px}.stack{gap:12px;display:grid}.list-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;text-decoration:none;display:flex}.list-link strong,.list-link small{display:block}.list-link small{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.faq{gap:14px;display:grid}.faq details{border:1px solid var(--line);background:#ffffff80;border-radius:8px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:700}.faq p{margin-bottom:0}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:flex-start;gap:24px;padding:34px clamp(20px,5vw,72px);font-size:14px;display:flex}.footer p{max-width:720px;color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{text-decoration:none}@media (max-width:820px){.nav{flex-direction:column;align-items:flex-start}.hero,.material-story,.product-detail-hero,.section,.quiz-shell{grid-template-columns:1fr}.product-detail-media{min-height:350px}.product-spec-grid{grid-template-columns:1fr}.material-story{padding-top:56px}.material-story:after{inset:14px}.material-story-image{min-height:290px}.crystal-hero-visual{min-height:370px}.hero-render{opacity:1;object-position:center}.hero-floating-copy,.hero-orbit-copy,.bead-field,.string-path{display:none}.hero-spec-card{top:16px}.string-bead{width:44px;height:27px}.string-bead.gold{width:18px;height:18px}.hero-spec-card,.hero-floating-copy{max-width:none;left:16px;right:16px}.hero-floating-copy{bottom:48px}.grid,.conversion-strip,.catalog-grid,.option-grid{grid-template-columns:1fr}.result-panel{position:static}.footer{flex-direction:column}}