:root{--linen:#fbf5eb;--paper:#fffaf2;--ink:#3a2b24;--muted:#8b7465;--thread:#b86f54;--sage:#7c927d;--blue:#72869d;--rose:#c9938a;--line:rgba(58,43,36,.14);--shadow:0 28px 80px rgba(72,45,31,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(90deg,rgba(124,146,125,.08) 0 1px,transparent 1px),linear-gradient(180deg,#fbf5eb,#f3e7da 55%,#fbf5eb);background-size:42px 42px,auto;color:var(--ink);font-family:'Cormorant Garamond',Georgia,serif;line-height:1.35;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:30;background:rgba(251,245,235,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px clamp(16px,4vw,54px)}.brand{font-family:'Inter',system-ui,sans-serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.navlinks{display:flex;gap:18px;font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:800;color:var(--muted)}.navlinks a:hover{color:var(--thread)}.top-cta{justify-self:end;font-family:'Inter',system-ui,sans-serif;background:var(--ink);color:#fff;border-radius:999px;padding:11px 16px;font-weight:850;font-size:13px}.hero{min-height:92svh;display:grid;grid-template-columns:42% 58%;gap:0;border-bottom:1px solid var(--line)}.hero-image{position:relative;min-height:92svh;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(58,43,36,.20),transparent 45%)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,7vw,96px);position:relative}.hero-copy:before{content:'StitchVault';position:absolute;right:4vw;top:5vh;font-size:clamp(68px,11vw,170px);line-height:.8;color:rgba(184,111,84,.08);font-weight:700;pointer-events:none}.kicker{font-family:'Inter',system-ui,sans-serif;color:var(--thread);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(58px,8.8vw,132px);line-height:.82;letter-spacing:-.055em;margin:18px 0 20px;max-width:780px}.hero p{font-family:'Inter',system-ui,sans-serif;color:var(--muted);font-size:19px;max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{font-family:'Inter',system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 19px;font-weight:900;border:1px solid var(--line);background:var(--thread);color:white;box-shadow:0 14px 34px rgba(184,111,84,.20)}.btn.soft{background:#fff;color:var(--ink)}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;max-width:680px}.quick a{font-family:'Inter',system-ui,sans-serif;padding:15px;border:1px solid var(--line);background:rgba(255,250,242,.70);border-radius:18px;font-weight:800;color:var(--muted)}.quick a:hover,.drawer:hover,.room-link:hover,.swatch-card:hover{transform:translateY(-3px)}.section{padding:clamp(58px,8vw,112px) clamp(16px,5vw,72px)}.intro{max-width:1160px;margin:auto;display:grid;grid-template-columns:.65fr 1fr;gap:42px;align-items:end}.intro h2{font-size:clamp(44px,6vw,88px);line-height:.86;letter-spacing:-.05em;margin:0}.intro p{font-family:'Inter',system-ui,sans-serif;color:var(--muted);font-size:18px;max-width:620px}.atelier{max-width:1160px;margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:220px;gap:16px}.drawer{position:relative;border:1px solid var(--line);background:#fffaf2;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.25s}.drawer:nth-child(1){grid-row:span 2}.drawer:nth-child(4){grid-column:span 2}.drawer img{width:100%;height:100%;object-fit:cover;transition:.45s}.drawer:hover img{transform:scale(1.04)}.drawer span{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(255,250,242,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:13px}.drawer b{display:block;font-size:26px;line-height:.95}.drawer small{font-family:'Inter',system-ui,sans-serif;color:var(--muted);font-weight:800}.journal{background:#33251f;color:#fffaf2}.journal-wrap{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.journal h2{font-size:clamp(44px,6vw,86px);line-height:.86;margin:0 0 18px}.journal p{font-family:'Inter',system-ui,sans-serif;color:rgba(255,250,242,.72);font-size:18px}.room-list{display:grid;gap:12px}.room-link{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px 18px;border-radius:20px;background:rgba(255,250,242,.08);border:1px solid rgba(255,250,242,.14);font-family:'Inter',system-ui,sans-serif;font-weight:900;transition:.2s}.room-link:after{content:'→';color:#e5b99e}.swatches{max-width:1160px;margin:34px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch-card{padding:20px;border-radius:24px;background:#fffaf2;border:1px solid var(--line);box-shadow:var(--shadow);font-family:'Inter',system-ui,sans-serif;transition:.2s}.swatch-card b{display:block;color:var(--thread);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.swatch-card span{font-weight:900}.article{min-height:88svh;display:grid;grid-template-columns:52% 48%;border-bottom:1px solid var(--line)}.article .photo{min-height:88svh}.article .photo img{width:100%;height:100%;object-fit:cover}.article-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,82px)}.article-copy h1{font-size:clamp(48px,7vw,104px);line-height:.83;letter-spacing:-.055em;margin:16px 0}.article-copy p{font-family:'Inter',system-ui,sans-serif;color:var(--muted);font-size:18px;max-width:620px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.note{font-family:'Inter',system-ui,sans-serif;border:1px solid var(--line);border-radius:18px;background:#fffaf2;padding:15px;font-weight:850}.resource{max-width:1040px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.resource-panel{background:#fffaf2;border:1px solid var(--line);border-radius:32px;padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}.resource-panel h2{font-size:clamp(38px,5vw,70px);line-height:.88;margin:0 0 14px}.resource-panel p{font-family:'Inter',system-ui,sans-serif;color:var(--muted)}.checklist{display:grid;gap:12px}.checklist a,.checklist span{font-family:'Inter',system-ui,sans-serif;display:flex;justify-content:space-between;border:1px solid var(--line);background:#fffaf2;border-radius:19px;padding:16px;font-weight:900}.checklist a:after{content:'→';color:var(--thread)}.footer{padding:38px clamp(16px,5vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);font-family:'Inter',system-ui,sans-serif;color:var(--muted);background:#fbf5eb}.footer strong{color:var(--ink)}.footer a{color:var(--thread);text-decoration:underline}@media(max-width:768px){.topbar{grid-template-columns:1fr auto}.navlinks{display:none}.hero,.intro,.journal-wrap,.article,.resource,.footer{grid-template-columns:1fr}.hero-image,.article .photo{min-height:52vh}.hero{min-height:auto}.atelier{grid-template-columns:1fr;grid-auto-rows:260px}.drawer:nth-child(1),.drawer:nth-child(4){grid-row:auto;grid-column:auto}.swatches,.notes,.quick{grid-template-columns:1fr}.article .photo{order:-1}.section{padding:56px 16px}}@media(max-width:480px){.hero h1,.article-copy h1{font-size:48px}.intro h2,.journal h2{font-size:42px}.hero-copy,.article-copy{padding:34px 16px}.actions .btn,.btn{width:100%}.top-cta{font-size:12px;padding:10px 12px}.drawer{border-radius:22px}.resource-panel{border-radius:24px}}