/* The collection stays practical; the surrounding identity feels like a small publisher. */
:root{--paper:#fcfdfb;--ink:#365b51;--muted:#61756c;--line:#d7e5dd;--red:#c74636;--yellow:#f8dc64;--green:#386854;--mint:#f1faf7}
.announcement{background:#f8dc64;color:#4b573e;height:30px;font-size:11px;gap:22px}
.site-header{height:96px;gap:40px;background:var(--mint);max-width:none;padding-left:max(48px,calc((100% - 1240px)/2));padding-right:max(48px,calc((100% - 1240px)/2))}
.brand{color:var(--red);font-size:29px;gap:8px}.brand-mark{font-size:44px}
.site-header nav{margin-left:auto;gap:32px;font-size:14px}
.nav-active{border-bottom:0}.site-header nav a,.site-header nav button{position:relative}
.site-header nav a::after,.site-header nav button::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.site-header nav a:hover::after,.site-header nav button:hover::after{transform:scaleX(1)}
.motion-toggle{width:34px;height:34px;min-width:34px;min-height:34px;border-color:#c8dfd3;background:transparent;color:var(--green)}
.motion-toggle svg{width:14px;height:14px}
.intro{background:var(--mint);padding:0;overflow:hidden;position:relative}
.hero-inner{height:505px;position:relative;isolation:isolate;max-width:1440px}
.hero-copy{position:relative;z-index:2;text-align:center;padding-top:22px;width:850px;max-width:100%;margin:auto;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-eyebrow{justify-content:center;font-size:10px;gap:9px;margin:0 0 10px;color:var(--green)}
.tiny-cross{font-size:21px}
h1{font:700 116px/1.04 Bricolage,Arial,sans-serif;max-width:none;color:var(--red);margin:0;white-space:nowrap}
h1>span{color:inherit;display:inline-block}.title-dot{color:#e7b742}
.hero-subtitle{font-size:24px;line-height:1.3;margin:14px 0 12px;color:var(--green)}
.hero-subtitle em{font-family:Georgia,serif;font-weight:400}
.hero-description{font-size:14px;line-height:1.7;color:var(--muted);margin:0 auto 22px;max-width:360px}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:21px;border-radius:4px;background:var(--red);color:white;padding:15px 22px;font-size:14px;box-shadow:0 3px 0 #9e352930;transition:background .2s,translate .35s cubic-bezier(.2,.8,.3,1)}
.hero-cta:hover{background:#b63b2d}.hero-cta svg{width:18px;height:18px}
.hero-reassurance{font-size:11px;color:var(--muted);margin-top:13px}.hero-reassurance span{padding:0 9px;color:#91ab9b}
.hero-papers{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-paper{position:absolute;width:190px;padding:0;text-align:center;pointer-events:auto;transform:translate(var(--paper-x,0px),var(--paper-y,0px)) rotate(var(--paper-rotation));transition:transform .65s cubic-bezier(.2,.8,.2,1);will-change:transform}
.hero-paper-one{left:6.7%;top:139px}.hero-paper-two{right:6.3%;top:128px}
.paper-frame{display:block;padding:12px;background:var(--paper-color);box-shadow:0 12px 24px #315c4220,0 1px 2px #315c4220;transition:transform .4s}
.paper-frame img{display:block;width:100%;height:auto;aspect-ratio:636/900;object-fit:contain;background:white;box-shadow:0 2px 5px #3c694a12}
.hero-paper:hover .paper-frame,.hero-paper:focus-visible .paper-frame{transform:translateY(-9px) rotate(3deg)}
.paper-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:11px;white-space:nowrap;color:var(--green)}.paper-caption svg{width:14px;height:14px}
.hero-scribble{position:absolute;color:var(--green);font:italic 16px/1.2 Georgia,serif;display:block}
.scribble-left{left:5%;top:30px;transform:rotate(-9deg)}.scribble-left em{font-size:23px}.scribble-left svg{width:34px;height:34px;position:absolute;top:12px;left:75px;transform:rotate(18deg);color:#c09b31}
.scribble-right{right:5.5%;top:26px;transform:rotate(7deg);font-size:13px}.scribble-right svg{display:block;width:24px;height:24px;margin-bottom:6px;color:var(--red)}
.hero-bottom{position:absolute;bottom:20px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6c8877}
.hero-bottom>a{position:absolute;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:32px;height:32px;border:1px solid #c6dbce;border-radius:50%;color:var(--green)}.hero-bottom svg{width:14px;height:14px}
.collection{padding-top:47px;padding-bottom:10px;scroll-margin-top:20px}
.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}
.collection-heading .eyebrow{font-size:10px;margin:0 0 8px;color:var(--muted)}
.collection-heading h2{font:700 38px/1.15 Bricolage,sans-serif;margin:0;color:var(--green)}.collection-heading h2 span{color:var(--red)}
.collection-heading>p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}
.collection-toolbar{padding:0 0 21px;border-top:0;align-items:center}
.filters{gap:25px;flex-wrap:nowrap;border-bottom:1px solid var(--line);padding-bottom:0}
.filter{font-size:13px;min-height:39px;padding:8px 0 12px;border:0;border-radius:0;position:relative;white-space:nowrap;color:var(--muted)}
.filter:hover{background:transparent;color:var(--red)}.filter.active{background:transparent;color:var(--red)}
.filter::after{position:absolute;content:"";bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.filter.active::after{transform:scaleX(1)}.filter span{font-size:10px;opacity:1;color:var(--muted)}
.collection-count{font-size:11px}.catalog{column-gap:27px;row-gap:41px}
.pack-cover{height:310px;border-radius:5px;transition:box-shadow .4s,translate .4s;transform:rotate(var(--card-tilt,0deg));transform-origin:center;will-change:transform}
.pack-cover:hover{box-shadow:0 12px 28px #48654015;translate:0 -3px}
.cover-topline{font-size:9px}.cover-label{font-size:24px;max-width:145px}.cover-number{font-size:62px;opacity:.13}
.sheet{width:48%;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.sheet-back{transform:translate(var(--sheet-x,0px),var(--sheet-y,0px)) rotate(11deg)}
.sheet-front{transform:translate(calc(var(--sheet-x,0px) * -1),calc(var(--sheet-y,0px) * -1)) rotate(-9deg)}
.pack-cover:hover .sheet-front{transform:translate(calc(-5px - var(--sheet-x,0px)),calc(-10px - var(--sheet-y,0px))) rotate(-12deg)}
.pack-cover:hover .sheet-back{transform:translate(calc(7px + var(--sheet-x,0px)),calc(-8px + var(--sheet-y,0px))) rotate(14deg)}
.preview-pill{border-radius:3px;background:#ffffffeb;font-size:11px;padding:9px 12px;color:var(--green)}
.pack-meta{padding-top:18px}.pack-meta h2{font-size:23px;color:var(--green)}.pack-meta p{font-size:12px}
.pack-download{border-color:#c7dcd0;color:var(--green);width:38px;height:38px}.pack-download:hover{background:var(--red);border-color:var(--red)}
.paper-note{display:block;background:#f8edb9;border:0;margin:70px 0 0;padding:0}
.note-inner{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:34px;padding-top:52px;padding-bottom:52px}
.note-flower{font:150px/1 Arial,sans-serif;color:var(--red);display:block}
.note-inner .eyebrow{font-size:9px;margin:0 0 12px;color:#687045}.note-inner h2{font:700 35px/1.16 Bricolage,sans-serif;margin:0;color:var(--green)}
.note-inner p:not(.eyebrow){font-size:13px;line-height:1.7;margin:14px 0 0;color:#667146}
.note-link{align-self:end;display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #b9bb83;font-size:13px;color:var(--green)}.note-link svg{width:17px;height:17px}
.site-footer{padding-top:31px;padding-bottom:31px;min-height:90px}.footer-brand{font-size:24px}.site-footer>div{font-size:11px}
dialog{background:var(--paper)}dialog::backdrop{background:#244b426b;backdrop-filter:blur(7px)}
#pack-title,#info-dialog h2{color:var(--green)}.paper-options input:checked+span{background:#eff8f0}.download-button{background:var(--red)}
.motion-enter .title-word{animation:word-rise .85s cubic-bezier(.2,.7,.2,1) both}.motion-enter .title-word:nth-child(2){animation-delay:.11s}
.motion-enter .hero-subtitle,.motion-enter .hero-description,.motion-enter .hero-cta,.motion-enter .hero-reassurance{animation:gentle-rise .7s cubic-bezier(.2,.7,.2,1) both}
.motion-enter .hero-subtitle{animation-delay:.18s}.motion-enter .hero-description{animation-delay:.24s}.motion-enter .hero-cta{animation-delay:.3s}.motion-enter .hero-reassurance{animation-delay:.36s}
.motion-enter .paper-frame{animation:paper-arrive 1.05s cubic-bezier(.2,.75,.2,1) both}.motion-enter .hero-paper-two .paper-frame{animation-delay:.15s}
.reveal-in{animation:gentle-rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
.motion-paused .hero-paper{transform:rotate(var(--paper-rotation))}.motion-paused .pack-cover{transform:none}.motion-paused #pencil-trail{display:none}
@keyframes word-rise{from{opacity:0;transform:translateY(28px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes gentle-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes paper-arrive{from{opacity:0;translate:0 40px;rotate:-8deg}to{opacity:1;translate:0 0;rotate:0deg}}
@media(min-width:1600px){.hero-inner{max-width:1550px}.hero-paper{width:205px}.hero-paper-one{left:8%}.hero-paper-two{right:8%}.catalog{column-gap:32px}.pack-cover{height:330px}}
@media(max-width:1200px){.site-header{padding-left:32px;padding-right:32px}.hero-inner{height:485px}.hero-copy{width:710px}h1{font-size:100px}.hero-paper{width:155px}.hero-paper-one{left:4%;top:160px}.hero-paper-two{right:4%;top:150px}.hero-scribble{display:none}.hero-subtitle{font-size:22px}.hero-description{font-size:13px}.hero-bottom{left:32px;right:32px}.pack-cover{height:290px}.cover-label{font-size:22px}.note-inner{grid-template-columns:95px 1fr auto;gap:24px}.note-flower{font-size:110px}.note-inner h2{font-size:31px}}
@media(max-width:960px){.hero-paper{width:135px}.hero-paper-one{left:3%;top:183px}.hero-paper-two{right:3%;top:172px}.hero-copy{width:600px}h1{font-size:88px}.hero-inner{height:478px}.hero-description{max-width:330px}.site-header nav{gap:22px}.pack-cover{height:270px}.cover-label{font-size:21px}.collection-heading h2{font-size:32px}.collection-heading>p{font-size:12px}.note-inner{grid-template-columns:80px 1fr}.note-link{grid-column:2;justify-self:start;margin-top:-7px}.note-flower{font-size:96px}}
@media(max-width:760px){
  .announcement{height:28px;font-size:10px}.announcement span:first-child{display:none}
  .site-header{height:78px;min-height:0;flex-wrap:nowrap;padding:0 22px;gap:18px}.site-header .brand{font-size:25px}.brand-mark{font-size:36px}
  .site-header nav{gap:20px;font-size:12px}.site-header nav button{font-size:12px}.site-header nav .nav-active{display:none}.site-header nav button[data-info="about"]{display:none}.motion-toggle{width:31px;height:31px;min-width:31px;min-height:31px}
  .hero-inner{height:625px;padding:0 22px}.hero-copy{padding-top:20px;width:auto}.hero-eyebrow{font-size:9px;gap:6px;margin-bottom:13px}.hero-eyebrow .tiny-cross{font-size:17px}
  h1{font-size:78px;line-height:1.03}.hero-subtitle{font-size:21px;margin-top:17px}.hero-description{font-size:13px;line-height:1.6;margin-bottom:17px}.hero-cta{font-size:13px;padding:13px 18px;gap:16px}.hero-reassurance{font-size:10px;margin-top:12px}
  .hero-papers{top:325px;height:235px;bottom:auto}.hero-paper{width:135px}.hero-paper-one{left:calc(50% - 149px);top:6px}.hero-paper-two{right:calc(50% - 151px);top:0}.paper-frame{padding:9px}.paper-caption{font-size:9px;margin-top:8px;gap:4px}.paper-caption svg{width:11px;height:11px}
  .hero-bottom{bottom:17px;left:22px;right:22px;font-size:8px}.hero-bottom span:last-child{max-width:126px;text-align:right}
  .collection{padding-top:33px}.collection-heading{margin-bottom:20px;align-items:center}.collection-heading .eyebrow{font-size:8px}.collection-heading h2{font-size:29px}.collection-heading>p{display:none}
  .collection-toolbar{padding-bottom:20px}.filters{gap:25px;width:100%;justify-content:flex-start;flex-wrap:nowrap}.filter{font-size:12px;padding:8px 0 12px;min-height:40px}.filter span{display:none}
  .catalog{gap:31px 18px}.pack-cover{height:280px}.cover-label{font-size:22px;max-width:145px}.sheet{width:52%}.preview-pill{padding:8px 9px;font-size:10px}.cover-topline{font-size:8px}.cover-number{font-size:45px}
  .pack-meta{padding-top:14px}.pack-meta h2{font-size:21px;max-width:none;min-height:0}.pack-meta p{font-size:11px;line-height:1.7}.pack-download{width:34px;height:34px}
  .paper-note{margin-top:42px}.note-inner{grid-template-columns:50px 1fr;gap:18px;padding-top:34px;padding-bottom:34px}.note-flower{font-size:70px}.note-inner h2{font-size:27px}.note-inner .eyebrow{font-size:8px}.note-inner p:not(.eyebrow){font-size:12px}.note-link{font-size:12px}.site-footer{padding-top:24px;padding-bottom:24px}.footer-brand{font-size:25px}
}
@media(max-width:560px){.site-header nav{margin-left:auto}.site-header .brand{font-size:24px}.hero-inner{height:612px}.hero-copy{padding-top:24px}h1{font-size:64px}.hero-subtitle{font-size:20px}.hero-papers{top:316px}.hero-description{font-size:12px}.catalog{column-gap:13px}.pack-cover{height:240px}.cover-label{font-size:20px;top:43px;max-width:120px}.sheet{width:58%}.sheet-front{top:38%;right:25%}.sheet-back{top:31%;right:3%}.pack-meta h2{font-size:19px}.pack-download{width:32px;height:32px}.pack-meta p{font-size:10px}.filters{gap:22px}.filter{font-size:11px}}
@media(max-width:420px){
  .site-header{padding:0 18px;gap:13px;height:73px}.site-header .brand{font-size:23px;gap:5px}.brand-mark{font-size:30px}.site-header nav{width:auto;gap:0}.site-header nav button{font-size:11px}.motion-toggle{width:28px;height:28px;min-width:28px;min-height:28px}
  .hero-inner{height:580px;padding:0 18px}.hero-copy{padding-top:21px}h1{font-size:55px}.hero-eyebrow{font-size:8px}.hero-subtitle{font-size:19px;margin-top:16px}.hero-description{font-size:12px}.hero-reassurance{font-size:9px}.hero-reassurance span{padding:0 7px}
  .hero-papers{top:301px}.hero-paper{width:124px}.hero-paper-one{left:calc(50% - 137px)}.hero-paper-two{right:calc(50% - 139px)}.paper-caption{font-size:8px}.hero-bottom{left:18px;right:18px;font-size:7px}.hero-bottom span:last-child{max-width:102px}
  .collection-heading h2{font-size:26px}.filters{gap:18px}.filter{font-size:11px}.pack-cover{height:229px}.cover-label{font-size:18px;max-width:109px;top:40px}.cover-topline{left:12px;right:12px;white-space:nowrap;font-size:7px}.cover-topline>span:first-child{display:inline}.pack-meta h2{font-size:18px;max-width:120px;min-height:41px}.preview-pill{font-size:9px;padding:7px}.cover-number{font-size:34px}
  .note-inner h2{font-size:25px}.note-inner{gap:13px;grid-template-columns:40px 1fr}.note-flower{font-size:59px}.note-link{font-size:11px}
}
@media(max-width:360px){.site-header .brand{font-size:21px}.brand-mark{font-size:25px}.site-header{gap:11px}.site-header nav button{font-size:10px}.motion-toggle{width:26px;height:26px;min-width:26px;min-height:26px}.hero-inner{height:558px}h1{font-size:47px}.hero-subtitle{font-size:17px}.hero-eyebrow{font-size:7px}.hero-papers{top:289px}.hero-paper{width:115px}.hero-paper-one{left:calc(50% - 123px)}.hero-paper-two{right:calc(50% - 125px)}.hero-reassurance{font-size:8px}.hero-bottom span:first-child{max-width:95px}.collection-heading h2{font-size:23px}.filters{gap:13px}.filter{font-size:10px}.pack-cover{height:218px}.cover-topline>span:first-child{display:none}.cover-label{font-size:17px}.pack-meta h2{font-size:17px}.pack-download{width:28px;height:28px}.pack-meta p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-paper{will-change:auto}.hero-cta{translate:none!important}.pack-cover{transform:none!important}}
@media(max-width:760px) and (max-height:780px){.hero-inner{height:515px}.hero-papers{top:285px}.hero-paper{width:107px}.hero-paper-one{left:calc(50% - 118px);top:0}.hero-paper-two{right:calc(50% - 119px);top:0}.hero-bottom{bottom:14px}.paper-caption{font-size:8px}}
@media(min-width:1100px) and (max-height:780px){.hero-inner{height:449px}.hero-copy{padding-top:8px}.hero-bottom{bottom:15px}.hero-paper{width:160px}.hero-paper-one{top:126px}.hero-paper-two{top:117px}}