@import url('./fonts.css?v=b7166506f1e4');

/* Current Premium Ads (chapters, 29 October 2026): scoped Manrope, graphite and copper. */
body #main :is(#direction-premium,.project-card.project-premium){
 --pa-paper:#eeeae0;--pa-bronze:#c98b65;--pa-muted:#aaa99f;
 color:var(--pa-paper);font-family:'PA Manrope',Arial,sans-serif;
 background:#141614;background-image:none;font-synthesis:none;
 border:1px solid #c98b6545;isolation:isolate;
}
body #main #direction-premium .direction-main{padding:40px;background:transparent}
body #main #direction-premium .brand-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;min-height:36px;padding-bottom:0;margin-bottom:30px;border-bottom:0}
body #main #direction-premium .brand-role{justify-self:end;text-align:right;max-width:260px;margin:0;font:400 13px/1.45 'PA Manrope',Arial,sans-serif;color:var(--pa-bronze);text-wrap:balance}
body #main #direction-premium .direction-logo{display:flex;align-items:center;min-height:36px;height:auto;width:222px;max-width:100%;line-height:0}
body #main #direction-premium .direction-logo img{width:222px;height:auto;max-width:100%;filter:none}
body #main #direction-premium .gd-copy>h3{font:500 clamp(32px,3.15vw,44px)/1.08 'PA Manrope',Arial,sans-serif;letter-spacing:-.055em;color:var(--pa-paper);text-wrap:balance;max-width:13em}
body #main #direction-premium .gd-copy>p{font:400 15px/1.7 'PA Manrope',Arial,sans-serif;letter-spacing:-.01em;color:#c9cbbf}
body #main #direction-premium .gdv-premium-points{gap:20px;margin-top:27px}
body #main #direction-premium .gdv-premium-points dt{font:500 14px/1.4 'PA Manrope',Arial,sans-serif;color:var(--pa-paper)}
body #main #direction-premium .gdv-premium-points dd{font:400 13px/1.65 'PA Manrope',Arial,sans-serif;color:var(--pa-muted)}
body #main #direction-premium .gdv-premium-browser{border:1px solid #c98b6570;box-shadow:0 25px 45px -28px #000b}
body #main #direction-premium .gdv-premium-address{background:#eeeae0;color:#5d6054;border-bottom-color:#c98b6550;font-family:'PA Manrope',Arial,sans-serif}
body #main #direction-premium .gdv-premium-address i{background:#93998b;box-shadow:10px 0 #a5aa9b,20px 0 #b8bcae}
body #main #direction-premium .gdv-premium-tools{gap:16px;align-items:center}
body #main #direction-premium .gdv-premium-tools strong{font:500 13px/1.5 'PA Manrope',Arial,sans-serif;color:var(--pa-paper)}
body #main #direction-premium .gdv-premium-tools>div>span{font:400 11px/1.5 'PA Manrope',Arial,sans-serif;color:var(--pa-muted)}

body #main .project-card.project-premium{gap:18px}
body #main .project-card.project-premium>.ink-wave{display:none}
body #main .project-card.project-premium .premium-brand{order:0;min-height:34px;display:flex;align-items:center;margin:0}
body #main .project-card.project-premium .premium-brand img{width:222px;max-width:100%;height:auto;filter:none}
body #main .project-card.project-premium .eyebrow{order:1;font:500 clamp(25px,2.2vw,32px)/1.16 'PA Manrope',Arial,sans-serif;letter-spacing:-.045em;text-transform:none;color:var(--pa-paper);margin:0;text-wrap:balance}
body #main .project-card.project-premium>p{order:2;font:400 14px/1.6 'PA Manrope',Arial,sans-serif;letter-spacing:-.01em;color:#c9cbbf;max-width:none;margin:0}
body #main .project-card.project-premium .premium-proof{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:none;margin:0;padding:0}
body #main .project-card.project-premium .premium-proof span{font:400 10px/1.4 'PA Manrope',Arial,sans-serif;letter-spacing:0;color:var(--pa-muted);white-space:normal;gap:5px}
body #main .project-card.project-premium .premium-proof b{font:500 clamp(26px,2.4vw,34px)/1.2 'PA Manrope',Arial,sans-serif;letter-spacing:-.055em;color:var(--pa-paper);white-space:nowrap}
body #main .project-card.project-premium .project-open{order:4;margin-top:auto}

/* Same split frame, rust field and moving point as the current Premium Ads site. */
body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-action{
 position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;
 gap:16px;min-height:48px;height:auto;padding:12px 16px;border:1px solid #bca18770;border-radius:8px;
 background:#14161433;color:var(--pa-paper);font:500 13px/1.4 'PA Manrope',Arial,sans-serif;letter-spacing:-.02em;
 text-transform:none;text-decoration:none;cursor:pointer;box-sizing:border-box;
 transition:color .18s,border-color .18s;
}
body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-action::before{
 content:'';display:block;position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:inherit;
 background:#6b321b;transform:translate3d(101%,0,0);clip-path:none;transition:transform .22s cubic-bezier(.2,.7,.2,1);pointer-events:none;
}
body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-sign{
 position:relative;display:block;flex:0 0 18px;width:18px;height:18px;overflow:hidden;border:1px solid currentColor;border-radius:1px;background:transparent;transform:none;
}
.pa-promo-sign::before{content:'';position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:currentColor}
.pa-promo-sign::after{content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:currentColor;opacity:0}
body #main :is(#direction-premium,.project-card.project-premium):focus-visible{outline:2px solid #c98b65;outline-offset:5px}
body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-action:focus-visible{outline:2px solid #c98b65;outline-offset:4px}
body #main :is(#direction-premium .pa-promo-action:focus-visible,.project-card.project-premium:focus-visible .pa-promo-action){color:var(--pa-paper);border-color:#c98b65}
body #main :is(#direction-premium .pa-promo-action:focus-visible,.project-card.project-premium:focus-visible .pa-promo-action)::before{transform:translate3d(0,0,0)}
body #main :is(#direction-premium .pa-promo-action:focus-visible,.project-card.project-premium:focus-visible) .pa-promo-sign::before{animation:pa-promo-point .85s cubic-bezier(.4,0,.2,1) infinite}
body #main :is(#direction-premium .pa-promo-action:focus-visible,.project-card.project-premium:focus-visible) .pa-promo-sign::after{animation:pa-promo-scan 1.1s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){
 body #main :is(#direction-premium .pa-promo-action:hover,.project-card.project-premium:hover .pa-promo-action){color:var(--pa-paper);background:#14161433;border-color:#c98b65}
 body #main :is(#direction-premium .pa-promo-action:hover,.project-card.project-premium:hover .pa-promo-action)::before{transform:translate3d(0,0,0)}
 body #main :is(#direction-premium .pa-promo-action:hover,.project-card.project-premium:hover) .pa-promo-sign::before{animation:pa-promo-point .85s cubic-bezier(.4,0,.2,1) infinite}
 body #main :is(#direction-premium .pa-promo-action:hover,.project-card.project-premium:hover) .pa-promo-sign::after{animation:pa-promo-scan 1.1s ease-in-out infinite}
}
@keyframes pa-promo-point{0%,100%{transform:translateX(0) scale(1)}25%{transform:translateX(-6px) scale(.8)}65%{transform:translateX(6px) scale(1.25)}}
@keyframes pa-promo-scan{0%,100%{opacity:0;left:0}25%{opacity:.4}50%{opacity:.4;left:calc(100% - 1px)}75%{opacity:.4}}
@media(max-width:960px){body #main #direction-premium .direction-main{padding:32px}body #main #direction-premium .gd-copy>h3{max-width:20em}body #main #direction-premium .gdv-premium-points{grid-row:5;grid-template-columns:1fr 1fr}}
@media(max-width:760px){body #main .project-card.project-premium{gap:20px}body #main .project-card.project-premium .eyebrow{font-size:30px}body #main .project-card.project-premium .premium-proof b{font-size:32px}}
@media(max-width:640px){body #main #direction-premium .direction-main{padding:26px 22px}body #main #direction-premium .brand-row{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:24px;padding-bottom:20px}body #main #direction-premium .direction-logo{flex:auto;max-width:222px}body #main #direction-premium .gd-copy>h3{font-size:32px;max-width:16em}body #main #direction-premium .gdv-premium-tools{gap:14px;align-items:flex-start;flex-direction:column}body #main #direction-premium .gdv-premium-tools .pa-promo-action{width:100%;max-width:none;font-size:13px}body #main #direction-premium .gdv-premium-points{gap:20px}body #main #direction-premium .gdv-premium-points dd{font-size:13px}}
@media(max-width:380px){body #main #direction-premium .direction-main{padding:24px 20px}body #main #direction-premium .gd-copy>h3{font-size:29px}body #main #direction-premium .gdv-premium-points{grid-template-columns:1fr}body #main .project-card.project-premium .eyebrow{font-size:27px}body #main .project-card.project-premium .premium-proof{gap:10px}body #main .project-card.project-premium .premium-proof b{font-size:28px}}
@media(prefers-reduced-motion:reduce){body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-action::before{transition:none}body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-sign::before,body #main :is(#direction-premium,.project-card.project-premium) .pa-promo-sign::after{animation:none!important}}

/* Embedded three-card rows retain their common action baseline. */
body #main #group.gp-restored .project-card.project-premium .project-open.pa-promo-action{min-height:46px;height:46px;max-height:46px}

/* Host-site geometry; Premium keeps its own colour, type and action sign. */
body #main #direction-premium .pa-promo-action{border-radius:17px 17px 4px 17px}
@media(max-width:640px){body #main #direction-premium .brand-row{grid-template-columns:1fr;gap:14px;align-items:start;padding-bottom:0}body #main #direction-premium .brand-role{justify-self:start;text-align:left;max-width:none}}
@media(prefers-reduced-motion:reduce){body #main .project-card.project-premium{transition:none}}

/* Approved announcement copy, 29 October: introduction + live format + four useful theses. */
body.gg-home #main #direction-premium .gd-direction-grid{align-items:center}
body #main #direction-premium .gdv-premium-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:36px 0 0}
body #main #direction-premium .gdv-premium-points>div{min-width:0;border-top:1px solid #c98b6545;padding-top:18px}
body #main #direction-premium .gdv-premium-points dt{font-size:16px;line-height:1.4;margin-bottom:10px}
body #main #direction-premium .gdv-premium-points dd{font-size:14px;line-height:1.65;max-width:none}
@media(max-width:1180px){body #main #direction-premium .gdv-premium-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}}
@media(max-width:640px){body #main #direction-premium .gdv-premium-points{grid-template-columns:1fr;gap:26px;margin-top:32px}body #main #direction-premium .gdv-premium-points>div{padding-top:16px}}
