/* =========================================================
   Progoweb theme — converted from Claude Design export (v2)
   ========================================================= */

:root{
  --ivory:#FFF9F0; --cream:#FDF3E3; --peach-bg:#FBE9DC;
  --ink:#171713; --forest:#183C32; --forest-line:#2C5247;
  --coral:#E76F51; --gold:#C9973E; --yellow:#F4C95D; --peach:#F6B6A6; --sage:#A8B77A;
  --muted:#5C554A; --muted-2:#6E6455; --sand:#A0906C; --sand-2:#C9B79A;
  --line:#F0E2CC; --line-2:#EBDCC2; --line-peach:#F0D3BC;
  --dark-line:#2A2A24; --dark-text:#BBB4A4; --dark-text-2:#8A8271; --forest-text:#C4CFB8;
  --serif:'Newsreader',Georgia,serif; --sans:'Archivo',system-ui,sans-serif;
  --pad-x:48px; --max:1440px;
}

html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .25s,border-color .25s,background .25s}
a:hover{color:var(--coral)}
::selection{background:var(--yellow);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
input,select,textarea,button{font-family:var(--sans)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0}
em{font-family:var(--serif);font-style:italic;font-weight:500}
h1,h2,h3,h4{margin:0}
p{margin:0}

/* ---------- layout primitives ---------- */
.pw-wrap{max-width:var(--max);margin:0 auto}
.pw-section{padding:128px var(--pad-x)}
.pw-section--wrap{max-width:var(--max);margin:0 auto}
.pw-eyebrow{margin:0 0 20px;font-size:13px;font-weight:600;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}
.pw-eyebrow--coral{color:var(--coral)}
.pw-eyebrow--yellow{color:var(--yellow)}
.pw-h2{font-size:clamp(38px,4.6vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.pw-h2 em{font-weight:400;color:var(--coral)}
.pw-lead{font-size:16px;line-height:1.65;color:var(--muted-2);text-wrap:pretty}
.pw-img{width:100%;height:100%;object-fit:cover}
.pw-frame{border:1px solid var(--forest);overflow:hidden}
.pw-frame .pw-img{width:100%;height:100%;object-fit:cover}

/* buttons */
.pw-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 32px;font-size:15px;font-weight:600;letter-spacing:.03em;line-height:1}
.pw-btn--coral{background:var(--coral);color:var(--ivory);border-bottom:3px solid var(--gold)}
.pw-btn--coral:hover{background:var(--forest);color:var(--ivory)}
.pw-btn--outline{padding:18px 24px;border:1px solid var(--forest)}
.pw-btn--outline:hover{border-color:var(--coral);color:var(--coral)}
.pw-btn--forest{background:var(--forest);color:var(--ivory);padding:12px 22px;font-size:13.5px;letter-spacing:.04em;gap:10px}
.pw-btn--forest:hover{background:var(--coral);color:var(--ivory)}
.pw-btn--forest .pw-arrow{font-size:15px;color:var(--yellow)}
.pw-textlink{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;border-bottom:2px solid var(--gold);padding-bottom:4px}
.pw-textlink:hover{color:var(--coral);border-color:var(--coral)}

/* ---------- header ---------- */
.pw-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad-x);background:transparent;transition:background .35s,border-color .35s,padding .35s;border-bottom:1px solid transparent}
.pw-header.is-scrolled{background:rgba(255,249,240,.94);border-bottom-color:var(--line);padding:14px var(--pad-x);backdrop-filter:blur(8px)}
.pw-logo{font-weight:800;font-size:17px;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center}
.pw-logo:hover{color:inherit}
.pw-logo .dot{color:var(--gold)}
.pw-logo img{height:28px;width:auto}
.pw-nav{display:flex;gap:36px;font-size:14px;font-weight:500;letter-spacing:.02em}
.pw-nav ul{display:contents;list-style:none;margin:0;padding:0}
.pw-burger{display:none;width:44px;height:44px;border:1px solid var(--forest);background:none;cursor:pointer;position:relative}
.pw-burger span,.pw-burger span::before,.pw-burger span::after{display:block;width:20px;height:2px;background:var(--ink);position:absolute;left:11px;transition:transform .3s,opacity .3s}
.pw-burger span{top:21px}
.pw-burger span::before{content:"";top:-7px;left:0}
.pw-burger span::after{content:"";top:7px;left:0}
.pw-header.is-open .pw-burger span{background:transparent}
.pw-header.is-open .pw-burger span::before{transform:translateY(7px) rotate(45deg)}
.pw-header.is-open .pw-burger span::after{transform:translateY(-7px) rotate(-45deg)}
.pw-mobile-nav{display:none}

/* ---------- hero ---------- */
.pw-hero{padding:168px var(--pad-x) 96px;max-width:var(--max);margin:0 auto}
.pw-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:end}
.pw-hero__eyebrow{margin-bottom:28px}
.pw-h1{font-size:clamp(48px,6.2vw,88px);line-height:1.02;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-h1 em{color:var(--coral)}
.pw-hero__text{margin-top:32px;max-width:560px;font-size:19px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px;align-items:center}
.pw-hero__note{margin-top:36px;font-size:13.5px;line-height:1.7;color:var(--sand);letter-spacing:.02em}
.pw-hero__visual{position:relative}
.pw-browser{border:1px solid var(--forest);background:#fff}
.pw-browser__bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid #F2E4CE}
.pw-browser__bar span{width:8px;height:8px;border-radius:50%}
.pw-browser__bar span:nth-child(1){background:var(--peach)}
.pw-browser__bar span:nth-child(2){background:var(--yellow)}
.pw-browser__bar span:nth-child(3){background:var(--coral)}
.pw-browser__body{height:420px;overflow:hidden}
.pw-hero__detail{position:absolute;left:-56px;bottom:-40px;width:200px;height:150px;border:1px solid var(--forest);background:var(--ivory);padding:6px}
.pw-hero__detail .pw-img{width:100%;height:100%;object-fit:cover}

/* ---------- credibility ---------- */
.pw-cred{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x) 88px}
.pw-cred__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 40px;border-top:1px solid var(--line);padding-top:28px;font-size:13.5px;font-weight:500;letter-spacing:.12em;color:var(--sand);text-transform:uppercase}

/* ---------- positioning ---------- */
.pw-pos{background:var(--forest);color:var(--ivory)}
.pw-pos__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:72px}
.pw-pos .pw-h2{line-height:1.06}
.pw-pos .pw-h2 em{color:var(--yellow)}
.pw-pos__text{margin-top:36px;max-width:520px;font-size:17.5px;line-height:1.7;color:var(--forest-text);text-wrap:pretty}
.pw-pos__list{display:grid;grid-template-columns:1fr 1fr;align-content:start;border-top:1px solid var(--forest-line)}
.pw-pos__list div{padding:22px 0;border-bottom:1px solid var(--forest-line);font-size:15px;font-weight:500}
.pw-pos__list div.is-accent{color:var(--yellow)}
.pw-pos__list div:nth-last-child(-n+2){border-bottom:0}

/* ---------- featured work ---------- */
.pw-work{max-width:var(--max);margin:0 auto}
.pw-work__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:72px}
.pw-work__head .pw-lead{max-width:420px}
.pw-project{display:grid;grid-template-columns:80px minmax(0,1.35fr) minmax(0,.65fr);gap:40px;border-top:1px solid var(--line);padding:56px 0;align-items:start}
.pw-project__num{font-size:15px;font-weight:600;color:var(--gold);padding-top:4px}
.pw-project__img{height:440px}
.pw-project__meta{padding-top:4px}
.pw-project__title{display:flex;align-items:center;gap:12px}
.pw-project__dot{width:12px;height:12px;background:var(--forest);flex-shrink:0}
.pw-project__title h3{font-size:26px;font-weight:700;letter-spacing:-.01em}
.pw-project__services{margin-top:10px;font-size:13.5px;font-weight:500;letter-spacing:.06em;color:var(--sand)}
.pw-project__result{margin-top:24px;font-size:16.5px;line-height:1.65;color:var(--muted);font-family:var(--serif);font-style:italic}
.pw-project .pw-textlink{margin-top:32px}
.pw-note{margin-top:20px;font-size:12.5px;color:var(--sand-2)}

/* ---------- services ---------- */
.pw-services{background:var(--cream)}
.pw-services__head{margin-bottom:64px;max-width:760px}
.pw-service{display:grid;grid-template-columns:70px minmax(0,.55fr) minmax(0,1fr) 160px;gap:32px;align-items:baseline;border-top:1px solid var(--line-2);padding:38px 0;transition:background .25s}
.pw-service:hover{background:var(--ivory)}
.pw-service__num{font-size:14px;font-weight:600;color:var(--gold)}
.pw-service__name{display:flex;align-items:center;gap:14px}
.pw-service__dot{width:12px;height:12px;border-radius:50%;background:var(--coral);flex-shrink:0}
.pw-service__name h3{font-size:24px;font-weight:700;letter-spacing:-.01em}
.pw-service__desc{font-size:16px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-service__deliv{margin-top:12px;font-size:13px;letter-spacing:.05em;color:var(--sand)}
.pw-service__link{font-size:14px;font-weight:600;justify-self:end}

/* ---------- why ---------- */
.pw-why{background:var(--ink);color:var(--ivory)}
.pw-why__head{margin-bottom:72px}
.pw-why .pw-h2{max-width:860px}
.pw-why .pw-h2 em{color:var(--yellow)}
.pw-why__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid var(--dark-line)}
.pw-why__item{padding:48px 40px 48px 0;border-bottom:1px solid var(--dark-line)}
.pw-why__num{margin-bottom:16px;font-size:13px;font-weight:600;color:var(--coral)}
.pw-why__item h3{font-size:24px;font-weight:700}
.pw-why__item p:last-child{margin-top:16px;font-size:16px;line-height:1.65;color:var(--dark-text)}

/* ---------- process ---------- */
.pw-process{max-width:var(--max);margin:0 auto}
.pw-process__head{margin-bottom:72px}
.pw-process__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;border-top:1px solid var(--line);padding-top:56px}
.pw-step__num{font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--gold)}
.pw-step__bar{width:44px;height:5px;background:var(--peach);margin-top:14px}
.pw-step h3{margin-top:20px;font-size:22px;font-weight:700}
.pw-step p:last-child{margin-top:14px;font-size:15.5px;line-height:1.65;color:var(--muted-2)}

/* ---------- testimonial ---------- */
.pw-testi{background:var(--peach-bg)}
.pw-testi__wrap{max-width:1100px;margin:0 auto;text-align:center}
.pw-testi .pw-eyebrow{margin-bottom:40px}
.pw-testi blockquote{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.pw-testi blockquote .q{color:var(--gold)}
.pw-testi__name{margin-top:36px;font-size:15px;font-weight:600}
.pw-testi__meta{margin-top:6px;font-size:13.5px;color:var(--sand);letter-spacing:.04em}
.pw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:88px;border-top:1px solid var(--line-peach)}
.pw-stat{padding:36px 16px 0}
.pw-stat__value{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--forest)}
.pw-stat__label{margin-top:10px;font-size:13.5px;color:var(--sand)}
.pw-testi .pw-note{margin-top:24px}

/* ---------- case study feature ---------- */
.pw-case{background:var(--forest);color:var(--ivory)}
.pw-case__head{margin-bottom:64px}
.pw-case .pw-h2{max-width:820px}
.pw-case .pw-h2 em{color:var(--peach)}
.pw-case__img{display:block;height:520px;border:1px solid var(--forest-line);margin-bottom:64px;overflow:hidden}
.pw-case__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:56px}
.pw-case__label{margin-bottom:18px;font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.pw-case__cols p:last-child{font-size:16.5px;line-height:1.7;color:var(--forest-text);text-wrap:pretty}

/* ---------- about ---------- */
.pw-about{max-width:var(--max);margin:0 auto}
.pw-about__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:center}
.pw-about .pw-h2{font-size:clamp(38px,4.6vw,60px);line-height:1.08}
.pw-about .pw-h2 em{font-weight:500}
.pw-about__text{margin-top:32px;max-width:540px}
.pw-about__text p{font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty;margin:0}
.pw-about__text p + p{margin-top:20px}
.pw-about__img{height:560px;border:1px solid var(--forest);padding:6px;background:var(--ivory);box-shadow:12px 12px 0 var(--peach)}
.pw-about__img .pw-img{width:100%;height:100%;object-fit:cover}

/* ---------- industries ---------- */
.pw-ind{border-top:1px solid var(--line);padding:112px var(--pad-x);max-width:var(--max);margin:0 auto}
.pw-ind__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.pw-ind .pw-h2{font-size:clamp(34px,4vw,52px);line-height:1.08}
.pw-tags{display:flex;flex-wrap:wrap;gap:14px;padding-top:8px}
.pw-tag{border:1px solid var(--forest);padding:14px 24px;font-size:15px;font-weight:500}
.pw-tag--coral{border-color:var(--coral);color:var(--coral)}
.pw-tag--gold{border-color:var(--gold);color:var(--gold)}
.pw-tag--filled{background:var(--forest);color:var(--yellow)}

/* ---------- faq ---------- */
.pw-faq{background:var(--cream)}
.pw-faq__head{margin-bottom:64px}
.pw-faq .pw-h2{font-size:clamp(38px,4.6vw,60px)}
.pw-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:56px 72px}
.pw-faq__item{border-top:2px solid var(--gold);padding-top:24px}
.pw-faq__item h3{font-size:18px;font-weight:700}
.pw-faq__item p{margin-top:12px;font-size:15.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}

/* ---------- final cta ---------- */
.pw-cta{background:var(--ink);color:var(--ivory);padding:136px var(--pad-x) 128px}
.pw-cta__head{max-width:900px;margin-bottom:80px}
.pw-cta .pw-h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.03em}
.pw-cta .pw-h2 em{color:var(--yellow)}
.pw-cta__text{margin-top:32px;font-size:18px;line-height:1.65;color:var(--dark-text);max-width:560px;text-wrap:pretty}
.pw-cta__card{background:var(--ivory);color:var(--ink);padding:64px;max-width:960px;border-top:6px solid var(--gold)}
.pw-cta__card .pw-eyebrow{margin-bottom:40px}
.pw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.pw-form-grid + .pw-form-grid,.pw-chips + .pw-form-grid{margin-top:44px}
.pw-field{display:grid;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pw-field input,.pw-field textarea,.pw-field select{border:none;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;font-size:16px;width:100%;border-radius:0;text-transform:none;letter-spacing:0;font-weight:400}
.pw-chips{margin-top:44px}
.pw-chips + .pw-chips{margin-top:36px}
.pw-chips__label{margin-bottom:16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pw-chips__row{display:flex;flex-wrap:wrap;gap:10px}
.pw-chip{border:1px solid var(--ink);padding:10px 18px;font-size:14px;cursor:pointer;transition:all .2s}
.pw-chip:hover,.pw-chip.is-active{background:var(--coral);border-color:var(--coral);color:var(--ivory)}
.pw-chips--forest .pw-chip:hover,.pw-chips--forest .pw-chip.is-active{background:var(--forest);border-color:var(--forest);color:var(--yellow)}
.pw-cta__actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:52px}
.pw-cta__actions .pw-btn--coral{padding:18px 36px}
.pw-cta__actions .pw-textlink{font-size:15px;padding-bottom:3px}

/* Contact Form 7 inside the CTA card */
.pw-cta__card .wpcf7 .pw-field{margin:0}
.pw-cta__card .wpcf7-form-control-wrap{display:block}
.pw-cta__card .wpcf7-submit{cursor:pointer;border:0}
.pw-cta__card .wpcf7-checkbox,.pw-cta__card .wpcf7-radio{display:flex;flex-wrap:wrap;gap:10px}
.pw-cta__card .wpcf7-list-item{margin:0}
.pw-cta__card .wpcf7-list-item label{border:1px solid var(--ink);padding:10px 18px;font-size:14px;cursor:pointer;display:inline-block;transition:all .2s;text-transform:none;letter-spacing:0;font-weight:400}
.pw-cta__card .wpcf7-list-item input{position:absolute;opacity:0;width:0;height:0}
.pw-cta__card .wpcf7-list-item input:checked + span,.pw-cta__card .wpcf7-list-item label:has(input:checked){background:var(--coral);border-color:var(--coral);color:var(--ivory)}
.pw-cta__card .wpcf7-not-valid-tip{font-size:12px;color:var(--coral);text-transform:none;letter-spacing:0;font-weight:400}
.pw-cta__card .wpcf7-response-output{margin:24px 0 0;padding:14px 18px;border:1px solid var(--gold)!important;font-size:14px}

/* ---------- footer ---------- */
.pw-footer{background:var(--ink);color:var(--ivory);border-top:1px solid var(--dark-line);padding:72px var(--pad-x) 48px}
.pw-footer__grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.4fr) minmax(0,.6fr);gap:56px}
.pw-footer__tag{margin-top:20px;font-size:15.5px;color:var(--dark-text);max-width:320px}
.pw-footer__nav{display:grid;gap:14px;font-size:14.5px;align-content:start}
.pw-footer__nav ul{display:contents;list-style:none;margin:0;padding:0}
.pw-footer__nav a:hover{color:var(--yellow)}
.pw-footer__contact{display:grid;gap:14px;font-size:14.5px;align-content:start;color:var(--dark-text)}
.pw-footer__contact a{color:var(--ivory)}
.pw-footer__contact a:hover{color:var(--yellow)}
.pw-footer__bottom{max-width:var(--max);margin:56px auto 0;padding-top:24px;border-top:1px solid var(--dark-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--dark-text-2)}
.pw-footer__bottom em{font-style:normal;font-family:inherit;color:var(--peach)}
.pw-footer__bottom .right{color:var(--gold)}

/* sticky mobile CTA */
.pw-sticky-cta{position:fixed;bottom:20px;left:20px;right:20px;z-index:60;display:none;align-items:center;justify-content:center;gap:10px;background:var(--coral);color:var(--ivory);padding:18px;font-size:15px;font-weight:600;border-bottom:3px solid var(--gold)}
.pw-sticky-cta.is-visible{display:flex}
.pw-sticky-cta:hover{color:var(--ivory)}

/* reveal animation */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
[data-reveal].is-in,.no-js [data-reveal]{opacity:1;transform:none}

/* generic default page template */
.pw-page{padding:168px var(--pad-x) 96px;max-width:900px;margin:0 auto}
.pw-page h1{font-size:clamp(40px,5vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.03em;margin-bottom:40px}
.pw-page .entry{font-size:17px;line-height:1.7;color:var(--muted)}
.pw-page .entry h2{margin:48px 0 16px;font-size:32px;color:var(--ink)}
.pw-page .entry h3{margin:32px 0 12px;font-size:24px;color:var(--ink)}
.pw-page .entry p{margin:0 0 20px}
.pw-page .entry a{color:var(--coral);border-bottom:1px solid var(--gold)}

/* =========================================================
   Responsive (the design export had no breakpoints beyond
   hiding the nav; these keep the layout sane on mobile)
   ========================================================= */
@media (max-width:1100px){
  .pw-project{grid-template-columns:60px minmax(0,1fr) minmax(0,.8fr);gap:28px}
  .pw-project__img{height:360px}
  .pw-service{grid-template-columns:50px minmax(0,.6fr) minmax(0,1fr);gap:24px}
  .pw-service__link{grid-column:2/-1;justify-self:start}
}
@media (max-width:900px){
  :root{--pad-x:24px}
  .pw-section{padding:88px var(--pad-x)}
  .pw-hero{padding:132px var(--pad-x) 72px}
  .pw-nav{display:none}
  .pw-burger{display:block}
  .pw-mobile-nav{display:none;position:fixed;inset:0;top:76px;z-index:49;background:var(--ivory);padding:32px var(--pad-x);flex-direction:column;gap:22px;font-size:22px;font-weight:600;border-top:1px solid var(--line)}
  .pw-mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}
  .pw-header.is-open{background:var(--ivory);border-bottom-color:var(--line)}
  .pw-header.is-open + .pw-mobile-nav,.pw-mobile-nav.is-open{display:flex}
  .pw-header .pw-btn--forest{display:none}
  .pw-hero__grid,.pw-pos__grid,.pw-about__grid,.pw-ind__grid,.pw-footer__grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .pw-hero__visual{margin-top:16px;padding-left:24px;padding-bottom:40px}
  .pw-hero__detail{left:-10px;width:150px;height:110px}
  .pw-browser__body{height:300px}
  .pw-project{grid-template-columns:minmax(0,1fr);gap:20px;padding:40px 0}
  .pw-project__img{height:auto;aspect-ratio:4/3}
  .pw-service{grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 0}
  .pw-service__num{margin-bottom:4px}
  .pw-why__item{padding:32px 0}
  .pw-case__img{height:auto;aspect-ratio:16/9}
  .pw-about__img{height:auto;aspect-ratio:4/5;box-shadow:8px 8px 0 var(--peach)}
  .pw-ind{padding:80px var(--pad-x)}
  .pw-faq__grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .pw-cta{padding:96px var(--pad-x) 120px}
  .pw-cta__head{margin-bottom:48px}
  .pw-cta__card{padding:36px 24px}
  .pw-form-grid{grid-template-columns:minmax(0,1fr)}
  .pw-stats{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .pw-h1{font-size:clamp(38px,11vw,48px)}
  .pw-h2{font-size:clamp(30px,8.5vw,38px)}
  .pw-cred__row{gap:14px 24px;font-size:12px}
  .pw-pos__list{grid-template-columns:1fr}
  .pw-pos__list div:nth-last-child(-n+2){border-bottom:1px solid var(--forest-line)}
  .pw-pos__list div:last-child{border-bottom:0}
  .pw-stats{grid-template-columns:1fr 1fr}
  .pw-btn{padding:16px 22px;font-size:14px}
}

/* =========================================================
   Case study (single-pw_project.php)
   ========================================================= */
.pw-cs-h2{font-size:clamp(34px,4vw,54px);line-height:1.08;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.pw-cs-h2 em{font-weight:500;color:var(--coral)}
.pw-cs-h2--gold em{font-weight:400;color:var(--yellow)}

.pw-cs-section{max-width:var(--max);margin:0 auto;padding:120px var(--pad-x)}
.pw-cs-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.pw-cs-split__body p{margin:0;font-size:17.5px;line-height:1.75;color:var(--muted);text-wrap:pretty}
.pw-cs-split__body p + p{margin-top:20px}

/* hero */
.pw-cs-hero{max-width:var(--max);margin:0 auto;padding:184px var(--pad-x) 72px}
.pw-cs-hero__top{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.pw-cs-hero__top .pw-eyebrow{margin:0}
.pw-cs-hero__back{font-size:13.5px;font-weight:600;letter-spacing:.08em;color:var(--sand);text-transform:uppercase}
.pw-cs-hero__back:hover{color:var(--coral)}
.pw-cs-hero__title{font-size:clamp(52px,7vw,104px);line-height:1;font-weight:700;letter-spacing:-.035em}
.pw-cs-hero__title .dot{color:var(--gold)}
.pw-cs-hero__tagline{margin:36px 0 0;max-width:640px;font-size:clamp(20px,2.2vw,26px);line-height:1.45;color:var(--muted);font-family:var(--serif);font-style:italic;text-wrap:balance}
.pw-cs-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;border-top:1px solid var(--line);margin:64px 0 0;padding-top:32px}
.pw-cs-meta dt{margin:0 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--sand);text-transform:uppercase}
.pw-cs-meta dd{margin:0;font-size:15.5px;font-weight:600;line-height:1.5}
.pw-cs-meta__link{border-bottom:2px solid var(--gold);padding-bottom:2px}
.pw-cs-meta__link:hover{color:var(--coral);border-color:var(--coral)}

/* hero visual */
.pw-cs-hvisual{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x) 32px}
.pw-cs-hvisual__frame{height:680px;border:1px solid var(--forest);box-shadow:16px 16px 0 var(--cream);overflow:hidden}
.pw-cs-hvisual__frame .pw-img{width:100%;height:100%;object-fit:cover}

/* the challenge */
.pw-cs-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--line);margin-top:88px}
.pw-cs-point{padding:40px 36px 40px 0;border-bottom:1px solid var(--line)}
.pw-cs-point__num{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--coral)}
.pw-cs-point h3{font-size:17px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pw-cs-point__text{margin:14px 0 0;font-size:15.5px;line-height:1.65;color:var(--muted-2)}

/* our approach (forest) */
.pw-cs-approach{background:var(--forest);color:var(--ivory);padding:136px var(--pad-x)}
.pw-cs-approach__head{max-width:900px;margin-bottom:80px}
.pw-cs-approach__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px 64px;border-top:1px solid var(--forest-line);padding-top:56px}
.pw-cs-approach__label{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.pw-cs-approach__text{margin:0;font-size:16.5px;line-height:1.7;color:var(--forest-text);text-wrap:pretty}

/* strategy visual */
.pw-cs-strategy{padding-bottom:56px}
.pw-cs-strategy .pw-eyebrow{margin-bottom:40px}
.pw-cs-strategy__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px}
.pw-cs-strategy__frame{height:460px;border:1px solid var(--forest);padding:20px;overflow:hidden}
.pw-cs-strategy__frame--a{background:var(--cream)}
.pw-cs-strategy__frame--b{background:var(--peach-bg)}
.pw-cs-strategy__frame .pw-img{width:100%;height:100%;object-fit:cover}
.pw-cs-strategy .pw-note{margin-top:20px}

/* creative direction */
.pw-cs-creative{padding-top:96px;padding-bottom:120px}
.pw-cs-creative__text{margin-top:32px;max-width:460px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-cs-guide{display:grid;gap:28px}
.pw-cs-guide__label{margin:0 0 14px;font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--sand);text-transform:uppercase}
.pw-cs-swatches{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--forest)}
.pw-cs-swatch{height:96px}
.pw-cs-type{border:1px solid var(--forest);padding:36px 40px;background:var(--ivory)}
.pw-cs-type__sans{margin:0;font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.pw-cs-type__serif{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-size:34px;color:var(--coral)}
.pw-cs-guide__row{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pw-cs-guide__box{border:1px solid var(--forest);padding:28px 30px}
.pw-cs-guide__box--peach{background:var(--peach-bg)}
.pw-cs-guide__box--cream{background:var(--cream)}
.pw-cs-guide__btn{display:inline-flex;align-items:center;gap:10px;background:var(--coral);color:var(--ivory);padding:13px 22px;font-size:13.5px;font-weight:600;border-bottom:3px solid var(--gold)}
.pw-cs-guide__dots{display:inline-flex;gap:8px}
.pw-cs-guide__dots span{width:14px;height:14px;background:var(--yellow)}
.pw-cs-guide__dots span:nth-child(2){border-radius:50%;background:var(--coral)}
.pw-cs-guide__dots span:nth-child(3){background:var(--sage)}

/* the experience (cream) */
.pw-cs-exp{background:var(--cream);padding:128px var(--pad-x)}
.pw-cs-exp__head{max-width:860px;margin-bottom:72px}
.pw-cs-exp__main{height:640px;background:#fff;margin-bottom:40px}
.pw-cs-exp__main .pw-img{width:100%;height:100%;object-fit:cover}
.pw-cs-exp__pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:stretch;margin-bottom:40px}
.pw-cs-exp__desktop{min-height:480px;background:#fff}
.pw-cs-exp__desktop .pw-img{width:100%;height:100%;object-fit:cover}
.pw-cs-exp__phonewrap{border:1px solid var(--forest);background:var(--peach-bg);padding:32px;display:flex;align-items:center;justify-content:center}
.pw-cs-exp__phone{width:min(240px,100%);height:420px;border:1px solid var(--forest);background:var(--ivory);padding:6px;overflow:hidden}
.pw-cs-exp__phone .pw-img{width:100%;height:100%;object-fit:cover}
.pw-cs-exp__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.pw-cs-exp__detail{height:320px;background:#fff;padding:20px}
.pw-cs-exp__detail .pw-img{width:100%;height:100%;object-fit:cover}
.pw-cs-exp__note{margin:56px auto 0;max-width:640px;text-align:center;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}

/* development (ink) */
.pw-cs-dev{background:var(--ink);color:var(--ivory);padding:128px var(--pad-x)}
.pw-cs-dev__list{border-top:1px solid var(--dark-line)}
.pw-cs-dev__row{display:grid;grid-template-columns:150px 1fr;gap:24px;border-bottom:1px solid var(--dark-line);padding:24px 0}
.pw-cs-dev__row:last-child{border-bottom:0}
.pw-cs-dev__label{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pw-cs-dev__row p{margin:0;font-size:16px;line-height:1.65;color:var(--dark-text)}

/* the result */
.pw-cs-result__head{max-width:820px;margin-bottom:72px}
.pw-cs-result__text{margin-top:32px;max-width:560px;font-size:17.5px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-cs-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line)}
.pw-cs-metric{padding:40px 16px 0}
.pw-cs-metric__value{margin:0;font-size:48px;font-weight:800;letter-spacing:-.02em;color:var(--forest)}
.pw-cs-metric__label{margin:12px 0 0;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--sand);text-transform:uppercase}
.pw-cs-result .pw-note{margin-top:24px}
.pw-cs-outcomes{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:48px}
.pw-cs-outcome{border:1px solid var(--forest);padding:16px 26px;font-size:14.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.pw-cs-outcome--coral{border-color:var(--coral);color:var(--coral)}
.pw-cs-outcome--gold{border-color:var(--gold);color:var(--gold)}
.pw-cs-outcome--filled{background:var(--forest);border-color:var(--forest);color:var(--yellow)}

/* client testimonial (peach) */
.pw-cs-testi{background:var(--peach-bg);padding:136px var(--pad-x)}
.pw-cs-testi__wrap{max-width:1100px;margin:0 auto;text-align:center}
.pw-cs-testi .pw-eyebrow{margin-bottom:40px}
.pw-cs-testi blockquote{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3.4vw,46px);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.pw-cs-testi blockquote .q{color:var(--gold)}
.pw-cs-testi__name{margin:36px 0 0;font-size:15px;font-weight:600}
.pw-cs-testi__role{margin:6px 0 0;font-size:13.5px;color:var(--sand);letter-spacing:.04em}

/* what we did */
.pw-cs-did{padding:112px var(--pad-x)}
.pw-cs-chips{display:flex;flex-wrap:wrap;gap:14px;padding-top:8px;align-content:start}
.pw-cs-chip{border:1px solid var(--forest);padding:14px 24px;font-size:15px;font-weight:500}
.pw-cs-chip:hover{border-color:var(--coral);color:var(--coral)}
.pw-cs-chip--filled{background:var(--forest);border-color:var(--forest);color:var(--yellow)}
.pw-cs-chip--filled:hover{background:var(--coral);border-color:var(--coral);color:var(--ivory)}

/* next project (gold band) */
.pw-cs-next{display:block;background:var(--yellow);color:var(--ink);padding:120px var(--pad-x)}
.pw-cs-next:hover{background:var(--coral);color:var(--ivory)}
.pw-cs-next__inner{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:32px}
.pw-cs-next__eyebrow{margin:0 0 24px;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.pw-cs-next__title{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1.02;font-weight:700;letter-spacing:-.03em}
.pw-cs-next__arrow{font-family:var(--serif);font-style:italic;font-weight:400}
.pw-cs-next__type{margin:0;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}

/* conversion CTA (forest) */
.pw-cs-convert{background:var(--forest);color:var(--ivory);padding:144px var(--pad-x)}
.pw-cs-convert__inner{max-width:1200px;margin:0 auto;text-align:center}
.pw-cs-convert .pw-eyebrow{margin-bottom:32px}
.pw-cs-convert__title{margin:0}
.pw-cs-convert__text{margin:32px auto 0;max-width:560px;font-size:18px;line-height:1.65;color:var(--forest-text);text-wrap:pretty}
.pw-cs-convert__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:52px}
.pw-cs-convert__ghost{border:1px solid var(--ivory);color:var(--ivory)}
.pw-cs-convert__ghost:hover{border-color:var(--yellow);color:var(--yellow)}

@media (max-width:900px){
  .pw-cs-hero{padding:132px var(--pad-x) 56px}
  .pw-cs-hero__title{font-size:clamp(40px,10vw,64px)}
  .pw-cs-split{grid-template-columns:minmax(0,1fr);gap:40px}
  .pw-cs-section{padding:80px var(--pad-x)}
  .pw-cs-approach,.pw-cs-dev,.pw-cs-testi,.pw-cs-exp{padding:88px var(--pad-x)}
  .pw-cs-hvisual__frame{height:auto;aspect-ratio:16/10;box-shadow:8px 8px 0 var(--cream)}
  .pw-cs-strategy__grid,.pw-cs-exp__pair{grid-template-columns:minmax(0,1fr)}
  .pw-cs-strategy__frame{height:auto;aspect-ratio:4/3}
  .pw-cs-exp__main{height:auto;aspect-ratio:16/9}
  .pw-cs-exp__desktop{min-height:0;aspect-ratio:16/10}
  .pw-cs-next{padding:88px var(--pad-x)}
  .pw-cs-convert{padding:96px var(--pad-x)}
  .pw-cs-dev__row{grid-template-columns:110px 1fr;gap:16px}
}
@media (max-width:560px){
  .pw-cs-h2{font-size:clamp(28px,8vw,38px)}
  .pw-cs-meta{grid-template-columns:1fr 1fr}
  .pw-cs-guide__row{grid-template-columns:1fr}
  .pw-cs-dev__row{grid-template-columns:1fr;gap:6px}
  .pw-cs-exp__details{grid-template-columns:1fr}
}

/* =========================================================
   Work page (page-work.php)
   ========================================================= */
/* portfolio hero */
.pw-work-hero{position:relative;overflow:hidden;max-width:var(--max);margin:0 auto;padding:184px var(--pad-x) 104px}
.pw-work-hero__watermark{position:absolute;right:-30px;top:96px;margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(120px,16vw,240px);color:var(--cream);line-height:1;pointer-events:none;user-select:none;z-index:0}
.pw-work-hero__inner{position:relative;z-index:1;max-width:980px}
.pw-work-hero__title{font-size:clamp(48px,6.2vw,88px);line-height:1.02;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-work-hero__title em{color:var(--coral)}
.pw-work-hero__text{margin-top:32px;max-width:560px;font-size:19px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-work-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px;align-items:center}
.pw-work-hero__dots{display:inline-flex;gap:8px;align-items:center;padding-left:8px}
.pw-work-hero__dots span{width:12px;height:12px;background:var(--yellow)}
.pw-work-hero__dots span:nth-child(2){background:var(--coral)}
.pw-work-hero__dots span:nth-child(3){background:var(--sage)}
.pw-work-hero__dots span:nth-child(4){border-radius:50%;background:var(--gold)}

/* filter bar */
.pw-work-filter{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x) 24px}
.pw-work-filter__bar{display:flex;flex-wrap:wrap;gap:8px 26px;border-top:1px solid var(--line);padding-top:26px}
.pw-work-chip{border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;letter-spacing:.14em;padding:8px 2px;color:var(--sand);border-bottom:2px solid transparent;text-transform:uppercase;transition:color .2s,border-color .2s}
.pw-work-chip:hover{color:var(--coral)}
.pw-work-chip.is-active{color:var(--ink);border-bottom-color:var(--gold)}

/* featured project */
.pw-work-featured{max-width:var(--max);margin:0 auto;padding:56px var(--pad-x) 64px}
.pw-work-featured__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}
.pw-work-featured__head .pw-eyebrow{margin:0}
.pw-work-featured__num{margin:0;font-size:15px;font-weight:600;color:var(--gold)}
.pw-work-featured__img{display:block;height:600px;box-shadow:14px 14px 0 var(--cream);transition:box-shadow .3s}
.pw-work-featured__img:hover{box-shadow:14px 14px 0 var(--pw-accent,var(--yellow))}
.pw-work-featured__img .pw-img{width:100%;height:100%;object-fit:cover}
.pw-work-featured__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;margin-top:56px;align-items:start}
.pw-work-featured__title{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.06;font-weight:700;letter-spacing:-.025em}
.pw-work-featured__svc{margin:14px 0 0;font-size:13.5px;font-weight:500;letter-spacing:.08em;color:var(--sand);text-transform:uppercase}
.pw-work-featured__line{margin:28px 0 0;max-width:480px;font-size:18px;line-height:1.65;color:var(--muted);font-family:var(--serif);font-style:italic}
.pw-work-featured__link{margin-top:36px}
.pw-work-featured__cs{display:grid;border-top:1px solid var(--line)}
.pw-work-featured__cs>div{padding:22px 0}
.pw-work-featured__cs>div:first-child{border-bottom:1px solid var(--line)}
.pw-work-featured__label{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.pw-work-featured__cs p:last-child{margin:0;font-size:15.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}

/* selected work grid */
.pw-work-selected{max-width:var(--max);margin:0 auto;padding:48px var(--pad-x) 96px}
.pw-work-selected__heading{margin:0 0 56px;font-size:clamp(34px,4vw,52px);line-height:1.06;font-weight:700;letter-spacing:-.025em}
.pw-work-selected__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 40px}
.pw-work-selected .pw-work-card{grid-column:span 6}
.pw-work-selected .pw-work-card:nth-child(4n+1){grid-column:span 7}
.pw-work-selected .pw-work-card:nth-child(4n+2){grid-column:span 5}
.pw-work-selected .pw-work-card:nth-child(4n+3){grid-column:span 5}
.pw-work-selected .pw-work-card:nth-child(4n+4){grid-column:span 7}
.pw-work-selected .pw-work-card:nth-child(4n+2) .pw-work-card__img{background:var(--peach-bg)}
.pw-work-selected .pw-work-card:nth-child(4n+3) .pw-work-card__img{background:var(--cream)}
.pw-work-selected .pw-work-card:nth-child(4n+3) .pw-work-card__img,
.pw-work-selected .pw-work-card:nth-child(4n+4) .pw-work-card__img{height:460px}
.pw-work-selected .pw-note{margin-top:32px}

/* project card (shared component) */
.pw-work-card__img{display:block;background:#fff;transition:box-shadow .3s}
.pw-work-card__img:hover{box-shadow:10px 10px 0 var(--pw-accent,var(--yellow))}
.pw-work-card__img .pw-img{width:100%;height:100%;object-fit:cover}
.pw-work-card--lg .pw-work-card__img{height:520px}
.pw-work-card--sm .pw-work-card__img{height:300px}
.pw-work-card--sm .pw-work-card__img:hover{box-shadow:8px 8px 0 var(--pw-accent,var(--yellow))}
.pw-work-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.pw-work-card--lg .pw-work-card__meta{margin-top:26px}
.pw-work-card--sm .pw-work-card__meta{margin-top:20px;gap:16px}
.pw-work-card__title{display:flex;align-items:baseline;gap:12px;margin:0;font-weight:700;letter-spacing:-.01em}
.pw-work-card--lg .pw-work-card__title{font-size:24px}
.pw-work-card--sm .pw-work-card__title{font-size:19px;gap:10px}
.pw-work-card__num{font-size:13px;font-weight:600;color:var(--gold);flex-shrink:0}
.pw-work-card__svc{margin:8px 0 0;font-size:13px;font-weight:500;letter-spacing:.08em;color:var(--sand);text-transform:uppercase}
.pw-work-card--sm .pw-work-card__svc{margin-top:6px;font-size:12.5px}
.pw-work-card__line{margin:16px 0 0;max-width:480px;font-size:15.5px;line-height:1.6;color:var(--muted);font-family:var(--serif);font-style:italic}
.pw-work-card__link{flex-shrink:0;font-size:13.5px;font-weight:600;letter-spacing:.06em;border-bottom:2px solid var(--gold);padding-bottom:3px}
.pw-work-card__link:hover{color:var(--coral);border-color:var(--coral)}
.pw-work-card--sm .pw-work-card__link{font-size:15px;border-bottom:0;color:var(--gold);padding:0}
.pw-work-card--sm .pw-work-card__link:hover{color:var(--coral)}

/* brand statement (forest) */
.pw-work-brand{background:var(--forest);color:var(--ivory);padding:144px var(--pad-x)}
.pw-work-brand .pw-wrap{max-width:1200px}
.pw-work-brand__title{margin:0;font-size:clamp(46px,6vw,88px);line-height:1.02;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-work-brand__title em{font-weight:400;color:var(--yellow)}
.pw-work-brand__text{margin:40px 0 0;max-width:620px;font-size:19px;line-height:1.7;color:var(--forest-text);text-wrap:pretty}

/* capabilities (cream) */
.pw-work-cap{background:var(--cream)}
.pw-work-cap__head{margin-bottom:64px;max-width:760px}
.pw-work-cap__heading{font-size:clamp(38px,4.6vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.pw-work-cap__row{display:grid;grid-template-columns:70px minmax(0,.5fr) minmax(0,1fr) 40px;gap:32px;align-items:baseline;border-top:1px solid var(--line-2);padding:34px 0;color:inherit;transition:background .25s}
.pw-work-cap__row:hover{background:var(--ivory);color:inherit}
.pw-work-cap__num{font-size:14px;font-weight:600;color:var(--gold)}
.pw-work-cap__name{display:flex;align-items:center;gap:14px}
.pw-work-cap__dot{width:12px;height:12px;border-radius:50%;background:var(--coral);flex-shrink:0}
.pw-work-cap__name h3{margin:0;font-size:23px;font-weight:700;letter-spacing:.04em}
.pw-work-cap__desc{margin:0;font-size:16px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-work-cap__arrow{justify-self:end;font-size:18px;color:var(--gold)}

/* client voice (peach) */
.pw-work-voice{background:var(--peach-bg);padding:136px var(--pad-x)}
.pw-work-voice__wrap{max-width:1100px;margin:0 auto;text-align:center}
.pw-work-voice .pw-eyebrow{margin-bottom:40px}
.pw-work-voice__heading{margin:0 0 48px;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.pw-work-voice blockquote{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,3.2vw,42px);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.pw-work-voice blockquote .q{color:var(--gold)}
.pw-work-voice__name{margin:36px 0 0;font-size:15px;font-weight:600}
.pw-work-voice__role{margin:6px 0 0;font-size:13.5px;color:var(--sand);letter-spacing:.04em}

/* more projects */
.pw-work-more__head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:56px}
.pw-work-more__heading{margin:0;font-size:clamp(30px,3.4vw,44px);line-height:1.06;font-weight:700;letter-spacing:-.025em}
.pw-work-more__note{margin:0;font-size:14.5px;color:var(--sand)}
.pw-work-more__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px 40px}

/* project CTA (forest) */
.pw-work-cta{background:var(--forest);color:var(--ivory);padding:144px var(--pad-x)}
.pw-work-cta__inner{max-width:1200px;margin:0 auto;text-align:center}
.pw-work-cta .pw-eyebrow{margin-bottom:32px}
.pw-work-cta__title{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1.05;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-work-cta__title em{font-weight:400;color:var(--yellow)}
.pw-work-cta__text{margin:32px auto 0;max-width:540px;font-size:18px;line-height:1.65;color:var(--forest-text);text-wrap:pretty}
.pw-work-cta__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:52px}
.pw-work-cta__ghost{border:1px solid var(--ivory);color:var(--ivory)}
.pw-work-cta__ghost:hover{border-color:var(--yellow);color:var(--yellow)}

@media (max-width:1100px){
  .pw-work-featured__body{grid-template-columns:minmax(0,1fr);gap:40px}
  .pw-work-cap__row{grid-template-columns:50px minmax(0,.6fr) minmax(0,1fr);gap:24px}
  .pw-work-cap__arrow{display:none}
}
@media (max-width:900px){
  .pw-work-hero{padding:132px var(--pad-x) 72px}
  .pw-work-hero__title{font-size:clamp(40px,10vw,60px)}
  .pw-work-featured{padding:40px var(--pad-x) 48px}
  .pw-work-featured__img{height:auto;aspect-ratio:16/10;box-shadow:8px 8px 0 var(--cream)}
  .pw-work-selected{padding:40px var(--pad-x) 72px}
  .pw-work-selected__grid{grid-template-columns:minmax(0,1fr)}
  .pw-work-selected .pw-work-card:nth-child(n){grid-column:auto}
  .pw-work-selected .pw-work-card:nth-child(n) .pw-work-card__img{height:auto;aspect-ratio:16/10}
  .pw-work-card--sm .pw-work-card__img{height:auto;aspect-ratio:16/10}
  .pw-work-brand,.pw-work-voice{padding:96px var(--pad-x)}
  .pw-work-cta{padding:96px var(--pad-x)}
  .pw-work-cap__row{grid-template-columns:40px 1fr;gap:8px 20px}
  .pw-work-cap__desc{grid-column:2/-1}
}
@media (max-width:560px){
  .pw-work-hero__watermark{top:60px;font-size:clamp(90px,26vw,140px)}
  .pw-work-card__meta{flex-direction:column;align-items:flex-start;gap:12px}
  .pw-work-more__head{flex-direction:column;align-items:flex-start;gap:10px}
}

/* =========================================================
   Contact page (page-contact.php)
   ========================================================= */
/* hero */
.pw-contact-hero{position:relative;overflow:hidden;max-width:var(--max);margin:0 auto;padding:184px var(--pad-x) 112px}
.pw-contact-hero__watermark{position:absolute;right:-50px;top:70px;margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(140px,18vw,280px);color:var(--peach-bg);line-height:1;pointer-events:none;user-select:none;z-index:0}
.pw-contact-hero__inner{position:relative;z-index:1;max-width:920px}
.pw-contact-hero__title{font-size:clamp(48px,6.2vw,88px);line-height:1.02;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-contact-hero__title em{color:var(--coral)}
.pw-contact-hero__text{margin:32px 0 0;max-width:560px;font-size:19px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-contact-hero .pw-btn{margin-top:44px}

/* contact options (routing cards) */
.pw-contact-options{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x) 120px}
.pw-contact-options__heading{margin:0 0 48px;font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.025em}
.pw-contact-options__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pw-contact-option{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 40px;display:block;color:inherit}
.pw-contact-option:hover{background:var(--cream);color:inherit}
.pw-contact-option__bar{display:block;width:44px;height:6px;background:var(--coral);margin-bottom:24px}
.pw-contact-option h3{margin:0;font-size:22px;font-weight:700}
.pw-contact-option__text{margin:16px 0 0;font-size:15.5px;line-height:1.65;color:var(--muted)}
.pw-contact-option__cta{margin:28px 0 0;font-size:13.5px;font-weight:600;letter-spacing:.06em;color:var(--gold);text-transform:uppercase}

/* enquiry section */
.pw-contact-enquiry{background:var(--cream);padding:128px var(--pad-x)}
.pw-contact-enquiry__grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
.pw-contact-enquiry__heading{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.pw-contact-enquiry__heading em{font-weight:500;color:var(--coral)}
.pw-contact-enquiry__text{margin:28px 0 0;max-width:420px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-contact-enquiry__block{border-top:1px solid var(--line-2);margin-top:32px;padding-top:32px}
.pw-contact-enquiry__text + .pw-contact-enquiry__block{margin-top:48px}
.pw-contact-enquiry__block h3{margin:0;font-size:19px;font-weight:700}
.pw-contact-enquiry__block h3 + p{margin:14px 0 0;max-width:400px;font-size:15.5px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-contact-direct__label{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.2em;color:var(--sand);text-transform:uppercase}
.pw-contact-direct__link{display:block;font-size:16px;font-weight:600;margin-top:8px}
.pw-contact-direct__link:hover{color:var(--coral)}
.pw-contact-direct__loc{margin:8px 0 0;font-size:14px;color:var(--sand)}
.pw-contact-card{border:1px solid var(--forest);border-top:6px solid var(--gold);padding:56px;max-width:none}
.pw-contact-card .pw-eyebrow{margin-bottom:32px}

/* enquiry wizard (shared: CF7 + static fallback) */
.pw-wiz__progress{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:44px}
.pw-wiz__tab{border:none;background:transparent;cursor:pointer;font-family:inherit;padding:6px 0;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--sand-2);border-bottom:2px solid transparent}
.pw-wiz__tab.is-done{color:var(--gold)}
.pw-wiz__tab.is-active{color:var(--ink);border-bottom-color:var(--gold)}
.pw-wiz__tab:disabled{cursor:default;opacity:.55}
.pw-wiz__tab:not(:disabled):hover{color:var(--coral)}
.pw-wiz__q{margin:0 0 24px;font-size:24px;font-weight:700}
.pw-wiz__sub{margin:0 0 28px;font-size:15.5px;line-height:1.6;color:var(--muted)}
.pw-wiz__error{margin:20px 0 0;font-size:14px;font-weight:600;color:var(--coral)}
.pw-wiz__note{margin:24px 0 0;font-size:13px;color:var(--sand)}
.pw-wiz__controls{display:flex;align-items:center;gap:20px;margin-top:48px;border-top:1px solid var(--line);padding-top:32px}
.pw-wiz__back{border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--sand);padding:8px 0;margin-right:auto}
.pw-wiz__back:hover{color:var(--coral)}
.pw-wiz__next{border:none;background:var(--forest);color:var(--ivory);padding:16px 32px;font-size:14.5px;font-weight:600;letter-spacing:.06em;cursor:pointer;font-family:inherit;margin-left:auto}
.pw-wiz__next:hover{background:var(--coral)}
.pw-wiz__submit{margin-left:auto}
.pw-area{width:100%;box-sizing:border-box;border:1px solid var(--ink);background:transparent;padding:16px;font-size:16px;line-height:1.6;resize:vertical;min-height:130px}
.pw-field--full{grid-column:1/-1}
/* chip labels carrying a real (hidden) input */
.pw-chip{position:relative}
.pw-chip input{position:absolute;opacity:0;width:0;height:0}
.pw-chip:has(input:checked){background:var(--coral);border-color:var(--coral);color:var(--ivory)}
.pw-chip--block{display:block;width:100%;box-sizing:border-box;text-align:left;font-weight:600;padding:16px 22px}
.pw-chips__row--stack{flex-direction:column;align-items:stretch}
/* no-JS: stack every step, hide the wizard chrome (steps/submit still work) */
.no-js .pw-wiz__progress,.no-js .pw-wiz__back,.no-js .pw-wiz__next{display:none}

/* success panel (shown on wpcf7mailsent) */
.pw-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}
.pw-contact-success{text-align:center;padding:24px 0}
.pw-contact-success__dots{display:inline-flex;gap:8px;margin-bottom:32px}
.pw-contact-success__dots span{width:14px;height:14px;background:var(--yellow)}
.pw-contact-success__dots span:nth-child(2){border-radius:50%;background:var(--coral)}
.pw-contact-success__dots span:nth-child(3){background:var(--sage)}
.pw-contact-success__dots span:nth-child(4){border-radius:50%;background:var(--gold)}
.pw-contact-success__title{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.025em}
.pw-contact-success__title em{font-weight:500;color:var(--coral)}
.pw-contact-success__text{margin:28px auto 0;max-width:400px;font-size:16.5px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-contact-success__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:40px}
.pw-contact-success__reset{display:inline-block;margin-top:36px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;color:var(--sand);text-decoration:underline}
.pw-contact-success__reset:hover{color:var(--coral)}

/* CF7 output the homepage card CSS doesn't already cover */
.pw-cta__card .wpcf7-textarea{width:100%;box-sizing:border-box;border:1px solid var(--ink);background:transparent;padding:16px;font-size:16px;line-height:1.6;resize:vertical;min-height:130px}
.pw-cta__card .wpcf7-select{border:none;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;font-size:16px;width:100%;border-radius:0}
.pw-wiz__stack .wpcf7-radio,.pw-wiz__stack .wpcf7-checkbox{display:flex;flex-direction:column;gap:12px}
.pw-wiz__stack .wpcf7-list-item{margin:0;display:block}
.pw-wiz__stack .wpcf7-list-item label{display:block;width:100%;box-sizing:border-box;text-align:left;font-weight:600}
.pw-cta__card .wpcf7-acceptance .wpcf7-list-item{margin:0}
.pw-cta__card .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;border:0;padding:0;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);cursor:pointer}
.pw-cta__card .wpcf7-acceptance label:has(input:checked){background:transparent;color:var(--muted)}
.pw-cta__card .wpcf7-acceptance input{position:static;opacity:1;width:auto;height:auto;margin-top:3px}

/* what happens next (forest) */
.pw-contact-next{background:var(--forest);color:var(--ivory)}
.pw-contact-next__head{margin-bottom:72px;max-width:760px}
.pw-contact-next__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;border-top:1px solid var(--forest-line);padding-top:56px}
.pw-contact-next__num{margin:0;font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--gold)}
.pw-contact-next__bar{display:block;width:44px;height:5px;background:var(--peach);margin-top:14px}
.pw-contact-next__step:nth-child(2) .pw-contact-next__bar{background:var(--coral)}
.pw-contact-next__step:nth-child(3) .pw-contact-next__bar{background:var(--yellow)}
.pw-contact-next__step h3{margin:20px 0 0;font-size:22px;font-weight:700}
.pw-contact-next__text{margin:14px 0 0;font-size:15.5px;line-height:1.65;color:var(--forest-text)}

/* where we work */
.pw-contact-where{max-width:var(--max);margin:0 auto;padding:120px var(--pad-x)}
.pw-contact-where__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
.pw-contact-where__text{margin:28px 0 0;max-width:480px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-contact-where__viz{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.pw-contact-where__dot{border-radius:50%;display:block;flex-shrink:0}
.pw-contact-where__dot:nth-child(1){width:120px;height:120px;background:var(--yellow)}
.pw-contact-where__dot:nth-child(2){width:88px;height:88px;background:var(--coral);margin-left:-28px}
.pw-contact-where__dot:nth-child(3){width:60px;height:60px;background:var(--sage);margin-left:-20px}
.pw-contact-where__dot:nth-child(4){width:36px;height:36px;background:var(--gold);margin-left:-12px}
.pw-contact-where__zaworld{margin-left:20px;font-size:14px;font-weight:600;letter-spacing:.18em;color:var(--sand)}

/* not ready yet (peach) */
.pw-contact-notready{background:var(--peach-bg);padding:104px var(--pad-x)}
.pw-contact-notready__inner{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.pw-contact-notready__heading{font-size:clamp(28px,3.2vw,42px);line-height:1.1}
.pw-contact-notready__links{display:flex;flex-wrap:wrap;gap:14px}
.pw-contact-notready__link{display:inline-flex;flex-direction:column;border:1px solid var(--ink);padding:15px 24px;font-size:14.5px;font-weight:600}
.pw-contact-notready__link:hover{background:var(--ink);color:var(--ivory)}
.pw-contact-notready__sub{font-size:12px;font-weight:400;color:var(--sand);margin-top:4px}

/* faq */
.pw-contact-faq__head{margin-bottom:64px}
.pw-contact-faq__heading{font-size:clamp(38px,4.6vw,60px);line-height:1.05;font-weight:700;letter-spacing:-.025em}
.pw-contact-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:56px 72px}
.pw-contact-faq__item{border-top:2px solid var(--gold);padding-top:24px}
.pw-contact-faq__item h3{margin:0;font-size:18px;font-weight:700}
.pw-contact-faq__item p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}

/* final personal cta (forest) */
.pw-contact-final{background:var(--forest);color:var(--ivory);padding:144px var(--pad-x)}
.pw-contact-final__inner{max-width:1200px;margin:0 auto;text-align:center}
.pw-contact-final__title{font-size:clamp(42px,5.4vw,76px);line-height:1.05}
.pw-contact-final__email{display:inline-flex;align-items:center;gap:14px;margin-top:52px;font-size:clamp(18px,2.4vw,28px);font-weight:700;letter-spacing:.04em;border-bottom:3px solid var(--gold);padding-bottom:8px;color:var(--ivory);text-wrap:balance}
.pw-contact-final__email:hover{color:var(--yellow);border-color:var(--yellow)}
.pw-contact-final__email span{color:var(--coral)}

@media (max-width:1100px){
  .pw-contact-enquiry__grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .pw-contact-where__grid{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:900px){
  .pw-contact-hero{padding:132px var(--pad-x) 72px}
  .pw-contact-hero__title{font-size:clamp(40px,10vw,60px)}
  .pw-contact-enquiry{padding:88px var(--pad-x)}
  .pw-contact-card{padding:36px 24px}
  .pw-contact-next,.pw-contact-final{padding:96px var(--pad-x)}
  .pw-contact-where{padding:80px var(--pad-x)}
  .pw-contact-notready__inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .pw-contact-hero__watermark{font-size:clamp(90px,30vw,160px)}
  .pw-wiz__controls{gap:12px}
  .pw-contact-final__email{font-size:clamp(15px,5vw,22px);word-break:break-word}
}

/* prefill notice (Contact, from the Domains search) */
.pw-contact-prefill{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:12px 16px;background:var(--peach-bg);border-left:3px solid var(--coral);font-size:13.5px;font-weight:600;color:var(--muted)}
.pw-contact-prefill__domain{color:var(--ink)}
.pw-contact-prefill__dismiss{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--sand)}
.pw-contact-prefill__dismiss:hover{color:var(--coral)}

/* =========================================================
   Domains & Hosting page (page-domains-hosting.php)
   ========================================================= */
@keyframes pw-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pw-dh-hero{max-width:var(--max);margin:0 auto;padding:168px var(--pad-x) 112px}
.pw-dh-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.pw-dh-hero__title{font-size:clamp(48px,6vw,84px);line-height:1.03;font-weight:700;letter-spacing:-.03em;text-wrap:balance}
.pw-dh-hero__title em{color:var(--coral)}
.pw-dh-hero__text{margin:32px 0 0;max-width:540px;font-size:19px;line-height:1.6;color:var(--muted);text-wrap:pretty}
.pw-dh-hero__actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px;align-items:center}
.pw-dh-hero__tag{margin:36px 0 0;font-size:13.5px;line-height:1.7;color:var(--sand);letter-spacing:.06em}
/* hero stack graphic */
.pw-dh-stack{display:grid;justify-items:center;gap:0}
.pw-dh-stack__row{width:100%;max-width:380px;border:1px solid var(--forest);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}
.pw-dh-stack__row--domain{background:#fff;box-shadow:8px 8px 0 var(--yellow)}
.pw-dh-stack__name{font-size:22px;font-weight:800;letter-spacing:-.01em}
.pw-dh-stack__name .tld{color:var(--gold)}
.pw-dh-stack__tag{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--sand)}
.pw-dh-stack__tag--gold{color:var(--yellow)}
.pw-dh-stack__row--hosting{background:var(--forest);color:var(--ivory)}
.pw-dh-stack__dots{display:flex;align-items:center;gap:10px}
.pw-dh-stack__dots span{width:10px;height:10px;border-radius:50%}
.pw-dh-stack__dots span:nth-child(1){background:var(--sage)}
.pw-dh-stack__dots span:nth-child(2){background:var(--yellow)}
.pw-dh-stack__dots span:nth-child(3){background:var(--coral)}
.pw-dh-stack__link{width:2px;height:34px;background:var(--gold)}
.pw-dh-stack__browser{width:100%;max-width:380px;border:1px solid var(--forest);background:var(--peach-bg);box-sizing:border-box}
.pw-dh-stack__bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--forest);background:#fff}
.pw-dh-stack__bar span:not(.pw-dh-stack__url){width:8px;height:8px;border-radius:50%}
.pw-dh-stack__bar span:nth-child(1){background:var(--peach)}
.pw-dh-stack__bar span:nth-child(2){background:var(--yellow)}
.pw-dh-stack__bar span:nth-child(3){background:var(--coral)}
.pw-dh-stack__url{margin-left:8px;font-size:12px;color:var(--sand)}
.pw-dh-stack__site{padding:22px 26px;display:flex;align-items:center;justify-content:space-between}
.pw-dh-stack__site>span:first-child{font-size:15px;font-weight:700}
.pw-dh-stack__live{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--forest);background:var(--ivory);padding:16px 30px}
.pw-dh-stack__live>span:last-child{font-size:14px;font-weight:700;letter-spacing:.22em}
.pw-dh-stack__pulse{width:12px;height:12px;border-radius:50%;background:var(--coral);animation:pw-pulse 2s ease infinite}

/* domain search */
.pw-dh-search{background:var(--cream);padding:128px var(--pad-x)}
.pw-dh-search__wrap{max-width:1100px;margin:0 auto}
.pw-dh-search__head{text-align:center;margin-bottom:56px}
.pw-dh-search__head .pw-cs-h2{font-size:clamp(38px,4.6vw,64px)}
.pw-dh-search__text{margin:24px auto 0;max-width:520px;font-size:17px;line-height:1.65;color:var(--muted);text-wrap:pretty}
.pw-dh-search__form{background:var(--ivory);border:1px solid var(--forest);border-bottom:4px solid var(--gold);padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.pw-dh-search__input{flex:2 1 240px;min-width:0;border:none;background:transparent;padding:16px 18px;font-size:19px;font-weight:600;letter-spacing:-.01em}
.pw-dh-search__select{flex:0 1 150px;border:1px solid var(--line);background:#fff;padding:0 14px;font-size:15px;font-weight:600;cursor:pointer}
.pw-dh-search__btn{flex:1 1 160px;border:none;background:var(--coral);color:var(--ivory);padding:18px 28px;font-size:15px;font-weight:600;letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.pw-dh-search__btn:hover{background:var(--forest)}
.pw-dh-search__pop{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:24px;font-size:13.5px;font-weight:500;color:var(--sand)}
.pw-dh-search__poplabel{letter-spacing:.1em;margin-right:6px}
.pw-dh-search__poptag{border:1px solid var(--line-2);background:transparent;color:var(--muted);padding:6px 14px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}
.pw-dh-search__poptag:hover{border-color:var(--gold);color:var(--gold)}
.pw-dh-search__note{text-align:center;margin-top:24px}

/* why it matters */
.pw-dh-why{position:relative;overflow:hidden;max-width:var(--max);margin:0 auto;padding:136px var(--pad-x)}
.pw-dh-why__watermark{position:absolute;right:-40px;bottom:-60px;margin:0;font-size:clamp(140px,20vw,300px);font-weight:800;letter-spacing:-.05em;color:var(--cream);pointer-events:none;user-select:none;line-height:1;z-index:0}
.pw-dh-why__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.pw-dh-why__grid .pw-cs-h2{font-size:clamp(38px,4.6vw,60px);line-height:1.08}
.pw-dh-why__text{margin:32px 0 0;max-width:480px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-dh-why__list{border-top:1px solid var(--line);padding-top:8px}
.pw-dh-why__item{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}
.pw-dh-why__item:last-child{border-bottom:0}
.pw-dh-why__marker{width:12px;height:12px;flex-shrink:0}
.pw-dh-why__item p{margin:0;font-size:17px;font-weight:600}

/* domain extensions */
.pw-dh-ext{background:var(--cream)}
.pw-dh-ext__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:64px}
.pw-dh-ext__heading{margin:0;font-size:clamp(38px,4.6vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.025em}
.pw-dh-ext__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:1px solid var(--line-2);border-left:1px solid var(--line-2)}
.pw-dh-ext__card{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:var(--ivory);padding:44px 36px;transition:background .25s}
.pw-dh-ext__card:hover{background:#fff}
.pw-dh-ext__ext{margin:0;font-size:34px;font-weight:800;letter-spacing:-.02em;color:var(--forest)}
.pw-dh-ext__bar{display:block;width:36px;height:5px;margin-top:16px}
.pw-dh-ext__bar--coral{background:var(--coral)}
.pw-dh-ext__bar--gold{background:var(--gold)}
.pw-dh-ext__bar--yellow{background:var(--yellow)}
.pw-dh-ext__bar--sage{background:var(--sage)}
.pw-dh-ext__note{margin:20px 0 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.pw-dh-ext__price{margin:12px 0 0;font-size:15px;font-weight:700;color:var(--forest)}

/* transition band (yellow) */
.pw-dh-transition{background:var(--yellow);padding:136px var(--pad-x)}
.pw-dh-transition__inner{max-width:1200px;margin:0 auto;text-align:center}
.pw-dh-transition__eyebrow{color:var(--forest)}
.pw-dh-transition__title{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.pw-dh-transition__title em{font-weight:500;color:var(--forest)}
.pw-dh-transition__btn{margin-top:48px;background:var(--forest);color:var(--ivory)}
.pw-dh-transition__btn:hover{background:var(--coral);color:var(--ivory)}
.pw-dh-transition__btn span{color:var(--yellow)}

/* web hosting */
.pw-dh-hosting{max-width:var(--max);margin:0 auto;padding:128px var(--pad-x)}
.pw-dh-hosting__head{margin-bottom:72px;max-width:820px}
.pw-dh-hosting__head .pw-cs-h2{font-size:clamp(38px,4.6vw,64px)}
.pw-dh-hosting__text{margin:32px 0 0;max-width:560px;font-size:17.5px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-dh-hosting__row{display:grid;grid-template-columns:70px minmax(0,.5fr) minmax(0,1fr);gap:32px;align-items:baseline;border-top:1px solid var(--line);padding:34px 0;transition:background .25s}
.pw-dh-hosting__row:hover{background:var(--cream)}
.pw-dh-hosting__num{font-size:14px;font-weight:600;color:var(--gold)}
.pw-dh-hosting__name{display:flex;align-items:center;gap:14px}
.pw-dh-hosting__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.pw-dh-hosting__name h3{margin:0;font-size:22px;font-weight:700;letter-spacing:.06em}
.pw-dh-hosting__desc{margin:0;font-size:16px;line-height:1.6;color:var(--muted);text-wrap:pretty}

/* hosting packages */
.pw-dh-packages{background:var(--cream)}
.pw-dh-packages__head{margin-bottom:64px;max-width:760px}
.pw-dh-packages__heading{margin:0;font-size:clamp(38px,4.6vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.025em}
.pw-dh-packages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;align-items:stretch}
.pw-dh-pkg{background:var(--ivory);color:var(--ink);border:1px solid var(--forest);border-top:6px solid var(--forest);padding:48px 40px;display:flex;flex-direction:column}
.pw-dh-pkg--featured{background:var(--forest);color:var(--ivory);border-top-color:var(--gold)}
.pw-dh-pkg__badge{margin:0 0 20px;align-self:flex-start;background:var(--gold);color:var(--ink);font-size:11.5px;font-weight:700;letter-spacing:.2em;padding:6px 12px;text-transform:uppercase}
.pw-dh-pkg__name{margin:0;font-size:15px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
.pw-dh-pkg__desc{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:var(--sand)}
.pw-dh-pkg--featured .pw-dh-pkg__desc{color:var(--forest-text)}
.pw-dh-pkg__price{margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-.02em}
.pw-dh-pkg__price span{font-size:15px;font-weight:500;letter-spacing:0;color:var(--sand)}
.pw-dh-pkg--featured .pw-dh-pkg__price span{color:var(--forest-text)}
.pw-dh-pkg__price--tba{font-size:20px;font-weight:700;color:var(--sand)}
.pw-dh-pkg--featured .pw-dh-pkg__price--tba{color:var(--forest-text)}
.pw-dh-pkg__features{border-top:1px solid var(--line);margin-top:28px;padding-top:8px;flex:1}
.pw-dh-pkg--featured .pw-dh-pkg__features{border-top-color:var(--forest-line)}
.pw-dh-pkg__feature{margin:0;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:15px;font-weight:500}
.pw-dh-pkg--featured .pw-dh-pkg__feature{border-bottom-color:var(--forest-line)}
.pw-dh-pkg__feature span{color:var(--gold);font-weight:700}
.pw-dh-pkg__cta{display:inline-flex;justify-content:center;align-items:center;gap:10px;margin-top:36px;background:var(--forest);color:var(--ivory);padding:16px 24px;font-size:14px;font-weight:600;letter-spacing:.08em}
.pw-dh-pkg__cta:hover{background:var(--coral);color:var(--ivory)}
.pw-dh-pkg--featured .pw-dh-pkg__cta{background:var(--coral)}
.pw-dh-pkg--featured .pw-dh-pkg__cta:hover{background:var(--yellow);color:var(--ink)}

/* why host (ink) */
.pw-dh-whyhost{background:var(--ink);color:var(--ivory)}
.pw-dh-whyhost__head{margin-bottom:72px}
.pw-dh-whyhost__head .pw-cs-h2{max-width:860px;font-size:clamp(38px,4.6vw,64px)}
.pw-dh-whyhost__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid var(--dark-line)}
.pw-dh-whyhost__item{padding:48px 40px 48px 0;border-bottom:1px solid var(--dark-line)}
.pw-dh-whyhost__num{margin:0 0 16px;font-size:13px;font-weight:600}
.pw-dh-whyhost__item h3{margin:0;font-size:23px;font-weight:700}
.pw-dh-whyhost__text{margin:16px 0 0;font-size:16px;line-height:1.65;color:var(--dark-text)}

/* website bundle */
.pw-dh-bundle{max-width:var(--max);margin:0 auto;padding:128px var(--pad-x)}
.pw-dh-bundle__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:72px}
.pw-dh-bundle__head .pw-cs-h2{font-size:clamp(38px,4.6vw,64px)}
.pw-dh-bundle__side{margin:0;max-width:380px;font-size:16px;line-height:1.65;color:var(--muted-2);text-wrap:pretty}
.pw-dh-bundle__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;border-top:1px solid var(--line);padding-top:56px}
.pw-dh-bundle__num{margin:0;font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--gold)}
.pw-dh-bundle__bar{display:block;width:40px;height:5px;margin-top:12px}
.pw-dh-bundle__step h3{margin:18px 0 0;font-size:20px;font-weight:700}
.pw-dh-bundle__cta{margin-top:64px}

/* moving hosts (peach) */
.pw-dh-moving{background:var(--peach-bg);padding:128px var(--pad-x)}
.pw-dh-moving__grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:start}
.pw-dh-moving__grid .pw-cs-h2{font-size:clamp(38px,4.6vw,60px);line-height:1.08}
.pw-dh-moving__text{margin:32px 0 0;max-width:500px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-dh-moving__cta{margin-top:44px}
.pw-dh-moving__cta span{color:var(--yellow)}
.pw-dh-moving__card{background:var(--ivory);border:1px solid var(--forest);padding:44px 40px}
.pw-dh-moving__label{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--sand);text-transform:uppercase}
.pw-dh-moving__item{margin:0;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:16px 0;font-size:16px;font-weight:600}
.pw-dh-moving__item:last-child{border-bottom:0}
.pw-dh-moving__item span{color:var(--gold);font-weight:700}

/* security (forest) */
.pw-dh-security{background:var(--forest);color:var(--ivory)}
.pw-dh-security__head{margin-bottom:72px;max-width:820px}
.pw-dh-security__head .pw-cs-h2{font-size:clamp(38px,4.6vw,64px)}
.pw-dh-security__heading em{color:var(--peach)}
.pw-dh-security__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:56px 64px;border-top:1px solid var(--forest-line);padding-top:56px}
.pw-dh-security__label{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.pw-dh-security__text{margin:0;font-size:16.5px;line-height:1.7;color:var(--forest-text);text-wrap:pretty}

/* professional email */
.pw-dh-email{max-width:var(--max);margin:0 auto;padding:128px var(--pad-x)}
.pw-dh-email__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.pw-dh-email__grid .pw-cs-h2{font-size:clamp(38px,4.6vw,56px);line-height:1.08}
.pw-dh-email__text{margin:32px 0 0;max-width:480px;font-size:17px;line-height:1.7;color:var(--muted);text-wrap:pretty}
.pw-dh-email__link{margin-top:40px}
.pw-dh-email__cards{display:grid;gap:20px}
.pw-dh-email__good{border:1px solid var(--forest);background:var(--ivory);padding:28px 32px;box-shadow:8px 8px 0 var(--sage);display:flex;align-items:center;justify-content:space-between;gap:16px}
.pw-dh-email__addr{min-width:0;overflow-wrap:anywhere;font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:-.01em}
.pw-dh-email__addr .at{color:var(--gold)}
.pw-dh-email__bad{border:1px solid var(--line-2);padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--sand)}
.pw-dh-email__addr-bad{min-width:0;overflow-wrap:anywhere;font-size:clamp(15px,1.8vw,20px);font-weight:500;text-decoration:line-through;text-decoration-color:var(--coral)}
.pw-dh-email__badge{font-size:11.5px;font-weight:700;letter-spacing:.16em;padding:6px 12px;flex-shrink:0}
.pw-dh-email__badge--good{color:var(--forest);background:var(--sage)}
.pw-dh-email__badge--bad{color:var(--coral);border:1px solid var(--coral)}

/* faq */
.pw-dh-faq{background:var(--cream);padding:128px var(--pad-x)}
.pw-dh-faq .pw-wrap{max-width:var(--max);margin:0 auto}
.pw-dh-faq__head{margin-bottom:64px}
.pw-dh-faq__heading{margin:0;font-size:clamp(38px,4.6vw,60px);line-height:1.05;font-weight:700;letter-spacing:-.025em}
.pw-dh-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:56px 72px}
.pw-dh-faq__item{border-top:2px solid var(--gold);padding-top:24px}
.pw-dh-faq__item h3{margin:0;font-size:18px;font-weight:700}
.pw-dh-faq__item p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:var(--muted);text-wrap:pretty}

/* final cta (forest) */
.pw-dh-cta{background:var(--forest);color:var(--ivory);padding:144px var(--pad-x)}
.pw-dh-cta__inner{max-width:1200px;margin:0 auto;text-align:center}
.pw-dh-cta__title{font-size:clamp(42px,5.4vw,76px);line-height:1.05}
.pw-dh-cta__text{margin:32px auto 0;max-width:560px;font-size:18px;line-height:1.65;color:var(--forest-text);text-wrap:pretty}
.pw-dh-cta__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:52px}
.pw-dh-cta__ghost{border:1px solid var(--ivory);color:var(--ivory)}
.pw-dh-cta__ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.pw-dh-cta__tags{margin:44px 0 0;font-size:13.5px;letter-spacing:.14em;color:#7FA08F}

@media (max-width:1100px){
  .pw-dh-hero__grid,.pw-dh-why__grid,.pw-dh-moving__grid,.pw-dh-email__grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .pw-dh-hosting__row{grid-template-columns:50px minmax(0,.6fr) minmax(0,1fr);gap:24px}
}
@media (max-width:900px){
  .pw-dh-hero{padding:132px var(--pad-x) 72px}
  .pw-dh-hero__title{font-size:clamp(40px,10vw,64px)}
  .pw-dh-search,.pw-dh-ext,.pw-dh-packages,.pw-dh-moving,.pw-dh-faq{padding:88px var(--pad-x)}
  .pw-dh-why,.pw-dh-hosting,.pw-dh-bundle,.pw-dh-email{padding:80px var(--pad-x)}
  .pw-dh-transition,.pw-dh-cta{padding:96px var(--pad-x)}
  .pw-dh-hosting__row{grid-template-columns:minmax(0,1fr);gap:8px}
  .pw-dh-ext__head,.pw-dh-bundle__head{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .pw-dh-why__watermark{font-size:clamp(90px,30vw,150px)}
  .pw-dh-search__btn{flex-basis:100%}
  .pw-dh-stack__row,.pw-dh-stack__browser{max-width:100%}
  .pw-dh-email__good,.pw-dh-email__bad{flex-direction:column;align-items:flex-start;gap:12px}
}