/* Pavoneo · Public editorial direction. Kept independent of the artist workspace. */
html{scroll-padding-top:28px}
html body{background:#eef0ef;color:#15385c;-webkit-font-smoothing:antialiased;--blue:#105bbb;--deep:#123b6a;--ink:#15385c;--paper:#eef0ef;--yellow:#f3f4bb;--muted:#536d82;--line:#dbe3e7;--shadow:0 6px 22px rgba(23,53,79,.035);--radius:16px;--b:#105bbb;--d:#123b6a;--y:#f3f4bb;--p:#eef0ef;--l:#dbe3e7;--m:#536d82}
html a,html button,html input{ -webkit-tap-highlight-color:transparent }
html :focus-visible{outline:3px solid #268cbd;outline-offset:5px}
html .btn,html .notice a{min-height:46px;border-radius:7px;font-size:12px;line-height:1.5;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 2px 0 rgba(10,43,74,.05)}
html .btn:hover,html .notice a:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(10,43,74,.13)}
html .btn:active,html .notice a:active{transform:translateY(0)}
html .btn-ghost{background:transparent}
html .kicker,html .pack-label,html .label,html .over{line-height:1.65;font-size:10px;letter-spacing:.16em}
html .kicker:before{height:2px;width:22px;background:#317e9a}
html h1,html h2,html h3{text-wrap:balance}
html p{text-wrap:pretty}

/* A quiet, legible frame around the public story. */
.shell{grid-template-columns:208px minmax(0,1fr)}
.shell .sidebar{padding:34px 18px 28px;background:linear-gradient(172deg,#155fb7,#134b8a 80%);box-shadow:8px 0 30px rgba(14,53,93,.04)}
.shell .sidebar>.brand{padding:0 8px}
.shell .sidebar>small{display:block;margin:30px 10px 42px;font-size:9px;font-weight:700;letter-spacing:.18em;line-height:1.8;color:#c6dcf4}
.shell .nav{gap:5px}
.shell .nav a,.shell .nav button{padding:13px 12px;border-radius:7px;font-weight:500;line-height:1.5;transition:background .2s,color .2s}
.shell .nav .active{font-weight:800}
.shell .nav i{opacity:.85;font-size:16px}
.shell .sidebar-bottom{padding:22px 8px 0}
.shell .sidebar-bottom span{display:block;line-height:1.7;margin-top:5px}
.shell .topline{height:76px;font-size:9px;letter-spacing:.16em}
.shell .topline a{background:#f8faf7;border-color:#d5e5da;font-size:9px;padding:8px 12px}
.shell .wrap{width:min(1380px,calc(100% - 7.6vw))}
.shell .section{padding-top:100px;padding-bottom:100px}
.shell .section-head{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:50px;margin-bottom:36px}
.shell .section-head h2{font-size:clamp(34px,3.5vw,54px);line-height:1.08;margin:17px 0 0;letter-spacing:-.055em}
.shell .section-head p{font-size:14px;line-height:1.85;max-width:420px;margin:0 0 4px}
.shell h2 em,.shell h1 em{color:#287690}
.shell .card{border-radius:16px}

/* Hero: oversized type, real studio photography, a clear primary action. */
.shell .hero{grid-template-columns:1.08fr .92fr;min-height:600px;background:#f6f9fa;border:1px solid #dce6ea;box-shadow:0 16px 40px rgba(28,57,80,.055)}
.shell .hero-copy{padding:clamp(34px,4.5vw,70px) clamp(28px,3.5vw,52px);display:flex;flex-direction:column;justify-content:center}
.shell .hero h1{font-size:clamp(46px,5.4vw,83px);line-height:1.025;letter-spacing:-.065em;margin:28px 0 24px}
.shell .hero-copy>p{font-size:15px;line-height:1.85;color:#536d82;max-width:490px}
.shell .hero .actions{gap:10px;margin:24px 0 4px}
.shell .hero .btn{padding:14px 17px}
.shell .hero-art{min-height:600px;background:#143c65}
.shell .hero-art img{mix-blend-mode:normal;opacity:.91;object-position:57% center;filter:saturate(.78)}
.shell .hero-art:before{z-index:1;top:26px;right:20px;font-size:95px;line-height:1;color:rgba(245,246,189,.16);letter-spacing:-.08em}
.shell .hero-art:after{background:linear-gradient(0deg,rgba(7,32,56,.92),rgba(7,32,56,.04) 70%)}
.shell .hero-badge{left:32px;right:26px;bottom:36px}
.shell .hero-badge strong{font-size:clamp(23px,2.3vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin-top:14px;text-wrap:balance}
.shell .hero-badge span{font-size:9px;line-height:1.7;letter-spacing:.15em}
.shell .hero-stats{margin-top:32px;padding-top:22px;gap:12px}
.shell .hero-stats strong{font-size:26px;letter-spacing:-.045em;font-weight:700}
.shell .hero-stats span{display:block;font-size:9px;line-height:1.65;letter-spacing:.06em;margin-top:3px}

/* Deliverables and proof, with fewer competing surfaces. */
.shell .promise{grid-template-columns:.95fr 1.05fr}
.shell .promise-lead{padding:44px;background:linear-gradient(150deg,#155eb5,#134775)}
.shell .promise-lead h2{font-size:clamp(33px,3.2vw,48px);line-height:1.1}
.shell .promise-lead p{font-size:14px;line-height:1.8;margin-bottom:26px}
.shell .promise-grid{padding:14px;gap:0;background:#fbfcfc}
.shell .deliverable{padding:28px 24px;border:0;background:transparent!important;border-radius:0}
.shell .deliverable:nth-child(-n+2){border-bottom:1px solid var(--line)}
.shell .deliverable:nth-child(odd){border-right:1px solid var(--line)}
.shell .deliverable b{background:transparent;color:#2d788d;font-size:15px;width:auto;height:auto;place-items:start;font-weight:600;font-family:"DM Serif Display",Georgia,serif}
.shell .deliverable h3{font-size:21px;letter-spacing:-.035em;margin:18px 0 10px}
.shell .deliverable p{font-size:13px;line-height:1.8;margin-bottom:0}
.shell .proof{background:#123553}
.shell .proof .kicker{color:#c3d9ec}
.shell .proof h2 em{color:var(--yellow)}
.shell .proof-grid{gap:22px}
.shell .mario-feature{background:linear-gradient(135deg,#973b43,#ce424b);border:0;min-height:520px}
.shell .mario-feature img{height:96%;bottom:0;right:-7%;width:67%;object-position:center bottom;filter:drop-shadow(-16px 20px 24px rgba(58,14,29,.17))}
.shell .mario-copy{width:61%;padding:40px 30px 42px 40px}
.shell .mario-copy h3{font-size:clamp(37px,3.4vw,53px);line-height:1.07;letter-spacing:-.035em;margin:27px 0 24px}
.shell .mario-copy p{font-size:14px;line-height:1.75;max-width:270px}
.shell .mario-copy .btn{position:relative}
.shell .proof-side{gap:22px}
.shell .proof-metric{padding:32px;border:0;background:#f0f0cc}
.shell .proof-metric strong{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:54px;letter-spacing:-.04em}
.shell .proof-metric p{font-size:14px;line-height:1.75}
.shell .proof-metric a{font-size:12px;font-weight:800;text-decoration-thickness:1px;text-underline-offset:5px}
.shell .proof-photo{border:0;max-height:280px}
.shell .proof-photo img{object-position:center 34%}

/* Comparable packs with aligned actions and restrained accent colour. */
.shell .packs-grid{gap:22px}
.shell .pack{padding:38px;display:flex;flex-direction:column}
.shell .pack:before{font-size:145px;top:-9px;right:15px;color:rgba(22,66,102,.045);letter-spacing:-.08em;pointer-events:none}
.shell .pack.full{background:linear-gradient(145deg,#155eb5,#164c83);border-color:#155eb5}
.shell .pack.full:before{color:rgba(255,255,255,.055)}
.shell .pack h3{font-size:32px;line-height:1.18;position:relative;margin:18px 0 16px}
.shell .pack>p{font-size:14px;line-height:1.75}
.shell .checks{gap:15px;margin:23px 0 32px}
.shell .checks li{font-size:13px;line-height:1.65;gap:11px}
.shell .checks li:before{height:19px;flex-basis:19px;font-size:11px;margin-top:2px}
.shell .pack-footer{margin-top:auto;gap:16px;align-items:flex-start}
.shell .price-note{margin-left:0;width:100%;font-size:10px}
.shell .process{background:#e6ebec}
.shell .process-grid{gap:0;border-top:1px solid #ccd7dd;border-bottom:1px solid #ccd7dd}
.shell .step{background:transparent;box-shadow:none;border:0;border-radius:0;padding:32px;display:flex;flex-direction:column}
.shell .step+.step{border-left:1px solid #ccd7dd}
.shell .step-number{font-size:45px;color:#3c7b95}
.shell .step h3{font-size:25px;line-height:1.2;margin:25px 0 16px}
.shell .step p{font-size:14px;line-height:1.8}
.shell .step small{margin-top:auto;padding-top:20px;font-size:10px;line-height:1.6}
.shell .video-grid{gap:22px}
.shell .video-card{padding:8px}
.shell .video-frame{border-radius:10px}
.shell .video-copy{padding:25px 24px}
.shell .video-copy h3{font-size:28px;line-height:1.2;margin:13px 0}
.shell .video-copy p{font-size:14px;line-height:1.8;margin-bottom:0}
.shell .artists{background:#f7f8f5;border-top:1px solid #dce3df;border-bottom:1px solid #dce3df}
.shell .artist-grid{gap:14px}
.shell .artist{border-radius:9px;box-shadow:0 2px 8px rgba(14,46,72,.04)}
.shell .artist img{filter:saturate(.88);transition:transform .45s ease,filter .45s ease}
.shell .artist:hover img{filter:saturate(1);transform:scale(1.045)}
.shell .artist strong{font-size:12px;line-height:1.25;bottom:15px}
.shell .artist small{background:rgba(249,250,233,.94);font-size:9px;top:11px;left:11px;padding:4px 7px}
.shell .sales-card{background:linear-gradient(140deg,#155eb5,#134775);border:0}
.shell .sales-copy{padding:48px}
.shell .sales-copy h2{font-size:clamp(35px,3.7vw,52px);line-height:1.1;margin:23px 0}
.shell .sales-copy h2 em{color:var(--yellow)}
.shell .sales-copy p{font-size:14px;line-height:1.8}
.shell .sales-access{padding:38px;background:#f0f1c9}
.shell .sales-access h3{font-size:29px;line-height:1.2;margin:20px 0}
.shell .sales-access p{font-size:14px;line-height:1.8}
.shell .footer{background:#123553;padding-block:29px;gap:20px;line-height:1.8}
html .login{border:1px solid #cddbe4;border-radius:16px;color:#15385c}
html .login-inner{padding:36px}
html .login-head h2{font-size:31px;line-height:1.08;margin-top:11px}
html .login input{min-height:48px}

/* Price companion: the same editorial system, in a spacious standalone page. */
body>header.top{padding:26px 0;min-height:94px}
body>header.top .brand{gap:13px;font-size:14px}
body>header.top .brand img{background:#145799;border-radius:12px;padding:5px;width:50px;height:56px}
body>header.top .back{font-size:12px;text-decoration:none;padding:12px 0}
body>main>.wrap,body>header.top,body>footer.wrap{width:min(1200px,calc(100% - 64px))}
body>main .hero{background:linear-gradient(135deg,#185fb3,#123f70);padding:64px;border-radius:18px}
body>main .hero:after{font-size:250px;top:-25px;right:18px;letter-spacing:-.08em;color:rgba(245,246,189,.08)}
body>main .hero h1{font-size:clamp(44px,5.7vw,76px);line-height:1.055;letter-spacing:-.045em;margin:23px 0}
body>main .hero p{font-size:15px;line-height:1.8;max-width:670px}
body>main .notice{margin-top:18px;margin-bottom:80px;padding:24px 28px;border-radius:11px;background:#f0f1ca;font-size:13px;line-height:1.7}
body>main .notice span{max-width:620px}
body>main .notice strong{display:block;font-size:14px}
body>main .notice a{flex-shrink:0;text-align:center}
body>main .head{gap:50px;margin-bottom:34px}
body>main .head h2{font-size:clamp(33px,4vw,47px);line-height:1.1}
body>main .head p{font-size:14px;line-height:1.8;margin-bottom:0}
body>main .grid{gap:24px}
body>main .pack{padding:42px;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 5px 20px rgba(23,53,79,.03)}
body>main .pack.full{background:linear-gradient(145deg,#155eb5,#164c83);border-color:#155eb5}
body>main .pack h3{font-size:35px;margin:19px 0 14px;line-height:1.15}
body>main .pack>p{font-size:14px;line-height:1.8}
body>main .pack ul{gap:16px;margin:25px 0 34px}
body>main .pack li{font-size:13px;line-height:1.65}
body>main .pack>.btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;padding:14px 20px}
body>main .difference{padding:29px 32px;font-size:14px;line-height:1.85;border-radius:12px;margin-top:22px;margin-bottom:80px;border-left:3px solid #347e96;background:#f8faf9}
body>main .table-wrap{border-radius:14px;margin-bottom:80px;box-shadow:0 5px 20px rgba(23,53,79,.03)}
body>main table th,body>main table td{padding:20px 24px;font-size:13px;line-height:1.5}
body>main table th{background:#e6edf0;font-size:10px;letter-spacing:.09em;padding-block:22px}
body>main table th:nth-child(3){background:#dce7ea}
body>main table td:nth-child(3){background:#f7f9f5}
body>main table tbody tr:last-child td{border-bottom:0}
body>main table tbody tr:hover td{background:#f0f4f3}
body>main .cta{border-radius:16px;background:linear-gradient(135deg,#123f70,#155eb5);padding:48px;gap:40px}
body>main .cta h2{font-size:clamp(34px,4vw,45px);line-height:1.12;margin-bottom:20px}
body>main .cta p{font-size:14px;line-height:1.8;max-width:650px}
body>footer.wrap{padding:30px 0 44px;font-size:11px;gap:20px;line-height:1.7}

@media(min-width:1450px){.shell .hero{grid-template-columns:1fr 1fr}.shell .hero-art{min-height:660px}}
@media(max-width:1200px) and (min-width:761px){
  .shell{grid-template-columns:178px minmax(0,1fr)}
  .shell .sidebar{padding-inline:12px}.shell .nav a,.shell .nav button{font-size:11px}
  .shell .wrap{width:calc(100% - 48px)}
  .shell .hero{grid-template-columns:1fr;min-height:0}.shell .hero-copy{padding:48px}.shell .hero h1{max-width:620px;font-size:66px}.shell .hero-copy>p{max-width:650px}.shell .hero-art{min-height:350px;max-height:420px}.shell .hero-art img{position:absolute;inset:0;object-position:center 43%}
  .shell .section-head{grid-template-columns:1fr;gap:20px}.shell .section-head p{max-width:680px}
  .shell .promise,.shell .proof-grid,.shell .sales-card{grid-template-columns:1fr}.shell .promise-grid{padding:18px}
  .shell .proof-side{grid-template-columns:1fr 1fr}.shell .mario-copy{width:57%}.shell .mario-feature img{right:0;width:58%}
  .shell .pack{padding:28px}.shell .pack h3{font-size:28px}.shell .process-grid{grid-template-columns:1fr}.shell .step{padding:28px 0}.shell .step+.step{border-left:0;border-top:1px solid #ccd7dd}.shell .step{min-height:0}.shell .step h3{margin-top:12px}
  .shell .artist-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  html{scroll-padding-top:84px}
  .shell{display:block}.shell .sidebar{display:none}.shell .wrap{width:calc(100% - 32px)}
  html .mobile-head{background:#155bb0;height:68px;padding:10px 18px;box-shadow:0 2px 16px rgba(16,48,76,.12)}
  html .mobile-head button{min-height:40px;font-size:11px;border-radius:7px}
  .shell .topline{height:52px;padding:0 18px}
  .shell .hero{grid-template-columns:1fr;min-height:0}.shell .hero-copy{padding:36px 26px}.shell .hero h1{font-size:clamp(44px,10.5vw,66px);line-height:1.04;margin-top:24px}.shell .hero-copy>p{font-size:14px}.shell .hero .actions{align-items:stretch;gap:12px}.shell .hero .btn{flex:1 1 auto}.shell .hero-art{min-height:350px;max-height:390px}.shell .hero-art img{position:absolute;inset:0;object-position:center 45%}.shell .hero-badge{left:26px;bottom:28px}.shell .hero-badge strong{font-size:29px}.shell .hero-stats{margin-top:28px}.shell .hero-stats strong{font-size:23px}.shell .hero-stats span{font-size:8px}
  .shell .section{padding-top:65px;padding-bottom:65px}.shell .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.shell .section-head h2{font-size:37px}.shell .section-head p{font-size:14px;max-width:none}
  .shell .promise,.shell .proof-grid,.shell .sales-card{grid-template-columns:1fr}.shell .promise-lead{padding:32px 27px}.shell .promise-lead h2{font-size:36px}.shell .promise-grid{grid-template-columns:1fr 1fr;padding:10px}.shell .deliverable{padding:24px 15px}.shell .deliverable h3{font-size:20px}.shell .deliverable p{font-size:12px}
  .shell .mario-feature{min-height:650px}.shell .mario-copy{padding:32px 27px;width:100%}.shell .mario-copy h3{font-size:42px;max-width:340px;margin:23px 0 18px}.shell .mario-copy p{max-width:320px}.shell .mario-feature img{width:88%;height:54%;right:-13%;bottom:0;opacity:1;object-position:center bottom}.shell .mario-copy .btn{max-width:255px}.shell .proof-side{grid-template-columns:1fr}.shell .proof-metric{padding:28px}.shell .proof-photo{height:260px}
  .shell .packs-grid,.shell .video-grid{grid-template-columns:1fr}.shell .pack{padding:31px 27px}.shell .pack h3{font-size:31px}.shell .checks li{font-size:13px}.shell .pack-footer .btn{width:100%}
  .shell .process-grid{grid-template-columns:1fr}.shell .step{padding:28px 5px;min-height:0}.shell .step+.step{border-left:0;border-top:1px solid #ccd7dd}.shell .step h3{margin-top:12px}.shell .step small{margin-top:8px}
  .shell .artist-grid{grid-template-columns:repeat(2,1fr);gap:10px}.shell .artist strong{left:10px;right:8px;bottom:10px;font-size:11px}.shell .artist small{font-size:8px;left:8px;top:8px}.shell .video-copy{padding:24px 18px}
  .shell .sales-copy,.shell .sales-access{padding:33px 27px}.shell .sales-copy h2{font-size:37px}.shell .sales-copy .actions{align-items:stretch}.shell .sales-copy .btn{width:100%}.shell .sales-access h3{font-size:29px}.shell .footer{display:grid;font-size:10px}
  html .login-inner{padding:28px 24px}
  body>main>.wrap,body>header.top,body>footer.wrap{width:calc(100% - 32px)}
  body>header.top{padding:20px 0;gap:18px}body>header.top .brand{font-size:11px;gap:8px}body>header.top .back{font-size:10px;text-align:right;max-width:125px}
  body>main .hero{padding:36px 27px}body>main .hero h1{font-size:clamp(41px,9vw,64px)}body>main .hero p{font-size:14px}body>main .hero:after{font-size:180px;right:-30px;top:20px}
  body>main .notice{display:grid;padding:24px;margin-bottom:55px;gap:18px}body>main .notice a{display:block}
  body>main .head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}body>main .head h2{font-size:36px}body>main .grid{grid-template-columns:1fr;gap:18px}body>main .pack{padding:32px 27px}body>main .pack h3{font-size:32px}body>main .pack>.btn{width:100%;justify-content:center}
  body>main .difference{padding:25px;margin-bottom:55px}body>main .table-wrap{margin-bottom:55px}body>main table{min-width:570px}body>main table th,body>main table td{padding:17px 18px;font-size:12px}body>main table th{font-size:9px}
  body>main .cta{grid-template-columns:1fr;padding:32px 27px;gap:25px}body>main .cta h2{font-size:35px}body>main .cta .btn{text-align:center}body>footer.wrap{display:grid;gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html *,html *:before,html *:after{transition:none!important;animation:none!important}}