@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&family=Roboto+Mono:wght@300;400;500&display=swap');

:root{--cream:#f4efe3;--paper:#fbf8f0;--ink:#18251f;--muted:#69736c;--line:rgba(24,37,31,.18);--terracotta:#c85235;--red:#ae3728;--yellow:#f1c74d;--sage:#b9c8ad;--blue:#1e4a78;--shell:min(1280px,calc(100vw - 48px));--radius:4px;--header:76px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Manrope",sans-serif;line-height:1.55;overflow-x:hidden}body.menu-open,body.dialog-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:999;top:8px;left:8px;background:var(--ink);color:var(--paper);padding:10px 15px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header);transition:.3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(244,239,227,.92);backdrop-filter:blur(16px);border-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.18em;font-weight:700}.brand-mark{width:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.desktop-nav{display:flex;gap:32px;margin-left:auto;margin-right:38px}.desktop-nav a{font-size:12px;font-weight:600;position:relative}.desktop-nav a:after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-6px;background:var(--ink);transition:.25s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:14px}.header-note{font:500 9px "Roboto Mono";letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.mini-cta{height:42px;display:flex;align-items:center;gap:24px;padding:0 14px;background:var(--ink);color:var(--paper);font:500 10px "Roboto Mono";text-transform:uppercase;letter-spacing:.05em}.mini-cta:hover{background:var(--terracotta)}.menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;align-content:center;justify-items:center;gap:5px}.menu-button span{width:17px;height:1px;background:currentColor}.mobile-nav{display:none}
.hero{height:max(760px,100svh);position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/images/personalizirana-kniga-podarak-knijle.jpg") center/cover no-repeat}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,239,227,.96) 0%,rgba(244,239,227,.84) 33%,rgba(244,239,227,.06) 63%)}.hero-inner{position:relative;z-index:2;padding-top:var(--header)}.hero-copy{max-width:690px}.eyebrow{margin:0 0 20px;font:500 10px/1.3 "Roboto Mono";letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta)}.eyebrow span{display:inline-block;width:27px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero h1,.intro h2,.collection-heading h2,.how h2,.creator h2,.reviews h2,.faq h2,.closing h2{font-size:clamp(58px,7.3vw,110px);line-height:.87;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 em{font-family:"Playfair Display",serif;color:var(--terracotta);font-weight:600}.hero-dek{max-width:560px;margin:30px 0 0;font-size:18px;line-height:1.7}.hero-dek em{font-family:"Playfair Display",serif;font-size:1.12em}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:35px}.button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:38px;border:0;font:600 10px "Roboto Mono";letter-spacing:.07em;text-transform:uppercase}.button-ink{background:var(--ink);color:var(--paper)}.button-ink:hover{background:var(--terracotta);transform:translateY(-2px)}.button-link{padding:0;border-bottom:1px solid var(--ink)}.hero-proof{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:50px}.hero-proof div{display:grid;gap:2px;padding-right:24px}.hero-proof div+div{border-left:1px solid var(--line);padding-left:24px}.hero-proof strong{font-family:"Playfair Display",serif;font-size:20px}.hero-proof span{font-size:9px;color:var(--muted)}.hero-stamp{position:absolute;right:48px;bottom:34px;width:118px;height:118px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(7deg);text-shadow:0 1px 8px rgba(0,0,0,.3)}.hero-stamp span{font:500 7px "Roboto Mono";letter-spacing:.13em}.hero-stamp strong{font-family:"Playfair Display",serif;font-size:27px;line-height:1}
.marquee{height:52px;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:var(--paper)}.marquee-track{display:flex;align-items:center;gap:35px;width:max-content;white-space:nowrap;animation:marquee 30s linear infinite;font:500 9px "Roboto Mono";letter-spacing:.13em}.marquee-track i{color:var(--yellow);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding-block:125px}.intro>.eyebrow{margin-bottom:35px}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.intro h2{font-size:clamp(48px,6vw,88px)}.intro-grid>div p{color:var(--muted);font-size:16px;line-height:1.8}.intro-grid a{display:inline-block;margin-top:15px;padding-bottom:5px;border-bottom:1px solid;font:600 10px "Roboto Mono";text-transform:uppercase;letter-spacing:.06em}
.collections{background:var(--ink);color:var(--paper);padding:125px 0}.collection-heading{display:grid;grid-template-columns:1fr 350px;gap:70px;align-items:end;margin-bottom:70px}.collection-heading h2{font-size:clamp(50px,6.3vw,90px)}.collection-heading>p{color:#acb5ae;font-size:14px}.collection-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.collection-image{position:sticky;top:110px;align-self:start}.collection-image img{aspect-ratio:1/1.12;object-fit:cover}.collection-image span{display:block;margin-top:12px;color:#8c978f;font:500 8px "Roboto Mono";letter-spacing:.12em}.collection-list{border-top:1px solid rgba(255,255,255,.18)}.collection-item{display:grid;grid-template-columns:55px 1fr 45px;gap:24px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:start}.collection-no,.collection-label{font:500 8px "Roboto Mono";letter-spacing:.12em;text-transform:uppercase;color:#849188}.collection-label{color:var(--yellow);margin:0 0 8px}.collection-item h3{font-family:"Playfair Display",serif;font-size:34px;margin:0;line-height:1.1}.collection-item p:last-child{color:#aab3ad;font-size:13px;max-width:520px}.collection-item button{width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:none;color:var(--paper);font-size:17px}.collection-item button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:rotate(45deg)}
.how-head{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:end;margin-bottom:70px}.how h2{font-size:clamp(50px,6.2vw,90px)}.how-head>p{color:var(--muted)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border-top:1px solid var(--line);padding-top:20px}.step-visual{height:260px;margin-bottom:25px;position:relative;overflow:hidden;background:var(--paper)}.step-number{font:500 8px "Roboto Mono";letter-spacing:.11em;color:var(--terracotta)}.step h3{font-family:"Playfair Display",serif;font-size:30px;margin:9px 0}.step>p{color:var(--muted);font-size:13px;max-width:330px}.visual-one{display:grid;place-items:center;background:var(--yellow)}.question-lines{width:63%;background:var(--paper);padding:35px 25px;box-shadow:14px 14px 0 rgba(24,37,31,.16)}.question-lines i{display:block;height:7px;background:var(--ink);margin:11px 0}.question-lines i:nth-child(2){width:75%}.question-lines i:nth-child(3){width:45%}.cursor-dot{position:absolute;width:23px;height:23px;border:6px solid var(--terracotta);border-radius:50%;right:22%;bottom:25%;box-shadow:0 0 0 8px rgba(200,82,53,.2)}.visual-two{background:var(--sage);display:grid;place-items:center}.page-stack{width:50%;height:65%;position:relative;transform:rotate(-8deg)}.page-stack i{position:absolute;inset:0;background:var(--paper);border:1px solid var(--ink);box-shadow:8px 8px 0 rgba(24,37,31,.2)}.page-stack i:nth-child(2){transform:rotate(7deg)}.page-stack i:nth-child(3){transform:rotate(14deg);background:var(--terracotta)}.visual-three{background:var(--blue);display:grid;place-items:center}.tiny-book{width:105px;height:150px;background:var(--red);box-shadow:-9px 8px 0 #0a2746;position:relative}.tiny-book:after{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.6);border-radius:50% 50% 0 0}.tiny-book i{position:absolute;left:0;top:0;bottom:0;width:7px;background:#7f251c}.spark{position:absolute;color:var(--yellow);font-size:28px;right:25%;top:22%}
.creator{background:#d9dfd0;padding:125px 0}.creator-heading{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:60px}.creator-heading h2{font-size:clamp(50px,6vw,88px)}.creator-heading>p:last-child{max-width:330px;color:var(--muted)}.builder-shell{display:grid;grid-template-columns:1.2fr .8fr;background:var(--paper);min-height:760px;box-shadow:0 30px 80px rgba(24,37,31,.1)}.builder-main{padding:45px 55px}.progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:14px;margin-bottom:50px;color:#99a19c;font:500 8px "Roboto Mono";letter-spacing:.1em;text-transform:uppercase}.progress i{height:1px;background:var(--line)}.progress span.is-current{color:var(--terracotta)}.form-step{border:0;padding:0;margin:0;display:none}.form-step.is-active{display:block;animation:form-in .35s ease}@keyframes form-in{from{opacity:0;transform:translateX(12px)}}.form-step legend{font-family:"Playfair Display",serif;font-size:42px;line-height:1.12;padding:0}.form-step legend span{display:block;font:500 8px "Roboto Mono";color:var(--terracotta);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.legend-help{color:var(--muted);font-size:12px;margin:12px 0 30px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-grid label{min-height:125px;border:1px solid var(--line);padding:18px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;cursor:pointer;position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid label:has(input:checked){border:2px solid var(--terracotta);padding:17px;background:#fffaf0}.choice-icon{grid-row:1/3;width:35px;height:35px;border-radius:50%;background:var(--cream);display:grid;place-items:center}.choice-grid strong{font-family:"Playfair Display",serif;font-size:19px;align-self:end}.choice-grid small{font-size:10px;color:var(--muted)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.next-button,.back-button{min-height:48px;padding:0 18px;border:0;font:600 9px "Roboto Mono";letter-spacing:.06em;text-transform:uppercase}.next-button{background:var(--ink);color:var(--paper);display:flex;gap:30px;align-items:center}.next-button:hover{background:var(--terracotta)}.back-button{background:transparent;padding-left:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field>span,.quantity-row label{font:600 9px "Roboto Mono";letter-spacing:.07em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fffdf7;padding:12px;border-radius:0;outline:none}.field input,.field select{height:48px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terracotta);box-shadow:0 0 0 1px var(--terracotta)}.field>small{justify-self:end;color:var(--muted);font:400 8px "Roboto Mono"}.field>small.error{color:var(--red);justify-self:start}.format-options{display:grid;gap:10px}.format-options label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;min-height:72px;padding:12px 15px;border:1px solid var(--line);cursor:pointer;position:relative}.format-options label:has(input:checked){border:2px solid var(--terracotta);padding:11px 14px;background:#fffaf0}.format-options input{accent-color:var(--terracotta)}.format-options span{display:grid}.format-options strong{font-family:"Playfair Display",serif;font-size:18px}.format-options small{color:var(--muted);font-size:9px}.format-options b{font:500 14px "Roboto Mono"}.format-options em{position:absolute;right:10px;top:-8px;background:var(--yellow);padding:2px 6px;font:500 7px "Roboto Mono";text-transform:uppercase}.quantity-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.quantity-row p{margin:2px 0 0;color:var(--muted);font-size:9px}.quantity-control{display:flex;align-items:center;border:1px solid var(--line)}.quantity-control button{width:36px;height:36px;border:0;background:transparent}.quantity-control input{width:36px;height:36px;border:0;background:transparent;text-align:center;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{display:none}.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:10px;color:var(--muted)}.consent input{accent-color:var(--terracotta);margin-top:2px}.contact-fields{max-width:360px}.book-preview{background:var(--ink);color:var(--paper);padding:30px;display:flex;flex-direction:column}.preview-top{display:flex;justify-content:space-between;color:#8f9b94;font:500 8px "Roboto Mono";letter-spacing:.1em}.preview-top span:last-child{color:var(--yellow)}.book-stage{flex:1;min-height:480px;display:grid;place-items:center;position:relative;perspective:1000px}.book-mockup{width:260px;height:350px;background:var(--blue);position:relative;box-shadow:-14px 15px 0 #0c2d50,0 35px 55px rgba(0,0,0,.4);transform:rotateY(-8deg) rotateZ(-2deg);overflow:hidden;transition:background .35s}.book-spine{position:absolute;left:0;top:0;bottom:0;width:13px;background:rgba(0,0,0,.22);border-right:1px solid rgba(255,255,255,.15)}.cover-art{position:absolute;inset:15px;border:1px solid rgba(255,255,255,.6);overflow:hidden}.cover-sun{position:absolute;width:75px;height:75px;border-radius:50%;background:var(--yellow);top:48px;right:45px}.cover-land{position:absolute;width:350px;height:160px;border-radius:50%;left:-50px;bottom:-45px;background:#315d8b;transform:rotate(-9deg)}.land-two{left:-20px;bottom:-75px;background:#0f345a;transform:rotate(11deg)}.cover-star{position:absolute;top:26px;left:28px;color:#fff;font-size:22px}.cover-copy{position:absolute;inset:auto 30px 34px;text-align:center;display:grid;gap:4px;color:#fff}.cover-copy>span,.cover-copy>small{font:500 7px "Roboto Mono";letter-spacing:.14em}.cover-copy strong{font-family:"Playfair Display",serif;font-size:25px;line-height:.9}.theme-love{background:#c65c4b}.theme-love .cover-sun{background:#ffd9b9}.theme-love .cover-land{background:#a53e36}.theme-love .land-two{background:#7f2c29}.theme-legacy{background:#7e9675}.theme-legacy .cover-sun{background:#e7c66e}.theme-legacy .cover-land{background:#587254}.theme-legacy .land-two{background:#3f5b42}.theme-pet{background:#e3d5b7}.theme-pet .cover-art{border-color:#7e6d53}.theme-pet .cover-sun{background:#b7c5a0}.theme-pet .cover-land{background:#c4ad82}.theme-pet .land-two{background:#a78861}.theme-pet .cover-copy{color:#3d3b2f}.book-shadow{position:absolute;width:300px;height:30px;background:#000;filter:blur(18px);opacity:.3;bottom:45px;transform:rotate(-4deg)}.preview-summary{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-summary div{display:grid;gap:4px}.preview-summary span{font:500 7px "Roboto Mono";letter-spacing:.1em;color:#849089}.preview-summary strong{font-size:11px}.preview-summary .price-line{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.15);padding-top:14px}.price-line strong{font-family:"Playfair Display",serif;font-size:30px;color:var(--yellow)}.preview-summary p{grid-column:1/-1;margin:0;color:#849089;font-size:8px}
.review-head{display:grid;grid-template-columns:1fr auto;align-items:end}.reviews h2{font-size:clamp(50px,6vw,88px)}.review-rating{text-align:right}.review-rating strong{font-family:"Playfair Display",serif;font-size:70px;line-height:1}.review-rating span{display:block;color:var(--terracotta);letter-spacing:.15em}.review-rating p{color:var(--muted);font-size:9px}.review-window{margin-top:60px;border-top:1px solid var(--line);padding-top:35px;overflow:hidden}.review-track{display:flex;transition:transform .55s cubic-bezier(.22,.8,.25,1)}.review-card{min-width:100%;margin:0;display:grid;grid-template-columns:1fr 230px;gap:80px;align-items:end}.review-card blockquote{font-family:"Playfair Display",serif;font-size:clamp(28px,4.2vw,58px);line-height:1.18;margin:0;max-width:900px}.review-card figcaption{display:grid}.review-card figcaption strong{font-size:12px}.review-card figcaption span{font-size:9px;color:var(--muted)}.review-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:40px}.review-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent}.review-controls button:hover{background:var(--ink);color:var(--paper)}.review-controls span{font:500 9px "Roboto Mono"}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:120px}.faq h2{font-size:clamp(48px,5.4vw,78px)}.faq-head>p:last-child{color:var(--muted);font-size:12px;max-width:320px}.faq-head a{text-decoration:underline}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-family:"Playfair Display",serif;font-size:24px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:"Manrope";font-weight:300;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.8;padding:0 50px 24px 0;margin:0}
.closing{min-height:650px;display:grid;grid-template-columns:1fr 1fr;background:var(--terracotta);position:relative;overflow:hidden}.closing-art{display:grid;place-items:center;position:relative}.open-book{width:360px;height:220px;display:flex;transform:perspective(600px) rotateX(15deg)}.open-book span{width:50%;background:var(--paper);border:1px solid var(--ink);box-shadow:0 25px 40px rgba(0,0,0,.15);border-radius:8px 2px 2px 12px;transform:skewY(8deg)}.open-book span+span{transform:skewY(-8deg);border-radius:2px 8px 12px 2px}.closing-art i{position:absolute;color:var(--yellow);font-style:normal;font-size:25px}.closing-art i:nth-of-type(1){top:20%;left:25%}.closing-art i:nth-of-type(2){top:30%;right:20%;font-size:40px}.closing-art i:nth-of-type(3){bottom:24%;left:30%}.closing-copy{width:auto;margin:0;align-self:center;padding-right:max(24px,calc((100vw - 1280px)/2))}.closing h2{font-size:clamp(65px,7vw,110px);color:#fff;margin-bottom:35px}.closing .eyebrow{color:#43140d}
.site-footer{background:var(--ink);color:var(--paper);padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr 1.1fr;gap:70px}.footer-grid>div:first-child p{max-width:320px;color:#87928b;font-size:11px;margin-top:20px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid strong{font:500 8px "Roboto Mono";letter-spacing:.13em;text-transform:uppercase;color:var(--yellow);margin-bottom:8px}.footer-grid nav a{font-size:11px;color:#aab3ad}.footer-grid nav a:hover{color:#fff}.footer-note p{font-size:11px;color:#aab3ad}.footer-note form{display:grid;grid-template-columns:1fr 40px;border-bottom:1px solid rgba(255,255,255,.3)}.footer-note input{height:44px;border:0;background:transparent;color:#fff;outline:none;font-size:11px}.footer-note button{border:0;background:transparent;color:#fff}.footer-note small{display:block;margin-top:8px;color:#6d7971;font-size:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.14);margin-top:65px;padding-top:18px;color:#6d7971;font:500 8px "Roboto Mono";letter-spacing:.08em;text-transform:uppercase}
.success-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:rgba(24,37,31,.75);backdrop-filter:blur(12px)}.success-dialog::backdrop{background:transparent}.success-card{width:min(560px,calc(100vw - 32px));margin:12vh auto;background:var(--paper);padding:55px;position:relative;text-align:center}.success-card>button:first-child{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px}.success-icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 22px;border-radius:50%;background:var(--sage);font-size:23px}.success-card h2{font-family:"Playfair Display",serif;font-size:45px;line-height:1;margin:15px 0}.success-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.success-card>div{display:grid;margin:25px 0}.success-card>div span{font:500 8px "Roboto Mono";color:var(--muted)}.success-card>div strong{font:500 15px "Roboto Mono"}.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:12px 18px;font:500 9px "Roboto Mono";opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
.page-hero{padding:170px 0 85px;border-bottom:1px solid var(--line)}.page-hero h1{font-family:"Playfair Display",serif;font-size:clamp(55px,8vw,110px);line-height:.9;letter-spacing:-.055em;margin:0;max-width:950px}.page-hero>div>p:last-child{max-width:680px;color:var(--muted);font-size:17px;margin-top:28px}.content-page{padding:90px 0 120px;display:grid;grid-template-columns:260px minmax(0,760px);gap:90px}.content-page aside{position:sticky;top:110px;align-self:start}.content-page aside a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font:500 9px "Roboto Mono";letter-spacing:.07em;text-transform:uppercase}.prose h2{font-family:"Playfair Display",serif;font-size:38px;line-height:1.1;margin:60px 0 17px}.prose h2:first-child{margin-top:0}.prose h3{font-family:"Playfair Display",serif;font-size:24px;margin:35px 0 10px}.prose p,.prose li{color:var(--muted);font-size:14px;line-height:1.85}.prose strong{color:var(--ink)}.prose a{text-decoration:underline;text-underline-offset:4px}.policy-table{border-top:1px solid var(--line);margin:25px 0}.policy-row{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.policy-row strong{font:500 9px "Roboto Mono";text-transform:uppercase;letter-spacing:.07em}.policy-row span{color:var(--muted);font-size:13px}
@media(max-width:1050px){.desktop-nav,.header-note{display:none}.menu-button{display:grid}.mini-cta{margin-left:auto}.hero-wash{background:linear-gradient(90deg,rgba(244,239,227,.94),rgba(244,239,227,.68) 50%,rgba(244,239,227,.02) 78%)}.collection-layout{grid-template-columns:.7fr 1.3fr;gap:40px}.builder-main{padding:40px 35px}.book-mockup{width:220px;height:300px}.faq{gap:70px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-note{grid-column:2/4}}
@media(max-width:760px){:root{--shell:min(100% - 32px,1280px);--header:66px}.site-header.is-scrolled{background:rgba(244,239,227,.96)}.mini-cta{display:none}.mobile-nav{position:fixed;inset:var(--header) 0 auto;background:var(--paper);border-bottom:1px solid var(--line);padding:15px;flex-direction:column}.mobile-nav.is-open{display:flex}.mobile-nav a{padding:13px;font-family:"Playfair Display",serif;font-size:23px}.hero{height:820px;align-items:end}.hero-image{background-position:64% center}.hero-wash{background:linear-gradient(0deg,rgba(244,239,227,.98) 5%,rgba(244,239,227,.78) 58%,rgba(244,239,227,.06) 85%)}.hero-inner{padding-bottom:45px}.hero h1{font-size:55px}.hero-dek{font-size:14px;max-width:460px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.button{width:100%}.button-link{width:auto}.hero-proof{grid-template-columns:repeat(3,1fr);width:100%;gap:0}.hero-proof div{padding-right:9px}.hero-proof div+div{padding-left:9px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:7px}.hero-stamp{display:none}.section{padding-block:85px}.intro-grid,.collection-heading,.how-head,.creator-heading,.review-head,.faq{grid-template-columns:1fr;gap:30px}.intro-grid{gap:25px}.collection-layout{grid-template-columns:1fr}.collection-image{position:relative;top:auto}.collection-image img{aspect-ratio:1.2/1;object-position:center 40%}.collection-item{grid-template-columns:35px 1fr 42px;gap:10px}.collection-item h3{font-size:27px}.steps{grid-template-columns:1fr;gap:50px}.step-visual{height:310px}.creator{padding:85px 0}.builder-shell{grid-template-columns:1fr}.builder-main{padding:30px 20px}.book-preview{min-height:650px}.creator-heading>p:last-child{max-width:none}.review-card{grid-template-columns:1fr;gap:25px}.review-rating{text-align:left}.review-rating strong{font-size:45px}.closing{grid-template-columns:1fr;min-height:750px}.closing-art{min-height:360px}.closing-copy{padding:0 16px 60px;width:100%;text-align:center}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:12px}.success-card{padding:45px 25px}}
@media(max-width:480px){.brand{font-size:12px}.hero{height:790px}.hero h1{font-size:48px}.hero-dek{line-height:1.55}.intro h2,.collection-heading h2,.how h2,.creator h2,.reviews h2,.faq h2{font-size:45px}.choice-grid,.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-step legend{font-size:34px}.progress{gap:7px}.book-preview{padding:25px 15px}.book-mockup{width:225px;height:305px}.faq-list summary{font-size:20px}.open-book{width:290px;height:180px}.closing h2{font-size:64px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-note{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){.page-hero{padding:125px 0 65px}.content-page{grid-template-columns:1fr;gap:45px;padding:65px 0 90px}.content-page aside{position:static}.policy-row{grid-template-columns:1fr;gap:7px}}

.cover-copy strong{white-space:pre-line}.format-options b{display:grid;text-align:right}.format-options b small{font-size:7px;font-weight:400;color:var(--muted)}.price-line strong{display:grid;text-align:right}.price-line strong small{margin-top:2px;color:#aab3ad;font:400 8px "Roboto Mono"}