@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#071d49;--ink-2:#12366c;--coral:#ee745d;--coral-dark:#d85845;--cream:#fbf6ec;--paper:#fffdf7;--mint:#b8d7cc;--line:rgba(7,29,73,.16);--sans:'DM Sans',sans-serif;--serif:'Fraunces',Georgia,serif;--shell:min(1180px,calc(100% - 48px));--shadow:0 24px 70px rgba(7,29,73,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E")}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:white;padding:.8rem 1rem}.skip-link:focus{top:1rem}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:700;color:var(--coral)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);line-height:1.02}h1{font-size:clamp(3.3rem,7vw,6.8rem);letter-spacing:-.05em}h2{font-size:clamp(2.6rem,5vw,4.7rem);letter-spacing:-.045em}h3{font-size:1.65rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:15px 25px;font-weight:700;cursor:pointer;transition:.25s transform,.25s background}.button:hover{transform:translateY(-2px);background:var(--ink-2)}.button-small{padding:10px 17px;font-size:.87rem}.button-coral{background:var(--coral)}.button-coral:hover{background:var(--coral-dark)}.text-link,.arrow-link{font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}.arrow-link{display:inline-flex;gap:1rem}.arrow-link span{transition:.2s transform}.arrow-link:hover span{transform:translateX(5px)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(251,246,236,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(7,29,73,.08)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.22rem;letter-spacing:-.03em}.brand img{width:38px;height:38px}.main-nav{display:flex;align-items:center;gap:25px;font-size:.88rem;font-weight:600}.main-nav>a:not(.button){position:relative}.main-nav>a:not(.button):after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--coral);transition:.2s right}.main-nav>a:hover:after{right:0}.languages{display:flex;gap:8px;padding-left:10px;border-left:1px solid var(--line);font-size:.7rem}.languages a{opacity:.45}.languages a[aria-current=page]{opacity:1;color:var(--coral)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:100svh;position:relative;overflow:hidden;padding:145px 0 70px;background:radial-gradient(circle at 80% 30%,rgba(184,215,204,.55),transparent 29%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px;min-height:calc(100svh - 215px)}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:850px;margin-bottom:28px}.hero-intro{font-size:clamp(1.12rem,2vw,1.35rem);max-width:620px;color:var(--ink-2)}.button-row{display:flex;gap:28px;align-items:center;margin:38px 0 30px}.hero-note{display:flex;gap:10px;align-items:center;font-size:.83rem;opacity:.68}.hero-note span{width:8px;height:8px;border-radius:50%;background:var(--coral)}.hero-stack{position:relative;height:570px}.mini-cover{position:absolute;width:245px;aspect-ratio:2/3;border-radius:4px;overflow:hidden;box-shadow:var(--shadow);transition:.4s transform}.mini-cover img{width:100%;height:100%;object-fit:cover}.mini-cover strong{position:absolute;inset:auto 0 0;padding:65px 18px 18px;color:white;background:linear-gradient(transparent,rgba(7,29,73,.85));font-family:var(--serif);font-size:1.3rem}.mini-cover-1{left:0;top:80px;transform:rotate(-8deg)}.mini-cover-2{right:0;top:0;transform:rotate(7deg)}.mini-cover-3{right:55px;bottom:-10px;transform:rotate(-2deg)}.mini-cover:hover{z-index:3;transform:rotate(0) translateY(-12px)}.sound-mark{position:absolute;left:-25px;bottom:35px;display:flex;align-items:center;gap:5px;height:60px}.sound-mark i,.audio-wave i{width:4px;border-radius:4px;background:var(--coral);animation:wave 1.2s ease-in-out infinite}.sound-mark i:nth-child(1){height:18px}.sound-mark i:nth-child(2){height:42px;animation-delay:.15s}.sound-mark i:nth-child(3){height:58px;animation-delay:.3s}.sound-mark i:nth-child(4){height:35px;animation-delay:.45s}.sound-mark i:nth-child(5){height:15px;animation-delay:.6s}@keyframes wave{50%{transform:scaleY(.45)}}.hero-orbit{position:absolute;border:1px solid rgba(7,29,73,.09);border-radius:50%}.orbit-one{width:680px;height:680px;right:-290px;top:80px}.orbit-two{width:460px;height:460px;right:-180px;top:190px}.scroll-cue{position:absolute;bottom:25px;left:50%;height:45px;width:25px;border:1px solid var(--line);border-radius:20px}.scroll-cue span{width:3px;height:7px;background:var(--coral);border-radius:5px;position:absolute;top:9px;left:10px;animation:scroll 1.8s infinite}@keyframes scroll{70%{transform:translateY(17px);opacity:0}}
.section{padding:120px 0}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:60px;align-items:end;margin-bottom:60px}.section-heading h2{margin:0}.section-heading>p{font-size:1.1rem;color:var(--ink-2)}.books-section{background:var(--paper)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.cover-wrap{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:#ddd;box-shadow:0 15px 35px rgba(7,29,73,.12)}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:.6s transform}.book-card:hover .cover-wrap img{transform:scale(1.025)}.free-pill{position:absolute;top:16px;left:16px;border-radius:999px;padding:6px 12px;background:var(--coral);color:white;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.cover-play{position:absolute;right:16px;bottom:16px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--ink);transform:scale(.8);opacity:0;transition:.3s}.book-card:hover .cover-play{transform:scale(1);opacity:1}.book-meta{display:flex;gap:10px;margin:22px 0 11px;text-transform:uppercase;letter-spacing:.11em;font-size:.69rem;font-weight:700;color:var(--coral)}.book-meta span+span:before{content:"·";margin-right:10px}.book-card h3{margin-bottom:12px}.book-card p{color:var(--ink-2);min-height:78px}.about-section{background:var(--ink);color:white;position:relative;overflow:hidden}.about-section:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-200px;bottom:-170px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.about-title .eyebrow{color:var(--coral)}.giant-quote{font:14rem/1 var(--serif);color:var(--coral);opacity:.85;height:110px}.about-copy{padding-top:44px}.about-copy .lead{font:600 clamp(1.7rem,3vw,2.6rem)/1.3 var(--serif)}.about-copy>p:not(.lead){font-size:1.1rem;color:rgba(255,255,255,.72)}.audio-card{margin-top:38px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.2);border-radius:14px}.audio-button{width:52px;height:52px;border:0;border-radius:50%;background:var(--coral);color:#fff;cursor:pointer}.audio-card strong,.audio-card small{display:block}.audio-card small{opacity:.55}.audio-wave{display:flex;align-items:center;gap:3px;height:30px}.audio-wave i{height:50%;width:3px;animation-play-state:paused}.audio-card.is-playing .audio-wave i{animation-play-state:running}.audio-wave i:nth-child(2n){height:90%}.audio-wave i:nth-child(3n){height:65%}.how-section{background:var(--coral);color:var(--ink)}.how-section h2{max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid rgba(7,29,73,.3)}.step{padding:35px 40px 0 0}.step+.step{padding-left:40px;border-left:1px solid rgba(7,29,73,.3)}.step>span{font-size:.72rem;font-weight:700;letter-spacing:.15em}.step h3{margin:35px 0 12px}.step p{max-width:280px}.projects-section{background:var(--cream)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-card{min-height:390px;padding:35px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s background,.3s color}.project-card:hover{background:var(--ink);color:white}.project-index{font:600 2.2rem var(--serif);color:var(--coral)}.project-tag{margin:50px 0 16px;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.project-card h3{font-size:2rem}.project-card p{opacity:.74}.project-card strong{margin-top:auto;font-size:.83rem}.project-card strong span{float:right}.account-section{padding-top:20px;background:var(--cream)}.account-card{min-height:540px;border-radius:24px;padding:70px 8% 0;background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.account-card h2{max-width:650px}.account-card p{max-width:570px;color:rgba(255,255,255,.72);font-size:1.08rem}.account-card small{display:block;margin-top:18px;opacity:.5}.device{align-self:end;justify-self:center;width:255px;height:470px;border:9px solid #142a55;border-bottom:0;border-radius:38px 38px 0 0;background:#e9e6dc;padding:12px;box-shadow:0 20px 70px #020d25}.device-screen{height:100%;border-radius:22px 22px 0 0;background:var(--paper);color:var(--ink);text-align:center;padding:18px}.device-dot{width:8px;height:8px;border-radius:50%;background:var(--ink);margin:0 auto 18px}.device-screen>span{font-size:.58rem;letter-spacing:.15em}.device-cover{width:125px;aspect-ratio:2/3;margin:35px auto 20px;background:url('../img/covers/dissabte.png') center/cover;box-shadow:0 10px 25px rgba(7,29,73,.2)}.device-line{height:3px;background:linear-gradient(90deg,var(--coral) 55%,#ddd 55%);border-radius:3px}.device-controls{font-size:1.1rem;margin-top:25px}.newsletter-section{background:var(--mint)}.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.newsletter-grid h2{max-width:590px}.newsletter-form label{font-weight:700;display:block;margin-bottom:10px}.newsletter-form>div{display:flex}.newsletter-form input{min-width:0;flex:1;border:0;background:white;padding:18px;border-radius:10px 0 0 10px}.newsletter-form .button{border-radius:0 10px 10px 0}.newsletter-form small{display:block;margin-top:14px;opacity:.62}.contact-section{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.contact-grid h2{font-size:clamp(2.7rem,5vw,4.4rem)}.contact-grid>div>p:not(.eyebrow){font-size:1.1rem}.contact-grid>div>a{font-weight:700;color:var(--coral)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 2px;outline:0;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--coral)}.contact-form .full{grid-column:1/-1}.contact-form .check{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-weight:400}.contact-form .check input{width:auto;margin:0}.contact-form button{justify-self:start}.site-footer{padding:70px 0 25px;background:#041332;color:white}.brand-light img{filter:brightness(0) invert(1)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-claim{font:600 2.2rem var(--serif);margin-top:25px}.footer-grid nav{display:flex;flex-direction:column;gap:12px;color:rgba(255,255,255,.65);font-size:.88rem}.footer-grid nav a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);font-size:.75rem;color:rgba(255,255,255,.45)}
.detail-hero{padding:150px 0 100px;min-height:90vh;background:radial-gradient(circle at 80% 20%,rgba(184,215,204,.55),transparent 35%),var(--cream)}.detail-grid{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:90px;align-items:center}.detail-cover{position:relative}.detail-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:var(--shadow)}.detail-copy h1{font-size:clamp(3.5rem,7vw,6.5rem);margin:30px 0 25px}.back-link{font-size:.82rem;font-weight:700}.detail-lead{font-size:1.25rem;max-width:650px}.detail-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:35px 0}.detail-copy dl div{border-top:1px solid var(--line);padding-top:13px}.detail-copy dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.detail-copy dd{margin:5px 0 0;font-weight:700}.detail-note{font-size:.75rem;opacity:.58;margin-top:12px}.more-books{background:var(--paper)}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,280px));gap:35px}.more-grid img{aspect-ratio:2/3;object-fit:cover}.more-grid span{font:600 1.3rem var(--serif);display:block;margin-top:12px}.reveal{opacity:0;transform:translateY(24px);transition:.7s opacity,.7s transform}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){:root{--shell:min(100% - 32px,720px)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--cream);padding:25px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.languages{border:0;padding:0}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-stack{height:410px;max-width:520px;width:100%;margin:auto}.mini-cover{width:180px}.hero-copy{text-align:center}.hero-intro{margin-inline:auto}.button-row,.hero-note{justify-content:center}.scroll-cue{display:none}.section{padding:85px 0}.book-grid{gap:22px}.about-grid,.newsletter-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.account-card{grid-template-columns:1fr;padding-top:55px;text-align:center}.account-card p{margin-inline:auto}.device{margin-top:45px}.detail-grid{grid-template-columns:320px 1fr;gap:45px}}
@media(max-width:680px){:root{--shell:calc(100% - 28px)}h1{font-size:3.25rem}.hero-grid{display:block}.hero-copy{padding-bottom:50px}.hero-stack{height:330px}.mini-cover{width:140px}.mini-cover-1{top:50px}.mini-cover-3{right:40px}.section-heading{grid-template-columns:1fr;gap:20px}.book-grid{grid-template-columns:1fr;gap:55px}.book-card{max-width:420px;margin:auto}.book-card p{min-height:0}.about-grid{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:0}.audio-wave{display:none}.steps{grid-template-columns:1fr}.step,.step+.step{border-left:0;border-bottom:1px solid rgba(7,29,73,.3);padding:28px 0}.step h3{margin-top:16px}.project-grid{grid-template-columns:1fr}.project-card{min-height:310px}.account-card{padding:50px 25px 0}.device{width:215px;height:390px}.newsletter-form>div{display:block}.newsletter-form input,.newsletter-form .button{width:100%;border-radius:10px}.newsletter-form .button{margin-top:10px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1}.footer-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-cover{max-width:330px;margin:auto}.detail-copy h1{font-size:3.5rem}.detail-copy dl{grid-template-columns:1fr}.detail-copy dl div{padding:12px 0}.more-grid{grid-template-columns:1fr 1fr}.footer-bottom{gap:20px}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.legal-page{padding:150px 0 100px;background:var(--paper);min-height:80vh}.legal-shell{max-width:820px}.legal-shell .back-link{display:inline-block;margin-bottom:45px}.legal-shell h1{font-size:clamp(3rem,7vw,5.5rem)}.legal-shell h2{font-size:2rem;margin-top:45px}.legal-shell li{margin-bottom:8px}.legal-shell a:not(.back-link){color:var(--coral);text-decoration:underline}

/* Editorial visual layer */
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:55px}.hero-copy h1{font-size:clamp(3.2rem,6.2vw,6.35rem)}.hero-visual{position:relative;align-self:stretch;min-height:610px;display:flex;align-items:center}.hero-art{width:calc(100% + 14vw);max-width:none;height:590px;object-fit:cover;object-position:center;border-radius:180px 0 0 180px;box-shadow:var(--shadow)}.hero-visual:after{content:"";position:absolute;inset:12% -8vw 8% 8%;z-index:-1;border:1px solid rgba(7,29,73,.16);border-radius:180px 0 0 180px}.hero-book-chip{position:absolute;left:-28px;bottom:18px;width:185px;padding:10px;background:rgba(255,253,247,.95);box-shadow:0 18px 45px rgba(7,29,73,.22);transform:rotate(-4deg);transition:.3s transform}.hero-book-chip:hover{transform:rotate(0) translateY(-6px)}.hero-book-chip img{width:100%;aspect-ratio:2/3;object-fit:cover}.hero-book-chip span{display:block;padding:10px 4px 3px;font:600 1rem var(--serif)}.hero-visual .sound-mark{left:auto;right:4%;bottom:5%;padding:12px 16px;background:var(--cream);border-radius:999px;box-shadow:0 10px 30px rgba(7,29,73,.14)}
.projects-section{padding-top:140px}.project-grid{border:0;gap:24px}.project-card{padding:0;min-height:530px;border:1px solid var(--line);background:var(--paper);overflow:hidden}.project-image{position:relative;height:230px;overflow:hidden}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,29,73,.25))}.project-image img{width:100%;height:100%;object-fit:cover;transition:.6s transform}.project-card:hover .project-image img{transform:scale(1.045)}.project-index{position:absolute;z-index:1;left:22px;bottom:12px;color:white;text-shadow:0 2px 14px rgba(7,29,73,.5)}.project-content{padding:25px 28px 28px;display:flex;flex:1;flex-direction:column}.project-tag{margin:0 0 14px}.project-content h3{margin-bottom:13px}.project-content strong{margin-top:auto}.project-card:hover{background:var(--ink);color:white;transform:translateY(-6px);box-shadow:0 22px 50px rgba(7,29,73,.15)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:500px}.hero-art{width:100%;height:500px;border-radius:120px 120px 18px 18px}.hero-visual:after{display:none}.hero-book-chip{left:24px}.project-grid{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:1/-1}.project-card:last-child .project-image{height:300px}}
@media(max-width:680px){.hero-copy{text-align:left}.hero-intro{margin-inline:0}.button-row,.hero-note{justify-content:flex-start}.hero-visual{min-height:390px}.hero-art{height:380px;border-radius:90px 90px 12px 12px;object-position:62% center}.hero-book-chip{width:125px;left:10px;bottom:-10px}.hero-book-chip span{font-size:.8rem}.hero-visual .sound-mark{right:10px}.project-grid{grid-template-columns:1fr}.project-card:last-child{grid-column:auto}.project-card,.project-card:last-child{min-height:490px}.project-card:last-child .project-image,.project-image{height:225px}}
