.collection-studies { --paper:#f6f3ed; --accent:#795d49; --line:#d6cfc3; }
.demo-wrap { width:calc(100% - 80px); max-width:1240px; margin-inline:auto; }
.demo-strip { padding:12px 32px 0; font-size:11px; color:var(--muted); }
.demo-strip nav { display:flex; justify-content:flex-end; gap:24px; }
.collection-studies .c-header { min-height:80px; }
.collection-studies h1 { font-size:clamp(48px,6.5vw,90px); line-height:1.04; letter-spacing:-.045em; }
.collection-studies h2 { font-size:clamp(30px,3.5vw,48px); line-height:1.12; }
.collection-studies h1 em, .collection-studies h2 em { font-weight:400; color:var(--accent); }
.directory-intro { padding-block:52px 42px; }
.directory-intro .c-eyebrow { margin-bottom:16px; }
.directory-intro .back-link { margin-bottom:24px; }
.collection-list { display:grid; grid-template-columns:1fr 1fr; gap:44px; }
.collection-list article>a { display:block; }
.collection-list article>a:hover { text-decoration:none; }
.rail-image img { display:block; width:100%; height:auto; }
.collection-list .rail-image { aspect-ratio:1376/768; overflow:hidden; background:#2d302c; }
.collection-list .rail-image img { width:100%; height:100%; object-fit:contain; transition:transform .35s; }
.collection-list a:hover img { transform:scale(1.015); }
.collection-heading { padding-top:25px; }
.collection-heading h2 { position:relative; padding-right:36px; font-size:clamp(32px,3.3vw,48px); }
.title-arrow { position:absolute; right:0; top:10px; font:22px Arial,sans-serif; color:var(--accent); }
.collection-heading p { margin-top:16px; color:var(--muted); font-size:13px; }
.directory-close, .project-invite { padding-block:64px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:32px; }
.directory-close { margin-top:80px; }
.directory-close h2, .project-invite h2 { font-size:clamp(30px,3.5vw,46px); }
.back-link { display:inline-block; color:var(--muted); font-size:12px; margin-bottom:34px; }
.collection-intro { padding-top:30px; }
.material-line { margin-block:22px 35px; color:var(--muted); font-size:14px; }
.study-nav { display:flex; gap:32px; padding-block:20px; border-bottom:1px solid var(--line); font-size:12px; flex-wrap:wrap; }
.study-nav a:last-child { margin-left:auto; }
.surface-study { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; padding-block:80px; }
.surface-options { margin-top:35px; border-top:1px solid var(--line); }
.surface-option { display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left; padding:22px 14px; background:none; border:0; border-bottom:1px solid var(--line); }
.surface-option strong { font:21px Georgia,serif; font-weight:400; }
.surface-option[aria-pressed=true] { background:#e8e2d7; box-shadow:inset 3px 0 var(--accent); }
.surface-option[aria-pressed=true]::after { content:'•'; color:var(--accent); font-size:18px; }
.surface-photo figure { max-width:470px; margin-left:auto; }
.surface-photo img, .study-pair img { display:block; width:100%; height:auto; }
.collection-studies figcaption { font-size:12px; color:var(--muted); margin-top:14px; }
.surface-photo figcaption { display:flex; justify-content:space-between; gap:18px; align-items:center; }
a[data-media-viewer] { display:block; position:relative; }
.media-zoom { position:absolute; right:12px; bottom:12px; width:36px; height:36px; display:grid; place-items:center; background:#f6f3edeb; color:var(--ink); border-radius:50%; }
.info-tip { position:relative; flex-shrink:0; }
.info-tip summary { padding:8px; display:grid; place-items:center; list-style:none; color:var(--muted); cursor:pointer; }
.info-tip summary::-webkit-details-marker { display:none; }
.tip-content { position:absolute; right:0; top:calc(100% + 6px); z-index:8; width:min(290px,calc(100vw - 48px)); padding:18px; border:1px solid var(--line); background:var(--paper); color:var(--ink); box-shadow:0 8px 24px #342e2815; font-size:13px; line-height:1.6; }
.study { border-top:1px solid var(--line); padding-block:60px; }
.study-heading { margin-bottom:30px; }
.study-pair { display:grid; grid-template-columns:1fr 1fr; gap:36px; }
.material-note { display:grid; grid-template-columns:280px 1fr; gap:80px; padding:40px 70px; background:#eae5db; align-items:center; margin-block:10px 65px; }
.material-note>img { display:block; width:100%; height:300px; object-fit:contain; }
.material-note .c-text-link { display:flex; width:fit-content; margin-top:22px; }
.material-note .development-link { margin-top:12px; }
.pieces { padding-bottom:65px; }
.pieces-heading { margin-bottom:25px; }
.piece-index { display:grid; grid-template-columns:1fr 1fr; gap:0 48px; border-top:1px solid var(--line); }
.piece-index>a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 0; border-bottom:1px solid var(--line); }
.piece-index strong { font-size:14px; font-weight:400; }
.piece-index svg { flex-shrink:0; color:var(--accent); }
.piece-index>a:hover strong { text-decoration:underline; text-underline-offset:5px; }
.next-collection { border-block:1px solid var(--line); display:grid; grid-template-columns:1fr 220px 20px; gap:40px; align-items:center; padding-block:26px; margin-bottom:70px; }
.next-collection:hover { text-decoration:none; }
.next-collection strong { font:30px Georgia,serif; font-weight:400; }
.next-collection img { width:100%; height:auto; display:block; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:65px 64px; padding-bottom:90px; }
.story-card { min-width:0; }
.story-visual { position:relative; background:#292c28; aspect-ratio:4/5; display:flex; flex-direction:column; overflow:hidden; }
.story-slide { flex:1; min-height:0; }
.story-slide>a { height:100%; }
.story-slide img { display:block; width:100%; height:100%; object-fit:contain; }
.story-overlay { flex:0 0 27%; padding:22px 28px; color:#fffdf6; }
.story-overlay small { font-size:11px; color:#dfdcd2; }
.story-overlay h2 { font-size:clamp(27px,3vw,38px); line-height:1.12; margin-top:12px; max-width:20ch; }
.story-controls { display:flex; gap:8px; align-items:center; padding-block:14px; border-bottom:1px solid var(--line); }
.story-controls button { border:1px solid var(--line); border-radius:50%; width:44px; height:44px; background:none; font-size:12px; }
.story-controls button[aria-pressed=true] { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.story-card>details summary { display:flex; justify-content:space-between; list-style:none; padding-block:16px; font-size:13px; }
.story-card>details summary::-webkit-details-marker { display:none; }
.story-card>details[open] summary>span { transform:rotate(45deg); }
.story-card>details>p { font-size:14px; color:var(--muted); margin-bottom:16px; }
.story-tags { font-size:12px!important; }
.story-card>.c-text-link { margin-top:8px; }
.collection-studies .c-footer { max-width:1240px; }
@media(min-width:1500px) { .demo-wrap { max-width:1320px; } }
@media(max-width:1000px) { .demo-wrap { width:calc(100% - 48px); } .surface-study { gap:40px; } .material-note { padding:30px; grid-template-columns:230px 1fr; gap:40px; } .collection-list { gap:28px; } .story-grid { gap:50px 30px; } .demo-strip { padding-inline:24px; } }
@media(max-width:700px) {
 .demo-wrap { width:calc(100% - 36px); }
 .demo-strip { padding:10px 18px 0; font-size:10px; }
 .demo-strip nav { gap:20px; }
 .collection-studies .c-header { min-height:70px; }
 .collection-studies h1 { font-size:48px; }
 .collection-studies h2 { font-size:32px; }
 .directory-intro { padding-block:35px 28px; }
 .directory-intro .c-eyebrow { font-size:10px; max-width:35ch; margin-bottom:14px; }
 .collection-list { grid-template-columns:1fr; gap:45px; }
 .collection-heading { padding-top:20px; }
 .collection-heading h2 { font-size:37px; }
 .collection-heading p { font-size:12px; margin-top:14px; }
 .directory-close, .project-invite { flex-direction:column; align-items:flex-start; gap:25px; padding-block:42px; }
 .directory-close { margin-top:55px; }
 .collection-intro { padding-top:22px; }
 .back-link { margin-bottom:26px; }
 .material-line { font-size:12px; margin-block:20px 28px; }
 .study-nav { gap:12px 22px; font-size:11px; padding-block:16px; }
 .study-nav a:last-child { margin-left:0; }
 .surface-study { grid-template-columns:1fr; padding-block:45px; gap:24px; }
 .surface-photo figure { max-width:none; }
 .surface-options { margin-top:24px; }
 .surface-option { padding:16px 12px; }
 .surface-option strong { font-size:19px; }
 .surface-photo figcaption, .study-pair figcaption { font-size:11px; }
 .study { padding-block:42px; }
 .study-heading { margin-bottom:25px; }
 .study-pair { gap:16px; }
 .media-zoom { right:8px; bottom:8px; width:32px; height:32px; }
 .material-note { grid-template-columns:1fr; padding:26px; gap:24px; margin-bottom:45px; }
 .material-note>img { height:210px; }
 .pieces { padding-bottom:42px; }
 .piece-index { grid-template-columns:1fr; }
 .piece-index>a { padding-block:19px; }
 .piece-index strong { font-size:13px; }
 .next-collection { grid-template-columns:1fr 90px 12px; gap:15px; margin-bottom:50px; }
 .next-collection strong { font-size:23px; }
 .story-grid { grid-template-columns:1fr; gap:42px; padding-bottom:55px; }
 .story-overlay { flex-basis:29%; padding:16px 22px; }
 .story-overlay h2 { font-size:27px; margin-top:9px; }
 .story-overlay small { font-size:10px; }
}
@media(max-width:360px) { .story-overlay { flex-basis:34%; padding:14px 18px; } .story-overlay h2 { font-size:25px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .collection-list .rail-image img { transition:none; } }

.collection-studies .legacy-anchor{position:absolute;width:0;height:0}

/* Featured collection lookbooks use supplied views, with source detail on demand. */
.featured-lookbook .lookbook-intro{padding-top:30px}
.featured-lookbook h1{font-size:clamp(42px,5.5vw,74px);max-width:21ch}
.lookbook-material{display:flex;align-items:center;gap:12px;margin-block:20px 34px;color:var(--muted);font-size:14px}
.lookbook-material>p{margin:0}
.lookbook-material .info-tip summary{font-size:20px;min-width:44px;min-height:44px}
.lookbook-material .tip-content{right:auto;left:0}
.featured-lookbook .study-nav{gap:20px 32px;align-items:center}
.featured-lookbook .study-nav a{padding-block:10px}
.lookbook-chapter{padding-block:58px;border-bottom:1px solid var(--line);scroll-margin-top:28px}
.lookbook-chapter h2{font-size:clamp(30px,3vw,42px);margin-bottom:30px}
.lookbook-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 36px}
.lookbook-piece{min-width:0;scroll-margin-top:28px}
.lookbook-photo{margin:0;min-width:0}
.lookbook-photo img{display:block;width:100%;height:auto}
.lookbook-photo--lead{background:#e7e1d6}
.lookbook-photo--lead img{aspect-ratio:4/5;object-fit:cover;object-position:center 40%}
.lookbook-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;background:#f6f3edeb;color:var(--ink);font-size:19px}
.lookbook-piece h3{font:400 clamp(22px,2.2vw,29px)/1.2 Georgia,serif;letter-spacing:-.02em;margin:20px 0 10px;max-width:30ch}
.lookbook-piece-details{border-bottom:1px solid var(--line);font-size:13px}
.lookbook-piece-details>summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:44px;align-items:center;padding-block:12px;color:var(--accent)}
.lookbook-piece-details>summary::-webkit-details-marker{display:none}
.lookbook-piece-details>summary>span{font-size:19px}
.lookbook-piece-details[open]>summary>span{transform:rotate(45deg)}
.lookbook-piece-details>p{font-size:14px;line-height:1.65;margin:8px 0 20px;color:var(--muted)}
.lookbook-references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:26px;align-items:start}
.lookbook-references img{height:190px;object-fit:contain;background:#e9e5de}
.lookbook-references figcaption{font-size:11px;line-height:1.5;margin-top:10px}
.lookbook-references .lookbook-zoom{width:26px;height:26px;right:6px;bottom:6px;font-size:15px}
.lookbook-yarns{padding-block:60px;scroll-margin-top:28px}
.lookbook-yarn-single{display:grid;grid-template-columns:280px 1fr;gap:70px;align-items:center;background:#eae5db;padding:40px 60px}
.lookbook-yarn-single img{height:300px;object-fit:contain}
.lookbook-yarn-single p{font-size:14px;color:var(--muted);margin:20px 0}
.lookbook-yarn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.lookbook-yarn-grid img{aspect-ratio:3/4;object-fit:contain;background:#222b2c}
.lookbook-yarn-grid figcaption{font-size:14px}
.featured-lookbook .project-invite{position:relative}
.featured-lookbook .next-collection{margin-bottom:0}
.featured-lookbook :focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:700px){
 .featured-lookbook h1{font-size:42px}
 .lookbook-material{font-size:12px;margin-block:16px 24px;justify-content:space-between}
 .lookbook-material .tip-content{left:auto;right:0}
 .featured-lookbook .study-nav{gap:2px 22px;font-size:12px}
 .featured-lookbook .study-nav a:last-child{margin-left:0}
 .lookbook-chapter{padding-block:36px}
 .lookbook-chapter h2{font-size:31px;margin-bottom:24px}
 .lookbook-pair{grid-template-columns:1fr;gap:34px}
 .lookbook-piece h3{font-size:25px;margin-top:18px}
 .lookbook-references{gap:8px}
 .lookbook-references img{height:135px}
 .lookbook-yarns{padding-block:40px}
 .lookbook-yarn-single{grid-template-columns:130px 1fr;gap:22px;padding:24px}
 .lookbook-yarn-single img{height:200px}
 .lookbook-yarn-single h2{font-size:29px}
 .lookbook-yarn-single p{font-size:12px;line-height:1.6}
 .lookbook-yarn-single .c-text-link{font-size:12px}
 .lookbook-yarn-grid{grid-template-columns:1fr 1fr;gap:28px 16px}
 .featured-lookbook .next-collection strong{font-size:25px}
}
@media(max-width:370px){
 .featured-lookbook h1{font-size:37px}
 .lookbook-yarn-single{grid-template-columns:1fr}
 .lookbook-yarn-single img{height:180px}
 .lookbook-references{grid-template-columns:1fr 1fr}
}