@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,400,30,1;9..144,600,30,1;9..144,700,30,1&display=swap');
:root{--ink:#242720;--muted:#686960;--red:#e7594f;--red-dark:#c84139;--cream:#fff9ef;--mint:#cae9df;--navy:#203a3a;--yellow:#ffbb65;--line:#e8e0d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.75 'DM Sans',Arial,sans-serif;overflow-x:hidden}h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.12;letter-spacing:-.044em}h1{font-size:clamp(3.3rem,6.4vw,6.3rem);margin:18px 0 24px;max-width:950px}h2{font-size:clamp(2.5rem,4.3vw,4.6rem);margin:12px 0 22px}h3{font-size:1.6rem;margin:10px 0}p{max-width:67ch;color:var(--muted)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1220px,calc(100% - 72px));margin:auto}.top{position:sticky;top:0;z-index:50;background:#fffbf3ed;border-bottom:1px solid #e5dfd2;backdrop-filter:blur(20px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.045em}.brand img{height:49px;width:49px;object-fit:contain}.links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:800}.links>a:not(.btn){position:relative}.links>a:not(.btn):after{content:'';position:absolute;bottom:-7px;height:2px;background:var(--red);left:0;width:0;transition:width .2s}.links>a:hover:after,.links>a.active:after{width:100%}.active{color:var(--red-dark)}.menu{display:none;border:1px solid var(--line);border-radius:12px;background:white;font-size:25px;padding:6px 13px;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 25px;background:var(--red);border:1px solid var(--red);color:white;border-radius:50px;font-weight:800;font-size:13px;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s;line-height:1.3;text-align:center;box-shadow:0 9px 20px #e7594f25}.btn:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 14px 25px #e7594f35}.btn.outline{background:transparent;color:var(--ink);border-color:#a8b1aa;box-shadow:none}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.21em;font-weight:800;color:var(--red-dark)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 37%,#b5dcd0 0,#e0f1e8 29%,transparent 53%),linear-gradient(126deg,#fff4e3,#fffaf1 58%,#d4ebdf)}.hero:before{content:'✳';position:absolute;color:#ffc87d;font-size:190px;left:-64px;top:2%;opacity:.34}.hero-grid{min-height:710px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:24px;padding:88px 0 110px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:18px;max-width:570px;color:#56594f}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}.hero-art:before{content:'';position:absolute;inset:7% 3%;border-radius:46% 54% 51% 49%;background:linear-gradient(135deg,#ffcc91,#ffeed9);transform:rotate(-10deg)}.hero-art:after{content:'';position:absolute;left:3%;bottom:10%;width:75px;height:75px;border-radius:50%;border:14px solid #f5ad95;opacity:.75}.hero-art img{position:relative;z-index:1;width:min(100%,450px);max-height:490px;object-fit:contain;filter:drop-shadow(0 19px 14px #563f2520)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.section{padding:110px 0}.section.mint{background:#e3f2ed}.section.white{background:#fff}.section-head{max-width:830px;margin-bottom:48px}.section-head p{font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid #e8e1d7;border-radius:22px;padding:32px;box-shadow:0 15px 40px #3d30200b;min-width:0}.card p{margin-bottom:0}.stat{font:700 clamp(2.8rem,4.5vw,4.4rem) 'Fraunces',Georgia,serif;color:var(--red);line-height:1.1;margin-bottom:12px}.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:225px;gap:14px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:18px;transition:transform .3s}.gallery img:first-child{grid-row:span 2}.gallery img:hover{transform:scale(1.012)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo{width:100%;height:500px;object-fit:cover;border-radius:22px}.price{font:700 clamp(3rem,5vw,5rem) 'Fraunces',Georgia,serif;color:var(--red);line-height:1.3}.check{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}.check li{background:#fff;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:13px}.check li:before{content:'✓';background:#d5eee5;color:#225e52;border-radius:50%;padding:1px 5px;margin-right:9px}.form{display:grid;grid-template-columns:1fr 1fr;gap:19px;max-width:920px;margin:0 auto}.form label{font-size:13px;font-weight:800}.form input,.form select,.form textarea{display:block;width:100%;margin-top:7px;border:1px solid #ded8ce;border-radius:10px;padding:14px;background:#fffdf9;color:var(--ink);font:inherit;font-size:14px;outline-offset:2px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--red)}.form .full{grid-column:1/-1}.form button{width:100%}.book-cover{background:linear-gradient(165deg,#162e44 2%,#5b8ba2 51%,#142b48 97%);color:white;aspect-ratio:3/4;display:grid;place-items:center;padding:28px;text-align:center;box-shadow:18px 18px 0 #d8cfc2;max-width:330px;border-radius:5px}.book-cover strong{font:600 3.4rem 'Fraunces',serif}.footer{background:#203b3b;color:#f9f4e8;padding:80px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer p{color:#c7d8d2}.footer a{display:block;margin:9px 0;font-size:14px;color:#e1ebe6}.footer a:hover{color:#ffbd77}.footer small{color:#b8cec5}.mini-hero{padding:110px 0 100px;background:radial-gradient(circle at 86% 42%,#b9e4d7,transparent 44%),linear-gradient(135deg,#fff2dc,#fef9ef 65%)}.mini-hero h1{font-size:clamp(3.25rem,6.2vw,6.2rem);max-width:950px}.mini-hero p{font-size:19px}.note{background:#fff1df;border-left:4px solid var(--red);padding:18px 22px;font-size:13px;border-radius:0 10px 10px 0}.team-photo{object-position:center 25%}.feature-strip{background:var(--navy);color:white;padding:25px 0}.feature-strip .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:800;letter-spacing:.055em}.feature-strip span{color:#dfefe8}.numbered{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.numbered article{border-radius:20px;padding:29px;background:#fff;border:1px solid var(--line)}.numbered b{display:inline-flex;color:var(--red);font:700 38px 'Fraunces',serif}.numbered h3{font-size:21px}.numbered p{font-size:14px}.cta-band{background:var(--red);color:white;position:relative;overflow:hidden}.cta-band p,.cta-band .eyebrow{color:#ffe2d7}.cta-band .btn{background:var(--navy);border-color:var(--navy)}.cta-band h2{max-width:760px}.editorial{background:linear-gradient(150deg,#f6ebd9,#fff9ef)}.pill{display:inline-block;border:1px solid #d8cfbf;border-radius:40px;padding:9px 17px;font-size:12px;font-weight:800;margin:6px;background:#fff9ef}.quote-card{background:#234646;color:#fff7e8;padding:44px;border-radius:24px}.quote-card p{color:#d8e9e1}.quote-card h3{font-size:clamp(1.7rem,2.5vw,2.6rem)}.section-lead{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-lead .section-head{margin-bottom:37px}.section-lead>a{margin-bottom:45px;white-space:nowrap}.book-visual{max-width:330px;margin:auto}.tiny{font-size:13px}.contact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-list .card{min-height:255px}.contact-list .card .btn{margin-top:15px}.gallery-note{margin-top:20px;font-size:13px}.box-accent{border-radius:20px;padding:24px;background:#ffeccf}.box-accent p{margin:0}.gallery img{object-position:center 42%}@media(max-width:1000px){.links{gap:13px;font-size:12px}.links .btn{padding:13px 16px}.numbered{grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:600px}}@media(max-width:800px){.nav{min-height:72px}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#fffbf5;padding:22px 26px 28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 25px 30px #27312413}.links.open{display:flex}.links a{padding:7px 0}.hero-grid,.split{grid-template-columns:1fr;gap:25px}.hero-grid{padding:70px 0 80px}.hero-art{max-width:420px;margin:auto}.grid,.contact-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:75px 0}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.gallery img:first-child{grid-row:span 2}.section-lead{display:block}.section-lead>a{margin-bottom:35px}}@media(max-width:560px){.container{width:calc(100% - 36px)}.brand{font-size:16px}.brand img{width:41px;height:41px}h1{font-size:clamp(2.8rem,11vw,4.3rem)}h2{font-size:clamp(2.3rem,9vw,3.3rem)}.hero-grid{padding:58px 0 64px}.hero-art{min-height:250px}.hero-art img{max-height:320px}.hero p{font-size:16px}.grid,.contact-list,.form,.footer-grid,.numbered{grid-template-columns:1fr}.form .full{grid-column:auto}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:155px;gap:8px}.gallery img:first-child{grid-row:span 2}.gallery img{border-radius:12px}.check{grid-template-columns:1fr}.section{padding:65px 0}.mini-hero{padding:70px 0}.mini-hero p{font-size:16px}.photo{height:340px}.card{padding:24px}.book-cover{margin:auto}.actions .btn{flex:1}.footer{padding-top:60px}.feature-strip .container{gap:10px}.feature-strip span{width:100%}}

/* READERZEN — Edition 03: editorial coral / teal / parchment */
:root{--ink:#1d302e;--muted:#596d66;--red:#ec6356;--red-dark:#b74439;--cream:#fffaf0;--mint:#d9efeb;--navy:#183d3b;--yellow:#ffcc80;--line:#e7d9c9}
body{background:#fffaf0}h1,h2,h3{letter-spacing:-.052em}h2{max-width:880px}.top{background:#fffaf1f2;border-bottom:1px solid #eadcca}.top .brand{color:#183d3b}.links>a:not(.btn){font-size:12px}.links>a.active{color:#bd4d40}.btn{border-radius:12px;box-shadow:5px 5px 0 #253c3518}.btn:hover{box-shadow:7px 7px 0 #253c3528}.btn.outline{border-radius:12px}.hero{background:radial-gradient(circle at 80% 45%,#c8ece1 0,#dff2ec 33%,transparent 58%),linear-gradient(125deg,#fff0d6 0,#fffcf2 60%,#c4e7d9 100%)}.hero-grid{min-height:660px}.hero h1{font-size:clamp(3.3rem,6vw,6.1rem)}.hero-art:before{background:linear-gradient(135deg,#ffbe91,#fbe0b1);border-radius:43% 57% 66% 34%}.section{padding:95px 0}.section.mint{background:#dcefeb}.section.white{background:#fffcf6}.editorial{background:#fff0da}.card{border:1px solid #e9dccc;border-radius:15px;box-shadow:7px 9px 0 #253c3509}.stat{color:#e45c51}.feature-strip{background:#193d3b}.gallery img{border-radius:10px}.gallery{gap:11px}.mini-hero{background:linear-gradient(115deg,#ffe6ca 0%,#fffaf0 47%,#d2eae1 100%);border-bottom:1px solid #e7dac9}.footer{background:#143936}.cta-band{background:#e95f51}.cta-band .btn{background:#183d3b}.eyebrow{color:#b7473d}.catalog-hero{background:linear-gradient(115deg,#fce6d0,#fff6e8 50%,#d1e8df);overflow:hidden}.catalog-intro{min-height:580px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:35px;padding:65px 0}.catalog-intro h1{max-width:800px;font-size:clamp(3rem,5.8vw,6.1rem)}.catalog-intro h1 em{font-style:normal;color:#e65c50}.catalog-intro p{font-size:18px}.catalog-art{position:relative;min-height:360px;display:grid;place-items:center}.catalog-art-disc{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#a4d6cc;box-shadow:20px 18px 0 #f5c48a}.catalog-art img{position:relative;z-index:1;width:min(92%,360px);filter:drop-shadow(0 15px 8px #1b3e3818)}.catalog-main{background:#fffaf0}.catalog-counter{display:flex;align-items:baseline;gap:9px;font:700 56px 'Fraunces',serif;color:#e65c50;white-space:nowrap}.catalog-counter small{font:800 12px 'DM Sans',sans-serif;color:#4c625e}.catalog-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;background:#f6e9d5;border:1px solid #e8d8c1;border-radius:22px;padding:60px}.catalog-cover-wrap{display:grid;place-items:center;min-width:0}.premium-cover{width:min(100%,320px);height:auto;aspect-ratio:3/4;max-width:none;background:linear-gradient(166deg,#213c59 0%,#3b6882 48%,#112a44 100%);box-shadow:14px 18px 0 #253e4030,0 22px 35px #182f2930;position:relative;overflow:hidden}.premium-cover:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff40;pointer-events:none}.premium-cover strong{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.04}.premium-cover span{font-size:11px;letter-spacing:.19em}.premium-cover p{color:#c8e0e9;font-size:11px;letter-spacing:.14em}.catalog-status{font-size:12px;font-weight:800;letter-spacing:.14em;color:#af453b}.catalog-feature-info h3{font-size:clamp(3rem,5vw,5.6rem);margin:15px 0 20px}.catalog-feature-info>p{font-size:17px}.catalog-meta{border-top:1px solid #d8c9b4;border-bottom:1px solid #d8c9b4;display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;padding:22px 0;gap:14px}.catalog-meta small{display:block;color:#65746d;font-size:12px}.catalog-meta strong{font-size:13px}.catalog-bottom{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;padding:45px 0 0}.catalog-note{max-width:740px}.catalog-note h3{font-size:clamp(2rem,3vw,3rem)}.catalog-bottom img{width:180px;max-height:200px;object-fit:contain}.text-link{color:#b6443a;border-bottom:2px solid currentColor;font-weight:800;padding-bottom:5px}.home-catalog{background:#fff0dc}.home-catalog-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:100px}.home-catalog-cover{display:grid;place-items:center;background:#e3eddf;padding:50px 25px;border-radius:20px}.home-catalog-cover .eyebrow{margin-bottom:24px}.home-catalog-grid h2{font-size:clamp(2.7rem,4.5vw,4.5rem)}.home-catalog-facts{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.home-catalog-facts span{display:flex;flex-direction:column;min-width:142px;background:white;border:1px solid #ead8c2;border-radius:12px;padding:14px 20px;font-size:12px;font-weight:800}.home-catalog-facts strong{font:700 30px 'Fraunces',serif;color:#c34e44}.section-head:has(h2){max-width:900px}.footer-grid strong{color:#ffd49c}
@media(max-width:900px){.catalog-intro{grid-template-columns:1fr 0.7fr}.catalog-feature{gap:30px;padding:34px}.home-catalog-grid{gap:35px}}
@media(max-width:760px){.catalog-intro,.catalog-feature,.home-catalog-grid{grid-template-columns:1fr}.catalog-intro{padding:70px 0 40px;gap:0}.catalog-art{min-height:280px}.catalog-art img{width:245px}.catalog-art-disc{width:270px}.catalog-feature{padding:30px 22px}.catalog-cover-wrap{padding:14px 0 25px}.premium-cover{width:240px}.catalog-counter{font-size:42px}.catalog-meta{grid-template-columns:1fr 1fr}.catalog-bottom{grid-template-columns:1fr 105px}.catalog-bottom img{width:105px}.home-catalog-cover{padding:32px 20px}.home-catalog-grid{gap:32px}}
@media(max-width:560px){.catalog-intro h1{font-size:clamp(2.8rem,11vw,4rem)}.catalog-intro p{font-size:16px}.catalog-feature-info h3{font-size:3rem}.catalog-meta{grid-template-columns:1fr}.catalog-bottom{grid-template-columns:1fr}.catalog-bottom img{width:140px;justify-self:end}.section{padding:65px 0}.hero-grid{min-height:auto}.catalog-counter{display:none}.home-catalog-facts span{min-width:120px}.links{background:#fffaf0}}

/* Revisi terarah READERZEN */
.old-price{display:block;text-decoration:line-through;color:#927f78;font-size:clamp(21px,2.4vw,31px);font-weight:700;margin:15px 0 2px}.pricing-note{font-size:13px;margin:16px 0 0;color:#6d554b}.catalog-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-meta div{min-width:0}.catalog-meta strong{overflow-wrap:anywhere}.catalog-synopsis{font-style:italic;margin:18px 0}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:215px}.gallery img:first-child{grid-row:span 1}.gallery img{height:100%;width:100%;object-fit:cover}@media(max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px}.gallery img:first-child{grid-row:span 1}.catalog-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.gallery{grid-auto-rows:118px}}

/* Foto katalog pilihan editor */
.home-catalog-cover .home-catalog-photo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}

/* Empat kartu statistik pada Beranda; bagian lain tidak berubah. */
.readerzen-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.readerzen-stats .stat{font-size:clamp(2rem,3.25vw,3.6rem);overflow-wrap:break-word}
@media(max-width:1000px){.readerzen-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.readerzen-stats{grid-template-columns:1fr}}

/* Sampul asli Pasang Surut - menjaga seluruh elemen cover terlihat utuh. */
.pasang-surut-cover{display:block;width:min(100%,330px);height:auto;aspect-ratio:983/1387;object-fit:contain;border-radius:4px;box-shadow:14px 18px 0 #253e4030,0 22px 35px #182f2930;margin-inline:auto;}

/* Beranda: tampilkan seluruh spread sampul Pasang Surut tanpa pemotongan. */
.home-catalog ~ .section .pasang-surut-cover,.pasang-surut-cover{width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:4px;}