@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap');
:root{--navy:#03191f;--deep:#062b33;--teal:#087d84;--aqua:#27c4c8;--ice:#e8f6f5;--white:#fff;--ink:#112f34;--muted:#647d80;--line:rgba(39,196,200,.28);--gold:#c7984d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fbfb;color:var(--ink);font-family:'DM Sans',sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.topbar{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#03191f;color:white;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-size:21px;font-weight:700;letter-spacing:.06em}.brand span b{font-weight:400;color:var(--aqua)}.brand small{font-size:9px;letter-spacing:.34em;margin-top:8px}.topbar nav{display:flex;gap:32px;font-size:13px}.topbar nav a:hover{color:var(--aqua)}.menu{display:none;background:none;border:1px solid var(--line);color:#fff;padding:9px 13px}.eyebrow,.section-index{font-size:11px;letter-spacing:.27em;color:var(--teal);font-weight:700}.button{display:inline-flex;padding:15px 24px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.aqua{background:var(--aqua);color:var(--navy)}.dark{background:var(--navy);color:white}.home-hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:6vw 9vw;background:linear-gradient(120deg,#02151a,#064550);color:white;position:relative;overflow:hidden}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(100,235,237,.35) 1px,transparent 1.5px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 22%,#000);opacity:.28}.home-hero:after{content:"";width:570px;height:570px;border:1px solid rgba(58,216,220,.2);border-radius:50%;position:absolute;right:6%;top:10%;box-shadow:0 0 0 55px rgba(39,196,200,.025),0 0 0 110px rgba(39,196,200,.02)}.home-hero-copy{max-width:720px;position:relative;z-index:2}.home-hero h1,.intro h2,.section-heading h2,.cta h2,.profile-hero h1,.story h2,.reader-heading h2,.profile-end h2{font:600 clamp(46px,6vw,88px)/1.02 'Playfair Display';margin:24px 0}.home-hero h1 em,.intro em,.profile-hero em{color:var(--aqua);font-weight:500}.home-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#c4d9da;max-width:630px}.home-hero .button{margin-top:25px}.hero-collage{width:min(30vw,430px);justify-self:center;position:relative;z-index:2}.portrait-frame{border-radius:220px 220px 20px 20px;overflow:hidden;height:min(72vh,720px);box-shadow:0 30px 70px #000}.portrait-frame img{width:100%;height:100%;object-fit:cover}.hero-label{position:absolute;right:-35px;bottom:45px;background:var(--aqua);color:var(--navy);padding:13px 17px;font-size:10px;letter-spacing:.18em;font-weight:700}.intro{padding:110px 8vw;display:grid;grid-template-columns:.45fr 1.4fr;gap:6vw;background:white}.intro h2{font-size:clamp(42px,5vw,72px);margin-top:0}.intro p:not(.section-index){font-size:18px;line-height:1.8;color:var(--muted);max-width:780px}.catalog{padding:110px 8vw;background:var(--ice)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.section-heading h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}.section-heading>p{max-width:270px;color:var(--muted);line-height:1.6}.profile-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.profile-card{background:white;display:grid;grid-template-columns:.9fr 1.1fr;min-height:590px;box-shadow:0 22px 55px rgba(7,74,82,.1);transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(7,74,82,.16)}.card-photo{position:relative;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover}.card-photo span{position:absolute;left:25px;bottom:25px;background:var(--aqua);padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:.15em}.card-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}.card-copy>p{font-size:10px;letter-spacing:.18em;color:var(--teal);font-weight:700}.card-copy h3{font:600 clamp(42px,5vw,70px)/1.05 'Playfair Display';margin:22px 0}.card-copy>span{font:italic 21px/1.5 'Playfair Display';color:var(--muted)}.card-copy>b{margin-top:55px;color:var(--teal);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.coming-soon{display:flex;background:linear-gradient(145deg,#05323a,#087781);color:white;padding:55px;align-items:end;position:relative;overflow:hidden}.coming-soon:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(129,238,240,.32) 1px,transparent 1.4px);background-size:20px 20px;opacity:.24}.coming-soon div{position:relative}.coming-soon span{font-size:10px;letter-spacing:.2em;color:var(--aqua)}.coming-soon h3{font:600 42px/1.1 'Playfair Display'}.coming-soon p{color:#c4dddd;line-height:1.7}.principles{padding:110px 8vw;background:white}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.principle-grid article{padding:38px;border-top:4px solid var(--aqua);background:#f7fbfb}.principle-grid b{color:var(--teal)}.principle-grid h3{font:600 29px 'Playfair Display';margin:25px 0 12px}.principle-grid p{color:var(--muted);line-height:1.7}.cta{text-align:center;padding:120px 8vw;background:linear-gradient(135deg,#03242b,#08757c);color:white}.cta h2{font-size:clamp(42px,5vw,72px);max-width:900px;margin-left:auto;margin-right:auto}.cta>p:not(.eyebrow){color:#d4e7e7}.actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:35px}.actions>a:not(.button){border-bottom:1px solid var(--aqua);padding:8px 0}footer{padding:48px 5vw;background:#021318;color:white;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer p{color:#8daaad}footer>a{color:var(--aqua)}
.profile-hero{height:clamp(720px,calc(100svh - 88px),900px);display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#031a20,#07515a);color:white;overflow:hidden}.profile-hero-image{min-height:0;overflow:hidden}.profile-hero-image img{width:100%;height:100%;object-fit:cover}.profile-hero-copy{min-height:0;padding:clamp(48px,6vw,96px);display:flex;flex-direction:column;justify-content:center;position:relative}.profile-hero-copy:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(113,228,231,.28) 1px,transparent 1.4px);background-size:21px 21px;mask-image:linear-gradient(120deg,transparent,#000);opacity:.25}.profile-hero-copy>*{position:relative}.back{align-self:flex-start;font-size:11px;letter-spacing:.12em;margin-bottom:clamp(30px,4vw,60px);color:#b7d8da}.profile-hero h1{font-size:clamp(58px,7vw,105px);margin:18px 0}.profile-tagline{font:italic 25px 'Playfair Display';color:var(--aqua)}.profile-hero-copy>p:not(.eyebrow,.profile-tagline){line-height:1.8;color:#c5d8d9;max-width:570px}.profile-hero .button{align-self:flex-start;margin-top:25px}.story{padding:110px 8vw;display:grid;grid-template-columns:.4fr 1.2fr .5fr;gap:5vw;background:white}.story h2{font-size:clamp(38px,4.5vw,65px);margin-top:0}.story>div>p{font-size:17px;line-height:1.85;color:var(--muted)}.story blockquote{margin:40px 0 0;padding:25px 0;border-top:1px solid var(--teal);border-bottom:1px solid var(--teal);font:italic 20px/1.55 'Playfair Display'}.story aside{background:var(--ice);padding:40px;align-self:start}.story aside span{font-size:10px;letter-spacing:.18em;color:var(--teal)}.story aside strong{display:block;font:600 29px/1.2 'Playfair Display';margin:25px 0}.story aside p{color:var(--teal);font-size:11px;letter-spacing:.14em}.reader-section{background:linear-gradient(140deg,#061d21,#291b15);color:white;padding:110px 8vw}.reader-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.reader-heading h2{font-size:clamp(42px,5vw,70px)}.reader-heading>p{max-width:290px;color:#b8c8c8;line-height:1.6}.reader{max-width:1120px;margin:50px auto 0}.reader-stage{height:min(75vh,850px);display:flex;justify-content:center;align-items:center;perspective:1100px}.reader-stage img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 35px 70px #000;transition:transform .35s ease,opacity .25s ease}.reader-stage img.turning{transform:rotateY(-14deg) scale(.97);opacity:.45}.reader-controls{display:grid;grid-template-columns:50px 1fr 50px auto;align-items:center;gap:15px;max-width:620px;margin:30px auto 0}.reader-controls button{width:50px;height:50px;border:1px solid rgba(79,213,217,.4);background:transparent;color:white;font-size:22px}.reader-controls span{text-align:center;letter-spacing:.18em;font-size:12px}.reader-controls a{color:var(--aqua);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-left:15px}.profile-end{text-align:center;padding:110px 8vw;background:var(--ice)}.profile-end h2{font-size:clamp(40px,5vw,68px);max-width:780px;margin:28px auto 38px}
@media(max-width:850px){.topbar{height:72px}.menu{display:block}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#03191f;padding:24px 5vw;flex-direction:column}.topbar nav.open{display:flex}.home-hero,.profile-hero{grid-template-columns:1fr}.home-hero{padding:70px 7vw}.home-hero-copy{padding-bottom:60px}.hero-collage{width:72vw}.portrait-frame{height:60vh}.intro,.story{grid-template-columns:1fr;padding:80px 7vw}.section-heading,.reader-heading{display:block}.profile-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:1fr}.card-photo{height:620px}.coming-soon{min-height:420px}.principle-grid{grid-template-columns:1fr}.profile-hero{height:auto;min-height:0;overflow:visible}.profile-hero-image{height:72vh;min-height:480px}.profile-hero-copy{padding:70px 7vw}.story aside{margin-top:20px}.reader-section{padding:80px 5vw}.reader-stage{height:62vh}.reader-controls{grid-template-columns:46px 1fr 46px}.reader-controls a{grid-column:1/-1;text-align:center;margin:12px 0}footer{flex-direction:column;gap:28px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.profile-card,.reader-stage img{transition:none}}

/* Black-and-white editorial direction. Turquoise remains an accent only. */
body{background:#fff;color:#171717}
.topbar{background:#080808}
.home-hero{background:#080808}
.home-hero:after{display:none}
.portrait-frame{border-radius:0;box-shadow:20px 30px 60px #000;border:1px solid rgba(255,255,255,.12)}
.catalog{background:#f4f4f2}
.profile-card{box-shadow:0 18px 45px rgba(0,0,0,.11)}
.coming-soon{background:#0a0a0a}
.principle-grid article{background:#f5f5f3}
.cta{background:#090909;border-top:1px solid #252525}
footer{background:#050505}
.profile-hero{background:#080808}
.profile-hero-copy:before{background:none;mask-image:none;left:7vw;right:7vw;top:7vw;bottom:7vw;border-top:1px solid rgba(39,196,200,.35);border-bottom:1px solid rgba(39,196,200,.18);opacity:1}
.profile-hero-image img{object-fit:cover;border-radius:0}
.story aside{background:#f2f2f0;border-top:4px solid var(--aqua)}
.reader-section{background:#0a0a0a;border-top:1px solid #252525}
.profile-end{background:#f3f3f1}
@media(max-width:850px){.topbar nav{background:#080808}}

.brand-logo{min-width:165px;align-items:flex-start}
.brand-logo img{width:165px;height:auto;object-fit:contain}
.brand-logo small{margin-left:54px;margin-top:3px;color:var(--aqua);letter-spacing:.32em}
footer .brand-logo img{width:190px}
footer .brand-logo small{margin-left:62px}
.button{border-radius:999px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.button:before{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transition:transform .55s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(39,196,200,.25)}
.button:hover:before{transform:translateX(115%)}
.button.outline{border:1px solid var(--aqua);background:transparent;color:#fff}
.button.outline:hover{background:var(--aqua);color:#080808}
.actions>a:not(.button){border-radius:999px}
.principle-grid{perspective:1000px}
.principle-grid article{position:relative;overflow:hidden;border-top:0;border:1px solid #e2e2df;min-height:265px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background-color .35s ease,color .35s ease}
.principle-grid article:hover{transform:translateY(-10px) rotateX(2deg);box-shadow:0 24px 45px rgba(0,0,0,.14);background:#0a0a0a;color:#fff}
.principle-grid article:hover p{color:#b9c4c5}
.card-accent{display:block;width:48px;height:4px;background:var(--aqua);transition:width .35s ease}
.principle-grid article:hover .card-accent{width:88px}
.principle-grid article i{display:block;margin-top:28px;color:var(--teal);font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.12em;transition:color .3s ease,transform .3s ease}
.principle-grid article:hover i{color:var(--aqua);transform:translateX(6px)}
.reader-controls button{border-radius:50%;transition:background-color .25s ease,transform .25s ease}
.reader-controls button:hover{background:var(--aqua);color:#080808;transform:scale(1.08)}
@media(max-width:850px){.brand-logo img{width:142px}.brand-logo small{margin-left:46px}.principle-grid article:hover{transform:translateY(-6px)}}

.section-index{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.2;letter-spacing:.22em;font-weight:700;display:flex;align-items:center;gap:14px}
.section-index:before{content:"";width:34px;height:3px;background:var(--aqua);flex:0 0 auto}
.intro>.section-index{align-self:start;margin-top:11px}
.catalog-side{display:flex;flex-direction:column;align-items:flex-end;gap:22px;max-width:310px}
.catalog-side>p{margin:0;color:var(--muted);line-height:1.6;text-align:right}
.carousel-controls{display:flex;gap:10px}
.carousel-controls button{width:52px;height:52px;border-radius:50%;border:1px solid #c7d0d0;background:#fff;color:#080808;font-size:21px;cursor:pointer;transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}
.carousel-controls button:hover{transform:translateY(-3px);background:#080808;color:var(--aqua);box-shadow:0 12px 25px rgba(0,0,0,.14)}
.profile-carousel{overflow:hidden;padding:6px 6px 42px;margin:-6px}
.profile-track{display:flex;transition:transform .6s cubic-bezier(.2,.75,.2,1);will-change:transform}
.profile-track>.profile-card{flex:0 0 100%;width:100%;min-height:610px}
.profile-track>.coming-soon{display:flex;min-height:610px}
@media(max-width:850px){.section-index{font-size:13px}.section-heading{display:block}.catalog-side{align-items:flex-start;margin-top:25px}.catalog-side>p{text-align:left}.profile-track>.profile-card{grid-template-columns:1fr}.profile-track>.coming-soon{min-height:520px}.carousel-controls button{width:48px;height:48px}}

footer{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:6vw;align-items:start;padding-top:65px;padding-bottom:65px}
.footer-brand p{color:#9aa7a8;line-height:1.6;margin:22px 0 0;max-width:290px}
.footer-contact,.footer-social{display:flex;flex-direction:column;gap:12px}
.footer-contact>span,.footer-social>span{font-size:10px;letter-spacing:.2em;color:var(--aqua);font-weight:700;margin-bottom:9px}
.footer-contact a{color:#fff;transition:color .2s ease}
.footer-contact a:hover{color:var(--aqua)}
.footer-social>div{display:flex;flex-wrap:wrap;gap:18px}
.footer-social>div a{color:#fff;border-bottom:1px solid transparent;padding-bottom:4px;transition:color .2s ease,border-color .2s ease}
.footer-social>div a{display:inline-flex;align-items:center;gap:8px}
.social-icon{width:27px;height:27px;border:1px solid rgba(39,196,200,.48);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--aqua);font-size:14px;font-style:normal;font-weight:700;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.youtube-icon{font-size:10px;padding-left:2px}
.footer-social>div a:hover .social-icon{background:var(--aqua);color:#080808;transform:translateY(-2px)}
.footer-social>div a:hover{color:var(--aqua);border-color:var(--aqua)}
.footer-site{margin-top:15px;color:#9aa7a8}
.footer-site:hover{color:var(--aqua)}
@media(max-width:850px){footer{grid-template-columns:1fr;gap:38px;text-align:left;align-items:start}.footer-brand,.footer-contact,.footer-social{align-items:flex-start}.footer-brand p{margin-left:0}.footer-social>div{justify-content:flex-start}}

/* Cleaner profile treatment: spacing and typography replace decorative rules. */
.profile-hero-copy:before{display:none}
.topbar{border-bottom:0}
.section-index:before{display:none}
.section-index{gap:0}
.story aside{border-top:0;background:#f4f4f2;padding:48px 42px;box-shadow:0 18px 45px rgba(0,0,0,.08);position:relative}
.story aside:before{display:none}
.story aside span{font-size:11px;letter-spacing:.22em}
.story aside strong{font-size:32px;line-height:1.15;margin:30px 0}
.story aside p{line-height:1.55}
.story blockquote{border:0;margin-top:45px;padding:26px 0 0;position:relative}
.story blockquote:before{content:"“";position:absolute;left:-5px;top:-14px;font:600 58px 'Playfair Display';color:var(--aqua);opacity:.6}

/* Digital book spread */
.book-stage{height:auto;min-height:680px;padding:35px 0 15px;overflow:visible}
.book{width:min(88vw,1120px);aspect-ratio:1.55;position:relative;margin:auto;perspective:2300px;perspective-origin:50% 48%;filter:drop-shadow(0 30px 38px rgba(0,0,0,.7));transition:width .45s ease}
.book-page{position:absolute;top:0;bottom:0;width:50%;background:#111;overflow:hidden;backface-visibility:hidden;transition:left .45s ease,right .45s ease,width .45s ease,opacity .3s ease}
.book-page img{width:100%;height:100%;object-fit:contain;background:#111}
.book-left{left:0;transform-origin:right center}
.book-right{right:0;transform-origin:left center}
.book-spine{position:absolute;z-index:8;left:calc(50% - 8px);top:0;bottom:0;width:16px;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(255,255,255,.16),rgba(0,0,0,.22));box-shadow:0 0 18px rgba(0,0,0,.36);pointer-events:none}
.book:not([data-mode]) .book-left,.book[data-mode="cover"] .book-left,.book[data-mode="back"] .book-left{left:25%;width:50%}
.book:not([data-mode]) .book-right,.book[data-mode="cover"] .book-right,.book[data-mode="back"] .book-right{opacity:0}
.book:not([data-mode]) .book-spine,.book[data-mode="cover"] .book-spine,.book[data-mode="back"] .book-spine{opacity:0}
.book.is-turning .book-page,.book.is-turning .book-spine{transition:none}
.book.pageflip-book{height:auto;min-height:0;aspect-ratio:1.53;overflow:hidden;filter:drop-shadow(0 30px 38px rgba(0,0,0,.72))}
.pageflip-book .flip-page{background:#111;overflow:hidden}
.pageflip-book .flip-page img{width:100%;height:100%;object-fit:contain;background:#111}
.pageflip-book .stf__parent{margin:auto}
.page-turn{position:absolute;z-index:12;top:0;right:0;width:50%;height:100%;opacity:0;pointer-events:none;transform-style:preserve-3d;will-change:transform,filter;backface-visibility:hidden}
.page-turn:before,.page-turn:after{content:"";position:absolute;inset:0;background-color:#111;background-size:100% 100%;background-position:center;background-repeat:no-repeat;backface-visibility:hidden;transform-style:preserve-3d}
.page-turn:before{background-image:linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.12) 9%,transparent 28%,transparent 70%,rgba(255,255,255,.18)),var(--turn-front);box-shadow:-18px 0 31px rgba(0,0,0,.34),inset 15px 0 20px rgba(0,0,0,.13);border-radius:0 3px 3px 0}
.page-turn:after{transform:rotateY(180deg);filter:brightness(.96);background-image:linear-gradient(90deg,rgba(0,0,0,.23),transparent 22%,transparent 72%,rgba(0,0,0,.13)),var(--turn-back);box-shadow:15px 0 27px rgba(0,0,0,.28),inset -13px 0 18px rgba(0,0,0,.1);border-radius:3px 0 0 3px}
.book.turn-forward .page-turn{opacity:1;transform-origin:left center;animation:pageForward .76s cubic-bezier(.32,.03,.18,1)}
.book.turn-backward .page-turn{opacity:1;right:50%;transform-origin:right center;animation:pageBackward .76s cubic-bezier(.32,.03,.18,1)}
@keyframes pageForward{0%{transform:translateZ(0) rotateY(0deg);filter:brightness(1)}20%{transform:translateZ(5px) rotateY(-27deg);filter:brightness(.97)}54%{transform:translateZ(12px) rotateY(-96deg);filter:brightness(.78)}82%{transform:translateZ(5px) rotateY(-158deg);filter:brightness(.92)}100%{transform:translateZ(0) rotateY(-180deg);filter:brightness(1)}}
@keyframes pageBackward{0%{transform:translateZ(0) rotateY(0deg);filter:brightness(1)}20%{transform:translateZ(5px) rotateY(27deg);filter:brightness(.97)}54%{transform:translateZ(12px) rotateY(96deg);filter:brightness(.78)}82%{transform:translateZ(5px) rotateY(158deg);filter:brightness(.92)}100%{transform:translateZ(0) rotateY(180deg);filter:brightness(1)}}
@media(max-width:850px){.book-stage{min-height:0;padding:25px 0}.book{width:94vw}.book-spine{left:calc(50% - 5px);width:10px}.reader-controls span{font-size:10px}}
@media(max-width:850px){.book.pageflip-book{height:auto;min-height:0;max-height:none}}
@media(prefers-reduced-motion:reduce){.book.turn-forward .page-turn,.book.turn-backward .page-turn{animation:none;opacity:0}}

.magazine-promo{display:grid;grid-template-columns:1.18fr .82fr;min-height:700px;background:#080808;color:#fff}
.magazine-promo-image{overflow:hidden;background:#ded8ce}
.magazine-promo-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.magazine-promo-copy{padding:7vw 6vw;display:flex;flex-direction:column;justify-content:center}
.magazine-promo-copy h2{font:600 clamp(42px,4.8vw,72px)/1.04 'Playfair Display';margin:24px 0}
.magazine-promo-copy>p:not(.eyebrow){color:#bec7c8;font-size:17px;line-height:1.75;max-width:620px}
.promo-points{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 4px}
.promo-points span{border:1px solid rgba(39,196,200,.38);border-radius:999px;padding:9px 14px;color:#dce8e8;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.magazine-promo .actions{justify-content:flex-start;flex-wrap:wrap}
@media(max-width:950px){.magazine-promo{grid-template-columns:1fr}.magazine-promo-image{min-height:52vw}.magazine-promo-copy{padding:80px 7vw}}
@media(max-width:600px){.magazine-promo-image{min-height:74vw}.magazine-promo-copy{padding:65px 7vw}.magazine-promo-copy h2{font-size:42px}.magazine-promo .actions{align-items:flex-start;flex-direction:column}.magazine-promo .button{width:100%;justify-content:center}}

.magazine-promo{display:block;min-height:650px;background:#080808 url('/banner-ediciones-raices.png') center/cover no-repeat;position:relative}
.magazine-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.18) 0%,rgba(8,8,8,.78) 52%,rgba(8,8,8,.1) 100%)}
.magazine-promo .magazine-promo-copy{position:relative;z-index:1;max-width:760px;padding:120px 8vw}
.magazine-promo-image{display:none}
@media(max-width:950px){.magazine-promo{min-height:600px}.magazine-promo .magazine-promo-copy{padding:90px 7vw;max-width:700px}}
@media(max-width:600px){.magazine-promo{min-height:0;background-position:center}.magazine-promo:before{background:rgba(8,8,8,.78)}.magazine-promo .magazine-promo-copy{padding:70px 7vw}}

.quote-divider{--parallax-y:0px;min-height:520px;padding:90px 8vw;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.44)),url('/banner-magazine-raices.png');background-size:cover;background-position:center calc(50% + var(--parallax-y));position:relative;overflow:hidden}
.quote-divider:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.38) 78%)}
.quote-content{position:relative;z-index:1;max-width:1000px;opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.quote-divider.is-visible .quote-content{opacity:1;transform:translateY(0)}
.quote-content>p{font-size:11px;letter-spacing:.28em;color:var(--aqua);font-weight:700}
.quote-content blockquote{font:500 clamp(38px,5.2vw,72px)/1.16 'Playfair Display';margin:30px 0;color:#fff}
.quote-content>span{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#b9cdce}
@media(max-width:700px){.quote-divider{min-height:470px;padding:75px 7vw;background-position:58% center}.quote-content blockquote{font-size:38px}}
@media(prefers-reduced-motion:reduce){.quote-divider{--parallax-y:0px!important}}
@media(prefers-reduced-motion:reduce){.quote-content{opacity:1;transform:none;transition:none}}

.profile-badge{align-self:flex-start;display:inline-flex!important;border-radius:999px;background:var(--aqua);color:#071719!important;padding:10px 16px;margin-bottom:18px;font:700 10px/1 'DM Sans',sans-serif!important;letter-spacing:.14em;box-shadow:0 7px 18px rgba(39,196,200,.2)}
.profile-track>.profile-card{box-shadow:none}
.profile-track>.profile-card:hover{box-shadow:none}

.principles{background:#f5f6f5;padding-top:125px;padding-bottom:125px}
.principles-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;max-width:1240px;margin:0 auto 65px}
.principles-intro h2{font:600 clamp(46px,5.4vw,76px)/1.02 'Playfair Display';margin:22px 0 0;color:#171717}
.principles-intro h2 em{font-weight:500;color:var(--teal)}
.principles-intro>p{max-width:330px;margin:0 0 7px;color:var(--muted);font-size:16px;line-height:1.7}
.principle-grid{gap:22px;margin-top:0}
.principle-grid article{min-height:320px;padding:48px 40px 38px;background:#fff;border:0;border-left:4px solid var(--aqua);box-shadow:0 12px 30px rgba(7,34,38,.07)}
.principle-grid article:nth-child(2){border-left-color:#0a7280}.principle-grid article:nth-child(3){border-left-color:#36aeb0}
.principle-grid h3{font-size:36px;margin:32px 0 18px}
.principle-grid p{font-size:16px;max-width:280px}
.principle-grid article i{margin-top:auto;padding-top:30px}
.principle-grid article:hover{border-left-color:#fff;box-shadow:0 25px 55px rgba(0,0,0,.18)}
.principle-grid article:hover h3{color:#fff}
.card-accent{height:5px;width:58px}
@media(max-width:850px){.principles{padding:85px 7vw}.principles-intro{display:block;margin-bottom:45px}.principles-intro>p{margin-top:22px}.principle-grid article{min-height:0;padding:40px 30px}.principle-grid h3{font-size:34px}}

.principle-grid article,.principle-grid article:nth-child(2),.principle-grid article:nth-child(3){border-left:0}
.principle-grid article:hover{border-left-color:transparent}
.card-accent{display:none}
.profile-carousel,.profile-track,.profile-track>.profile-card{border:0!important;outline:0!important;box-shadow:none!important}
.profile-track>.profile-card{overflow:hidden;box-shadow:0 20px 46px rgba(0,0,0,.13)!important}
.profile-track>.profile-card:hover{box-shadow:0 28px 58px rgba(0,0,0,.17)!important}
.profile-track{width:calc(var(--slide-count, 2) * 100%)}
.profile-track>.profile-card{flex:0 0 calc(100% / var(--slide-count, 2));width:calc(100% / var(--slide-count, 2))}

/* Footer: prioridad a una lectura cómoda y redes en texto limpio. */
footer{font-size:15px}
.footer-brand p{font-size:15px}
.footer-contact,.footer-social{gap:15px}
.footer-contact>span,.footer-social>span{font-size:11px;margin-bottom:10px}
.footer-contact a,.footer-social>div a,.footer-site{font-size:15px}
.footer-social>div{gap:22px}
.footer-social>div a{display:inline-flex;gap:0}
.social-icon{display:none}

/* El segundo panel no debe proyectarse sobre el borde del perfil activo. */
.profile-carousel{padding:8px 0 48px;margin:0;background:var(--ice)}
.profile-track>.coming-soon{box-shadow:none!important}

/* Navegación más legible. */
.topbar nav{font-size:16px;letter-spacing:.035em;font-weight:600}.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(39,196,200,.62);border-radius:999px;padding:7px 11px;font-size:10px!important;line-height:1;letter-spacing:.09em!important;white-space:nowrap;transition:background .2s,color .2s}.language-toggle:hover{background:var(--aqua);color:var(--navy)!important}
@media(max-width:850px){.topbar nav{font-size:17px;gap:26px}}

/* Mantiene el texto centrado incluso cuando el CTA está en inglés. */
.button{align-items:center;justify-content:center;min-height:48px;text-align:center;line-height:1.1}

/* La fotografía de María necesita conservar más espacio sobre la cabeza. */
.maria-hero-image img{object-position:center top}

/* Encabezado editorial del lector: más compacto, con contexto. */
.reader-heading h2{font-size:clamp(38px,4.3vw,58px)}
.reader-heading>p{font-size:16px;max-width:360px;line-height:1.75}

.profile-end .button{background:var(--aqua);color:var(--navy)}

/* Llamado editorial con profundidad visual en cada perfil. */
.profile-cta{min-height:620px;padding:105px 8vw;display:flex;align-items:center;position:relative;isolation:isolate;color:#fff;background:#070707 url('/banner-ediciones-raices.png') center/cover fixed no-repeat}
.profile-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.78) 48%,rgba(5,5,5,.3) 100%)}
.profile-cta>div{max-width:690px}
.profile-cta h2{font:600 clamp(48px,5.4vw,78px)/1.02 'Playfair Display';margin:24px 0}
.profile-cta>div>p:not(.eyebrow){max-width:620px;color:#d0d8d8;font-size:18px;line-height:1.75}
.profile-cta .actions{justify-content:flex-start;flex-wrap:wrap}
.profile-cta .outline{color:#fff;border:1px solid var(--aqua);background:transparent}
@media(max-width:850px){.profile-cta{min-height:0;padding:80px 7vw;background-attachment:scroll;background-position:center}.profile-cta:before{background:rgba(5,5,5,.84)}.profile-cta h2{font-size:clamp(42px,12vw,58px)}.profile-cta .actions{align-items:flex-start;flex-direction:column}.profile-cta .button{justify-content:center;width:100%}}