/* Powerhouse Voiceover Company: website concepts. Shared base, then one block per concept.
   Each concept is built from a real object of the trade: a console talkback key, a film slate,
   a speaker's own sentence, a spectrum meter, an agency AV script. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding-bottom:84px;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Photo slot until Shawn's photos are in */
.photo{position:relative;aspect-ratio:4/5;width:100%;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}
.photo .mono{position:absolute;inset:-4% -6% auto auto;font-weight:900;line-height:.8;font-size:clamp(150px,22vw,300px);color:transparent;-webkit-text-stroke:1.5px currentColor;opacity:.35}
.photo .cap{position:relative;margin:16px;font-size:13px;opacity:.75}

/* Concept switcher */
.cx{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:2px;padding:5px;background:#0E0E0E;color:#fff;border:1px solid #3a3a3a;border-radius:999px;font:500 13px/1 'IBM Plex Mono',ui-monospace,monospace;box-shadow:0 8px 28px rgba(0,0,0,.35);max-width:calc(100vw - 24px);overflow-x:auto}
body .cx a{color:#d6d6d6;text-decoration:none;padding:10px 12px;border-radius:999px;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
body .cx a:hover{color:#fff;background:#262626}
body .cx a[aria-current="page"]{background:#fff;color:#0E0E0E}
body .cx a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ================= A · Talkback (a console, under booth light) ================= */
.pa{background:#14110E;color:#EEE5D6;transition:background .3s ease}
.pa.booth{background:#080605}
.pa a{color:#F2A33A}.pa a:hover{color:#FFC879}
.pa .tape{display:inline-block;font-family:'Reenie Beanie',cursive;font-size:24px;line-height:1;color:#2B2621;background:#E7DDC3;padding:5px 12px 3px;transform:rotate(-1.6deg);box-shadow:0 1px 0 rgba(0,0,0,.25);clip-path:polygon(2% 0,98% 4%,100% 92%,1% 100%)}
.pa .tape.r{transform:rotate(1.2deg)}
.pa .desk{position:relative;background:linear-gradient(#2A2520,#211D19);border:1px solid #3A332C;border-radius:12px;padding:30px 26px 26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px rgba(0,0,0,.45)}
.pa .screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6B625A,#2B2621);box-shadow:inset 0 0 0 1px #1A1714}
.pa .screw::after{content:"";position:absolute;left:1px;right:1px;top:4px;height:1px;background:#1A1714;transform:rotate(35deg)}
.pa .ch{min-height:46px;padding:8px 14px;border-radius:6px;cursor:pointer;border:1px solid #3F372F;background:#1A1714;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pa .ch .led{width:8px;height:8px;border-radius:50%;background:#3A322B}
.pa .ch[aria-pressed="true"]{border-color:#7A5A2E}
.pa .ch[aria-pressed="true"] .led{background:#9BE36C;box-shadow:0 0 8px #9BE36C}
.pa .meter{height:180px;background:#0B0907;border:1px solid #2A241F;border-radius:6px;padding:12px;display:flex;align-items:flex-end;gap:3px;box-shadow:inset 0 4px 14px rgba(0,0,0,.6)}
.pa .bar{display:block;flex:1 1 0;height:3%;background:repeating-linear-gradient(to top,#3A322B 0 4px,transparent 4px 6px)}
.pa .bar.on{background:repeating-linear-gradient(to top,#F2A33A 0 4px,transparent 4px 6px)}
.pa .bar.on.pk{background:linear-gradient(to top,transparent 82%,#0B0907 82%),repeating-linear-gradient(to top,#F2A33A 0 4px,transparent 4px 6px);background:repeating-linear-gradient(to top,#E4572E 0 4px,transparent 4px 6px)}
.pa .tc{font-family:'IBM Plex Mono',monospace;font-size:clamp(24px,3vw,32px);font-variant-numeric:tabular-nums;color:#F2A33A;text-shadow:0 0 12px rgba(242,163,58,.35)}
.pa .lamp{width:12px;height:12px;border-radius:50%;background:#3A1A14;box-shadow:inset 0 0 0 1px #000}
.pa.booth .lamp{background:#FF4A2B;box-shadow:0 0 16px #FF4A2B,0 0 40px rgba(255,74,43,.5)}
.pa .key{position:relative;width:100%;min-height:128px;border-radius:12px;cursor:pointer;border:0;color:#1E150A;background:linear-gradient(#F7B656,#DB8F2C);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),inset 0 -6px 0 rgba(0,0,0,.18),0 8px 0 #7A4E17,0 14px 24px rgba(0,0,0,.5);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .07s,box-shadow .07s,background .07s}
.pa .key:active,.pa.booth .key{transform:translateY(7px);box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 1px 0 #7A4E17,0 0 0 8px rgba(255,74,43,.18);background:linear-gradient(#E9A445,#D0852A)}
.pa .key-l{display:block;font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:clamp(28px,3.4vw,38px);letter-spacing:.03em}
.pa h1{transition:text-shadow .3s ease}
.pa.booth h1{text-shadow:0 0 60px rgba(242,163,58,.4)}
.pa .board{display:grid;grid-template-columns:minmax(92px,1.1fr) repeat(3,minmax(0,1fr));border-top:1px solid #3A322B;border-left:1px solid #3A322B}
.pa .board>div{border-right:1px solid #3A322B;border-bottom:1px solid #3A322B;min-height:64px;display:flex;align-items:center;padding:8px 12px}
.pa .bh{font-family:'IBM Plex Mono',monospace;font-size:14px;color:#B9AC9A;min-height:44px!important}
.pa .bd{font-size:16px;color:#CFC3B2}
.pa .bd b{color:#EEE5D6;margin-right:6px}
.pa .cell{justify-content:center}
.pa .slot{width:100%;min-height:46px;border-radius:4px;border:1px dashed #5A4F44;background:transparent;color:#B9AC9A;cursor:pointer;font-family:'Reenie Beanie',cursive;font-size:24px}
.pa .slot:hover{border-color:#F2A33A;color:#F2A33A}
.pa .slot[aria-pressed="true"]{border:0;background:#F2A33A;color:#1E150A;transform:rotate(-1deg)}
.pa .key:focus-visible,.pa .slot:focus-visible,.pa .ch:focus-visible,.pa .cta:focus-visible{outline:3px solid #F2A33A;outline-offset:4px}

/* ================= B · The Slate (the slate is the form) ================= */
.pb{background:#EFEDE7;color:#121212}
.pb a{color:#121212}.pb a:hover{color:#C81F18}
.pb .slate{position:relative;background:#141414;color:#F4F4F0;border-radius:6px 6px 10px 10px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.pb .sticks{position:relative;height:84px}
.pb .stick{position:absolute;left:0;right:0;height:38px;border:2px solid #141414;background:repeating-linear-gradient(-55deg,#141414 0 44px,#F4F4F0 44px 88px);border-radius:4px}
.pb .stick.bottom{bottom:0}
.pb .arm{top:4px;transform-origin:14px 100%;transform:rotate(-7deg);transition:transform .11s cubic-bezier(.7,0,.9,.3);background:repeating-linear-gradient(55deg,#141414 0 44px,#F4F4F0 44px 88px)}
.pb .arm.shut{transform:rotate(0)}
.pb .hinge{position:absolute;left:4px;bottom:10px;width:20px;height:20px;border-radius:50%;background:#9B9B95;border:3px solid #141414;z-index:2}
.pb .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:#F4F4F0;border-bottom:2px solid #F4F4F0}
.pb .s3{grid-column:span 3}.pb .s2{grid-column:span 2}
.pb .f{background:#141414;padding:10px 14px 12px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}
.pb .f .k{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;color:#BDBDB6}
.pb .f .v{font-family:'Permanent Marker',cursive;font-size:clamp(22px,2.6vw,34px);line-height:1.05;color:#fff;min-height:1em;word-break:break-word}
.pb .f .v.empty::after{content:"your project";color:#5c5c58}
.pb .take{display:flex;flex-direction:column;gap:14px;width:100%;min-height:150px;padding:22px;cursor:pointer;border:2px solid #121212;border-radius:6px;background:#fff;text-align:left}
.pb .take:hover,.pb .take[aria-pressed="true"]{background:#121212;color:#F4F4F0}
.pb .take .state{font-family:'Permanent Marker',cursive;font-size:20px}
.pb .take .track{display:block;height:6px;background:#D9D7D0;border-radius:3px;overflow:hidden}
.pb .take .fill{display:block;height:6px;width:0;background:#C81F18}
.pb .type{min-height:48px;padding:0 16px;cursor:pointer;border:2px solid #121212;border-radius:6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;background:#fff}
.pb .type[aria-pressed="true"]{background:#121212;color:#F4F4F0}
.pb .in{width:100%;min-height:54px;padding:12px 14px;border:2px solid #121212;border-radius:6px;background:#fff;font:500 18px 'Bricolage Grotesque',sans-serif;color:#121212}
.pb .in:focus{outline:3px solid #C81F18;outline-offset:2px}
.pb .take:focus-visible,.pb .go:focus-visible,.pb .type:focus-visible{outline:3px solid #C81F18;outline-offset:3px}
@media (max-width:760px){.pb .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pb .s3{grid-column:1/-1}.pb .s2{grid-column:span 1}}

/* ================= C · Keep Listening (his own sentence) ================= */
.pc{background:#0D1411;color:#ECE6D9;transition:background 1.2s ease}
.pc a{color:#E39257}.pc a:hover{color:#F4B585}
.pc .w{display:inline-block;transition:color .3s,font-weight .3s,font-stretch .3s;font-weight:330;font-stretch:78%;color:#7F8D85}
.pc .w.on{font-weight:850;font-stretch:125%;color:#ECE6D9}
.pc .w.on.late,.pc .w.now{font-weight:850;font-stretch:125%;color:#E39257}
.pc .play{width:88px;height:88px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#E39257;flex:0 0 auto}
.pc .play.live{box-shadow:0 0 0 10px rgba(227,146,87,.18)}
.pc .trk{min-height:44px;padding:0 4px;cursor:pointer;font-family:'Hanken Grotesk',sans-serif;font-size:17px;border:0;border-bottom:2px solid transparent;background:transparent;color:#A9B4AD}
.pc .trk[aria-pressed="true"]{border-color:#E39257;color:#ECE6D9}
.pc .trk:hover{color:#ECE6D9}
.pc .pill{min-height:48px;padding:0 20px;border-radius:999px;cursor:pointer;font-family:'Hanken Grotesk',sans-serif;font-size:16px;font-weight:600;border:1.5px solid #0D1411;background:transparent;color:#0D1411}
.pc .pill[aria-pressed="true"]{background:#0D1411;color:#ECE6D9}
.pc .play:focus-visible,.pc .trk:focus-visible,.pc .cta:focus-visible{outline:3px solid #E39257;outline-offset:4px}
.pc .pill:focus-visible{outline:3px solid #0D1411;outline-offset:3px}

/* ================= D · The Wordmark Is the Meter ================= */
.pd{background:#1F2EF5;color:#fff}
.pd a{color:#fff}.pd a:hover{color:#C9CEFF}
.pd .mark{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.4vw;align-items:end;font-weight:900;font-stretch:62%;font-size:clamp(52px,13vw,230px);line-height:.8;letter-spacing:-.01em;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.pd .row{display:flex;justify-content:space-between;align-items:flex-end}
.pd .lt{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:crosshair}
.pd .ltr{display:inline-block;transform-origin:50% 100%;transition:transform .07s linear}
.pd .hz{font:400 12px 'Space Mono',monospace;letter-spacing:0;color:#B9C0FF;padding-top:8px;border-top:2px solid rgba(255,255,255,.35);min-width:2.4em;text-align:center;transition:color .1s,border-color .1s}
.pd .lt.hot .hz{color:#fff;border-color:#fff}
.pd .btn{min-height:68px;border:2px solid #fff;background:transparent;color:#fff;font-family:'Space Mono',monospace;font-weight:700;font-size:18px;cursor:pointer;border-radius:999px}
.pd .btn.live{background:#fff;color:#1F2EF5}
.pd .trk{flex:1 1 0;min-height:52px;cursor:pointer;font-family:'Space Mono',monospace;font-size:15px;border:2px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:999px}
.pd .trk[aria-pressed="true"]{background:#fff;color:#1F2EF5;border-color:#fff}
.pd .btn:focus-visible,.pd .trk:focus-visible,.pd .cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pd .cta-dk:focus-visible{outline:3px solid #1F2EF5;outline-offset:4px}
@media (max-width:640px){
  .pd .mark{grid-template-columns:1fr;row-gap:10px;font-size:24vw}
  .pd .hz{font-size:10px}
}

/* ================= E · The Read (an agency AV script) + Call Sheet ================= */
.pe{background:#E4E1D8;color:#15171A}
.pe a{color:#2747D6}.pe a:hover{color:#15171A}
.pe .ta,.pe .tin{width:100%;padding:14px 16px;border:2px solid #15171A;border-radius:0;background:#fff;font:400 18px/1.5 'Courier Prime',monospace;color:#15171A}
.pe .ta{min-height:170px;resize:vertical}
.pe .ta:focus,.pe .tin:focus{outline:3px solid #2747D6;outline-offset:2px}
.pe .paper{position:relative;background:#FFFEFA;color:#15171A;padding:40px 40px 40px 72px;box-shadow:0 1px 0 #cfccc2,0 18px 40px rgba(0,0,0,.18);font-family:'Courier Prime',monospace}
.pe .punch{position:absolute;left:24px;width:18px;height:18px;border-radius:50%;background:#E4E1D8;box-shadow:inset 0 2px 3px rgba(0,0,0,.25)}
.pe .hdr{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:16px;margin-bottom:22px}
.pe .hdr dt{font-weight:700}.pe .hdr dd{margin:0;border-bottom:1px solid #15171A;min-height:1.4em}
.pe .av{width:100%;border-collapse:collapse;font-size:clamp(16px,1.6vw,19px);line-height:1.7}
.pe .av th{text-align:left;font-weight:700;border-bottom:2px solid #15171A;padding:6px 10px}
.pe .av td{vertical-align:top;padding:12px 10px}
.pe .av td:first-child{width:34%;border-right:1px solid #9a978d;text-transform:uppercase}
.pe .mk{font-weight:700;text-decoration:underline;text-decoration-color:#2747D6;text-decoration-thickness:3px;text-underline-offset:5px}
.pe .br{color:#2747D6;font-weight:700}
.pe .ghost{color:#8a8c92}
.pe .pencil{font-family:'Caveat',cursive;font-size:24px;color:#2747D6;transform:rotate(-1.5deg);display:inline-block}
.pe .chip{min-height:46px;padding:0 14px;cursor:pointer;border-radius:0;font-family:'Courier Prime',monospace;font-size:16px;border:2px solid #15171A;background:#fff}
.pe .chip[aria-pressed="true"]{background:#15171A;color:#F4F2EC}
.pe .demo{min-height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;cursor:pointer;font-family:'Courier Prime',monospace;font-size:17px;border:2px solid #F4F2EC;background:transparent;color:#F4F2EC}
.pe .demo[aria-pressed="true"]{background:#F4F2EC;color:#15171A}
.pe .slt{min-height:84px;text-align:left;padding:14px 16px;cursor:pointer;font-family:'Schibsted Grotesk',sans-serif;border:2px solid #15171A;background:#fff}
.pe .slt .big{display:block;font-weight:800;font-size:24px}.pe .slt small{font-size:14px;font-weight:600}
.pe .slt .sub{display:block;font-family:'Courier Prime',monospace;font-size:15px;margin-top:4px}
.pe .slt[aria-pressed="true"]{background:#2747D6;border-color:#2747D6;color:#fff}
.pe .chip:focus-visible,.pe .slt:focus-visible,.pe .cta:focus-visible{outline:3px solid #2747D6;outline-offset:3px}
.pe .demo:focus-visible{outline:3px solid #F4F2EC;outline-offset:3px}
@media (max-width:640px){.pe .paper{padding:28px 18px 28px 44px}.pe .punch{left:12px;width:14px;height:14px}.pe .av td:first-child{width:30%}}

/* ================= Booking flow ================= */
.pk a{color:#F2A33A}
.pk .opt{min-height:66px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:12px 16px;border-radius:10px;cursor:pointer;text-align:left;font-family:'Instrument Sans',sans-serif;border:1px solid #3A322B;background:#1C1815}
.pk .opt[aria-pressed="true"]{border-color:#F2A33A;background:#2A221A}
.pk .mode{flex:1 1 0;min-height:52px;border-radius:8px;cursor:pointer;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:15px;border:1px solid #3A322B;background:transparent}
.pk .mode[aria-pressed="true"]{background:#F2A33A;border-color:#F2A33A;color:#120F0D}
.pk .day{flex:0 0 64px;min-height:76px;border-radius:10px;cursor:pointer;border:1px solid #3A322B;background:#1C1815}
.pk .day[aria-pressed="true"]{background:#F2A33A;border-color:#F2A33A;color:#120F0D}
.pk .tm{position:relative;min-height:54px;border-radius:8px;text-align:left;padding:0 16px;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:17px;cursor:pointer;border:1px solid #3A322B;background:#1C1815}
.pk .tm[aria-pressed="true"]{background:#F2A33A;border-color:#F2A33A;color:#120F0D}
.pk .tm:disabled{background:transparent;color:#7E7366;cursor:not-allowed}
.pk .tape{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-3deg);font-family:'Reenie Beanie',cursive;font-size:22px;line-height:1;color:#2B2621;background:#E7DDC3;padding:4px 10px 2px}
.pk .hint{margin:0;font-size:15px;color:#9C907F}
.pk .rnd{width:56px;height:56px;border-radius:50%;border:1px solid #3A322B;background:transparent;font-size:26px;cursor:pointer}
.pk .in{width:100%;min-height:52px;padding:12px 14px;border:1px solid #3A322B;border-radius:8px;background:#1C1815;color:#EFE6D8;font:500 16px 'Instrument Sans',sans-serif}
.pk .in:focus{outline:2px solid #F2A33A;outline-offset:2px}
.pk .next{flex:1 1 auto;min-height:56px;border-radius:8px;border:0;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:17px;cursor:pointer;background:#F2A33A;color:#120F0D}
.pk .next:disabled{background:#3A322B;color:#9C907F;cursor:not-allowed}
.pk .back{min-height:56px;padding:0 20px;border-radius:8px;border:1px solid #3A322B;background:transparent;font-size:16px;cursor:pointer}
.pk button:focus-visible,.pk a:focus-visible{outline:3px solid #F2A33A;outline-offset:3px}

/* ================= Hub ================= */
.ph a{color:#fff}
.ph .card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:320px;padding:26px;text-decoration:none;border-radius:4px;overflow:hidden;transition:transform .2s ease}
.ph .card:hover{transform:translateY(-4px) rotate(-.3deg)}
.ph .card:focus-visible{outline:3px solid #fff;outline-offset:4px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ================= G · One page: Shawn is the backdrop ================= */
.po{margin:0;background:#141C38;color:#fff;font-family:'Instrument Sans',system-ui,sans-serif}
.po a{color:inherit}
.po .o-hero{position:relative;min-height:max(840px,100vh);overflow:hidden;display:flex;align-items:flex-start;isolation:isolate}
.po .o-field{position:absolute;inset:0;z-index:-3;background:radial-gradient(90% 90% at 72% 36%,rgba(255,255,255,.65),rgba(255,255,255,0) 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23C3CFE6' stroke-width='1'%3E%3Cpath d='M0 0L18 18L36 0M0 36L18 18L36 36M36 0V36M0 0V36'/%3E%3Cpath d='M36 36L54 54L72 36M36 72L54 54L72 72M72 36V72M36 36V72'/%3E%3Cpath d='M36 0H72M36 18H72M36 36H72M0 36H36M0 54H36M0 72H36' opacity='.7'/%3E%3C/g%3E%3C/svg%3E") 0 0/72px 72px,linear-gradient(160deg,#D9E3F5 0,#B7C9EA 55%,#8FA9DA 100%)}
.po .o-stage{position:absolute;z-index:-2;right:max(0px,4vw);bottom:0;height:100%;aspect-ratio:928/1136}
.po .o-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;
  filter:drop-shadow(-18px 10px 40px rgba(38,52,95,.22));-webkit-mask-image:linear-gradient(to top,transparent 0,transparent 6%,#000 26%);mask-image:linear-gradient(to top,transparent 0,transparent 6%,#000 26%)}
.po .o-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to top,#141C38 0,#141C38 3%,rgba(20,28,56,.55) 8%,transparent 16%)}
.po .o-light::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .9s ease;background:radial-gradient(40% 50% at 70% 30%,rgba(255,236,190,.45),transparent 70%)}
.po.lit .o-light::after{opacity:1}
.po .o-mic{position:absolute;z-index:1;width:28%;height:auto;left:-6%;top:33%;filter:drop-shadow(0 14px 22px rgba(38,52,95,.25))}
.po .o-mic3d{position:absolute;z-index:1;display:none;width:34%;aspect-ratio:330/560;left:-8%;top:43%;cursor:grab;touch-action:pan-y;filter:drop-shadow(-10px 24px 30px rgba(20,28,56,.35))}
.po.has-3d .o-mic3d{display:block}
.po.has-3d .o-mic{display:none}
.po .o-print{position:absolute;margin:0;z-index:1;width:clamp(120px,12.5vw,196px);padding:8px;background:#F4EFE6;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.po .o-print img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.po .o-print-a{top:clamp(20px,4vh,40px);right:clamp(16px,2.6vw,40px);transform:rotate(3deg)}
/* 4th portrait: the left side, top corner, above the headline */
.po .o-print-c{top:clamp(20px,4vh,40px);left:clamp(16px,2.6vw,40px);width:clamp(104px,8.4vw,140px);transform:rotate(-3deg)}
.po .o-print-b{bottom:clamp(20px,4vh,40px);right:clamp(16px,2.6vw,40px);transform:rotate(-2.5deg)}
.po .o-print-b img{object-position:50% 20%}
.po .o-copy{position:relative;z-index:2;max-width:700px;padding:calc(clamp(20px,4vh,40px) + clamp(104px,8.4vw,140px) * 1.5 + 80px) clamp(24px,6vw,96px) 48px}
.po .o-name{margin:0}
.po .o-ph{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:100%;font-size:clamp(46px,6.2vw,96px);line-height:.9;letter-spacing:-.01em;color:#0F1736;text-shadow:0 3px 0 rgba(227,179,65,.55)}
.po .o-ph-l{display:inline-flex;align-items:flex-end;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:crosshair}
.po .o-ph-l i{font-style:normal;display:inline-block;transform-origin:50% 100%;transition:transform .07s linear,color .12s}
.po .o-ph-l i.hot{color:#26345F}
.po .o-ph-l i::before{content:attr(data-c)}
.po .o-vc{display:block;margin-top:14px;width:max-content;max-width:100%;padding:.22em .55em .26em;background:linear-gradient(180deg,#F6D46A 0,#E3B341 48%,#C8962A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(120,80,10,.35),0 10px 24px rgba(20,28,56,.25);font-family:'Archivo',sans-serif;font-weight:800;font-stretch:110%;font-size:clamp(24px,2.7vw,42px);line-height:1;letter-spacing:.01em;white-space:nowrap;color:#141C38}
.po .o-who{margin:26px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.5;max-width:30ch;color:#26345F}
.po .o-who b{color:#141C38}
.po .o-play{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.po .o-btn{min-height:52px;display:inline-flex;align-items:center;gap:12px;padding:0 20px 0 16px;border-radius:999px;cursor:pointer;border:2px solid #26345F;background:rgba(255,255,255,.55);color:#141C38;font-size:16px;font-weight:600}
.po .o-btn:hover{background:#fff}
.po .o-btn[aria-pressed="true"]{background:#141C38;border-color:#E3B341;color:#F6D46A;box-shadow:0 0 0 3px rgba(227,179,65,.45)}
.po .o-ico{width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.po .o-btn[aria-pressed="true"] .o-ico{width:11px;height:14px;border:0;background:linear-gradient(to right,currentColor 0 4px,transparent 4px 7px,currentColor 7px)}
.po .o-wave{margin-top:18px;height:34px;display:flex;align-items:center;gap:3px;max-width:420px}
.po .o-wave i{display:block;flex:1 1 0;height:3px;border-radius:2px;background:rgba(20,28,56,.3);transition:height .06s linear}
.po.lit .o-wave i{background:#D9A630}
.po .o-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.po .o-main{display:inline-flex;align-items:center;min-height:56px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#F6D46A,#E3B341);box-shadow:0 8px 20px rgba(20,28,56,.25);color:#141C38!important;font-weight:700!important;text-decoration:none;font-weight:600;font-size:17px;border:0;cursor:pointer}
.po .o-tel{font-size:18px;font-weight:600;text-decoration:none;color:#141C38}
.po .o-wrap{max-width:1120px;margin:0 auto;padding:80px 24px}
.po .o-kicker{display:inline-block;margin:0 0 26px;padding:.3em .6em;background:linear-gradient(180deg,#F6D46A,#E3B341);color:#141C38;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(18px,1.6vw,22px);letter-spacing:.02em}
.po .o-mission{max-width:62ch;font-size:clamp(18px,1.4vw,21px);line-height:1.65;color:#E1E5F0}
.po .o-mission p{margin:0 0 18px}
.po .o-mission p:first-child{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.3;color:#fff}
.po .o-about .o-quote{margin-top:34px!important;margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:90%;font-size:clamp(32px,4.4vw,62px);line-height:1.04;color:#F6D46A;max-width:22ch}
.po .o-bio{margin:28px 0 0;font-size:19px;line-height:1.65;color:#D9DDEA;max-width:62ch}
.po .o-sig{margin:20px 0 0;font-weight:600;font-size:17px}
.po .o-aud{background:#EFE9F6;color:#141C38}
.po .o-aud h2,.po .o-book h2{margin:0;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(38px,5.6vw,80px);line-height:.95;letter-spacing:-.02em}
.po .o-lede{margin:16px 0 30px;font-size:18px;line-height:1.55;max-width:56ch}
.po .o-form{max-width:720px;display:flex;flex-direction:column;gap:10px}
.po .o-form label{font-weight:600;margin-top:6px}
.po .o-form input,.po .o-form textarea{width:100%;padding:14px 16px;border:2px solid #141C38;border-radius:10px;background:#fff;color:#141C38;font:400 17px/1.5 'Instrument Sans',sans-serif}
.po .o-form textarea{min-height:150px;resize:vertical}
.po .o-form input:focus,.po .o-form textarea:focus{outline:3px solid #7A561C;outline-offset:2px}
.po .o-len{margin:0;font-size:15px;color:#3C4466}
.po .o-actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}
.po .o-aud .o-main,.po .o-book .o-main{background:#141C38;color:#F6D46A!important;box-shadow:none}
.po .o-ghost{min-height:54px;padding:0 22px;border-radius:999px;border:2px solid #141C38;background:transparent;color:#141C38;font-weight:600;font-size:17px;cursor:pointer}
.po .o-banner{margin:0 0 26px;padding:16px 20px;border-radius:10px;background:#141C38;color:#fff;font-size:17px;line-height:1.5}
.po .o-book{background:linear-gradient(180deg,#F6D46A,#E3B341);color:#141C38}
.po .o-book-row{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.po .o-book-links{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;font-size:17px;font-weight:600}
.po .o-foot-row{padding-top:28px;padding-bottom:28px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:15px;color:#D9DDEA}
.po .o-btn:focus-visible,.po .o-main:focus-visible,.po .o-tel:focus-visible,.po .o-ghost:focus-visible{outline:3px solid #B8892E;outline-offset:3px}
.po .o-aud .o-main:focus-visible,.po .o-ghost:focus-visible,.po .o-book a:focus-visible{outline:3px solid #7A561C}
.po .o-svc{background:#EEF2FA;color:#141C38}
.po .o-svc h2,.po .o-faq h2{margin:0 0 30px;font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(36px,5vw,72px);line-height:.95;letter-spacing:-.02em}
.po .o-svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.po .o-svc article{background:#fff;border-top:6px solid #E3B341;padding:26px 24px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 30px rgba(20,28,56,.08)}
.po .o-svc h3{margin:0;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(22px,2vw,28px)}
.po .o-svc p{margin:0;font-size:17px;line-height:1.6;color:#2E3A5E;flex:1 1 auto}
.po .o-svc-play,.po .o-svc-link{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;border:2px solid #141C38;background:transparent;color:#141C38;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none}
.po .o-svc-link{padding:0 18px}
.po .o-svc-play[aria-pressed="true"]{background:#141C38;color:#F6D46A;border-color:#E3B341}
.po .o-svc-play[aria-pressed="true"] .o-ico{width:11px;height:14px;border:0;background:linear-gradient(to right,currentColor 0 4px,transparent 4px 7px,currentColor 7px)}
.po .o-faq{background:#141C38;color:#fff}
.po .o-faq details{border-top:1px solid #33406A;max-width:860px}
.po .o-faq details:last-child{border-bottom:1px solid #33406A}
.po .o-faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(18px,1.6vw,22px)}
.po .o-faq summary::-webkit-details-marker{display:none}
.po .o-faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:30px;font-weight:400;color:#F6D46A}
.po .o-faq details[open] summary::after{content:"\2212"}
.po .o-faq details p{margin:0 0 22px;font-size:18px;line-height:1.6;color:#D9DDEA;max-width:62ch}
.po .o-svc-play:focus-visible,.po .o-svc-link:focus-visible{outline:3px solid #B8892E;outline-offset:3px}
.po .o-faq summary:focus-visible{outline:3px solid #F6D46A;outline-offset:2px}
@media (min-width:1181px) and (max-width:1400px){
  .po .o-mic3d{width:26%;left:0;top:42%}
}
@media (min-width:901px) and (max-width:1180px){
  .po .o-hero{min-height:max(900px,100vh)}
  .po .o-stage{right:0}
  .po .o-mic3d{width:24%;left:34%;top:57%}
  .po .o-copy{max-width:480px}
  .po .o-print{width:120px}
}
@media (max-width:900px){
  .po .o-hero{display:block;min-height:0}
  .po .o-field{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23C3CFE6' stroke-width='1'%3E%3Cpath d='M0 0L18 18L36 0M0 36L18 18L36 36M36 0V36M0 0V36'/%3E%3Cpath d='M36 36L54 54L72 36M36 72L54 54L72 72M72 36V72M36 36V72'/%3E%3Cpath d='M36 0H72M36 18H72M36 36H72M0 36H36M0 54H36M0 72H36' opacity='.7'/%3E%3C/g%3E%3C/svg%3E") 0 0/56px 56px,linear-gradient(#D9E3F5,#AFC3E8)}
  .po .o-stage{position:relative;right:auto;width:100%;height:auto}
  .po .o-mic3d{width:27%;left:1%;top:44%}
  .po .o-mic{width:22%;left:2%;top:50%}
  .po .o-bg{position:relative;display:block;right:auto;width:100%;height:auto;
    -webkit-mask-image:linear-gradient(to top,transparent 0,transparent 8%,#000 30%);mask-image:linear-gradient(to top,transparent 0,transparent 8%,#000 30%);-webkit-mask-composite:source-over;mask-composite:add}
  .po .o-light{background:none}
  .po .o-print{width:92px;padding:5px}
  .po .o-print-a{top:14px;right:14px}
  .po .o-print-b{top:14px;bottom:auto;left:12px;right:auto}
  .po .o-print-c{top:calc(122vw - 226px);left:auto;right:12px;width:88px;padding:5px}
  .po .o-copy{margin-top:-64px;padding:0 20px 56px;max-width:none}
}