:root { --ink:#342b24; --sand:#eee3d2; --paper:#f8f4ec; --clay:#a85f3f; --moss:#6c7358; --line:rgba(52,43,36,.18); --white:#fffdf8; --font-geist-sans:Arial,Helvetica,sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none}
.announcement{min-height:34px;padding:8px 5vw;display:flex;align-items:center;justify-content:center;gap:24px;background:var(--clay);color:white;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.announcement p{margin:0}.announcement span{font-size:8px;color:#eed3b6}
.site-header{height:86px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(248,244,236,.95)}
.wordmark{width:max-content;font-family:Georgia,serif;font-size:28px;letter-spacing:-.04em}.wordmark i{margin-left:4px;color:var(--clay);font-weight:400}.desktop-nav{display:flex;gap:42px}.desktop-nav a,.header-cta,footer a{font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.desktop-nav a:hover,footer a:hover{color:var(--clay)}.header-cta{justify-self:end;display:flex;gap:11px;align-items:center}.mobile-menu{display:none}
.hero{min-height:calc(100vh - 120px);display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(78px,8vw,130px) 4.5vw 54px;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 28px;color:#796b5f;font-size:9px;font-weight:650;letter-spacing:.19em;text-transform:uppercase}.hero h1,.shop-section h2,.story h2,.craft h2{margin:0;font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.hero h1{font-size:clamp(54px,5.8vw,94px);line-height:.96}.hero h1 em,.story h2 em{color:var(--clay);font-weight:400}.hero-intro{max-width:550px;margin:34px 0 0;color:#6d6259;font-family:Georgia,serif;font-size:19px;line-height:1.65}.hero-actions{margin-top:38px;display:flex;align-items:center;gap:34px}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;gap:18px;background:var(--ink);border:1px solid var(--ink);color:white;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:.25s}.button:hover{background:var(--clay);border-color:var(--clay);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:5px;border-bottom:1px solid;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero-notes{margin-top:auto;padding-top:54px;display:flex;gap:12px;flex-wrap:wrap}.hero-notes span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#796e64;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.hero-image{min-height:680px;position:relative;background:#d9c5a8 url('/images/solwoven-hero.png') center/cover no-repeat}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(70,43,25,.18),transparent 35%)}.roundel{width:112px;height:112px;position:absolute;z-index:2;right:40px;top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,250,241,.9);text-align:center;transform:rotate(6deg)}.roundel small{font-size:7px;letter-spacing:.18em;text-transform:uppercase}.roundel strong{margin:3px 0;font-family:Georgia,serif;font-size:17px;font-weight:400;line-height:.95}
.shop-section{padding:clamp(90px,10vw,150px) 4.5vw}.section-heading{margin-bottom:64px;display:grid;grid-template-columns:1fr minmax(290px,440px);gap:7vw;align-items:end}.section-heading h2,.story h2,.craft h2{font-size:clamp(46px,5vw,78px);line-height:1.02}.section-heading>p{margin:0 0 8px;color:#70665d;font-family:Georgia,serif;font-size:17px;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 16px}.product-image{aspect-ratio:.82/1;position:relative;background-image:url('/images/solwoven-collection.png');background-repeat:no-repeat;background-size:240%;filter:saturate(.88);transition:background-size .6s,filter .3s}.product-card:hover .product-image{background-size:252%;filter:saturate(1)}.product-image span{position:absolute;left:12px;top:12px;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:rgba(255,252,245,.88);font-size:8px}.crop-1{background-position:4% 6%}.crop-2{background-position:96% 5%}.crop-3{background-position:5% 92%}.crop-4{background-position:96% 92%}.crop-5{background-position:28% 22%}.crop-6{background-position:76% 21%}.crop-7{background-position:26% 80%}.crop-8{background-position:73% 79%}.product-copy{min-height:118px;padding:18px 2px 10px;display:grid;grid-template-columns:1fr auto;gap:15px;border-bottom:1px solid var(--line)}.product-copy h3{margin:0 0 8px;font-family:Georgia,serif;font-size:18px;font-weight:400}.product-copy p{margin:0;color:#7a7067;font-size:10px;line-height:1.55}.product-copy>span{transition:transform .25s}.product-card:hover .product-copy>span{transform:translate(3px,-3px)}.catalog-link{width:max-content;margin:55px auto 0;padding-bottom:7px;display:flex;gap:10px;border-bottom:1px solid;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.story{min-height:820px;display:grid;grid-template-columns:52% 48%;background:var(--ink);color:white}.story-image{min-height:720px;padding:44px;display:flex;align-items:end;position:relative;background:#b79a78 url('/images/solwoven-collection.png') center/cover no-repeat}.story-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,27,17,.52),transparent 45%)}.story-image p{position:relative;z-index:1;margin:0;font-family:Georgia,serif;font-size:26px;line-height:1.25}.story-copy{padding:clamp(75px,8vw,125px) clamp(38px,6vw,95px);align-self:center}.story-copy>.eyebrow{color:#c0b4a8}.story-copy>p:not(.eyebrow){margin:30px 0 40px;color:#beb6ae;font-family:Georgia,serif;font-size:17px;line-height:1.7}.values{margin-bottom:42px;border-top:1px solid rgba(255,255,255,.18)}.values div{padding:20px 0;display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid rgba(255,255,255,.18)}.values span{color:#cf9878;font-size:9px}.values strong{font-family:Georgia,serif;font-size:17px;font-weight:400}.button.light{background:white;border-color:white;color:var(--ink)}.button.light:hover{background:var(--clay);color:white;border-color:var(--clay)}
.craft{padding:clamp(90px,10vw,150px) 4.5vw;background:var(--sand)}.craft>div{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.craft p:not(.eyebrow){margin:0;color:#6f6358;font-family:Georgia,serif;font-size:19px;line-height:1.75}
footer{min-height:250px;padding:60px 4.5vw 28px;display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:auto auto;gap:34px;background:#211b17;color:#eee4d7}.footer-mark{font-size:34px}footer>p{margin:2px 0 0;color:#9d9186;font-family:Georgia,serif}footer>div{display:flex;justify-content:flex-end;gap:28px}footer small{grid-column:1/-1;align-self:end;color:#6f655d;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--clay);outline-offset:4px}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.mobile-menu{display:block;justify-self:end;position:relative}.mobile-menu summary{width:32px;height:32px;display:grid;align-content:center;gap:6px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:25px;height:1px;background:var(--ink)}.mobile-menu nav{width:210px;padding:20px;position:absolute;right:0;top:40px;display:grid;gap:18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px rgba(30,20,15,.15)}.mobile-menu nav a{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.hero{grid-template-columns:1fr}.hero-copy{min-height:650px}.hero-image{min-height:650px}.product-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story-image{min-height:580px}}
@media(max-width:680px){.announcement p:nth-of-type(2),.announcement span{display:none}.site-header{height:72px}.hero-copy{min-height:610px;padding:72px 6vw 42px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-image{min-height:500px;background-position:60% center}.roundel{width:88px;height:88px;right:18px;top:22px}.shop-section,.craft{padding-left:6vw;padding-right:6vw}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading h2,.story h2,.craft h2{font-size:45px}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:1/.95}.story-copy{padding:75px 6vw}.story-image{min-height:470px;padding:28px 6vw}.craft>div{grid-template-columns:1fr;gap:32px}footer{padding-left:6vw;padding-right:6vw;grid-template-columns:1fr;grid-template-rows:auto}footer>div{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
