@font-face{font-family:Cabin Sketch;src:url('fonts/cabin-sketch-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Karla;src:url('fonts/karla-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Karla;src:url('fonts/karla-latin-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--cream:#fff8e9;--ink:#30372e;--kraft:#dfc6a0;--red:#b3292f;--orange:#c65b20;--yellow:#f5c631;--green:#367342;--blue:#246b99;--violet:#75448e;--grain:url('paper.svg')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream) var(--grain);color:var(--ink);font:18px/1.55 Karla,Georgia,serif}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1.5px}a:hover{text-decoration-style:wavy}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:7px}p{margin:0 0 1em}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,.note-title,.step-number,.stamp,.footer-name{font-family:Cabin Sketch,Georgia,serif;font-weight:700;line-height:1.08}h1,h2,h3{filter:url('#crayon');margin:0 0 .45em}h1{font-size:clamp(64px,5.8vw,84px);letter-spacing:-2px}h2{font-size:clamp(42px,4.5vw,62px);letter-spacing:-1px}h3{font-size:34px}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.defs{position:absolute}.wrap{width:min(1220px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-90px;background:var(--cream);padding:12px;z-index:10}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0 24px;border-bottom:2px dashed #a89b80}.brand{text-decoration:none;flex-shrink:0}.brand img{width:330px;max-height:110px;object-fit:contain}.wordmark{font:700 49px/1 Cabin Sketch,Georgia,serif;letter-spacing:-2px;filter:url('#crayon');display:block;transform:rotate(-2deg)}.wordmark span{display:inline-block}.wordmark span:nth-child(6n+1){color:var(--red);transform:rotate(-5deg)}.wordmark span:nth-child(6n+2){color:var(--orange);transform:translateY(2px)}.wordmark span:nth-child(6n+3){color:#a57500;transform:rotate(5deg)}.wordmark span:nth-child(6n+4){color:var(--green)}.wordmark span:nth-child(6n+5){color:var(--blue);transform:translateY(-2px)}.wordmark span:nth-child(6n){color:var(--violet)}nav{display:flex;gap:30px;font-weight:700;font-size:16px}nav a{text-decoration:none}.hero{position:relative;display:grid;grid-template-columns:1fr 1.04fr;column-gap:55px;padding-top:56px;padding-bottom:60px;align-items:center}.hero-copy{grid-column:1;grid-row:1/3;position:relative;z-index:1}.stamp{display:table;color:var(--red);font-size:28px;transform:rotate(-7deg);border:2px solid currentColor;border-radius:1px 5px 2px 4px;padding:5px 13px;margin:0 0 27px;filter:url('#crayon')}.lead{font-size:21px;font-weight:700;margin-top:27px;margin-bottom:12px}.hero-copy>p:not(.stamp){max-width:450px}.scribble{position:relative;isolation:isolate;white-space:nowrap}.scribble:before{content:'';position:absolute;z-index:-1;inset:48% -3% 0;background:var(--yellow);clip-path:polygon(1% 12%,97% 0,99% 18%,96% 31%,100% 53%,97% 74%,99% 90%,1% 100%,3% 80%,0 58%,3% 37%);transform:rotate(-2deg);filter:url('#crayon')}.peek{display:flex;align-items:center;gap:8px;font-weight:700;margin-top:25px;font-size:17px}.peek svg{width:85px;height:40px;color:var(--red)}.taped{position:relative}.taped:before,.taped:after{content:'';position:absolute;z-index:2;width:100px;height:32px;background:#e4cc91d9 var(--grain);clip-path:polygon(3% 0,100% 4%,98% 26%,100% 50%,97% 79%,99% 100%,0 96%,3% 70%,0 36%);top:-13px;left:29%;transform:rotate(-9deg)}.hero-picture{background:#fffdf2;padding:12px 12px 18px;transform:rotate(3deg);margin-top:35px;grid-column:2;grid-row:1}.hero-picture:before{left:1%;transform:rotate(-30deg)}.hero-picture:after{left:auto;right:0;transform:rotate(31deg)}.hero-picture img{aspect-ratio:1.16;object-fit:cover}.hero-picture figcaption{font:700 24px/1.15 Cabin Sketch,Georgia,serif;text-align:center;padding-top:14px;color:var(--blue)}.image-note{grid-column:2;font-size:13px;line-height:1.5;margin:22px 0 0 12px;transform:rotate(2deg)}.swatches{display:flex;align-items:center;gap:4px}.hero>.swatches{grid-column:2;justify-content:flex-end;margin-top:12px;transform:rotate(-4deg)}.swatches i{display:block;width:43px;height:41px;background:var(--red) var(--grain);opacity:.8;clip-path:polygon(3% 0,97% 3%,100% 96%,0 100%);transform:rotate(-8deg)}.swatches i:nth-child(2){background-color:var(--orange);transform:rotate(12deg)}.swatches i:nth-child(3){background-color:var(--yellow);transform:rotate(-4deg)}.swatches i:nth-child(4){background-color:var(--green);transform:rotate(10deg)}.swatches i:nth-child(5){background-color:var(--blue);transform:rotate(-12deg)}.swatches i:nth-child(6){background-color:var(--violet);transform:rotate(6deg)}.torn{position:relative;background:var(--kraft) var(--grain);clip-path:polygon(0 9px,3% 4px,6% 10px,10% 0,14% 8px,19% 3px,23% 10px,28% 2px,32% 8px,37% 0,43% 6px,48% 2px,53% 10px,58% 1px,64% 6px,69% 0,75% 9px,80% 3px,86% 10px,91% 0,96% 6px,100% 2px,100% calc(100% - 6px),94% 100%,88% calc(100% - 8px),82% 100%,76% calc(100% - 5px),70% 100%,64% calc(100% - 8px),58% 100%,52% calc(100% - 6px),46% 100%,40% calc(100% - 9px),34% 100%,28% calc(100% - 5px),22% 100%,16% calc(100% - 7px),10% 100%,5% calc(100% - 8px),0 100%)}.collections{padding:75px 0 55px}.collection-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:60px}.collection-heading h2 span{color:#723d20}.collection-heading p{max-width:450px;margin-bottom:10px}.sizes{font-weight:700;font-size:16px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:55px 32px;align-items:start}.theme:nth-child(even){padding-top:40px}.theme .taped{transform:rotate(-3deg);background:#fff9ea;padding:7px}.theme:nth-child(even) .taped{transform:rotate(3deg)}.theme:nth-child(3n) .taped{transform:rotate(1deg)}.theme .taped:before{width:74px;height:25px;left:34%;top:-11px}.theme .taped:after{display:none}.theme h3{margin:20px 0 4px}.theme p{font-size:16px;margin:0}.more-themes{margin:50px 0 0;font-size:18px;text-align:right}.how{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;padding-block:100px}.how-intro{padding-top:25px}.how h2{color:var(--green)}.how-arrow{width:160px;height:90px;margin:15px 0 0 120px;color:var(--green);filter:url('#crayon')}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;align-items:flex-start;margin-bottom:35px}.steps li:nth-child(2){margin-left:36px}.steps li:nth-child(3){margin-left:12px}.steps li:last-child{margin-bottom:0;margin-left:48px}.step-number{font-size:83px;line-height:1;color:var(--red);filter:url('#crayon');transform:rotate(-9deg);min-width:48px}.steps li:nth-child(2) .step-number{color:var(--blue);transform:rotate(8deg)}.steps li:nth-child(3) .step-number{color:var(--green)}.steps li:nth-child(4) .step-number{color:var(--violet);transform:rotate(7deg)}.steps h3{font-size:31px;margin:3px 0 6px}.steps p{font-size:17px;margin:0;max-width:380px}.inside{background-color:#dce5c8;padding:75px 0}.inside-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.packing-list h2{font-size:49px}.packing-list ul{list-style:none;padding:0;margin:25px 0}.packing-list li{padding:8px 0;border-bottom:1px dashed #929d7d}.fine{font-size:14px;max-width:490px;margin:0}.workshop-note{padding:32px;background:#fff0bd var(--grain);transform:rotate(3deg);position:relative}.workshop-note:before{content:'';position:absolute;top:-14px;left:32%;height:29px;width:110px;background:#dec99bd9 var(--grain);transform:rotate(-6deg)}.note-title{font-size:35px;color:#713c25}.workshop-note>p:not(.note-title){font-size:18px}.workshop-note .swatches{justify-content:flex-end;margin-top:25px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;padding-block:95px}.faq-section h2{font-size:50px;color:var(--violet)}details{border-bottom:1px solid #b6aa92;padding:18px 0}details:first-child{border-top:1px solid #b6aa92}summary{cursor:pointer;font-weight:700;padding-right:12px}details p{margin:15px 0 0;font-size:17px}.closing{padding:20px 0 80px;position:relative}.closing h2{font-size:70px;margin-bottom:15px}.closing .stamp{position:absolute;right:5%;top:50px;transform:rotate(9deg);font-size:31px}.closing>a{font-weight:700;font-size:16px}.footer{border-top:2px dashed #a89b80;padding:25px 0 35px;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:14px}.footer p{margin:0}.footer-name{font-size:28px;color:var(--red)}
@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:25px}h1{font-size:66px}.hero-picture{margin-top:30px}.collection-grid{gap:40px 24px}.how,.faq-section{gap:45px}.inside-grid{gap:45px}.wordmark{font-size:43px}nav{gap:20px}.closing .stamp{right:0;font-size:24px}.closing h2{font-size:60px}}@media(max-width:800px){.header{gap:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr 1fr;column-gap:22px;padding-top:40px}h1{font-size:54px}.hero-copy>p{font-size:17px}.hero-copy .stamp{font-size:24px}.hero-picture img{aspect-ratio:.86}.hero-picture figcaption{font-size:20px}.peek{font-size:15px}.peek svg{width:55px}.collection-heading{gap:30px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:35px 40px}.theme:nth-child(even){padding-top:50px}.how{grid-template-columns:1fr;gap:20px;padding-block:60px}.how-intro{position:relative}.how-arrow{position:absolute;right:30px;bottom:0;transform:rotate(35deg)}.steps{max-width:550px;margin-left:auto}.inside-grid{grid-template-columns:1fr 1fr;gap:35px}.packing-list h2{font-size:38px}.packing-list li{font-size:16px}.workshop-note{padding:23px}.note-title{font-size:30px}.faq-section{grid-template-columns:1fr;gap:20px;padding-block:65px}.faq-section h2 br{display:none}.closing .stamp{position:static;transform:rotate(-5deg);margin-bottom:28px}.footer{flex-wrap:wrap}.footer p{display:none}}@media(max-width:600px){body{font-size:17px}.wrap{width:calc(100% - 40px)}.header{padding:24px 0 18px;gap:20px}.wordmark{font-size:43px;letter-spacing:-1px}.brand img{width:290px}nav{gap:26px;font-size:15px;width:100%;justify-content:space-between}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:32px;padding-bottom:42px;gap:0}.hero-copy .stamp{font-size:24px;margin:0 0 23px 4px}h1{font-size:clamp(49px,13.7vw,76px);letter-spacing:-1px;line-height:1.02}.lead{margin-top:23px}.hero-copy>p:not(.stamp){font-size:18px}.desktop-break{display:none}.peek{font-size:16px;margin-top:12px}.peek svg{width:80px}.hero-picture{width:calc(100% - 12px);align-self:center;margin-top:40px;padding:8px 8px 14px;transform:rotate(2deg)}.hero-picture img{aspect-ratio:1.3}.hero-picture figcaption{font-size:22px}.image-note{font-size:12px;transform:none;margin:20px 0 0 3px}.hero>.swatches{margin-top:20px;align-self:flex-end}.swatches i{width:34px;height:32px}.collections{padding:50px 0 40px}.collection-heading{display:block;margin-bottom:36px}.collection-heading h2{font-size:46px}.collection-heading>div{margin-top:20px}.sizes{font-size:14px}.collection-grid{gap:30px 19px}.theme .taped{padding:4px}.theme .taped:before{width:52px;height:20px;left:28%;top:-9px}.theme h3{font-size:29px;margin-top:13px}.theme p{font-size:14px;line-height:1.35}.theme:nth-child(even){padding-top:35px}.more-themes{text-align:left;font-size:16px;margin-top:35px}.how{padding-block:50px;gap:25px}.how-intro{padding-top:0}.how h2{font-size:46px}.how-arrow{display:none}.steps li,.steps li:nth-child(n){margin-left:0;gap:17px;margin-bottom:28px}.steps li:last-child{margin-bottom:0}.steps li:nth-child(even){margin-left:17px}.step-number{font-size:70px;min-width:38px}.steps h3{font-size:29px}.steps p{font-size:16px}.inside{padding:50px 0}.inside-grid{display:block}.packing-list h2{font-size:42px}.workshop-note{margin:45px 8px 8px;padding:27px;transform:rotate(2deg)}.note-title{font-size:33px}.faq-section{padding-block:50px}.faq-section h2{font-size:43px}.faq-section h2 br{display:block}summary{font-size:16px}.closing{padding-top:15px;padding-bottom:50px}.closing h2{font-size:50px}.closing .stamp{font-size:25px}.footer{padding-block:22px;gap:10px}.footer-name{font-size:26px}.footer small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Launch polish: artwork, contained badges, unobstructed captions. */
.brand{min-width:0;max-width:100%}.brand img{width:360px;max-width:100%;height:auto;max-height:none}.header{padding-block:28px}.hero{column-gap:60px;padding-top:48px}.hero-picture img{aspect-ratio:4/3;object-fit:cover}.hero-picture{transform:rotate(2deg)}.hero-picture figcaption{position:static;font-size:22px;padding:16px 4px 0}.image-note{transform:none;margin-top:24px;max-width:420px}.stamp{max-width:100%;line-height:1.2;filter:none}.theme img{aspect-ratio:4/3;object-fit:cover}.arrival{padding-block:76px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.arrival .eyebrow{grid-column:1/-1;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--green)}.arrival h2{grid-row:2/4;font-size:50px}.arrival p{max-width:540px}.making-photo{margin-top:25px;padding:8px;background:#fffdf2;transform:rotate(-2deg)}.making-photo img{aspect-ratio:4/3;object-fit:cover}.making-photo figcaption{font-size:13px;padding:10px 5px 4px}.error-page{padding-block:90px;max-width:800px}.error-page .brand{display:block;margin-bottom:60px}.error-page h1{font-size:clamp(44px,8vw,76px)}
@media(max-width:800px){.header{gap:22px}.hero{column-gap:30px}.arrival{gap:16px 36px}.arrival h2{font-size:40px}.brand img{width:330px}}
@media(max-width:600px){.brand{width:min(100%,330px)}.brand img{width:100%}.header{padding-block:25px 20px}.hero{padding-top:34px}.hero-picture{margin-top:34px}.hero-picture img{aspect-ratio:4/3}.closing .stamp{font-size:22px;transform:rotate(-3deg);margin-left:3px;padding:6px 10px}.closing h2{font-size:46px}.arrival{display:block;padding-block:48px}.arrival h2{font-size:42px}.arrival .eyebrow{margin-bottom:18px}.more-themes{line-height:1.6}.footer{align-items:flex-start;flex-direction:column;gap:8px}.image-note{font-size:13px}.hero-picture figcaption{font-size:21px}}
