@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#202833;font-family:'Be Vietnam Pro',sans-serif;color:#18202c}.demo-viewer{height:46px;background:#2388df;color:#fff;display:flex;align-items:center;gap:15px;padding:0 25px;position:sticky;top:0;z-index:50;font-size:.78rem}.demo-viewer b{margin-right:auto}.demo-viewer button{border:0;background:#ffffff16;color:#fff;border-radius:4px;padding:7px 10px}.demo-viewer a{margin-left:auto;color:#fff;text-decoration:none}.site-shell{max-width:100%;margin:auto;background:#fff;transition:max-width .35s;min-height:100vh}.promo{text-align:center;background:var(--dark);color:#fff;padding:8px;font-size:.72rem}header{height:82px;display:flex;align-items:center;gap:35px;padding:0 max(30px,calc((100% - 1180px)/2));background:#fff;position:relative;z-index:10;border-bottom:1px solid #0001}.brand{font-size:1.4rem;font-weight:800;color:var(--primary);white-space:nowrap}header nav{display:flex;gap:25px;margin:auto}header nav a,.header-tools a{font-size:.82rem;font-weight:600;color:#334155;text-decoration:none}.header-tools{display:flex;align-items:center;gap:15px}.header-tools button{background:none;border:0;font-size:1.2rem}.header-tools b{background:var(--accent);color:#fff;border-radius:50%;padding:2px 6px}.mobile-menu{display:none}.demo-hero{height:590px;background-size:cover;background-position:center;display:flex;align-items:center}.demo-hero>div{width:min(1180px,calc(100% - 60px));margin:auto}.demo-hero span,.section-title span,.story-band>div>span{font-size:.7rem;letter-spacing:.16em;color:var(--accent);font-weight:800}.demo-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.06;max-width:700px;margin:18px 0;color:var(--heroText);letter-spacing:-.045em}.demo-hero p{max-width:590px;color:var(--heroSub);line-height:1.7}.demo-hero a,.story-band a{display:inline-block;margin-top:22px;background:var(--accent);color:#fff;text-decoration:none;padding:14px 24px;font-weight:700}.tech-cats,.ceramic-values{width:min(1180px,calc(100% - 60px));margin:-38px auto 0;position:relative;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 15px 45px #0002}.tech-cats a{height:100px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #e5e7eb}.ceramic-values{grid-template-columns:repeat(3,1fr);padding:26px}.ceramic-values span{text-align:center;border-right:1px solid #e5e7eb}.tour-search{width:min(1080px,calc(100% - 60px));margin:-45px auto 0;position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;padding:22px;display:grid;grid-template-columns:2fr 1.4fr 1fr auto;gap:12px}.tour-search label{font-size:.7rem;font-weight:700}.tour-search input,.tour-search select{display:block;width:100%;border:0;border-bottom:1px solid #dbe1e8;padding:9px 0}.tour-search button,.newsletter button{background:var(--accent);color:#fff;border:0;padding:0 25px;font-weight:700}.featured{padding:90px max(30px,calc((100% - 1180px)/2))}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font-size:clamp(2rem,4vw,3rem);margin:9px}.demo-products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.demo-products article{border:1px solid #e4e7ec;background:#fff;padding-bottom:18px;position:relative}.demo-product-image{height:250px;background:linear-gradient(145deg,var(--soft),#fff);display:grid;place-items:center;position:relative}.demo-product-image>span{display:grid;place-items:center;width:130px;height:165px;background:linear-gradient(145deg,var(--primary),var(--accent));border-radius:15px;color:#fff8;font-size:4rem;font-weight:800}.ceramic-demo .demo-product-image>span{border-radius:48% 48% 30% 30%}.travel-demo .demo-product-image>span{width:100%;height:100%;border-radius:0;background:linear-gradient(145deg,var(--primary),var(--accent));opacity:.75}.demo-product-image i{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:.55rem;padding:5px 8px}.demo-products article>small,.demo-products article>h3,.demo-products article>strong,.demo-products article>a,.stars{display:block;margin:9px 16px}.demo-products small{color:#94a3b8}.demo-products h3{font-size:1rem}.demo-products strong{color:var(--primary)}.demo-products a{font-size:.75rem;color:var(--accent);font-weight:700}.stars{color:#f59e0b;font-size:.65rem}.story-band{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.story-photo{min-height:480px;background-size:cover;background-position:center}.story-band>div:last-child{padding:80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.story-band h2{font-size:clamp(2rem,4vw,3.4rem);margin:13px 0;color:var(--primary)}.story-band p{line-height:1.8;color:#64748b}.newsletter{padding:60px max(30px,calc((100% - 1180px)/2));background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center}.newsletter h2{margin:0}.newsletter p{color:#ffffffaa}.newsletter form{display:flex;width:420px}.newsletter input{padding:15px;border:0;width:100%}footer{background:var(--dark);color:#94a3b8;padding:35px max(30px,calc((100% - 1180px)/2));display:flex;justify-content:space-between}footer b{color:#fff}.tech-demo{--primary:#0756b9;--accent:#ff6b00;--soft:#edf6ff;--dark:#061b38;--heroOverlay:#061b38eb;--heroText:#fff;--heroSub:#c7d8ee}.ceramic-demo{--primary:#633b25;--accent:#b76b3a;--soft:#f7f0e7;--dark:#2e2119;--heroOverlay:#f7f0e7f2;--heroText:#4b2c1d;--heroSub:#6f5a4e}.ceramic-demo h1,.ceramic-demo h2{font-family:'Playfair Display',serif;letter-spacing:-.02em}.travel-demo{--primary:#075c62;--accent:#f59e0b;--soft:#e8f7f5;--dark:#06383d;--heroOverlay:#06383dd9;--heroText:#fff;--heroSub:#d6eeee}.travel-demo .demo-hero{background-position:center}.travel-demo .demo-products article{border-radius:12px;overflow:hidden}.travel-demo .demo-product-image{background-image:linear-gradient(145deg,#0f766e,#67e8f9)}@media(max-width:900px){header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}header nav.open{display:flex}.mobile-menu{display:block;border:0;background:none}.header-tools{margin-left:auto}.demo-products{grid-template-columns:1fr 1fr}.story-band{grid-template-columns:1fr}.story-photo{min-height:330px}.tour-search{grid-template-columns:1fr 1fr}.newsletter{display:block}.newsletter form{width:100%}.demo-viewer span{display:none}}@media(max-width:560px){.demo-viewer button{display:none}.demo-hero{height:520px}.demo-hero>div{width:calc(100% - 35px)}.tech-cats{grid-template-columns:1fr 1fr}.tech-cats a:last-child{display:none}.ceramic-values{grid-template-columns:1fr;margin-top:0}.ceramic-values span{padding:8px}.tour-search{grid-template-columns:1fr;margin-top:0}.demo-products{grid-template-columns:1fr}.featured{padding:60px 18px}.story-band>div:last-child{padding:45px 25px}footer{display:grid;gap:12px}.header-tools a{font-size:0}.header-tools a b{font-size:.75rem}}