:root{--plum:#342738;--oat:#f8f3eb;--milk:#fffaf4;--clay:#8f4252;--flax:#e8ded0;--lilac:#f1e6e4}
body{background:var(--milk)}.nav-atelier a{white-space:nowrap}.topbar{min-height:86px}.top{background:var(--milk)}
.cover{position:relative;min-height:clamp(480px,43vw,680px);isolation:isolate;overflow:hidden;margin-top:24px;color:var(--milk);background:#493940}.cover-image,.cover-image:after,.cover-image img{position:absolute;inset:0;width:100%;height:100%}.cover-image{z-index:-1}.cover-image img{object-fit:cover;object-position:60% 54%}.cover-image:after{content:"";background:linear-gradient(90deg,rgba(35,22,30,.88) 0%,rgba(39,23,29,.72) 26%,rgba(36,21,28,.29) 56%,rgba(36,21,28,.03) 83%)}.cover-text{position:relative;padding:clamp(48px,6.8vw,110px) clamp(30px,5.5vw,88px);max-width:72%}.cover .overline,.atelier-foot .overline{color:#f0ddd4}.cover h1,.launch h1{font:400 clamp(57px,5.7vw,95px)/.985 var(--serif);letter-spacing:-.055em;margin:15px 0 22px}.cover h1 em{font-weight:400;color:#f5d3c8}.cover-text>p:not(.overline){max-width:35ch;font-size:clamp(17px,1.45vw,22px);margin-bottom:27px;line-height:1.5;color:#fff7ef}.cover .button{background:var(--milk);color:var(--plum);border-color:var(--milk)}.cover .button:hover{background:#ecd4cb}.credit{position:absolute;right:12px;bottom:12px;font-size:10px;letter-spacing:.06em;color:white;background:#2b1d25a8;padding:3px 8px;border-radius:2px}
.ed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.ed-head h2,.fiber-copy h2,.closing-story h2,.foot-head h2{font:400 clamp(37px,4.1vw,70px)/1.02 var(--serif);letter-spacing:-.05em}.ed-head h2 em,.fiber-copy h2 em,.closing-story h2 em,.foot-head h2 em{font-weight:400;color:var(--clay)}.ed-head .overline,.fiber-copy .overline,.closing-story .overline{margin-bottom:10px}
.text-link{font-size:15px;font-weight:700;text-underline-offset:5px;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}.first-pairs{padding:clamp(45px,5.4vw,82px) 0}.pair-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair-layout article{background:var(--oat);display:grid;grid-template-columns:46% 54%;min-height:240px;align-items:stretch}.pair-layout article>img{width:100%;height:100%;object-fit:cover;object-position:53% 47%}.pair-layout article>div{padding:clamp(15px,2vw,36px);align-self:center}.pair-layout h3{font:400 clamp(26px,2.5vw,41px)/1.1 var(--serif);letter-spacing:-.04em;margin:6px 0 9px}.pair-layout .overline{margin:0;font-size:10px}.pair-layout article p:not(.overline){font-size:15px}.pair-layout article a{display:inline-block;margin-top:13px;font-weight:600;font-size:14px;text-underline-offset:4px}.availability{margin:15px 0 0;color:var(--muted);font-size:14px}
.fiber-story{display:grid;grid-template-columns:1.1fr .9fr;background:var(--lilac);margin-bottom:clamp(48px,5vw,78px)}.fiber-picture{min-height:390px;position:relative}.fiber-picture>img{position:absolute;width:100%;height:100%;object-fit:cover}.fiber-copy{align-self:center;padding:clamp(35px,4.7vw,75px)}.fiber-copy p:not(.overline),.closing-story p:not(.overline){margin:18px 0 22px;line-height:1.6;max-width:43ch}
.journal-band{background:#f0e9de;padding:clamp(44px,4.8vw,75px) 0}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 23px}.book-card a{display:block;text-decoration:none}.book-img{width:100%;aspect-ratio:1.6;overflow:hidden;background:var(--flax)}.book-img img{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.book-card a:hover .book-img img{transform:scale(1.025)}.book-card .overline{margin:14px 0 6px}.book-card h3{font:400 clamp(23px,2.05vw,35px)/1.08 var(--serif);letter-spacing:-.032em}.book-card h3+p{margin-top:9px;max-width:42ch;font-size:15px;color:var(--muted)}
.closing-story{padding:clamp(50px,6vw,95px) 0;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%}.closing-story>div{padding-left:clamp(0px,2vw,32px)}.closing-story>img{width:100%;height:clamp(260px,26vw,410px);object-fit:cover;object-position:50% 30%}
.atelier-foot{padding:clamp(30px,4vw,64px) 0 24px}.foot-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:32px;border-bottom:1px solid #786979;margin-bottom:22px}.foot-head h2{font-size:clamp(30px,3vw,50px)}.foot-head h2 em{color:#e7bcb4}.foot-head a{display:inline-block;margin:3px 0;color:#fff1e9;text-underline-offset:4px}.foot-head .overline{margin-bottom:8px}.foot nav{gap:16px}
.book-index,.editorial-page{padding:clamp(34px,5vw,75px) 0}.book-index h1,.article-intro h1{font:400 clamp(48px,5.2vw,86px)/1.02 var(--serif);letter-spacing:-.05em}.index-intro,.deck{font-size:clamp(17px,1.45vw,23px);line-height:1.5;color:var(--muted);max-width:46ch;margin:17px 0 24px}.book-index .pills{margin:26px 0}.book-index .book-grid{margin-top:28px}.article-intro{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;border-bottom:1px solid var(--line);padding:24px 0 32px;margin-bottom:30px}.article-intro figure{margin:0;position:relative}.article-intro img{width:100%;height:clamp(220px,22vw,360px);object-fit:cover}.backlink{font-size:14px;text-underline-offset:4px;color:var(--muted)}.reading{max-width:730px;margin:0 auto;line-height:1.74;font-size:clamp(16px,1.25vw,19px)}.reading p{margin:0 0 1.1em}.reading h2{font:400 clamp(28px,2.5vw,39px)/1.12 var(--serif);letter-spacing:-.035em;margin:1.1em 0 .45em}.reading a{text-underline-offset:4px;color:#783743}.reading ul{padding-left:1.35em}.reading li{margin:.35em 0}.book-back{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.reading .idea{border-top:1px solid var(--line);padding:13px 0}.reading .idea summary{cursor:pointer;font-weight:700}.reading .idea p{padding:9px 0 0;margin:0}.idea-grid{margin-bottom:1.7em}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact-wrap .reading{margin-top:20px}.contact-form{background:var(--oat);padding:clamp(24px,4vw,52px)}.contact-form h2{font:400 clamp(28px,2.3vw,36px)/1.1 var(--serif);margin-bottom:18px}.contact-form label{display:block;font-weight:600;margin:12px 0}.contact-form input,.contact-form textarea,.launch-details input{width:100%;display:block;border:1px solid #968894;padding:10px;margin-top:4px;border-radius:3px;background:var(--milk);font:inherit;color:var(--ink)}.contact-form .button{margin-top:10px}
.launch{padding:22px 0}.launch-logo{width:185px;height:auto}.launch-details{margin:22px 0}.launch-details summary{cursor:pointer}.launch-details form{max-width:420px;margin:10px 0}.launch-details .button{margin-top:10px}
@media(max-width:920px){.nav-atelier{gap:15px}.nav-atelier a{font-size:13px}.brand img{width:152px}.bag{padding-left:13px}.pair-layout article{grid-template-columns:43% 57%;min-height:225px}.fiber-picture{min-height:335px}.cover-text{max-width:80%}}
@media(max-width:700px){.topbar{min-height:0;padding:13px 0 0;flex-wrap:wrap;gap:0}.topbar .nav-atelier{width:100%;order:3;display:flex;gap:18px;margin:10px 0 0;padding:9px 0;border-top:1px solid var(--line);overflow-x:auto}.bag{border:none;order:2;margin-left:auto}.cover{margin-top:14px;min-height:470px;display:flex;align-items:end}.cover-image:after{background:linear-gradient(0deg,rgba(31,19,26,.90),rgba(32,19,26,.54) 45%,rgba(25,14,21,.07) 95%)}.cover-image img{object-position:63% 50%}.cover-text{max-width:100%;padding:28px 22px 35px}.cover h1{font-size:clamp(44px,11vw,68px);margin:10px 0 13px}.cover-text>p:not(.overline){font-size:16px;margin-bottom:18px}.ed-head{align-items:start;flex-direction:column;gap:10px}.pair-layout{grid-template-columns:1fr;gap:12px}.pair-layout article{grid-template-columns:40% 60%;min-height:175px}.pair-layout article>img{max-height:206px}.fiber-story,.closing-story,.article-intro,.contact-wrap{grid-template-columns:1fr}.fiber-picture{height:220px;min-height:0}.fiber-copy{padding:28px 24px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.book-card h3{font-size:22px}.book-card h3+p{font-size:14px}.journal-band .book-card:last-child{grid-column:1/-1}.journal-band .book-card:last-child .book-img{aspect-ratio:2.55}.closing-story{gap:20px}.closing-story>div{padding:0}.foot-head{align-items:start;flex-direction:column}.article-intro{gap:12px}.article-intro h1,.book-index h1{font-size:clamp(41px,10vw,64px)}.article-intro img{height:200px}.contact-wrap{gap:22px}.reading{font-size:16px}.book-index .pills{gap:5px}.book-index .pill{padding:5px 11px}.nav-atelier a{font-size:12px}.book-img{aspect-ratio:1.28}.credit{font-size:9px;right:7px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.book-card img{transition:none}}
