/* Studio Poda — theme styles. Five paints, no sixth. */
@font-face{font-family:Fraunces;src:url(../fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url(../fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Archivo;src:url(../fonts/archivo-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Space Mono";src:url(../fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Space Mono";src:url(../fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#12100D;--poda:#FFC400;--palm:#0E7A3D;--mint:#7ED3B2;--cream:#FFF3D6;--sand:#F7E3B5;--muted:#E8DEC8;
  --serif:Fraunces,Georgia,serif;--sans:Archivo,system-ui,sans-serif;--mono:"Space Mono",ui-monospace,monospace;
  --b:3px solid var(--ink);--r-panel:clamp(24px,3vw,40px);--gap:clamp(12px,1.6vw,20px);
  --pad-y:clamp(48px,7vw,104px);--pad-x:clamp(20px,5vw,72px);
  --grid-l:linear-gradient(rgba(18,16,13,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,16,13,.07) 1px,transparent 1px);
  --grid-d:linear-gradient(rgba(255,243,214,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,243,214,.07) 1px,transparent 1px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--palm);outline-offset:3px}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;clip:auto;padding:12px 18px;background:var(--poda);border:var(--b);border-radius:999px;font-weight:800}

/* shell + panels */
.pd-shell{min-height:100vh;padding:clamp(10px,1.6vw,20px);background-color:var(--sand);background-image:var(--wallpaper);background-size:560px 560px;overflow:hidden}
.pd-panel{position:relative;max-width:1400px;margin:0 auto var(--gap);border:var(--b);border-radius:var(--r-panel);overflow:hidden;padding:var(--pad-y) var(--pad-x);background-color:var(--cream);background-image:var(--grid-l);background-size:48px 48px}
.pd-panel--ink{background-color:var(--ink);color:var(--cream);background-image:var(--grid-d)}
.pd-panel--palm{background-color:var(--palm);color:var(--cream);background-image:var(--grid-d)}
.pd-panel--poda{background-color:var(--poda)}
.pd-panel--mint{background-color:var(--mint)}
.pd-panel--sand{background-color:var(--sand)}
.pd-panel--flat{background-image:none}
.pd-panel--bare{padding:0}
.pd-panel--tight{padding:clamp(36px,4.4vw,64px) var(--pad-x)}
.pd-center{text-align:center}
.pd-wrap{max-width:980px;margin-left:auto;margin-right:auto}
.pd-prose-w{max-width:720px;margin:0 auto}

/* type */
.pd-mono{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.pd-panel--ink .pd-kicker,.pd-panel--palm .pd-kicker{color:var(--mint)}
.pd-display{font-family:var(--serif);font-weight:900;font-size:clamp(56px,11vw,196px);line-height:.86;letter-spacing:-.025em;text-transform:uppercase;font-variation-settings:"opsz" 144;text-wrap:balance}
.pd-display em{font-style:italic;color:var(--mint)}
.pd-panel--ink .pd-display,.pd-panel--palm .pd-display{color:var(--poda)}
.pd-display--l{font-size:clamp(44px,7vw,112px)}
.pd-display--m{font-size:clamp(40px,5.6vw,88px)}
.pd-display--xl{font-size:clamp(80px,16vw,260px)}
.pd-serif{font-family:var(--serif);font-weight:900;font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.pd-serif--green{color:var(--palm)}
.pd-intro{margin:22px auto 0;max-width:660px;font-family:var(--mono);font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.75;letter-spacing:.03em;text-transform:uppercase}
.pd-panel--ink .pd-intro{color:var(--muted)}
.pd-kicker+.pd-display,.pd-kicker+.pd-h{margin-top:18px}
.pd-h{font-family:var(--serif);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.92}

/* buttons, chips */
.pd-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;background:var(--poda);color:var(--ink);border:var(--b);border-radius:999px;box-shadow:5px 5px 0 var(--ink);font-family:var(--sans);font-weight:800;font-size:16px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.pd-btn:hover{transform:translate(-2px,-2px)}
.pd-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.pd-btn--big{min-height:64px;padding:0 32px;font-size:18px}
.pd-btn--cream{background:var(--cream)}
.pd-btn--ink{background:var(--ink);color:var(--poda)}
.pd-btn--sh-mint{box-shadow:5px 5px 0 var(--mint)}
.pd-btn--sh-poda{box-shadow:5px 5px 0 var(--poda)}
.pd-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
.pd-chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--poda);border:2px solid var(--ink);border-radius:999px;font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}
.pd-chip--mint{background:var(--mint)}.pd-chip--cream{background:var(--cream)}.pd-chip--ink{background:var(--ink);color:var(--poda)}
.pd-u{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.pd-u:hover{color:var(--palm)}
.pd-panel--ink .pd-u:hover{color:var(--poda)}
.pd-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}

/* nav */
.pd-nav{max-width:1400px;margin:0 auto var(--gap);border:var(--b);border-radius:34px;background:var(--ink);color:var(--cream);padding:10px 10px 10px 16px}
.pd-nav__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.pd-brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:var(--poda)}
.pd-brand img{width:46px;height:46px}
.pd-brand span{font-family:var(--serif);font-weight:900;font-size:26px;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}
.pd-menu-list{display:flex;flex-wrap:wrap;gap:4px}
.pd-menu-list a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--cream)}
.pd-menu-list a:hover{color:var(--poda)}
.pd-menu-list .current-menu-item>a,.pd-menu-list .current_page_item>a,.pd-menu-list .current-menu-ancestor>a,.pd-menu-list a[aria-current]{background:var(--poda);color:var(--ink)}
.pd-nav__cta{min-height:50px;padding:0 22px;font-size:15px;box-shadow:none}
.pd-nav__toggle{display:none;min-height:48px;padding:0 20px;background:var(--poda);color:var(--ink);border:var(--b);border-radius:999px;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.pd-drawer{display:none;width:100%;margin:6px 0 4px}
.pd-drawer ul{display:flex;flex-direction:column;gap:6px}
.pd-drawer a{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;border:2px solid rgba(255,243,214,.25);border-radius:999px;font-family:var(--serif);font-weight:900;font-size:26px;text-transform:uppercase;text-decoration:none;color:var(--cream)}
.pd-drawer a::after{content:"→"}
.pd-drawer .current-menu-item>a,.pd-drawer .current_page_item>a{color:var(--poda)}
.pd-drawer .pd-drawer__cta{background:var(--poda);color:var(--ink);border-color:var(--poda)}
@media (max-width:760px){
  .pd-menu-list,.pd-nav__cta{display:none}
  .pd-nav__toggle{display:inline-flex;align-items:center}
  .pd-nav.is-open .pd-drawer{display:block}
  .pd-brand span{font-size:20px}.pd-brand img{width:38px;height:38px}
}

/* hero */
.pd-hero .pd-display{margin-top:26px}
.pd-mascot{position:relative;display:flex;justify-content:center;margin-top:clamp(-30px,-2vw,-14px)}
.pd-mascot img{width:clamp(190px,22vw,320px);position:relative;z-index:1}
.pd-bubble{position:absolute;left:calc(50% + clamp(80px,9vw,140px));top:6%;z-index:2;padding:10px 18px;background:var(--cream);color:var(--ink);border:var(--b);border-radius:22px 22px 22px 4px;font-family:var(--serif);font-weight:900;font-size:clamp(18px,1.8vw,24px);transform:rotate(6deg)}
.pd-hero .pd-serif{margin-top:18px;color:var(--cream);font-size:clamp(28px,3.6vw,52px)}

/* road */
.pd-road{padding:clamp(10px,1.4vw,18px) 0 0}
.pd-road__lane{position:relative;height:clamp(150px,17vw,240px);overflow:hidden}
.pd-road__lane::after{content:"";position:absolute;left:0;right:0;bottom:18px;border-top:5px dashed var(--poda)}
.pd-road__bus{position:absolute;left:0;bottom:6px;height:88%;width:auto;max-width:none;transform:translateX(30%)}
.pd-road.is-on .pd-road__bus{animation:pd-drive 11s linear infinite}
@keyframes pd-drive{from{transform:translateX(-110%)}to{transform:translateX(calc(100vw + 10%))}}

/* tickers */
.pd-ticker{padding:0;background:var(--ink);color:var(--cream);background-image:none}
.pd-marq{position:relative;overflow:hidden;padding:14px 0}
.pd-marq__track{display:flex;width:max-content;animation:pd-marq 38s linear infinite;font-family:var(--serif);font-weight:900;font-style:italic;font-size:clamp(22px,2.6vw,34px);line-height:1.2}
.pd-marq--r .pd-marq__track{animation-name:pd-marq-r}
.pd-marq--mono .pd-marq__track{font-family:var(--mono);font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(15px,1.5vw,19px)}
.pd-marq__item{white-space:nowrap}
.pd-marq__sep{padding:0 .6em;opacity:.55}
.pd-marq__label{position:absolute;left:0;top:0;bottom:0;z-index:1;display:flex;align-items:center;padding:0 16px;background:var(--poda);color:var(--ink);border-right:var(--b);font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pd-marq--poda{background:var(--poda);color:var(--ink)}.pd-marq--poda .pd-marq__label{background:var(--ink);color:var(--poda)}
.pd-marq--mint{background:var(--mint);color:var(--ink)}
.pd-marq--ink{background:var(--ink);color:var(--poda)}
.pd-marq--ink.pd-marq--light{color:var(--cream)}
@keyframes pd-marq{to{transform:translateX(-50%)}}
@keyframes pd-marq-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* services */
.pd-services{margin:clamp(36px,4vw,56px) 0 0;border-top:var(--b)}
.pd-services li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 32px;align-items:center;padding:clamp(18px,2vw,26px) 0;border-bottom:var(--b)}
.pd-services h3{font-family:var(--serif);font-weight:900;font-size:clamp(34px,5vw,76px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase}
.pd-services p{margin-top:8px;max-width:620px;font-size:clamp(15px,1.3vw,18px)}

/* cards */
.pd-lift{transition:transform .18s ease}
.pd-lift:hover{transform:translate(-3px,-3px)}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(20px,2vw,28px);margin-top:clamp(32px,4vw,52px)}
.pd-grid--fill{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.pd-card{display:flex;flex-direction:column;height:100%;border:var(--b);border-radius:26px;overflow:hidden;background:var(--cream);color:var(--ink);box-shadow:6px 6px 0 var(--ink);text-decoration:none}
.pd-card--big{grid-column:span 2;box-shadow:8px 8px 0 var(--ink)}
@media (max-width:760px){.pd-card--big{grid-column:auto}}
.pd-card__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-bottom:var(--b)}
.pd-card--big .pd-card__img{aspect-ratio:2/1}
.pd-card--fill .pd-card__img{flex:1 1 auto;min-height:220px;height:0}
.pd-card__body{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 20px;padding:20px 24px 24px}
.pd-card__meta{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.pd-card__title{display:block;margin-top:6px;font-family:var(--serif);font-weight:900;font-size:clamp(28px,2.6vw,36px);line-height:.95;text-transform:uppercase;letter-spacing:-.01em}
.pd-card--big .pd-card__title{font-size:clamp(36px,4vw,56px)}
.pd-card__line{display:block;margin-top:8px;font-size:16px;line-height:1.45;max-width:520px}
.pd-card__go{display:grid;place-items:center;width:48px;height:48px;flex:none;border:var(--b);border-radius:50%;background:var(--poda);font-weight:800;font-size:20px}
.pd-story{display:flex;flex-direction:column;gap:14px;height:100%;padding:28px;border:var(--b);border-radius:26px;box-shadow:6px 6px 0 var(--ink);text-decoration:none;background:var(--cream);color:var(--ink)}
.pd-story--poda{background:var(--poda)}.pd-story--mint{background:var(--mint)}.pd-story--palm{background:var(--palm);color:var(--cream)}
.pd-story__top{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.pd-story__title{font-family:var(--serif);font-weight:900;font-size:clamp(28px,2.4vw,34px);line-height:1.02;letter-spacing:-.01em}
.pd-story__dek{font-size:16px}
.pd-story__by{margin-top:auto;padding-top:12px;border-top:2px dashed currentColor;font-weight:700;font-size:15px}

/* process */
.pd-steps{position:relative;margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:32px 28px}
.pd-steps::before{content:"";position:absolute;left:4%;right:4%;top:34px;border-top:4px dashed var(--ink)}
.pd-steps li{position:relative;text-align:center}
.pd-dot{display:grid;place-items:center;width:68px;height:68px;margin:0 auto;border:var(--b);border-radius:50%;background:var(--cream);font-family:var(--serif);font-weight:900;font-size:26px}
.pd-steps li:nth-child(2) .pd-dot{background:var(--poda)}.pd-steps li:nth-child(4) .pd-dot{background:var(--palm);color:var(--cream)}
.pd-steps .pd-mono{margin-top:16px;font-size:12.5px}
.pd-steps h3{margin-top:6px;font-family:var(--serif);font-weight:900;font-size:clamp(30px,2.8vw,40px);text-transform:uppercase;letter-spacing:-.01em}
.pd-steps p:last-child{margin:10px auto 0;max-width:280px;font-size:16.5px}
@media (max-width:760px){.pd-steps::before{display:none}}

/* crew */
.pd-crew{margin:clamp(40px,5vw,64px) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:44px 24px}
.pd-crew li{text-align:center}
.pd-crew__ring{position:relative;width:min(100%,220px);aspect-ratio:1;margin:0 auto;border-radius:50%;border:3px dashed var(--poda);padding:10px}
.pd-panel--poda .pd-crew__ring,.pd-panel--cream .pd-crew__ring{border-color:var(--ink)}
.pd-crew__ring img{width:100%;height:100%;border-radius:50%;border:var(--b);object-fit:cover}
.pd-crew__seat{position:absolute;right:2%;top:4%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--poda);color:var(--ink);border:var(--b);font-family:var(--mono);font-weight:700;font-size:13px}
.pd-crew__name{margin-top:18px;font-family:var(--serif);font-weight:900;font-size:32px;line-height:1;text-transform:uppercase}
.pd-panel--ink .pd-crew__name{color:var(--poda)}
.pd-crew__role{margin-top:6px;font-weight:700;font-size:16px}
.pd-crew__bio{margin:10px auto 0;max-width:250px;font-family:var(--mono);font-size:12.5px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase;opacity:.85}

/* footer */
.pd-cta{text-align:center;padding-bottom:clamp(56px,7vw,96px)}
.pd-cta .pd-display{margin-top:18px;font-size:clamp(64px,13vw,220px)}
.pd-cta__btn{display:flex;justify-content:center;margin-top:-10px;position:relative;z-index:2}
.pd-cta__btn .pd-btn{transform:rotate(-4deg);font-size:20px;min-height:70px;padding:0 40px;box-shadow:6px 6px 0 var(--ink)}
.pd-cta__btn .pd-btn:hover{transform:rotate(-4deg) translate(-2px,-2px)}
.pd-cta p{margin:28px auto 0;max-width:520px;font-size:19px}
.pd-cta__mascot{position:absolute;right:-10px;bottom:-40px;width:clamp(110px,16vw,230px)}
.pd-bar{padding:clamp(28px,3.4vw,44px) clamp(20px,4vw,56px);background:var(--poda);background-image:none}
.pd-bar__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;align-items:start}
.pd-bar__brand{display:flex;gap:16px;align-items:center}
.pd-bar__brand img{width:96px;height:96px;flex:none}
.pd-bar__brand p{font-family:var(--serif);font-style:italic;font-weight:600;font-size:19px;line-height:1.3}
.pd-bar nav,.pd-bar address{font-family:var(--mono);font-size:14px;letter-spacing:.06em;text-transform:uppercase;line-height:2;font-style:normal}
.pd-bar nav{font-weight:700;letter-spacing:.08em}
.pd-bar nav ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}
.pd-bar nav li:not(:last-child)::after{content:"|";padding:0 .5em;opacity:.5}
.pd-bar a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.pd-bar__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:28px;padding-top:18px;border-top:2px dashed var(--ink);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}

/* filters */
.pd-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pd-filter{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:var(--b);border-radius:999px;background:var(--cream);color:var(--ink);box-shadow:4px 4px 0 var(--ink);font:700 16px var(--sans);cursor:pointer;text-decoration:none}
.pd-filter[aria-pressed=true],.pd-filter.is-on{background:var(--ink);color:var(--poda);box-shadow:4px 4px 0 var(--poda)}
.pd-filter small{font-family:var(--mono);font-size:12.5px;opacity:.8}
.pd-count{margin-top:18px;text-align:center}
.pd-hide{display:none!important}

/* project */
.pd-crumb{text-align:center;color:var(--mint)}
.pd-facts{margin:clamp(36px,4vw,52px) auto 0;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border:3px solid var(--cream);border-radius:22px;overflow:hidden}
.pd-facts div{padding:18px 22px;border-right:3px solid var(--cream);margin-right:-3px;border-bottom:3px solid var(--cream);margin-bottom:-3px}
.pd-facts dt{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.pd-facts dd{margin-top:6px;font-weight:700;font-size:18px}
.pd-results{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.pd-results li{text-align:center;padding:32px 24px;border:var(--b);border-radius:28px;box-shadow:6px 6px 0 var(--ink);background:var(--cream)}
.pd-results li:nth-child(1){background:var(--poda)}.pd-results li:nth-child(2){background:var(--mint)}
.pd-results b{display:block;font-family:var(--serif);font-weight:900;font-size:clamp(80px,9vw,140px);line-height:.85;letter-spacing:-.03em}
.pd-results span{display:block;margin-top:14px;font-family:var(--mono);font-size:13.5px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase}
.pd-chapters h2{font-family:var(--serif);font-weight:900;font-size:clamp(40px,4.6vw,68px);line-height:.92;letter-spacing:-.02em;text-transform:uppercase;margin-top:12px}
.pd-chapter{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px 64px;padding:clamp(28px,3vw,44px) 0}
.pd-chapter+.pd-chapter{border-top:var(--b)}
.pd-chapter__body p{font-size:clamp(17px,1.5vw,20px);line-height:1.65}
.pd-chapter__body p+p{margin-top:18px}
.pd-gallery{margin-top:clamp(32px,4vw,52px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}
.pd-gallery li{border:var(--b);border-radius:28px;overflow:hidden;background:var(--cream);box-shadow:6px 6px 0 var(--ink)}
.pd-gallery li.is-wide{grid-column:span 2}
@media (max-width:820px){.pd-gallery li.is-wide{grid-column:auto}}
.pd-gallery img{width:100%;aspect-ratio:1;object-fit:contain;border-bottom:var(--b)}
.pd-gallery li.is-wide img{aspect-ratio:2/1;object-fit:cover}
.pd-gallery div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:18px 22px}
.pd-gallery strong{font-family:var(--serif);font-weight:900;font-size:26px;text-transform:uppercase}
.pd-kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px;margin-top:clamp(32px,4vw,52px)}
.pd-kit>div{border:var(--b);border-radius:28px;padding:28px;color:var(--ink)}
.pd-kit__pal{background:var(--cream);box-shadow:8px 8px 0 var(--poda)}
.pd-kit__type{display:flex;flex-direction:column;background:var(--poda);box-shadow:8px 8px 0 var(--mint)}
.pd-swatches{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pd-swatches i{display:block;height:84px;border:var(--b);border-radius:16px}
.pd-swatches b{display:block;margin-top:8px}
.pd-swatches span{font-family:var(--mono);font-size:13px}
.pd-aa{margin-top:14px;font-family:var(--serif);font-weight:900;font-size:clamp(100px,10vw,150px);line-height:.85;letter-spacing:-.04em}
.pd-kit__type .pd-tag{margin-top:auto;padding-top:22px;font-family:var(--serif);font-style:italic;font-weight:600;font-size:26px}
.pd-quote blockquote p{font-family:var(--serif);font-weight:900;font-size:clamp(34px,4.6vw,68px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}
.pd-quote figcaption{margin-top:22px}
.pd-riders{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.pd-riders li{display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border:var(--b);border-radius:999px;background:var(--cream)}
.pd-riders img{width:54px;height:54px;border-radius:50%;border:2px solid var(--ink)}
.pd-riders b{display:block;font-size:17px}
.pd-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));text-decoration:none;color:var(--ink)}
.pd-next>span{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,56px)}
.pd-next strong{display:block;margin-top:12px;font-family:var(--serif);font-weight:900;font-size:clamp(48px,6.4vw,100px);line-height:.88;letter-spacing:-.02em;text-transform:uppercase}
.pd-next img{width:100%;height:100%;min-height:320px;object-fit:cover;border-left:var(--b)}
@media (max-width:860px){.pd-next img{border-left:0;border-top:var(--b)}}

/* story / prose */
.pd-byline{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px}
.pd-byline img{width:58px;height:58px;border-radius:50%;border:3px solid var(--poda)}
.pd-byline b{display:block;font-size:18px}
.pd-prose{max-width:720px;margin:0 auto;font-size:clamp(18px,1.6vw,21px);line-height:1.72}
.pd-prose>*+*{margin-top:22px}
.pd-prose>p:first-child::first-letter{float:left;font-family:var(--serif);font-weight:900;font-size:96px;line-height:.78;margin:8px 12px 0 0;color:var(--palm)}
.pd-prose h2{margin-top:52px;font-family:var(--serif);font-weight:900;font-size:clamp(34px,3.4vw,48px);line-height:1;text-transform:uppercase;letter-spacing:-.01em}
.pd-prose h3{margin-top:40px;font-family:var(--serif);font-weight:900;font-size:30px}
.pd-prose ol{list-style:none;padding:0;counter-reset:pd;display:flex;flex-direction:column;gap:16px}
.pd-prose ol li{counter-increment:pd;position:relative;padding:22px 22px 22px 92px;border:var(--b);border-radius:22px;background:var(--cream);box-shadow:5px 5px 0 var(--ink);font-size:18px;line-height:1.55}
.pd-prose ol li:nth-child(2){background:var(--mint)}
.pd-prose ol li::before{content:counter(pd);position:absolute;left:22px;top:20px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--poda);font-family:var(--serif);font-weight:900;font-size:24px}
.pd-prose ul{padding-left:1.2em}
.pd-prose blockquote,.pd-prose .wp-block-pullquote,.pd-prose .wp-block-quote{margin:48px 0;padding:36px;background:var(--poda);border:var(--b);border-radius:28px;box-shadow:6px 6px 0 var(--ink);transform:rotate(-1deg)}
.pd-prose .wp-block-pullquote blockquote{margin:0;padding:0;background:none;border:0;box-shadow:none;transform:none}
.pd-prose blockquote p{font-family:var(--serif);font-weight:900;font-size:clamp(30px,3vw,40px);line-height:1.08;text-transform:uppercase}
.pd-prose cite{display:block;margin-top:16px;font-family:var(--mono);font-style:normal;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.pd-prose a{color:var(--palm);text-decoration-thickness:2px;text-underline-offset:4px}
.pd-prose img{border:var(--b);border-radius:24px}
.pd-tags{margin:40px auto 0;max-width:720px;padding-top:24px;border-top:var(--b);display:flex;flex-wrap:wrap;gap:10px}

/* about */
.pd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:20px}
.pd-stats li{padding:28px;border:var(--b);border-radius:26px;text-align:center;box-shadow:6px 6px 0 var(--ink);background:var(--cream)}
.pd-stats li:nth-child(4n+1){background:var(--poda)}.pd-stats li:nth-child(4n+2){background:var(--mint)}
.pd-stats b{display:block;font-family:var(--serif);font-weight:900;font-size:clamp(64px,6vw,96px);line-height:.9}
.pd-stats span{display:block;margin-top:10px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pd-beliefs{margin:clamp(40px,5vw,60px) 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.pd-beliefs li{padding:28px;border:3px solid var(--cream);border-radius:26px}
.pd-beliefs small{font-family:var(--mono);font-weight:700;font-size:14px;color:var(--mint)}
.pd-beliefs strong{display:block;margin-top:10px;font-family:var(--serif);font-weight:900;font-size:clamp(30px,2.6vw,38px);line-height:1;text-transform:uppercase;color:var(--poda)}
.pd-beliefs p{margin-top:12px;font-size:17px}
.pd-bus{display:flex;justify-content:center;margin-top:28px}
.pd-bus img{width:min(100%,760px)}

/* mood */
.pd-paints{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.pd-paints li{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:240px;padding:22px;border:var(--b);border-radius:26px;box-shadow:6px 6px 0 var(--ink)}
.pd-paints b{font-family:var(--serif);font-weight:900;font-size:34px;text-transform:uppercase}
.pd-paints span{font-family:var(--mono);font-size:14px}
.pd-paints p{font-size:15px;line-height:1.4}
.pd-pins{margin-top:28px;columns:3 300px;column-gap:26px}
.pd-pins li{break-inside:avoid;margin-bottom:26px;border:var(--b);border-radius:24px;overflow:hidden;box-shadow:6px 6px 0 var(--ink)}
.pd-pins img{width:100%;background:var(--cream);border-bottom:var(--b)}
.pd-pins div{padding:20px 22px 22px}
.pd-pins strong{display:block;margin-top:8px;font-family:var(--serif);font-weight:900;font-size:28px;line-height:1.04}
.pd-pins p{margin-top:8px;font-size:15.5px}

/* contact */
.pd-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(32px,5vw,64px);align-items:start}
.pd-contact .pd-display{text-align:left;margin-top:16px;font-size:clamp(84px,12vw,200px)}
.pd-howto{margin-top:32px;display:flex;flex-direction:column;gap:14px}
.pd-howto li{display:flex;gap:14px;align-items:center;font-size:17.5px}
.pd-howto i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;border:3px solid var(--cream);background:var(--cream);color:var(--ink);font-style:normal;font-family:var(--serif);font-weight:900;font-size:20px}
.pd-howto li:nth-child(1) i{background:var(--poda)}.pd-howto li:nth-child(2) i{background:var(--mint)}
.pd-skip{margin-top:36px;padding:24px;border:3px dashed var(--mint);border-radius:24px}
.pd-skip a{color:var(--poda);font-size:20px;font-weight:700}
.pd-form{border:var(--b);border-radius:32px;background:var(--cream);color:var(--ink);box-shadow:8px 8px 0 var(--ink);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:22px}
.pd-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px}
.pd-field{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:16px}
.pd-field small{font-weight:400}
.pd-field input,.pd-field textarea{min-height:54px;padding:0 16px;border:var(--b);border-radius:16px;background:#fff;font:400 17px var(--sans)}
.pd-field textarea{padding:14px 16px;line-height:1.5;resize:vertical}
.pd-form fieldset{margin:0;padding:0;border:0}
.pd-form legend{padding:0;font-weight:700;font-size:16px}
.pd-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pd-pill{position:relative}
.pd-pill input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pd-pill span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:var(--b);border-radius:999px;background:#fff;font:700 15.5px var(--sans)}
.pd-pill input:checked+span{background:var(--ink);color:var(--poda)}
.pd-pill input:focus-visible+span{outline:3px solid var(--palm);outline-offset:3px}
.pd-form__send{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pd-hp{position:absolute!important;left:-9999px!important}
.pd-alert{padding:18px 22px;border:var(--b);border-radius:20px;background:var(--poda);color:var(--ink);font-weight:700}
.pd-alert--err{background:var(--cream)}
.pd-done{border:var(--b);border-radius:32px;background:var(--poda);color:var(--ink);box-shadow:8px 8px 0 var(--ink);padding:48px 36px;text-align:center}
.pd-done img{width:170px;margin:0 auto}
.pd-done strong{display:block;margin-top:10px;font-family:var(--serif);font-weight:900;font-size:clamp(44px,4.6vw,64px);line-height:.9;text-transform:uppercase}
.pd-faq{max-width:980px;margin:clamp(28px,3vw,44px) auto 0;border-top:var(--b)}
.pd-faq details{border-bottom:var(--b);padding:22px 0}
.pd-faq summary{cursor:pointer;font-family:var(--serif);font-weight:900;font-size:clamp(22px,2.2vw,30px);text-transform:uppercase}
.pd-faq p{margin-top:14px;max-width:760px;font-size:18px;line-height:1.6}

/* links page */
.pd-links-page{max-width:460px;margin:0 auto}
.pd-links-page .pd-panel{padding:32px 20px 28px}
.pd-links{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.pd-links a{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:0 22px;border:var(--b);border-radius:999px;box-shadow:4px 4px 0 var(--ink);background:var(--cream);text-decoration:none;font-weight:800;font-size:17px}
.pd-links a::after{content:"→"}
.pd-links li:first-child a{background:var(--ink);color:var(--poda)}
.pd-links li:nth-child(n+4) a{background:var(--mint)}

/* motion */
.pd-bob{animation:pd-bob 3.2s ease-in-out infinite}
@keyframes pd-bob{50%{transform:translateY(-8px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pd-marq__track,.pd-bob,.pd-road.is-on .pd-road__bus{animation:none}
  .pd-lift,.pd-btn{transition:none}
}