@font-face{font-family:Lilita;src:url('fonts/LilitaOne.ttf') format('truetype');font-display:swap}@font-face{font-family:Atkinson;src:url('fonts/Atkinson.ttf') format('truetype');font-display:swap}
:root{--ink:#214636;--paper:#fff9ed;--yellow:#f3ca58;--pink:#f2b7a1;--muted:#455c4e;--ink-hover:#123225;--focus:#bd4c31;--accent:#b1442c;--sage:#e8eddc;--sage-hover:#d4dec1;--yellow-hover:#f9dc83;--coral-rule:#865945;--green-rule:#718777;--green-soft:#e8eedb;--ease:cubic-bezier(.16,1,.3,1);--rhythm:clamp(72px,8vw,112px);--shadow:0 18px 35px rgba(37,43,21,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font:18px/1.5 Atkinson,sans-serif}::selection{background:var(--yellow);color:var(--ink)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--paper);border-radius:8px}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:6px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2{font-family:Lilita,sans-serif;font-weight:400;line-height:1.04;text-wrap:balance}h1{font-size:clamp(54px,6.6vw,90px);letter-spacing:-.025em}h2{font-size:clamp(38px,4.4vw,60px);letter-spacing:-.015em}h3{font:400 25px/1.15 Lilita,sans-serif}p{max-width:68ch}button{font:inherit}.wrap{max-width:1240px;margin-inline:auto;padding-inline:40px}.section{padding-block:var(--rhythm)}.skip{position:absolute;left:15px;top:-100px;z-index:20;background:var(--paper);padding:14px}.skip:focus{top:10px}.nav{display:flex;justify-content:space-between;align-items:center;min-height:105px;gap:30px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font:30px/1 Lilita,sans-serif;white-space:nowrap}.brand svg{width:35px;height:44px;stroke-width:2}.brand-small{display:block;font:11px/1.8 Atkinson,sans-serif;letter-spacing:.19em;margin-top:4px}nav{display:flex;align-items:center;gap:30px;font-size:16px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-sample{display:flex;align-items:center;gap:12px}.hero-copy{text-align:center;padding-top:20px;padding-bottom:20px}.hero-copy h1 span{color:var(--accent)}.hero-copy p{margin:17px auto 22px;font-size:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;background:var(--ink);color:var(--paper);border:0;border-radius:10px;min-height:52px;padding:13px 25px;text-decoration:none;font-size:17px;transition:background .2s,transform .2s}.button:hover{background:var(--ink-hover);transform:translateY(-2px)}.button:active{transform:translateY(0)}.table{background:var(--yellow);margin-top:95px}.paper-spread{position:relative;max-width:1050px;margin:auto;height:290px}.sheet{position:absolute;display:block;width:245px;height:auto;box-shadow:var(--shadow);top:-69px}.sheet-left{left:17%;transform:rotate(-11deg)}.sheet-right{right:17%;transform:rotate(10deg)}.sheet-center{left:calc(50% - 122.5px);top:-92px;transform:rotate(-2deg);z-index:2}.table-note{position:absolute;right:2%;top:174px;font:23px/1.1 Lilita,sans-serif;transform:rotate(-6deg)}.hero-rail{padding:20px 40px;background:var(--ink);color:var(--paper);display:flex;justify-content:center;gap:140px;font-size:15px}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px;align-items:center}.product-copy>p{margin-top:22px;font-size:20px;max-width:39ch}.product-copy h3{margin-top:32px;font-size:23px}.product-copy .details{font-size:16px;margin-top:12px;color:var(--muted)}.price{display:flex;gap:16px;align-items:center;margin:26px 0 22px}.price strong{font:36px/1 Lilita,sans-serif}.price span{font-size:14px;color:var(--muted)}.product-copy .small-note{font-size:14px;margin-top:12px}.page-viewer{background:var(--sage);padding:30px 30px 20px;border-radius:16px;text-align:center}.preview-stage{height:450px;display:flex;align-items:center;justify-content:center}.preview-stage img{max-height:100%;max-width:100%;width:auto;box-shadow:var(--shadow)}.preview-stage img.changed{animation:page-lift .42s cubic-bezier(.16,1,.3,1)}@keyframes page-lift{from{transform:translateY(12px) rotate(-2deg);filter:brightness(.96)}to{transform:translateY(0) rotate(0);filter:brightness(1)}}.preview-controls{display:flex;justify-content:center;gap:8px;margin-top:27px}.page-choice{padding:8px 15px;min-height:44px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:8px;cursor:pointer;font-size:16px}.page-choice[aria-pressed=true]{background:var(--ink);color:var(--paper)}.page-choice:hover{background:var(--sage-hover)}.page-choice[aria-pressed=true]:hover{background:var(--ink-hover)}.page-viewer>p{font-size:14px;margin-top:15px;min-height:42px}.inside{background:var(--pink)}.inside-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.inside-heading p{font-size:20px}.inside-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px;margin-top:65px;align-items:center}.inside figure{margin:0;text-align:center}.inside figure img{width:65%;height:auto;transform:rotate(-5deg);box-shadow:var(--shadow)}figcaption{font-size:17px;margin-top:25px}.contents>div{padding:25px 0;border-bottom:1px solid var(--coral-rule)}.contents>div:first-child{padding-top:0}.contents p{margin-top:13px;max-width:39ch;font-size:18px}.how h2{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:50px}.step-number{font:40px/1 Lilita,sans-serif;color:var(--accent);display:block;margin-bottom:22px}.steps p{margin-top:14px}.supplies{margin:45px auto 0;text-align:center;font-size:15px;max-width:75ch;color:var(--muted)}.closing{background:var(--ink);color:var(--paper)}.closing>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px}.closing-copy p{margin:24px 0 30px;font-size:20px}.light{color:var(--ink);background:var(--yellow)}.light:hover{background:var(--yellow-hover)}.questions{padding-top:6px}.questions details{border-bottom:1px solid var(--green-rule);padding-block:24px}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:21px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';font-size:25px;line-height:1}.questions details[open] summary:after{content:'−'}.questions p{font-size:17px;margin-top:17px;color:var(--green-soft)}.footer{padding-block:35px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px}.footer-brand{font:28px/1 Lilita,sans-serif;text-decoration:none}.footer p{color:var(--muted)}
@media(min-width:1450px){.paper-spread{height:315px}.sheet{width:265px}.sheet-center{left:calc(50% - 132.5px)}}
@media(max-width:900px){.wrap{padding-inline:28px}.nav{min-height:90px}.nav nav{gap:20px}.nav nav>a:first-child{display:none}.hero-copy{padding-top:25px}.sheet{width:225px}.sheet-center{left:calc(50% - 112.5px)}.sheet-left{left:12%}.sheet-right{right:12%}.table-note{display:none}.hero-rail{gap:45px}.product,.inside-layout,.closing>.wrap{gap:40px}.preview-stage{height:380px}.page-viewer{padding-inline:20px}.preview-controls{gap:5px}.page-choice{padding-inline:12px}.inside-heading{align-items:start}.steps{gap:35px}}
@media(max-width:620px){.wrap{padding-inline:24px}.nav{min-height:85px;gap:15px}.brand{font-size:25px;gap:6px}.brand svg{width:28px}.brand-small{font-size:11px;letter-spacing:.08em}.nav nav>a:nth-child(2){display:none}.nav-sample{font-size:13px;gap:5px}.nav-sample svg{width:18px}.hero-copy{padding-top:25px;padding-bottom:25px}.hero-copy h1{max-width:8ch;margin:auto;font-size:58px}.hero-copy p{font-size:18px;max-width:25ch;margin-top:18px}.hero .button{font-size:15px;padding-inline:18px;gap:10px}.table{margin-top:75px}.paper-spread{height:258px}.sheet{width:173px;top:-35px}.sheet-left{left:4%;transform:rotate(-12deg)}.sheet-right{right:4%;transform:rotate(12deg)}.sheet-center{left:calc(50% - 86.5px);top:-58px}.hero-rail{padding:20px 24px;display:block;text-align:center;font-size:14px}.hero-rail span{display:block}.hero-rail span+span{margin-top:5px;font-size:12px}.product,.inside-layout,.closing>.wrap{grid-template-columns:minmax(0,1fr);gap:45px}.product-copy>p{font-size:19px}.product-copy h3{font-size:23px}.preview-stage{height:395px}.page-viewer{padding:25px 18px 14px}.preview-controls{gap:8px}.page-choice{padding-inline:16px}.inside-heading{display:block}.inside-heading p{margin-top:22px;font-size:19px}.inside-layout{margin-top:40px}.inside figure img{width:69%;max-width:290px}.contents>div{padding-block:24px}.contents p{font-size:18px}.how h2{text-align:left;max-width:10ch}.steps{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:35px}.steps article{position:relative;padding-left:60px}.step-number{position:absolute;top:0;left:0;font-size:36px}.steps p{margin-top:10px}.supplies{text-align:left;margin-top:35px}.closing-copy .button{font-size:15px;padding-inline:17px;gap:10px}.footer{flex-wrap:wrap;gap:25px}.footer-brand{width:100%}.footer p{font-size:12px}.footer>a:last-child{font-size:13px}.section{padding-block:72px}}


@media(max-width:620px){.inside-heading h2{font-size:34px}.inside-heading h2 br{display:none}}

.product>*{min-width:0}.button{max-width:100%;text-align:center}.button svg{flex-shrink:0;transition:transform 180ms var(--ease)}.button:hover svg{transform:translateX(3px)}
nav a,.footer a{min-height:44px;display:inline-flex;align-items:center}.questions summary{min-height:44px;align-items:center;gap:16px}.questions summary:after{flex-shrink:0;transition:transform 180ms var(--ease)}.questions details[open] summary:after{transform:rotate(180deg)}
.preview-controls{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px;background:var(--sage-hover);border-radius:12px}.selection-marker{position:absolute;top:0;left:0;background:var(--ink);border-radius:9px;pointer-events:none;transition:transform 260ms var(--ease)}
.page-choice{position:relative;z-index:1;padding:8px 5px;border:0;background:transparent;border-radius:8px;min-width:0}.page-choice[aria-pressed=true],.page-choice[aria-pressed=true]:hover{background:var(--ink);color:var(--paper)}.page-choice:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
.page-viewer .preview-status{min-height:0;margin-top:14px;font-size:14px}.preview-status:empty{margin:0}.page-viewer>p:last-child{min-height:42px}.preview-stage{perspective:900px}.preview-stage img.changed{animation:none}#preview-retry{color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:8px;padding:8px 16px;min-height:44px;cursor:pointer;margin-top:12px}
@media(max-width:620px){.nav{gap:10px}.nav nav{flex-shrink:1;min-width:0}.brand{flex-shrink:0;font-size:23px}.brand-small{letter-spacing:.04em}.nav-sample{min-height:44px}.product-copy h3{overflow-wrap:anywhere}.preview-stage{height:auto;min-height:280px;aspect-ratio:3/4}.preview-stage img{max-height:395px;width:auto;max-width:100%}.preview-controls{width:100%}.page-choice{font-size:15px;padding-inline:3px}.closing-copy .button{padding-inline:12px}.button{font-size:15px;gap:9px;padding-inline:16px}.footer a{min-height:44px}.sheet{width:clamp(140px,44vw,173px)}.sheet-center{left:50%;transform:translateX(-50%) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.selection-marker{transition:none}.button,.button svg,.questions summary:after{transition:background-color 120ms linear,color 120ms linear}.button:hover,.button:active,.button:hover svg{transform:none}.preview-stage img{animation:none}}

.enhanced .page-choice[aria-pressed=true],.enhanced .page-choice[aria-pressed=true]:hover{background:transparent}

/* Browser feedback: collection framing and paper details. */
.table-note{background:var(--paper);padding:15px 18px;border:1px solid var(--ink);border-radius:8px;box-shadow:0 5px 0 var(--ink);z-index:3}
.hero-rail a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.hero-rail a:hover{color:var(--yellow)}
.product-copy .collection-label{font-size:13px;letter-spacing:.04em;font-weight:bold;margin:0 0 18px;max-width:none}.product-copy .small-note{max-width:43ch}
.sheet,.preview-stage img,.inside figure img{outline:1px solid rgba(33,70,54,.22);box-shadow:0 18px 35px rgba(37,43,21,.25),0 2px 4px rgba(37,43,21,.12)}
.questions summary{transition:color 150ms linear}.questions summary:hover,.questions summary:focus-visible{color:var(--yellow)}
@media(max-width:620px){.hero-rail a{margin-top:4px;font-size:12px}.product-copy .collection-label{font-size:12px}}

.hero-rail{align-items:center}

/* Flow-created brand lockup, with explicit dimensions to prevent layout shift. */
.brand-logo{display:block;width:250px;height:auto}.brand{flex-shrink:0}
@media(max-width:620px){.brand-logo{width:178px}}
@media(max-width:360px){.brand-logo{width:155px}.nav-sample{font-size:12px}}