@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Outfit:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cormorant Garamond,Georgia,serif;background:#faf9f7;color:#2d3a3a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1}.header{position:sticky;top:0;z-index:100;background:#faf9f7f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;max-width:1600px;margin:0 auto}.phone-link{font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.1em;color:#6b7a7a;text-decoration:none;display:flex;align-items:center;gap:8px}.logo{text-align:center;cursor:pointer}.logo h1{font-size:32px;font-weight:400;letter-spacing:.02em;color:#2d3a3a}.logo h1 span{font-style:italic;font-weight:300}.logo p{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#8b9a6b;margin-top:4px}.header-actions{display:flex;gap:6px}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(45,58,58,.15);background:transparent;cursor:pointer;color:#2d3a3a;transition:all .2s ease;border-radius:50%}.icon-btn:hover{background:#8b9a6b1a;color:#1a2525;border-color:#8b9a6b66}.nav{display:flex;justify-content:center;gap:48px;padding:0 48px 16px}.nav-link{font-family:Outfit,sans-serif;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#4a5858;text-decoration:none;padding:8px 0;position:relative;cursor:pointer;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#1a2525}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#8b9a6b;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#2d3a3a,#4a5858 45%,#7a8760)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 60px),repeating-linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 1px,transparent 60px);opacity:.35}.hero-content{position:relative;z-index:1;max-width:640px;padding:80px 120px 100px;color:#f7f4ef}.hero-label{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.35em;text-transform:uppercase;margin-bottom:18px;display:block}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:300;line-height:1.1;margin-bottom:22px}.hero-title span{font-style:italic}.hero-text{font-family:Outfit,sans-serif;font-size:14px;line-height:1.8;color:#f1efe9cc;margin-bottom:28px;max-width:420px}.hero-cta{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:16px 32px;background:#2a3435;color:#fff;border:none;cursor:pointer;min-width:220px;display:inline-block;text-decoration:none}.fabrics-section{padding:80px 48px;max-width:1600px;margin:0 auto;width:100%}.section-header{text-align:center;margin-bottom:48px}.section-label{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#8b9a6b;margin-bottom:12px}.section-title{font-size:36px;font-weight:300;margin-bottom:12px}.section-subtitle{font-family:Outfit,sans-serif;font-size:14px;color:#6b7a7a}.fabrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}.fabric-card{background:#fff;border:1px solid rgba(0,0,0,.06);padding:18px;transition:transform .3s ease,box-shadow .3s ease}.fabric-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #2d3a3a1f}.fabric-swatch{height:160px;background:linear-gradient(135deg,#f1efe9,#d9d5cb);margin-bottom:16px}.fabric-info h4{font-size:18px;font-weight:400;margin-bottom:6px}.fabric-colour{font-family:Outfit,sans-serif;font-size:13px;color:#6b7a7a;margin-bottom:4px}.fabric-price{font-family:Outfit,sans-serif;font-size:14px;color:#2d3a3a}.curtains-section{padding:80px 48px;max-width:1600px;margin:0 auto;width:100%}.curtains-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.curtain-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 16px 32px #2d3a3a14;transition:transform .2s ease,box-shadow .2s ease}.curtain-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #2d3a3a1f}.curtain-image{height:160px;border-radius:12px;background:linear-gradient(135deg,#efeae2,#d7d0c4);position:relative;overflow:hidden}.curtain-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 6px,transparent 6px,transparent 18px)}.curtain-image:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(to top,rgba(45,58,58,.35),transparent)}.curtain-heading h4{font-size:20px;font-weight:400}.curtain-tag{font-family:Outfit,sans-serif;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#8b9a6b;margin-bottom:10px;display:inline-block}.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#2d3a3a;text-decoration:none;border-top:1px solid rgba(0,0,0,.08);padding-top:12px}.flow-section{padding:80px 48px;max-width:1600px;margin:0 auto;width:100%}.flow-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px}.flow-left,.flow-right{display:flex;flex-direction:column;gap:24px}.flow-title{font-size:32px;font-weight:300;margin-top:8px}.flow-subtitle{font-family:Outfit,sans-serif;font-size:13px;color:#6b7a7a}.back-link{font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6b7a7a;text-decoration:none}.flow-block{display:flex;flex-direction:column;gap:16px}.block-title{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#6b7a7a}.fabric-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px}.swatch{width:100%;aspect-ratio:1;border:1px solid rgba(0,0,0,.08);cursor:pointer;position:relative}.swatch.active{outline:2px solid #8b9a6b;outline-offset:3px}.swatch-meta p{font-size:16px;font-weight:400}.swatch-meta span{font-family:Outfit,sans-serif;font-size:13px;color:#6b7a7a}.making-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px}.making-card{border:1px solid rgba(0,0,0,.12);padding:16px;background:#fff;text-align:center;cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;display:flex;flex-direction:column;gap:6px}.making-card span{color:#6b7a7a;font-size:11px}.making-card.active{border-color:#8b9a6b;box-shadow:0 0 0 2px #8b9a6b33}.lining-grid{display:flex;flex-wrap:wrap;gap:10px}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px}.dimension-grid label{display:flex;flex-direction:column;gap:8px;font-family:Outfit,sans-serif;font-size:12px;color:#6b7a7a}.dimension-grid input,.dimension-grid select{padding:10px 12px;border:1px solid rgba(45,58,58,.2);font-family:Outfit,sans-serif}.total-block{border-top:1px solid rgba(0,0,0,.1);padding-top:16px}.total-value{font-size:28px;font-weight:300}.flow-actions{display:flex;flex-direction:column;gap:8px}.hint-text{font-family:Outfit,sans-serif;font-size:12px;color:#6b7a7a}.flow-grid,.flow-card,.flow-options{display:none}.option-chip{border:1px solid rgba(45,58,58,.15);background:transparent;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;cursor:pointer;letter-spacing:.05em}.option-chip.active{background:#2a3435;color:#fff;border-color:#2a3435}.primary-btn{background:#2a3435;color:#fff;border:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.error-text{color:#c94c4c;font-family:Outfit,sans-serif;font-size:12px}.result-box{background:#f5f2ec;padding:12px;font-size:12px;overflow:auto;max-height:220px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:14px;color:#6b7a7a;min-height:200px}.error-state{color:#c94c4c}.spinner{width:20px;height:20px;border:2px solid #e8e8e4;border-top-color:#8b9a6b;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:#2d3a3a;color:#fff;padding:80px 48px 40px;margin-top:auto}.footer-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.footer-logo{font-size:24px;font-weight:400;margin-bottom:16px}.footer-logo span{font-style:italic;font-weight:300}.footer-text{font-family:Outfit,sans-serif;font-size:13px;color:#ffffffb3;line-height:1.8}.footer-title{font-family:Outfit,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;color:#8b9a6b}.footer-links{list-style:none}.footer-links li{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:13px;color:#ffffffb3}.footer-links a{font-family:Outfit,sans-serif;font-size:13px;color:#ffffffb3;text-decoration:none}.footer-bottom{max-width:1600px;margin:64px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-family:Outfit,sans-serif;font-size:12px;color:#ffffff80}@media (max-width:900px){.header-inner{padding:16px 24px;gap:12px}.phone-link{display:none}.nav{padding:0 24px 16px;gap:24px;flex-wrap:wrap}.hero-content{padding:64px 24px 80px}.footer-grid{grid-template-columns:repeat(2,1fr)}.flow-layout{grid-template-columns:1fr}.fabric-swatches{grid-template-columns:repeat(3,1fr)}.dimension-grid{grid-template-columns:1fr}}@media (max-width:600px){.logo h1{font-size:24px}.footer-grid{grid-template-columns:1fr}}