:root{
 --navy:#0b1830;--navy-2:#102843;--teal:#0f766e;--teal-2:#18a097;--gold:#d8aa48;--gold-2:#f0ca75;
 --ink:#142033;--muted:#64748b;--line:#dce5ec;--soft:#f3f7f9;--white:#fff;--danger:#b42318;
 --shadow:0 22px 60px rgba(11,24,48,.11);--shadow-sm:0 10px 28px rgba(11,24,48,.08);
 --radius:22px;--radius-sm:14px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.narrow{width:min(780px,calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold);padding:12px;z-index:999}.skip-link:focus{left:12px;top:12px}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,236,.8)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--teal));color:var(--gold-2);font-weight:900;letter-spacing:-.04em}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:16px}.brand-copy small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}.brand-light .brand-copy strong,.brand-light .brand-copy small{color:#fff}.site-nav{display:flex;align-items:center;gap:5px}.site-nav>a{padding:10px 11px;border-radius:999px;font-size:14px;font-weight:700;color:#41506a}.site-nav>a:hover,.site-nav>a.active{color:var(--teal);background:#edf8f6}.site-nav .nav-cta{color:#fff}.site-nav .nav-cta:hover{color:#fff;background:var(--navy)}.menu-toggle{display:none;background:none;border:0;color:var(--navy);padding:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 25px rgba(15,118,110,.2)}.btn-primary:hover{background:#0a665f}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:var(--line);background:#fff;color:var(--navy)}.btn-outline:hover{border-color:var(--teal);color:var(--teal)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-sm{padding:10px 15px;font-size:13px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--teal)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--gold)}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.15;color:var(--navy);margin-top:0}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.045em}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em}h3{font-size:23px}p{margin-top:0}.muted{color:var(--muted)}.lead{font-size:clamp(18px,2vw,21px);color:#4b5f76}.section{padding:96px 0}.section-sm{padding:68px 0}.section-soft{background:var(--soft)}.section-dark{background:linear-gradient(145deg,var(--navy),#123855);color:#d9e6ef}.section-dark h2,.section-dark h3{color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head>div{max-width:760px}.section-head p{color:var(--muted);max-width:680px}.section-dark .section-head p{color:#c6d6e3}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(24,160,151,.16),transparent 28%),linear-gradient(180deg,#f8fbfc,#fff);padding:88px 0 72px}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(15,118,110,.1);border-radius:50%;right:-200px;top:-150px;box-shadow:0 0 0 70px rgba(15,118,110,.025),0 0 0 140px rgba(216,170,72,.025)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.hero-copy h1 span{color:var(--teal)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-note{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.hero-note .avatar-stack{display:flex}.hero-note .avatar-stack span{width:32px;height:32px;border-radius:50%;background:var(--navy);border:2px solid #fff;margin-left:-8px}.hero-note .avatar-stack span:first-child{margin-left:0;background:var(--teal)}.hero-note .avatar-stack span:last-child{background:var(--gold)}.portrait-wrap{position:relative;max-width:430px;margin-left:auto}.portrait-frame{background:linear-gradient(145deg,var(--teal),var(--navy));padding:10px;border-radius:48% 48% 22px 22px;box-shadow:var(--shadow)}.portrait-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:47% 47% 16px 16px;background:#eef3f4}.floating-card{position:absolute;left:-50px;bottom:35px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-sm);max-width:230px}.floating-card strong{display:block;color:var(--navy);font-size:15px}.floating-card span{font-size:12px;color:var(--muted)}.signature{position:absolute;right:-28px;top:30px;background:var(--gold);color:var(--navy);border-radius:999px;padding:12px 16px;font-family:Georgia,serif;font-style:italic;font-weight:700;transform:rotate(6deg)}.stats-bar{position:relative;z-index:2;margin-top:62px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.stat{padding:22px 18px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:29px;color:var(--navy);line-height:1}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.identity-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.identity-card,.content-card,.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;transition:.25s ease}.identity-card:hover,.content-card:hover,.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.icon-box{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f6f4;color:var(--teal);margin-bottom:18px}.identity-card h3,.content-card h3{margin-bottom:10px}.identity-card p,.content-card p{color:var(--muted);font-size:14px}.identity-card a,.content-card .card-link{color:var(--teal);font-weight:800;font-size:14px}.featured-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.feature-main,.feature-small{position:relative;overflow:hidden;border-radius:28px;min-height:360px;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(150deg,var(--navy),var(--teal))}.feature-main:before,.feature-small:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.14),transparent 30%)}.feature-main>* ,.feature-small>*{position:relative}.feature-main h3,.feature-small h3{color:#fff;font-size:34px}.feature-main p,.feature-small p{color:#dcebf0}.feature-stack{display:grid;grid-template-rows:1fr 1fr;gap:24px}.feature-small{min-height:168px;padding:26px}.feature-small h3{font-size:24px}.tag{display:inline-flex;align-self:flex-start;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.15);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:16px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.meta span{display:inline-flex;align-items:center;gap:5px}.content-card{display:flex;flex-direction:column}.content-card .card-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;margin-bottom:18px;background:var(--soft)}.content-card .tag{color:var(--teal);background:#e7f6f4}.content-card h3{font-size:21px}.content-card .card-link{margin-top:auto;padding-top:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.about-photo{position:sticky;top:110px}.about-photo img{width:100%;border-radius:28px;background:var(--soft);box-shadow:var(--shadow)}.about-badge{margin:-32px 20px 0;position:relative;background:var(--navy);color:#fff;padding:20px;border-radius:18px}.about-badge strong{font-size:20px}.about-copy p{font-size:17px;color:#465a70}.quote-block{border-left:4px solid var(--gold);padding:18px 24px;background:#fff8e8;border-radius:0 18px 18px 0;font-family:Georgia,serif;font-size:21px;color:var(--navy);margin:30px 0}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:var(--line)}.timeline-item{position:relative;padding:0 0 34px 70px}.timeline-icon{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--teal);box-shadow:var(--shadow-sm)}.timeline-item h3{margin-bottom:5px}.timeline-item .period{color:var(--gold);font-weight:900;font-size:13px}.timeline-item p{color:var(--muted)}.page-hero{padding:74px 0;background:radial-gradient(circle at 90% 10%,rgba(15,118,110,.14),transparent 27%),var(--soft);border-bottom:1px solid var(--line)}.page-hero .breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:13px;margin-bottom:22px}.page-hero h1{font-size:clamp(40px,5vw,64px);max-width:920px}.page-hero p{max-width:760px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:800}.filter-tabs a.active,.filter-tabs a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.detail-wrap{display:grid;grid-template-columns:1fr 320px;gap:50px}.prose{font-size:17px;color:#33475d}.prose h2,.prose h3{margin-top:36px}.prose p{margin-bottom:20px}.prose ul,.prose ol{padding-left:24px}.prose blockquote{border-left:4px solid var(--gold);margin:30px 0;padding:10px 24px;color:var(--navy);font-family:Georgia,serif;font-size:21px}.sidebar-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;position:sticky;top:110px}.sidebar-card h3{font-size:20px}.sidebar-card dl{margin:0}.sidebar-card dt{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:900;margin-top:14px}.sidebar-card dd{margin:2px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:22px;padding:26px}.testimonial .icon{color:var(--gold)}.testimonial p{color:#e7eff4;font-size:16px}.testimonial strong{display:block;color:#fff}.testimonial span{font-size:12px;color:#b8c9d5}.cta-band{border-radius:32px;padding:54px;background:linear-gradient(120deg,var(--teal),var(--navy));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden;position:relative}.cta-band:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:60px solid rgba(255,255,255,.06);right:-100px;top:-90px}.cta-band>*{position:relative;z-index:1}.cta-band h2{color:#fff;margin-bottom:10px}.cta-band p{color:#dce8ec;max-width:680px;margin-bottom:0}.logo-cloud{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.logo-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800;color:#53657a}.form-card{border:1px solid var(--line);border-radius:28px;padding:34px;background:#fff;box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-group.full{grid-column:1/-1}.form-group label{display:block;font-size:13px;font-weight:900;color:var(--navy);margin-bottom:7px}.form-control{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink)}.form-control:focus{outline:3px solid rgba(15,118,110,.13);border-color:var(--teal)}textarea.form-control{min-height:150px;resize:vertical}.contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:34px}.contact-info{background:var(--navy);border-radius:28px;color:#fff;padding:34px}.contact-info h2,.contact-info h3{color:#fff}.contact-item{display:flex;gap:12px;margin:22px 0}.contact-item .icon{color:var(--gold);flex:0 0 auto}.contact-item span,.contact-item a{color:#d7e2ea}.flash{padding:12px 0;font-weight:700;font-size:14px}.flash-success{background:#dcfce7;color:#166534}.flash-error{background:#fee2e2;color:#991b1b}.empty-state{border:1px dashed var(--line);border-radius:20px;padding:42px;text-align:center;color:var(--muted)}.site-footer{background:#071322;color:#b9c8d3;padding:72px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .9fr 1.05fr;gap:42px}.footer-brand p{max-width:410px;margin-top:20px}.site-footer h3{color:#fff;font-family:inherit;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:10px 0}.footer-links a:hover{color:var(--gold-2)}.contact-links li{display:flex;gap:9px;align-items:flex-start}.contact-links .icon{width:18px;height:18px;color:var(--gold)}.social-list{display:flex;gap:8px;flex-wrap:wrap}.social-list a{border:1px solid #29405a;border-radius:999px;padding:7px 10px;font-size:11px}.footer-bottom{border-top:1px solid #24374e;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.floating-wa{position:fixed;right:24px;bottom:24px;z-index:60;width:54px;height:54px;border-radius:50%;background:#1faa59;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.22)}.floating-wa:hover{transform:translateY(-3px)}.privacy-list li{margin-bottom:10px}
@media(max-width:1080px){.site-nav{position:fixed;left:20px;right:20px;top:88px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:14px;display:none;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav>a{text-align:center}.menu-toggle{display:block}.hero-grid{gap:36px}.stats-bar{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.identity-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hero{padding-top:58px}.hero-grid,.about-grid,.contact-layout,.detail-wrap,.featured-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-actions,.hero-note{justify-content:center}.portrait-wrap{margin:20px auto 0;max-width:360px}.floating-card{left:-10px}.signature{right:-10px}.section{padding:72px 0}.section-head{align-items:start;flex-direction:column}.grid-3,.testimonial-grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.about-photo{position:relative;top:auto;max-width:460px;margin:auto}.cta-band{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container,.narrow{width:min(100% - 28px,var(--container))}.brand-copy small{display:none}.hero{padding-top:45px}.hero h1{font-size:40px}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat,.stat:nth-child(3){border-right:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:nth-child(-n+4){border-bottom:1px solid var(--line)}.identity-grid,.card-grid{grid-template-columns:1fr}.feature-main{min-height:320px}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.floating-card{position:relative;left:auto;bottom:auto;margin:-35px 12px 0}.signature{top:8px}.cta-band{padding:34px 24px}.form-card,.contact-info{padding:24px}}

/* ========================================================================== 
   v1.1.0 — Responsive UI/UX polish + featured book launch
   ========================================================================== */
:root{--container:1320px}
html{scroll-padding-top:100px}
body{overflow-x:hidden}
section[id],article[id]{scroll-margin-top:105px}
.hero-grid>*,.section-head>*,.identity-grid>*,.grid-3>*,.grid-2>*,.featured-grid>*,.book-launch>*{min-width:0}
h1,h2,h3,h4,p,a,span{overflow-wrap:break-word}
h1,h2,h3{ text-wrap:balance }
p{ text-wrap:pretty }
img{display:block}

/* Header and compact navigation */
.site-header{overflow:visible}
.nav-wrap{min-height:82px;gap:24px}
.brand{flex:0 0 auto}
.brand-mark{width:48px;height:48px;box-shadow:0 8px 24px rgba(11,24,48,.14)}
.brand-copy strong{font-size:17px}
.site-nav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;margin-left:auto}
.site-nav>a,.nav-dropdown-toggle{white-space:nowrap;padding:10px 10px;border:0;border-radius:999px;background:transparent;font-size:13.5px;font-weight:750;color:#41506a;line-height:1.2;cursor:pointer;transition:.2s ease}
.site-nav>a:hover,.site-nav>a.active,.nav-dropdown.active>.nav-dropdown-toggle,.nav-dropdown-toggle:hover{color:var(--teal);background:#edf8f6}
.site-nav .nav-cta{color:#fff;padding-inline:17px;margin-left:5px}
.site-nav .nav-cta:hover{color:#fff;background:var(--navy)}
.nav-dropdown{position:relative;flex:0 0 auto}
.nav-dropdown-toggle{display:flex;align-items:center;gap:5px}
.nav-dropdown-toggle .chevron{width:15px;height:15px;transition:transform .2s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;z-index:100;min-width:230px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(11,24,48,.16);opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:.18s ease}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dropdown-menu a{display:block;padding:11px 13px;border-radius:12px;color:#41506a;font-size:13px;font-weight:750;white-space:nowrap}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#edf8f6;color:var(--teal)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dropdown.open .chevron,.nav-dropdown:hover .chevron{transform:rotate(180deg)}
.menu-close-icon{display:none}
.menu-toggle[aria-expanded="true"] .menu-open-icon{display:none}
.menu-toggle[aria-expanded="true"] .menu-close-icon{display:inline-flex}

/* Hero: all core information remains visible at common laptop heights */
.hero{overflow:clip;padding:62px 0 54px;background:radial-gradient(circle at 77% 25%,rgba(24,160,151,.15),transparent 30%),linear-gradient(180deg,#f7fbfc 0%,#fff 88%)}
.hero:after{right:-160px;top:-205px;opacity:.8}
.hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);gap:48px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy .eyebrow{max-width:720px;line-height:1.65}
.hero-copy h1{max-width:800px;margin:16px 0 20px;font-size:clamp(46px,4.75vw,74px);line-height:1.03;letter-spacing:-.048em}
.hero-copy .lead{max-width:720px;margin-bottom:0;font-size:clamp(17px,1.45vw,20px)}
.hero-actions{margin:25px 0 22px}
.hero-note{max-width:690px;line-height:1.4}
.portrait-wrap{width:100%;max-width:395px;margin-left:auto;padding:24px 8px 8px}
.portrait-frame{border-radius:46% 46% 25px 25px;padding:9px}
.portrait-frame img{aspect-ratio:4/5;border-radius:45% 45% 18px 18px}
.signature{right:0;top:24px;z-index:3;max-width:255px;text-align:center;padding:11px 17px;line-height:1.25;box-shadow:0 12px 25px rgba(11,24,48,.14)}
.floating-card{left:0;bottom:20px;z-index:3;max-width:min(255px,74%);padding:15px 17px}
.stats-bar{margin-top:46px}
.stat{min-width:0}
.stat span{line-height:1.35}

/* Latest book launch */
.book-launch-section{padding-top:82px;padding-bottom:88px;background:#fff}
.book-launch{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:center;gap:72px;padding:62px 68px;border:1px solid #e7dfce;border-radius:38px;background:radial-gradient(circle at 13% 15%,rgba(240,202,117,.24),transparent 28%),linear-gradient(135deg,#fffdf8 0%,#f8fbfb 52%,#e9f6f4 100%);box-shadow:0 30px 80px rgba(11,24,48,.10);overflow:hidden}
.book-launch:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border:1px solid rgba(15,118,110,.12);border-radius:50%;right:-210px;bottom:-240px;box-shadow:0 0 0 55px rgba(15,118,110,.035),0 0 0 110px rgba(216,170,72,.025)}
.book-cover-stage{position:relative;display:grid;place-items:center;min-height:470px}
.book-glow{position:absolute;width:82%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(216,170,72,.26),rgba(15,118,110,.08) 45%,transparent 70%);filter:blur(10px)}
.book-cover-stage img{position:relative;z-index:1;width:min(100%,330px);max-height:470px;object-fit:contain;border-radius:5px;box-shadow:0 35px 55px rgba(11,24,48,.27);transform:rotate(-3deg);transition:transform .35s ease,box-shadow .35s ease}
.book-launch:hover .book-cover-stage img{transform:rotate(-1deg) translateY(-6px);box-shadow:0 42px 70px rgba(11,24,48,.30)}
.book-ribbon{position:absolute;z-index:3;left:0;top:20px;padding:9px 15px;border-radius:999px;background:var(--navy);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-sm)}
.book-author-chip{position:absolute;z-index:3;right:0;bottom:30px;padding:10px 15px;border-radius:999px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:900;box-shadow:var(--shadow-sm)}
.book-launch-copy{position:relative;z-index:2}
.book-overline{margin:18px 0 6px;color:var(--teal);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.book-launch h2{margin-bottom:10px;font-size:clamp(43px,5vw,68px)}
.book-tagline{max-width:720px;margin-bottom:20px;color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,2.2vw,30px);font-weight:700;line-height:1.35}
.book-description{max-width:720px;color:#475a6e;font-size:17px}
.book-benefits{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none}
.book-benefits li{position:relative;padding-left:31px;color:#33475d;font-weight:650}
.book-benefits li:before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#dff4ef;color:var(--teal);font-size:12px;font-weight:1000}
.book-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn-promo{padding-inline:23px;box-shadow:0 14px 30px rgba(216,170,72,.30)}
.book-microcopy{margin:15px 0 0;color:var(--muted);font-size:12.5px}
.book-detail-feature{background:#fff}
.book-launch-detail{background:radial-gradient(circle at 15% 15%,rgba(216,170,72,.23),transparent 28%),linear-gradient(135deg,#fffaf0,#f3faf9)}
.book-quote{margin:25px 0;padding:18px 22px;border-left:4px solid var(--gold);border-radius:0 16px 16px 0;background:rgba(255,255,255,.78);color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.55}
.book-card-image{aspect-ratio:3/4!important;object-fit:contain!important;background:linear-gradient(145deg,#f2f6f7,#fff8e9)!important;padding:12px}
.book-card-mini,.book-catalog-card{height:100%}

/* General anti-clipping polish */
.content-card,.identity-card,.service-card,.testimonial,.feature-main,.feature-small,.cta-band{overflow-wrap:anywhere}
.content-card h3,.identity-card h3,.service-card h3,.feature-main h3,.feature-small h3{hyphens:auto}
.section-head h2{max-width:900px}
.section-head>p{flex:0 1 430px}
.feature-main,.feature-small{height:auto}
.feature-main p,.feature-small p{margin-bottom:14px}
.page-hero{overflow:hidden}
.page-hero h1{max-width:1000px}
.cta-band{overflow:hidden}
.btn{white-space:normal;text-align:center;line-height:1.25}
.meta span{min-width:0}

@media (max-height:800px) and (min-width:821px){
  .hero{padding-top:44px;padding-bottom:42px}
  .hero-copy h1{font-size:clamp(44px,4.35vw,64px);margin-top:12px;margin-bottom:16px}
  .hero-actions{margin:20px 0 17px}
  .portrait-wrap{max-width:350px;padding-top:16px}
  .stats-bar{margin-top:32px}
  .stat{padding-block:18px}
}

@media(max-width:1180px){
  .nav-wrap{min-height:78px}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf8f6}
  .site-nav{position:fixed;left:20px;right:20px;top:88px;z-index:110;display:none;max-height:calc(100vh - 108px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:3px;margin:0;padding:15px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}
  .site-nav.open{display:flex}
  .site-nav>a,.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:12px 14px;text-align:left;font-size:14px}
  .site-nav .nav-cta{margin:8px 0 0;text-align:center;justify-content:center}
  .nav-dropdown{width:100%}
  .nav-dropdown-menu{position:static;display:none;min-width:0;margin:3px 0 6px;padding:5px 7px 7px;background:var(--soft);border:0;border-radius:14px;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-dropdown.open .nav-dropdown-menu{display:block;transform:none}
  .nav-dropdown:hover .nav-dropdown-menu{display:none}
  .nav-dropdown.open:hover .nav-dropdown-menu{display:block}
  .nav-dropdown-menu a{padding:10px 12px;white-space:normal}
  body.menu-open{overflow:hidden}
  .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:32px}
  .hero-copy h1{font-size:clamp(44px,5.1vw,66px)}
  .book-launch{gap:48px;padding:52px 45px}
}

@media(max-width:900px){
  .hero{padding-top:52px}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-copy{text-align:center}
  .hero-copy .eyebrow,.hero-copy .lead,.hero-copy h1{margin-inline:auto}
  .hero-copy .eyebrow,.hero-actions,.hero-note{justify-content:center}
  .portrait-wrap{max-width:380px;margin:0 auto;padding-top:18px}
  .floating-card{left:4px}
  .signature{right:3px}
  .stats-bar{margin-top:35px}
  .book-launch{grid-template-columns:1fr;gap:38px;padding:50px 42px}
  .book-cover-stage{min-height:440px}
  .book-cover-stage img{width:min(75%,315px)}
  .book-ribbon{left:calc(50% - 185px)}
  .book-author-chip{right:calc(50% - 190px)}
  .book-launch-copy{text-align:center}
  .book-launch-copy .eyebrow{justify-content:center}
  .book-description,.book-tagline{margin-inline:auto}
  .book-benefits{max-width:620px;margin-inline:auto;text-align:left}
  .book-actions{justify-content:center}
}

@media(max-width:820px){
  .section{padding:72px 0}
  .section-head>p{flex:auto}
  .page-hero{padding:58px 0}
}

@media(max-width:620px){
  .container,.narrow{width:min(100% - 28px,var(--container))}
  .site-nav{left:14px;right:14px;top:82px;max-height:calc(100vh - 98px)}
  .brand-mark{width:44px;height:44px;border-radius:13px}
  .brand-copy strong{font-size:15.5px}
  .hero{padding:40px 0 38px}
  .hero-copy .eyebrow{font-size:10.5px;letter-spacing:.11em}
  .hero-copy h1{font-size:clamp(38px,11.4vw,50px);line-height:1.03}
  .hero-copy .lead{font-size:16.5px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-actions .btn{width:100%}
  .hero-note{font-size:12.5px}
  .portrait-wrap{max-width:325px;padding-inline:4px}
  .signature{top:15px;max-width:220px;font-size:14px}
  .floating-card{position:relative;left:auto;bottom:auto;max-width:none;margin:-33px 13px 0}
  .stats-bar{grid-template-columns:repeat(2,1fr);margin-top:28px}
  .book-launch-section{padding:58px 0}
  .book-launch{padding:38px 22px;border-radius:28px}
  .book-cover-stage{min-height:390px}
  .book-cover-stage img{width:min(78%,270px)}
  .book-ribbon{left:0;top:12px;font-size:9.5px}
  .book-author-chip{right:0;bottom:18px;font-size:10.5px}
  .book-launch h2{font-size:clamp(40px,13vw,54px)}
  .book-tagline{font-size:22px}
  .book-description{font-size:15.5px}
  .book-actions{display:grid;grid-template-columns:1fr;width:100%}
  .book-actions .btn{width:100%}
  .book-quote{font-size:17px}
  .page-hero h1{font-size:clamp(36px,10vw,48px)}
  .cta-band{padding:33px 23px;border-radius:26px}
}

@media(max-width:390px){
  .brand-copy small{display:none}
  .hero-copy h1{font-size:36px}
  .signature{font-size:12.5px;padding:9px 12px}
  .book-cover-stage{min-height:345px}
  .book-cover-stage img{width:235px}
  .book-ribbon{max-width:170px;white-space:normal;text-align:center;line-height:1.25}
}

/* =========================================================
   V3.0 — Personal Authority Platform
   Akademisi · Praktisi · Inspirator
   ========================================================= */
:root{
  --pa-ivory:#f8f6f0;
  --pa-paper:#fffefa;
  --pa-navy:#0b1830;
  --pa-teal:#0f766e;
  --pa-gold:#d8aa48;
  --pa-text:#243247;
  --pa-muted:#64748b;
  --pa-line:rgba(11,24,48,.14);
}

.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.nav-wrap{min-height:76px}
.site-nav{gap:1px}
.site-nav>a,.nav-dropdown-toggle{padding:10px 9px;font-size:13px;white-space:nowrap}
.site-nav .nav-cta{margin-left:7px;padding:11px 16px;background:var(--pa-teal);color:#fff;box-shadow:0 10px 24px rgba(15,118,110,.18)}
.brand-copy small{font-size:10px;letter-spacing:.12em}

.home-v3{background:var(--pa-paper);color:var(--pa-text)}
.home-v3 main{overflow:visible}
.home-v3 .eyebrow{font-size:10.5px;letter-spacing:.16em}
.home-v3 .eyebrow:before{width:28px}
.home-v3 .btn{min-height:48px;padding:12px 20px}
.home-v3 .pa-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--pa-teal);font-size:13px;font-weight:850;text-decoration:none}
.home-v3 .pa-text-link:hover{color:var(--pa-navy)}
.home-v3 .pa-text-link-light{color:#fff}
.home-v3 .pa-text-link-light:hover{color:var(--gold-2)}
.home-v3 h1,.home-v3 h2,.home-v3 h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.home-v3 .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.home-v3 .reveal.is-visible{opacity:1;transform:none}

/* 1. Hero */
.pa-hero{padding:64px 0 70px;background:linear-gradient(180deg,#fff 0%,var(--pa-ivory) 100%);border-bottom:1px solid var(--pa-line)}
.pa-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:72px;align-items:center}
.pa-hero-copy{max-width:760px}
.pa-identity{margin:0 0 5px;color:var(--pa-navy);font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700}
.pa-role{margin:0 0 25px;color:var(--pa-teal);font-size:11px;font-weight:900;letter-spacing:.135em;line-height:1.6;text-transform:uppercase}
.pa-role span{margin:0 8px;color:var(--pa-gold)}
.pa-hero h1{max-width:820px;margin:0 0 25px;font-size:clamp(48px,5.15vw,69px);line-height:1.04;letter-spacing:-.047em}
.pa-hero h1>span{display:block}
.pa-hero h1>span+span{margin-top:8px}
.pa-hero h1 em{color:var(--pa-teal);font-style:normal}
.pa-summary{max-width:690px;margin:0;color:#526277;font-size:clamp(16.5px,1.35vw,19px);line-height:1.72}
.pa-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0 22px}
.pa-signature{margin:0;color:var(--pa-navy);font-family:Georgia,"Times New Roman",serif;font-size:16px;font-style:italic;font-weight:700;letter-spacing:.01em}
.pa-portrait{margin:0;min-width:0}
.pa-portrait-frame{padding:10px;border:1px solid rgba(15,118,110,.25);border-radius:24px;background:#e9f2ef}
.pa-portrait-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:16px;background:#edf2f1}
.pa-portrait figcaption{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:15px 4px 0}
.pa-portrait figcaption strong{color:var(--pa-navy);font-size:14px}
.pa-portrait figcaption span{max-width:210px;color:var(--pa-muted);font-size:11px;line-height:1.5;text-align:right}

/* Shared section headings */
.pa-section-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:26px;align-items:start;margin-bottom:43px}
.pa-section-number{margin:5px 0 0;color:var(--pa-gold);font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:700}
.pa-section-heading h2{max-width:870px;margin:15px 0 0;font-size:clamp(34px,3.8vw,52px);line-height:1.14}

/* 2. Audience paths */
.pa-paths{padding:96px 0;background:#fff}
.pa-path-list{border-top:1px solid var(--pa-line)}
.pa-path-list>a{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(210px,.42fr);gap:26px;align-items:center;padding:31px 0;border-bottom:1px solid var(--pa-line);transition:padding .2s ease,background .2s ease}
.pa-path-list>a:hover{padding-left:14px;padding-right:14px;background:var(--pa-ivory)}
.pa-path-index{color:var(--pa-gold);font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:700}
.pa-path-list h3{margin:0 0 7px;font-size:29px}
.pa-path-list p{max-width:720px;margin:0;color:var(--pa-muted);font-size:14.5px}
.pa-path-list>a>strong{justify-self:end;color:var(--pa-teal);font-size:13px;text-align:right}

/* 3. Credibility */
.pa-proof{padding:92px 0;background:var(--pa-ivory);border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}
.pa-proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:78px;align-items:start}
.pa-proof-copy h2{max-width:700px;margin:16px 0 20px;font-size:clamp(36px,4vw,54px)}
.pa-proof-copy>p{max-width:700px;color:var(--pa-muted);font-size:16px}
.pa-proof-facts{border-top:1px solid var(--pa-line)}
.pa-proof-facts>p{margin:0;padding:18px 0;border-bottom:1px solid var(--pa-line);color:var(--pa-navy);font-size:15px;font-weight:750}
.pa-proof-facts>p:before{content:"";display:inline-block;width:8px;height:8px;margin-right:13px;border-radius:50%;background:var(--pa-gold)}
.pa-proof-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:24px;background:var(--pa-line);border:1px solid var(--pa-line)}
.pa-proof-stats span{display:block;padding:16px;background:var(--pa-paper);color:var(--pa-muted);font-size:11px;line-height:1.45}
.pa-proof-stats strong{display:block;margin-bottom:3px;color:var(--pa-navy);font-family:Georgia,"Times New Roman",serif;font-size:24px}

/* 4. Selected works */
.pa-selected{padding:100px 0;background:#fff}
.pa-work-list{border-top:1px solid var(--pa-line)}
.pa-work-list>a{display:grid;grid-template-columns:120px minmax(0,1fr) 180px 30px;gap:28px;align-items:start;padding:31px 0;border-bottom:1px solid var(--pa-line);transition:padding .2s ease,background .2s ease}
.pa-work-list>a:hover{padding-left:12px;padding-right:12px;background:var(--pa-ivory)}
.pa-work-persona{color:var(--pa-teal);font-size:10.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pa-work-list h3{margin:0 0 8px;font-size:clamp(24px,2.5vw,34px)}
.pa-work-list p{max-width:760px;margin:0;color:var(--pa-muted);font-size:14px}
.pa-work-meta{color:var(--pa-muted);font-size:11px;line-height:1.5;text-align:right}
.pa-work-list>a>strong{justify-self:end;color:var(--pa-teal);font-size:20px}

/* 5. Featured book */
.pa-book{padding:100px 0;background:var(--pa-navy);color:#dce7ef}
.pa-book-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:82px;align-items:center}
.pa-book-visual{display:flex;justify-content:center}
.pa-book-visual img{display:block;width:min(100%,335px);max-height:510px;object-fit:contain;border-radius:4px;box-shadow:0 32px 70px rgba(0,0,0,.36)}
.pa-book-copy .eyebrow{color:var(--gold-2)}
.pa-book-kicker{margin:17px 0 5px;color:#73c7bf;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.pa-book-copy h2{margin:0 0 13px;color:#fff;font-size:clamp(48px,5.2vw,72px)}
.pa-book-copy h3{max-width:760px;margin:0 0 18px;color:#fff;font-size:clamp(22px,2.25vw,30px);line-height:1.38}
.pa-book-copy>p:not(.pa-book-kicker){max-width:730px;color:#bfcfda;font-size:16px}
.pa-book-copy blockquote{max-width:720px;margin:25px 0;padding:0 0 0 20px;border-left:3px solid var(--pa-gold);color:#f3e6c7;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-style:italic;line-height:1.55}
.pa-book-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.pa-book-copy small{display:block;margin-top:15px;color:#8ea2b3}

/* 6. Ideas */
.pa-ideas{padding:100px 0;background:var(--pa-paper)}
.pa-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--pa-line);border-bottom:1px solid var(--pa-line)}
.pa-idea-grid article{padding:30px 30px 32px 0}
.pa-idea-grid article+article{padding-left:30px;border-left:1px solid var(--pa-line)}
.pa-idea-label{display:block;margin-bottom:16px;color:var(--pa-teal);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pa-idea-grid h3{margin:0 0 13px;font-size:clamp(23px,2.2vw,30px);line-height:1.25}
.pa-idea-grid p{margin-bottom:20px;color:var(--pa-muted);font-size:14px}

/* 7. Collaboration */
.pa-collaboration{padding:92px 0;background:linear-gradient(145deg,#0b1830,#123d4a);color:#dce7ef}
.pa-collaboration-inner{max-width:970px;text-align:center}
.pa-collaboration-label{margin:0 0 20px;color:var(--gold-2);font-size:10.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.pa-collaboration h2{max-width:940px;margin:0 auto 20px;color:#fff;font-size:clamp(40px,5vw,65px);line-height:1.12}
.pa-collaboration-inner>p:not(.pa-collaboration-label){max-width:700px;margin:0 auto;color:#b8cad5;font-size:16px}
.pa-collaboration-actions{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap;margin-top:31px}

/* Keep footer visually calmer after the CTA */
.home-v3 .site-footer{border-top:0}

@media(max-width:1180px){
  .site-nav>a,.nav-dropdown-toggle{font-size:14px;padding:12px 14px;white-space:normal}
  .pa-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.68fr);gap:44px}
  .pa-hero h1{font-size:clamp(45px,5.7vw,64px)}
  .pa-proof-grid{gap:50px}
  .pa-book-grid{gap:55px}
}

@media(max-width:900px){
  .pa-hero{padding:52px 0 64px}
  .pa-hero-grid,.pa-proof-grid,.pa-book-grid{grid-template-columns:1fr;gap:42px}
  .pa-hero-copy{max-width:800px;text-align:center;margin-inline:auto}
  .pa-hero h1,.pa-summary{margin-inline:auto}
  .pa-actions{justify-content:center}
  .pa-portrait{width:min(100%,410px);margin-inline:auto}
  .pa-portrait figcaption{flex-direction:column;gap:4px;align-items:center;text-align:center}
  .pa-portrait figcaption span{max-width:none;text-align:center}
  .pa-path-list>a{grid-template-columns:50px minmax(0,1fr);gap:20px}
  .pa-path-list>a>strong{grid-column:2;justify-self:start;text-align:left}
  .pa-proof-copy{text-align:center}
  .pa-proof-copy h2,.pa-proof-copy>p{margin-inline:auto}
  .pa-proof-copy .eyebrow{justify-content:center}
  .pa-work-list>a{grid-template-columns:105px minmax(0,1fr) 28px}
  .pa-work-meta{grid-column:2;text-align:left}
  .pa-work-list>a>strong{grid-column:3;grid-row:1}
  .pa-book-visual img{width:min(70%,320px)}
  .pa-book-copy{text-align:center}
  .pa-book-copy .eyebrow,.pa-book-actions{justify-content:center}
  .pa-book-copy h3,.pa-book-copy>p,.pa-book-copy blockquote{margin-inline:auto}
  .pa-idea-grid{grid-template-columns:1fr}
  .pa-idea-grid article,.pa-idea-grid article+article{padding:27px 0;border-left:0;border-top:1px solid var(--pa-line)}
  .pa-idea-grid article:first-child{border-top:0}
}

@media(max-width:620px){
  .pa-hero{padding:38px 0 48px}
  .pa-role{font-size:9.5px;letter-spacing:.1em}
  .pa-role span{margin:0 4px}
  .pa-hero h1{font-size:clamp(37px,11vw,48px);line-height:1.04}
  .pa-summary{font-size:15.5px}
  .pa-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .pa-actions .btn{width:100%}
  .pa-portrait{width:min(100%,330px)}
  .pa-paths,.pa-proof,.pa-selected,.pa-book,.pa-ideas,.pa-collaboration{padding:68px 0}
  .pa-section-heading{grid-template-columns:38px minmax(0,1fr);gap:13px;margin-bottom:31px}
  .pa-section-number{font-size:18px}
  .pa-section-heading h2{font-size:clamp(31px,9vw,41px)}
  .pa-path-list>a{grid-template-columns:35px minmax(0,1fr);gap:12px;padding:25px 0}
  .pa-path-list h3{font-size:25px}
  .pa-path-list p{font-size:13.5px}
  .pa-proof-copy h2{font-size:clamp(33px,9.4vw,43px)}
  .pa-proof-stats{grid-template-columns:1fr 1fr}
  .pa-work-list>a{grid-template-columns:1fr 25px;gap:12px;padding:26px 0}
  .pa-work-persona,.pa-work-list>a>div,.pa-work-meta{grid-column:1}
  .pa-work-list>a>strong{grid-column:2;grid-row:1}
  .pa-work-list h3{font-size:25px}
  .pa-book-visual img{width:min(78%,270px)}
  .pa-book-copy h2{font-size:clamp(42px,13vw,57px)}
  .pa-book-copy h3{font-size:22px}
  .pa-book-actions{display:grid;grid-template-columns:1fr;gap:16px}
  .pa-book-actions .btn{width:100%}
  .pa-collaboration h2{font-size:clamp(36px,10vw,48px)}
  .pa-collaboration-actions{display:grid;grid-template-columns:1fr;gap:16px}
  .pa-collaboration-actions .btn{width:100%}
}

@media(max-width:390px){
  .pa-identity{font-size:18px}
  .pa-hero h1{font-size:35px}
  .pa-proof-stats{grid-template-columns:1fr}
}

@media(max-height:760px) and (min-width:901px){
  .pa-hero{padding-top:40px;padding-bottom:48px}
  .pa-hero h1{font-size:clamp(43px,4.7vw,61px);margin-bottom:19px}
  .pa-role{margin-bottom:18px}
  .pa-actions{margin-top:23px;margin-bottom:17px}
  .pa-portrait{max-width:365px;margin-left:auto}
}

@media(prefers-reduced-motion:reduce){
  .pa-path-list>a,.pa-work-list>a{transition:none}
}