@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--ink:#293b37;--cream:#fffdf8;--sage:#e9ece2;--pink:#f0dcd5;--line:#dce0d7;--muted:#65716a;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:25px}img{width:100%;height:100%;object-fit:cover;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #985e57;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{top:10px;left:10px;background:white;padding:12px;z-index:5}.announcement{background:#324b42;color:white;text-align:center;font-size:9px;letter-spacing:1.7px;padding:12px 15px;line-height:1.6}.topline{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:0 5%;height:142px}.topline>a:not(.logo){font-size:11px;min-width:140px}.topline>a:last-child{text-align:right}.logo{width:255px;height:128px;position:relative;overflow:hidden;display:block}.logo img{position:absolute;width:270px;height:270px;top:-61px;left:-8px;object-fit:contain}nav{display:flex;justify-content:center;gap:35px;padding:19px 4%;border-block:1px solid var(--line);font-size:11px}.menu{display:none}.hero{height:650px;position:relative;overflow:hidden}.hero>img{object-position:center 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#152a25c4,transparent 85%)}.hero-text{position:absolute;left:8%;top:50%;transform:translateY(-50%);color:white;max-width:700px}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.8;font-weight:500}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.7px}h1{font-size:clamp(60px,6vw,92px);line-height:1.02;margin:24px 0}h1 em,h2 em{font-weight:400}p{font-size:13px;line-height:1.9}h2{font-size:clamp(40px,4vw,57px);line-height:1.12;margin:15px 0 25px}h3{font-size:35px;line-height:1.14;margin:15px 0}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:white;padding:18px 24px;font-size:10px;letter-spacing:1px;border:1px solid var(--ink);margin-top:20px}.button.light{color:var(--ink);background:#fffdf5;border-color:#fffdf5}.button:hover{background:#d9e0d2;color:#243f32}.hero-text>p:not(.eyebrow){color:#f6f4eb;font-size:14px}.hero-label{position:absolute;bottom:25px;right:5%;color:white;font-size:8px;letter-spacing:2px}.intro{text-align:center;padding:70px 20px 45px;max-width:770px;margin:auto}.intro>p:last-child{max-width:610px;margin:0 auto;color:var(--muted)}.motif{font-size:37px;color:#b09163}.intro h2{font-size:53px}.section{padding:55px 6% 75px;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.section-head h2{margin:10px 0}.textlink{font-size:11px;border-bottom:1px solid #9da99d;display:inline-block;padding-bottom:7px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.collection{text-align:center}.collection-photo{height:410px;overflow:hidden}.collection-photo img{transition:transform .4s}.collection:hover img{transform:scale(1.025)}.collection-photo .clothes{object-position:17% 32%}.collection-photo .textiles{object-position:5% center}.collection .eyebrow{margin-top:23px;color:var(--muted)}.collection h3{margin:8px 0;font-size:32px}.collection>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:300px;margin:10px auto 20px}.studio-art{background:#e4e8dc;position:relative;color:#75846b}.studio-art svg{height:80%;width:100%;opacity:.8}.studio-art>span{position:absolute;bottom:35px;left:0;right:0;font:26px/1.3 'Libre Caslon Display',Georgia,serif;color:#43523d}.feature{display:grid;grid-template-columns:1.2fr 1fr;background:var(--sage);min-height:560px}.feature-image{min-height:560px}.feature-image img{object-position:12% center}.feature-copy{padding:70px 13%;align-self:center}.feature-copy p:not(.eyebrow){color:var(--muted)}.feature-copy h2{font-size:55px}.story{display:grid;grid-template-columns:1.15fr .85fr;gap:10%;padding-top:90px;padding-bottom:90px;align-items:center}.story-copy h2{font-size:45px}.story-copy h2 em{color:#8d695d}.story-copy p:not(.eyebrow){max-width:480px;color:var(--muted)}.story-image{height:530px;position:relative}.story-image img{object-position:50% 28%}.story-image span{position:absolute;bottom:24px;left:24px;background:#fffdf6e8;padding:13px 20px;font:italic 17px Georgia,serif}.studio{background:#f7eee7;max-width:none;padding:60px 6% 70px}.studio .section-head,.service-grid{max-width:1400px;margin-left:auto;margin-right:auto}.studio .section-head>p{color:#7b6b60;font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service-grid article{border-top:1px solid #c6b8a9;padding-top:25px}.service-grid article>span{font-size:8px;letter-spacing:1.8px;color:#7b6b60}.service-grid article>p{color:#756d63;max-width:350px}.service-grid h3{font-size:37px}.visit{background:#324b42;color:#fffcf4;display:flex;justify-content:space-between;padding:65px 8%;gap:40px}.visit h2{font-size:55px}.visit p{color:#e0e6da}.actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.actions>.button{margin-top:10px}.actions>a:last-child{font-size:12px}.visit-side{align-self:center}.visit-side>span{font-size:58px;color:#d4b394}.visit-side a{font-size:12px;border-bottom:1px solid #bec9b6;padding-bottom:8px}.faq{max-width:1000px;padding-top:65px}.faq h2{font-size:40px}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-size:12px;cursor:pointer}details p{color:var(--muted)}footer{background:#eef0e8;padding:50px 6% 22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-title{font:32px 'Libre Caslon Display',Georgia,serif}.footer-title em{font-size:23px;color:#8d695d}footer p{font-size:11px;color:var(--muted)}footer>div:not(:first-child):not(.footer-bottom){display:flex;flex-direction:column;gap:14px;font-size:11px}footer strong{font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.footer-bottom{grid-column:1/-1;border-top:1px solid #cbd3c5;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}@media(max-width:1000px){nav{gap:20px}.hero{height:580px}.collection-photo{height:340px}.feature-copy{padding:45px 10%}.feature-copy h2{font-size:47px}.story{gap:6%}.story-copy h2{font-size:39px}.service-grid{gap:25px}.service-grid h3{font-size:33px}}@media(max-width:650px){.announcement{font-size:8px;letter-spacing:1px}.topline{height:120px;justify-content:center}.topline>a:not(.logo){display:none}.logo{width:215px;height:110px}.logo img{width:235px;height:235px;top:-53px;left:-10px}.menu{display:flex;justify-content:space-between;width:100%;padding:16px 6%;border:0;border-block:1px solid var(--line);background:var(--cream);color:var(--ink);font:11px 'DM Sans',Arial,sans-serif}nav{display:none;flex-direction:column;padding:20px 6%;gap:20px}nav.open{display:flex}.hero{height:550px}.hero>img{object-position:22% center}.hero-shade{background:#162d267d}.hero-text{left:6%;right:6%;max-width:none}.hero h1{font-size:50px}.hero-text .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-text>p:not(.eyebrow){font-size:12px}.hero-text .button{font-size:9px;letter-spacing:.6px;padding:17px 18px;gap:15px}.hero-label{font-size:7px;left:6%;right:auto}.intro{padding:45px 6% 15px}.intro h2{font-size:44px}.section{padding:40px 6% 50px}.section-head{display:block}.section-head h2{font-size:40px;margin-bottom:20px}.collection-grid{grid-template-columns:1fr;gap:40px}.collection-photo{height:380px}.collection>p:not(.eyebrow){max-width:290px}.studio-art svg{height:78%}.feature{grid-template-columns:1fr}.feature-image{min-height:0;height:320px}.feature-copy{padding:35px 7% 45px}.feature-copy h2{font-size:47px}.story{grid-template-columns:1fr;gap:28px}.story-copy h2{font-size:37px}.story-image{height:430px}.studio{padding:40px 6%}.service-grid{grid-template-columns:1fr;gap:30px}.service-grid article>p{max-width:none}.visit{padding:40px 6%;display:block}.visit h2{font-size:45px}.visit-side{margin-top:35px}.visit-side>span{display:none}.faq h2{font-size:37px}footer{grid-template-columns:1fr 1fr;padding:35px 6% 22px;gap:30px}footer>div:first-child{grid-column:1/-1}.footer-bottom{display:grid;gap:10px}.button{padding:17px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-photo img{transition:none}}

/* COLLECTED Co. brand refresh */
:root{--ink:#4d3030;--cream:#fffdfb;--sage:#f0ece7;--pink:#f4e9e5;--line:#e3d9d4;--muted:#786865}
.announcement,.visit{background:#71302f;color:#fffaf6}
.button{background:#71302f;border-color:#71302f}
.button:hover{background:#8a4845;color:#fff}
.hero-shade{background:linear-gradient(90deg,#2d201fba,transparent 85%)}
.story-copy h2 em,.footer-title em{color:#803b38}

.logo{width:320px;height:125px;display:flex;align-items:center;justify-content:center;overflow:visible}.logo img{position:static;width:100%;height:100%;object-fit:contain}.topline{height:145px}@media(max-width:650px){.topline{height:120px}.logo{width:245px;height:105px}.logo img{position:static;width:100%;height:100%;object-fit:contain}}

/* New COLLECTED Co. editorial header and hero */
.collected-header{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(22px,4.5vw,80px);min-height:166px}
.collected-brand{display:block;flex:0 1 520px;max-width:42%;min-width:255px}
.collected-brand img{display:block;width:100%;height:auto;object-fit:contain}
.collected-header nav{border:0;display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,2.6vw,46px);padding:0;flex:1;white-space:nowrap;font-size:14px}
.collected-header nav a{padding:8px 0}
.collected-header nav a:hover,.collected-header nav a[aria-current="page"]{color:#7d2424;border-bottom:2px solid #7d2424}
.collected-header nav .admin-nav{border-left:1px solid #b9aaa3;padding-left:24px}
.natural-hero{position:relative;background:#eae0d4}
.hero-desktop{position:relative}
.hero-desktop>img{width:100%;height:auto;display:block;object-fit:contain}
.hero-hotspot{position:absolute;left:20.0%;top:74%;width:26%;height:12%;display:block;border-radius:3px}
.hero-hotspot:focus-visible{outline:4px solid #fff;outline-offset:3px}
.hero-mobile{display:none}
.collected-header .menu{display:none}
@media(max-width:1080px){
.collected-header{gap:14px;min-height:130px;padding:14px 3%}
.collected-brand{min-width:215px;max-width:34%}
.collected-header nav{font-size:12px;gap:13px}
.collected-header nav .admin-nav{padding-left:12px}
}
@media(max-width:750px){
.collected-header{min-height:95px;flex-wrap:wrap;padding:12px 5%;justify-content:space-between}
.collected-brand{width:230px;max-width:70%;min-width:0}
.collected-header .menu{display:flex;width:auto;border:1px solid #e3d9d4;padding:10px 12px;gap:12px;font-size:12px}
.collected-header nav{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;white-space:normal;font-size:14px}
.collected-header nav.open{display:flex}
.collected-header nav a{padding:13px 4px;border-bottom:1px solid #eee6df}
.collected-header nav .admin-nav{border-left:0;padding-left:4px}
.hero-desktop{display:none}
.natural-hero{min-height:420px;background:linear-gradient(90deg,#f4eee5db,#f4eee588),url('/assets/linen.jpg') center / cover no-repeat;display:flex;align-items:center;justify-content:center;padding:65px 6%}
.hero-mobile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;color:#392b24}
.natural-eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8}
.hero-mobile h1{font-family:'Libre Caslon Display',Georgia,serif;font-style:italic;font-size:clamp(48px,11vw,78px);margin:0;line-height:1.05}
.natural-cta{background:#7c2424;color:#fff;padding:16px 22px;font-size:11px;letter-spacing:2px}
}

/* Responsive hero correction: text and CTA are real HTML, not pixels in an image. */
.collected-header{position:relative;min-height:0;padding-block:clamp(12px,1.5vw,22px);overflow:visible}
.collected-brand{max-width:min(36%,470px);min-width:0}
.collected-brand img{width:100%;height:auto;display:block}
.natural-hero{box-sizing:border-box;min-height:0;height:clamp(300px,34vw,540px);padding:clamp(25px,4vw,65px);display:flex;align-items:center;justify-content:flex-start;background:linear-gradient(90deg,rgba(246,240,232,.88) 0%,rgba(246,240,232,.60) 48%,rgba(246,240,232,.03) 100%),url('/assets/linen.jpg') center 48%/cover no-repeat}
.natural-hero-content{width:min(59%,760px);text-align:center;color:#382c25}
.natural-hero-content h1{font-family:Georgia,serif;font-size:clamp(38px,5.2vw,88px);font-style:italic;font-weight:400;line-height:1.1;margin:0 0 clamp(12px,2vw,28px)}
.natural-hero-content p{font-size:clamp(10px,1.08vw,17px);letter-spacing:clamp(1px,.28vw,4px);line-height:1.7;margin:0}
.natural-rule{display:block;width:90px;border-top:1px solid #55443b;margin:clamp(14px,2.4vw,32px) auto}
.natural-hero-content .natural-cta{display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:clamp(12px,1.3vw,19px) clamp(18px,2vw,32px);background:#7d2424;color:white;font-size:clamp(10px,.95vw,14px);letter-spacing:2px;text-decoration:none}
.natural-hero-content .natural-cta:hover{background:#641b1b}
@media(max-width:900px){.collected-header{min-height:0}.collected-brand{max-width:34%}.natural-hero{height:clamp(320px,45vw,460px)}.natural-hero-content{width:68%}}
@media(max-width:750px){.collected-header{min-height:0}.collected-brand{max-width:70%;width:230px}.natural-hero{height:auto;min-height:370px;padding:55px 5%;justify-content:center;background-position:center}.natural-hero-content{width:100%;max-width:520px}.natural-hero-content h1{font-size:clamp(42px,10vw,65px)}.natural-hero-content p{font-size:10px;letter-spacing:1.6px}.natural-hero-content .natural-cta{font-size:11px}}