/* The Pattern Attic — cottagecore editorial site theme · preserves original flipbook internals */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,400,25,1;9..144,600,25,1&display=swap');
:root{--attic-canvas:#f7f0e6;--attic-paper:#fffcf7;--attic-ink:#493021;--attic-muted:#756458;--attic-rust:#b9512b;--attic-border:#e8d9c5;--attic-sage:#636e4c;--orange:#b9512b}
html{scroll-padding-top:105px}body{background:#f7f0e6;color:#493021;font-family:'DM Sans',system-ui,Arial,sans-serif}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#a98d6d22 .5px,transparent .5px);background-size:6px 6px;z-index:-1}
.attic-header{position:sticky;top:0;z-index:300;background:#fff9f0ef;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #dac8b5;box-shadow:0 4px 22px #5e3e2210}
.attic-header-inner{max-width:1480px;min-height:92px;margin:auto;padding:7px 27px;display:flex;align-items:center;gap:18px;justify-content:space-between}
.attic-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#673e2c;min-width:260px}
.attic-brand img{width:100px;height:75px;object-fit:contain;filter:drop-shadow(0 2px 1px #764c2414)}
.attic-brand span{font-family:'Fraunces',Georgia,serif;font-size:clamp(21px,2.4vw,33px);font-weight:600;line-height:.95;white-space:nowrap;letter-spacing:-.055em}
.attic-brand small{font-family:'DM Sans',sans-serif;font-size:8px;font-weight:800;letter-spacing:.12em;display:block;color:#896a51;margin-top:9px}
.attic-main-nav{display:flex;align-items:center;gap:clamp(11px,2vw,24px)}
.attic-main-nav a{text-decoration:none;color:#604431;font-size:13px;font-weight:750;padding:13px 2px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.attic-main-nav a:hover,.attic-main-nav a[aria-current=page]{border-color:#c36b48;color:#a64328}
.attic-main-nav .attic-account-link{padding:11px 16px;border:1px solid #e7cbb4;background:#f5e8d9;border-radius:999px;color:#76472e}
.attic-main-nav .attic-account-link:hover{background:#edddcc;border-color:#ca9473}
.attic-mobile-menu{display:none;position:relative}.attic-mobile-menu summary{list-style:none;cursor:pointer;background:#f4e6d7;padding:10px 13px;border-radius:10px;border:1px solid #dfcbb6;font-weight:700}.attic-mobile-menu summary::-webkit-details-marker{display:none}.attic-mobile-menu nav{position:absolute;right:0;top:44px;width:230px;display:flex;flex-direction:column;padding:11px;background:#fffaf2;box-shadow:0 18px 40px #4e322a2f;border:1px solid #ddc8b3;border-radius:12px}.attic-mobile-menu nav a{color:#523e2c;padding:12px 10px;text-decoration:none;font-weight:700;border-bottom:1px solid #f4eade}.attic-mobile-menu nav a:last-child{border-bottom:none}
.container{max-width:1320px;padding:25px 22px 65px}
.home-scene-hero{position:relative;min-height:clamp(510px,47vw,635px);border-radius:26px;overflow:hidden;box-shadow:0 16px 49px #7e4b2e20;display:flex;align-items:center;background:#e4c6a5;border:1px solid #d7b69b;isolation:isolate}
.home-scene-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#f8ead812 0%,#f8ead800 58%),url('hanging-tapestry-home-decor.webp');background-size:cover;background-position:center center;z-index:-2}
.home-scene-content{position:relative;margin:clamp(17px,5vw,65px);background:#fff9ebf2;box-shadow:0 12px 40px #432a241f;padding:clamp(26px,4vw,58px);border-radius:44% 6% 8% 8% / 10% 8% 10% 9%;max-width:540px;border:1px solid #f5ddc0;isolation:isolate}
.scene-corner-flower{position:absolute;top:-63px;left:-53px;width:154px;height:154px;transform:rotate(-25deg);z-index:-1;pointer-events:none}
.overline{font-size:11px;letter-spacing:.16em;font-weight:800;color:#a24e31;margin:0 0 12px;line-height:1.5}
.home-scene-content h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.06;letter-spacing:-.045em;font-weight:600;margin:0 0 17px;color:#603c2a}
.home-scene-content h1 em{color:#ad5638;font-style:italic}
.home-scene-lede{font-size:clamp(16px,1.6vw,18px);line-height:1.65;color:#645144;margin:0 0 22px;max-width:39ch}
.scene-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.attic-primary-button,.attic-secondary-button{border-radius:999px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:13px;text-decoration:none!important;font-weight:800;min-height:47px;padding:12px 21px;transition:transform .2s ease,background .2s,color .2s}
.attic-primary-button{background:#b9512b;color:white!important;border:1px solid #b9512b}.attic-secondary-button{background:#627051;color:white!important;border:1px solid #627051}
.attic-primary-button:hover,.attic-secondary-button:hover{transform:translateY(-2px)}
.hero-signature{font-style:italic;font-family:Georgia,serif;font-size:14px;color:#987258;margin:19px 0 0}
.cozy-note{display:flex;align-items:center;gap:26px;padding:29px 20px;margin:0 auto 25px;max-width:1180px;border-bottom:1px solid #e3d0bc}.cozy-note span{font-weight:800;color:#ac633f;font-size:10px;letter-spacing:.14em;white-space:nowrap}.cozy-note p{flex:1;font-family:Georgia,serif;line-height:1.55;font-size:17px;margin:0;color:#715748}.cozy-note a{color:#9a4e2b;font-size:12px;font-weight:800;white-space:nowrap}
.home-collections,.home-journal-sneak,.featured-pattern-note{margin:55px auto 28px;max-width:1260px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2,.home-journal-sneak h2,.featured-copy h2,.directory-heading h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(29px,4.5vw,48px);letter-spacing:-.04em;line-height:1.14;font-weight:600;margin:2px 0;color:#63402d}.quiet-link{color:#9b4c27;font-size:13px;font-weight:800;white-space:nowrap}
.collection-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:21px;align-items:stretch}
.collection-feature,.collection-sketchbook{background:#fffcf6;border:1px solid #e6d6c1;border-radius:20px;box-shadow:0 5px 25px #7651390e;overflow:hidden}
.collection-feature{display:grid;grid-template-columns:46% 54%}.collection-feature-image{background:#ede0c8;display:grid;place-items:center;position:relative;padding:22px}.collection-feature-image img{display:block;width:min(100%,200px);max-height:260px;object-fit:contain;box-shadow:0 7px 16px #36291d22}.collection-stamp{position:absolute;top:15px;left:15px;background:#efcfaf;border:1px solid #d8a97f;border-radius:40px;padding:7px 10px;color:#8d4d2b;letter-spacing:.1em;font-size:9px;font-weight:800}
.collection-feature-copy{padding:clamp(20px,3vw,42px);align-self:center}.collection-feature-copy h3,.collection-sketchbook h3{font-family:'Fraunces',Georgia,serif;font-size:clamp(25px,2.7vw,34px);line-height:1.18;letter-spacing:-.035em;font-weight:600;margin:0 0 13px;color:#65412c}.collection-feature-copy p,.collection-sketchbook p{font-size:14px;line-height:1.75;color:#68574c}.collection-feature-copy a,.collection-sketchbook a{font-size:13px;font-weight:800;color:#b45431;text-underline-offset:4px}
.collection-sketchbook{padding:clamp(25px,3vw,40px);background:#f0eddd;position:relative;isolation:isolate}.collection-sketchbook .floral-mini{position:absolute;right:-8px;top:0;width:135px;transform:scaleX(-1);opacity:.66;z-index:-1}.collection-sketchbook .overline{margin-top:20px}.sketchbook-disclaimer{font-size:11px!important;color:#897e70!important;border-top:1px solid #d8d3be;padding-top:14px;margin-top:30px}
.home-journal-sneak{background:#f5e7d7;border:1px solid #dfc7b0;border-radius:21px;display:grid;grid-template-columns:1fr .75fr;gap:35px;padding:clamp(26px,4vw,52px);position:relative;overflow:hidden}.journal-sprig{position:absolute;right:5px;top:-32px;width:120px;opacity:.6;pointer-events:none}.home-journal-sneak h2{font-size:clamp(30px,3.8vw,44px)}.home-journal-sneak p{line-height:1.75;color:#6a5343}.home-journal-sneak .attic-secondary-button{margin-top:9px}.journal-story-preview{align-self:center;display:flex;flex-direction:column;background:#fffaf3;padding:20px 27px;border-radius:12px;box-shadow:0 8px 30px #60402714}.journal-story-preview span{color:#9c5a3c;font-weight:900;font-size:10px;letter-spacing:.13em;margin-bottom:9px}.journal-story-preview a{padding:17px 0;border-bottom:1px solid #efdfd0;color:#684632;text-decoration:none;font-family:Georgia,serif;font-size:16px}.journal-story-preview a:last-child{border-bottom:0}.journal-story-preview a:hover{text-decoration:underline}
.featured-pattern-note{display:grid;grid-template-columns:1.2fr .8fr;gap:27px;align-items:center;background:#fffaf4;border:1px solid #e7d9c6;border-radius:22px;padding:clamp(20px,4vw,45px)}.featured-copy h2{font-size:clamp(29px,3.8vw,42px)}.featured-copy h2 em{color:#a65331;font-weight:500}.featured-copy p{font-size:15px;line-height:1.76;color:#6a5546}.featured-pattern-note>img{width:100%;max-height:260px;object-fit:cover;border-radius:14px;box-shadow:0 10px 22px #65482b25}.featured-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.featured-links>a:last-child{font-size:13px;font-weight:800;color:#975135}
/* Keep existing interactive reader as the main functionality; adjust only surrounding paper treatment. */
.reader-area{border:1px solid #e8d6c1;border-radius:19px;background:#faf4eb;padding:clamp(14px,2.4vw,31px);margin:30px 0}.reader-topline{border-color:#dccbb6}.reader-progress-card{background:#f2e6d8}
.attic-editorial{margin-top:65px}
.attic-card,.attic-post,.attic-story{box-shadow:0 6px 24px #5236200e;border-color:#e5d6c5}
.attic-editorial h2,.subpage h1,.subpage h2{font-family:'Fraunces',Georgia,serif;letter-spacing:-.035em}
/* Global page-level refinements */
.inner-header{display:none}.subpage{max-width:1100px}.subpage-intro{padding:38px 28px 26px;background:#fff9ef;position:relative;border:1px solid #eadbc6;border-radius:18px;margin-top:19px;overflow:hidden}.subpage-intro::after{content:'';position:absolute;right:-18px;top:-8px;width:125px;height:140px;background:url('flower-sprig.svg') center /contain no-repeat;opacity:.75;pointer-events:none}.subpage-intro h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(33px,5vw,52px);color:#63402d;margin:8px 0}.subpage-intro .lede{color:#715c4d;max-width:65ch}.subpage main{padding-top:30px}.inner-footer{max-width:1100px;margin:45px auto 0;border-top:1px solid #deccb8;color:#776252}.inner-footer a{color:#8e593c}.post-grid>a{background:#fffaf3;border-color:#e8d7c4;transition:transform .2s ease,box-shadow .2s ease}.post-grid>a:hover{transform:translateY(-3px);box-shadow:0 10px 28px #583d2314}.callout{background:#f4ebdf;border-left-color:#b9512b}
/* Catalog */
.pattern-directory{max-width:1190px;margin:auto;padding:25px 20px 80px}.directory-heading{padding:60px clamp(20px,5vw,75px) 55px;border:1px solid #e1cbb4;background:linear-gradient(120deg,#fff7ec,#f6e9d8);border-radius:20px;position:relative;overflow:hidden;text-align:center}.directory-heading .directory-flower{position:absolute;top:-30px;right:10px;width:170px;height:180px;pointer-events:none}.directory-heading h1{font-size:clamp(43px,6vw,74px);position:relative}.directory-heading h1 span{font-size:30px;color:#b9512b}.directory-heading p:not(.overline){font-family:Georgia,serif;max-width:660px;font-size:18px;line-height:1.55;margin:15px auto 0;color:#73594a;position:relative}.directory-search-row{display:flex;align-items:center;gap:13px;margin:30px 0 20px}.directory-search-row label{font-weight:800;font-size:12px;color:#80634e}.directory-search-row input{flex:1;min-width:100px;max-width:590px;padding:13px 16px;background:#fffaf5;border-radius:13px;border:1px solid #d6bfa9;color:#5c4535;font:inherit}.directory-search-row span{margin-left:auto;color:#8c725e;font-size:12px}.pattern-directory-grid{display:grid;grid-template-columns:1fr .85fr;gap:24px}.library-pattern-card,.library-coming-soon{background:#fffdf7;border:1px solid #e7d5c3;border-radius:17px;overflow:hidden;box-shadow:0 7px 35px #8b633a0f}.library-pattern-card{display:grid;grid-template-columns:47% 53%}.library-pattern-image{min-height:350px;background:#f0e4d5;display:flex;align-items:center;justify-content:center;padding:27px;position:relative}.library-pattern-image img{max-width:100%;max-height:310px;object-fit:contain;box-shadow:0 8px 20px #52392222}.pattern-available-label{position:absolute;left:18px;top:16px;background:#faf0de;border:1px solid #dabb91;padding:8px 10px;border-radius:20px;font-size:10px;font-weight:800;color:#96512e}.library-pattern-body{padding:28px 25px;align-self:center}.library-meta{font-size:10px;letter-spacing:.12em;color:#a45332;font-weight:800}.library-pattern-body h2,.library-coming-soon h2,.directory-tips h2{font-family:'Fraunces',Georgia,serif;color:#66412d;font-size:clamp(26px,2.6vw,36px);line-height:1.15;margin:10px 0 14px}.library-pattern-body p,.library-coming-soon p{color:#745c4b;font-size:14px;line-height:1.7}.pattern-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.pattern-tags span{background:#f5e5d2;color:#87583b;border-radius:50px;padding:7px 9px;font-size:11px;font-weight:700}.library-links{display:flex;flex-wrap:wrap;gap:13px}.library-links a,.library-coming-soon a{font-size:13px;font-weight:800;color:#af532e}.library-coming-soon{padding:36px 40px;background:#f2eddc;display:flex;flex-direction:column;justify-content:center;position:relative}.library-coming-soon>img{width:100px;position:absolute;top:3px;right:8px;opacity:.75}.library-coming-soon>p,.library-coming-soon>h2,.library-coming-soon>a{position:relative;z-index:1}.directory-no-results{padding:15px;background:#fff6e8;border-radius:9px}.directory-tips{margin-top:46px;background:#fff9f0;border:1px solid #e8d7c2;padding:27px;border-radius:15px}.directory-tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.directory-tips p{line-height:1.7;color:#75604e}.attic-new-footer{border-top:1px solid #dbcab5;text-align:center;margin:auto;max-width:1100px;padding:26px 18px 50px;font-size:12px;color:#816d5c}.attic-new-footer nav{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.attic-new-footer nav a{color:#835b46}
:focus-visible{outline:3px solid #28564e!important;outline-offset:4px}a,button{touch-action:manipulation}
@media(max-width:1120px){.attic-header-inner{min-height:80px;padding:7px 14px}.attic-brand{min-width:0}.attic-brand img{width:75px;height:60px}.attic-brand span{font-size:25px}.attic-main-nav{gap:12px}.attic-main-nav a{font-size:12px}.home-scene-image{background-position:62% center}}
@media(max-width:820px){.attic-main-nav{display:none}.attic-mobile-menu{display:block}.attic-header-inner{min-height:73px}.home-scene-hero{min-height:640px;align-items:flex-end}.home-scene-image{background-position:62% center}.home-scene-content{max-width:590px;margin:18px;padding:29px;background:#fff9eff5}.cozy-note{flex-direction:column;align-items:flex-start;gap:9px}.collection-grid,.home-journal-sneak,.featured-pattern-note,.pattern-directory-grid{grid-template-columns:1fr}.collection-feature{grid-template-columns:43% 57%}.directory-tips>div{grid-template-columns:1fr;gap:3px}.library-pattern-card{grid-template-columns:40% 60%}}
@media(max-width:580px){.container{padding:10px 8px 40px}.attic-header-inner{padding:6px 9px}.attic-brand img{width:58px;height:53px}.attic-brand span{font-size:19px}.attic-brand small{font-size:6.7px;letter-spacing:.08em;margin-top:7px}.home-scene-hero{min-height:660px;border-radius:17px;align-items:flex-end;background:#dec29e}.home-scene-image{background-position:59% top;background-size:auto 70%;background-repeat:no-repeat;background-color:#c5a17e}.home-scene-content{margin:0 7px 8px;padding:27px 23px 25px;border-radius:18px;min-width:calc(100% - 14px)}.scene-corner-flower{left:auto;right:-20px;top:-60px;width:112px;transform:rotate(30deg)}.home-scene-content h1{font-size:42px}.home-scene-lede{font-size:14px}.scene-actions{align-items:stretch}.scene-actions a{flex:1;font-size:11px;padding:10px 12px;min-height:44px}.hero-signature{font-size:12px}.cozy-note{padding:17px 18px}.cozy-note p{font-size:15px}.home-collections,.home-journal-sneak,.featured-pattern-note{margin:33px 6px 15px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading h2,.home-journal-sneak h2,.featured-copy h2{font-size:30px}.collection-feature,.library-pattern-card{grid-template-columns:1fr}.collection-feature-image{min-height:255px}.collection-feature-image img{max-height:210px}.collection-feature-copy{padding:23px}.collection-sketchbook{padding:23px}.home-journal-sneak{padding:24px;gap:21px}.journal-story-preview{padding:15px}.featured-pattern-note{padding:18px}.featured-pattern-note>img{max-height:180px}.reader-area{padding:8px;margin:20px 5px}.pattern-directory{padding:13px 9px 50px}.directory-heading{padding:40px 18px 35px}.directory-heading h1{font-size:46px}.directory-heading p:not(.overline){font-size:15px}.directory-heading .directory-flower{width:95px;top:0;right:-14px;opacity:.45}.directory-search-row{flex-wrap:wrap}.directory-search-row label{width:100%}.directory-search-row input{flex:1 1 60%}.library-pattern-image{min-height:285px}.library-pattern-image img{max-height:230px}.library-pattern-body{padding:22px}.library-coming-soon{padding:33px 26px}.subpage-intro{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.attic-primary-button,.attic-secondary-button,.post-grid>a{transition:none}}