:root{--glass:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.64));--glass-edge:rgba(255,255,255,.95);--glass-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff80,0 10px 32px #252b3309;--muted:#4d6174}
body{background:#fbfbfc;background-image:radial-gradient(ellipse at 5% 15%,#eef0f240,transparent 42%),radial-gradient(ellipse at 95% 60%,#f0f1f330,transparent 38%);background-attachment:fixed}
.hero{background:radial-gradient(ellipse at 90% 30%,#eff1f338,transparent 55%),linear-gradient(135deg,#ffffffc9,#ffffff40)}
.nav,.stats,.fabric-family,.service,.contact-card,.sourcing-note,.cta{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(105%);-webkit-backdrop-filter:blur(24px) saturate(105%)}
.nav{background:linear-gradient(120deg,#ffffffdc,#ffffff70)}
.band{background:linear-gradient(110deg,#f5f6f740,#ffffff55)}
.fabric-family{border-radius:32px;transition:box-shadow .2s,border-color .2s}
.fabric-family:hover{border-color:#fff;box-shadow:var(--glass-shadow),0 20px 48px #252b3309}
.family-photo{border:1px solid #ffffffc9;box-shadow:0 6px 18px #314b6110}
.pill,.ghost,.category-nav a,.fabric-explore{background:linear-gradient(135deg,#ffffffed,#ffffff55);color:#394b5a;border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 5px 16px #252b330a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pill:hover,.ghost:hover,.category-nav a:hover,.fabric-explore:hover{background:linear-gradient(135deg,#fff,#f2f3f4b3)}
.fabric-explore{display:flex;align-items:center;justify-content:space-between;gap:16px;width:calc(100% - 40px);margin:0 20px 22px;padding:16px 20px;border-radius:20px;line-height:1.4;font-family:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;min-height:56px}
.fabric-explore span{font-size:1.4rem;flex-shrink:0}
.fabric-popup,#inquiry-dialog{color:#172d40;border:1px solid #ffffffed;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(250,250,251,.82));box-shadow:inset 0 2px 2px #fff,inset 0 -1px 1px #fff9,0 30px 100px #20263024,0 0 0 5px #ffffff25;backdrop-filter:blur(38px) saturate(105%);-webkit-backdrop-filter:blur(38px) saturate(105%)}
.fabric-popup{width:min(780px,calc(100% - 32px));max-height:86vh;max-height:86dvh;padding:0;overflow:auto;overscroll-behavior:contain}
.fabric-popup::backdrop,#inquiry-dialog::backdrop{background:#262a3026;backdrop-filter:blur(9px) saturate(100%);-webkit-backdrop-filter:blur(9px) saturate(100%)}
.fabric-popup-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-bottom:1px solid #fff;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1}
.fabric-popup-head h2{font-size:clamp(1.55rem,4vw,2rem);line-height:1.2;letter-spacing:-.04em;margin:8px 0 0;overflow-wrap:anywhere}
.fabric-popup-close,#inquiry-close{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;border:1px solid white;background:linear-gradient(135deg,#fff,#ffffff60);box-shadow:var(--glass-shadow);font-size:1.8rem;color:#24445c;cursor:pointer}
.fabric-popup-body{padding:4px 30px 30px}.fabric-popup-body dl{margin:0 0 24px}.fabric-popup .fabric-definition{border-color:#ffffffdf;padding:22px 0}.fabric-popup .fabric-definition dt{font-size:1.1rem;color:#172d40}.fabric-popup .fabric-definition dd{color:#3b5368}.fabric-popup .fabric-use{color:#355a76;font-size:.95rem}.fabric-popup-body .pill{display:flex;text-align:center}
#inquiry-form input,#inquiry-form textarea,#inquiry-form select{background:#ffffffa8;border-color:#d9dde1;box-shadow:inset 0 1px 2px #fff}#inquiry-form .pill{background:linear-gradient(130deg,#255e89,#3c7ba8);border:1px solid #ffffffbf;color:white}
body:has(dialog[open]){overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #226bb6;outline-offset:3px}
@media(max-width:600px){.fabric-popup{width:calc(100% - 24px);border-radius:26px;max-height:88dvh}.fabric-popup-head{padding:20px}.fabric-popup-body{padding:0 20px 24px}.fabric-explore{margin:0 16px 18px;width:calc(100% - 32px)}#inquiry-dialog{padding:22px}}
@media(prefers-reduced-transparency:reduce){.fabric-popup,#inquiry-dialog,.nav,.stats,.fabric-family,.service,.contact-card{background:#fbfbfc}}
@supports not (backdrop-filter:blur(1px)){.fabric-popup,#inquiry-dialog{background:#fbfbfc}}
@media(prefers-reduced-motion:reduce){.fabric-family{transition:none}}

/* Soft white glass accents */
.eyebrow,.stat b,.service i{color:#53616d}.service i{background:linear-gradient(135deg,#fff,#f2f3f5)}
.loom{border-color:#ffffffe0;box-shadow:0 18px 50px #252b3312}.loom strong{background:#ffffffbd;box-shadow:inset 0 1px 1px #fff,0 6px 18px #252b3308}
.about-photo img{box-shadow:0 12px 34px #252b3310}.family-photo{box-shadow:0 5px 16px #252b3308}
#inquiry-form .pill{background:linear-gradient(130deg,#415b70,#526d82)}

/* Quiet luxury: airy white glass, editorial type and charcoal accents. */
.contact-scene{margin:0 0 28px;padding:8px;border:1px solid #e6e8eb99;border-radius:30px;background:var(--glass);box-shadow:var(--glass-shadow);overflow:hidden}.contact-scene img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center 60%;border-radius:23px}@media(max-width:700px){.contact-scene{padding:6px;border-radius:25px}.contact-scene img{border-radius:19px;max-height:none}}
.warehouse-gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}.warehouse-gallery figure{margin:0;padding:8px;border:1px solid #e6e8eb99;border-radius:30px;background:linear-gradient(135deg,#fff,#ffffff80);box-shadow:var(--glass-shadow);overflow:hidden}.warehouse-gallery img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:23px}.warehouse-gallery figure:first-child img{aspect-ratio:1.5}.warehouse-gallery figure:last-child img{aspect-ratio:1.15}#fabric-rolls{padding-bottom:20px}@media(max-width:700px){.warehouse-gallery{grid-template-columns:1fr;gap:20px}.warehouse-gallery img{height:auto;min-height:0;aspect-ratio:1.5!important}.warehouse-gallery figure{padding:6px;border-radius:25px}.warehouse-gallery img{border-radius:19px}}
:root{--ink:#24282c;--muted:#63686d;--glass-edge:rgba(222,225,228,.65)}
body{background-color:#fdfdfd}
.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.15em;color:#292e32}
.hero h1,.head h2,.about-grid h2,.cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;color:#252a2e;line-height:1.1}
.hero h1{font-size:clamp(3.2rem,6.2vw,5.5rem);max-width:760px}
.hero-inner{padding-top:82px;padding-bottom:94px;gap:60px}
.hero p{font-size:1.05rem;line-height:1.85;max-width:560px}
.eyebrow{font-weight:500;letter-spacing:.2em;color:#646b70}
.section{padding:96px 0}.head{margin-bottom:48px}.head p,.about-grid p{line-height:1.8}
.nav{box-shadow:inset 0 1px 1px #fff,0 6px 24px #20252b05}
.nav .pill,.actions>.pill,.cta>.pill,.sourcing-note .pill,.fabric-popup-body .pill,#inquiry-form .pill{background:linear-gradient(135deg,#30373d,#424b52);color:#fff;border:1px solid #ffffffb3;box-shadow:inset 0 1px 1px #ffffff25,0 5px 16px #20262c12;font-weight:500}
.nav .pill:hover,.actions>.pill:hover,.cta>.pill:hover,.sourcing-note .pill:hover,.fabric-popup-body .pill:hover,#inquiry-form .pill:hover{background:#283138}
.family-overview h3,.fabric-popup-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.family-overview h3{font-size:1.9rem}.family-overview{padding:28px 22px 20px}
.family-overview p{line-height:1.8}.fabric-families{gap:34px}
.fabric-explore{color:#424e57;font-weight:500;background:linear-gradient(135deg,#ffffffdd,#f8f9fa80);border-color:#e5e8eb80}
.category-nav{gap:12px}.category-nav a{color:#505d67;border-color:#e3e6e980;font-weight:400}
.loom{border-width:6px;border-radius:32px}.loom strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.55rem;line-height:1.35;color:#30383f}
.stat b{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.6rem;color:#39434a}
.service h3{font-weight:500}.service i{background:#f8f9fa;color:#626b72;box-shadow:none;border:1px solid #e9ebee}
.footer{color:#72777c;border-color:#e9ebed}
@media(max-width:820px){.hero-inner{padding:54px 0 64px;gap:32px}.section{padding:68px 0}.head{margin-bottom:32px}.stat b{font-size:1.2rem}}
@media(max-width:500px){.hero h1{font-size:3.3rem}.family-overview{padding:22px 16px 16px}.family-overview h3{font-size:1.75rem}.fabric-families{gap:24px}.stat b{font-size:1.5rem}.brand{font-size:.84rem}.category-nav{gap:8px}}