/*
Theme Name: Kadence Child — Pentathlon
Theme URI: https://pentathlonpk.com
Description: Child theme for Pentathlon (factory-direct club teamwear). Heritage green design system.
Author: Pentathlon
Template: kadence
Version: 1.0.2
*/

/* ---- Fluid scaling: root font-size grows with viewport so the whole rem-based
        layout scales with resolution (fixes the "small on big screens" problem). ---- */
html{ font-size: clamp(16px, 10.9px + 0.42vw, 21px); }

/* ---- Brand fonts site-wide, incl. Kadence's own chrome ---- */
:root{
	--global-body-font-family: "Libre Franklin", -apple-system, BlinkMacSystemFont, sans-serif;
	--global-heading-font-family: "Fraunces", Georgia, serif;
}

/* ============================================================
   Pentathlon design system — SHARED across every page.
   (Header, footer and reusable components live here so the
   shared header.php / footer.php render correctly everywhere.
   Homepage-only section styles stay inline in front-page.php.)
   ============================================================ */
:root{
  --paper:#F1EAD6; --cream:#F8F3E3; --white:#FBF8EF; --green:#173A2B; --green-2:#20493a; --green-deep:#0E2A1F;
  --gold:#B0842B; --gold-2:#6E5214; --ink:#221D16; --muted:rgba(34,29,22,.72);
  --line:rgba(34,29,22,.16); --line-cream:rgba(248,243,227,.20);
  --serif:"Fraunces",Georgia,serif; --sans:"Libre Franklin",-apple-system,sans-serif;
}
.pt *{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.pt-body{margin:0;font-family:var(--sans); background:var(--paper); color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden}
.pt .wrap{max-width:84rem; margin:0 auto; padding:0 2rem}
@media(max-width:600px){.pt .wrap{padding:0 1.25rem}}
.pt a{color:inherit; text-decoration:none}
.pt h1,.pt h2,.pt h3,.pt h4,.pt h5{color:inherit}
.pt .ey{font-family:var(--sans); text-transform:uppercase; letter-spacing:.22em; font-size:.66rem; font-weight:600; color:var(--gold-2); display:inline-flex; align-items:center; gap:9px}
.pt .ey::before{content:"◆"; color:var(--gold); font-size:.6em}
.pt .ar{display:inline-block; transition:transform .25s}
.pt .m:hover .ar{transform:translate(3px,-3px)}
.pt .arc{position:absolute; border-radius:50%; z-index:0; pointer-events:none}

/* duotone photo frame */
.pt .ph{position:relative; overflow:hidden; background:var(--green-deep)}
.pt .ph img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.05) brightness(.98); z-index:0}
.pt .ph::before{content:""; position:absolute; inset:0; z-index:1; background:var(--green); mix-blend-mode:color; opacity:.82}
.pt .ph::after{content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg, rgba(14,42,31,.12), rgba(14,42,31,.5))}
.pt .ph .cap{position:absolute; bottom:14px; left:16px; z-index:4; font-family:var(--sans); text-transform:uppercase; letter-spacing:.15em; font-size:.52rem; color:rgba(248,243,227,.82)}
.pt .ph .fig{position:absolute; top:14px; right:16px; z-index:4; font-family:var(--serif); font-style:italic; font-size:.86rem; color:var(--gold)}

/* buttons / links (reusable) */
.pt .btn{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.66rem; font-weight:600; padding:15px 28px; border-radius:2px; transition:.25s; border:1.5px solid var(--gold); background:var(--gold); color:var(--ink); display:inline-flex; gap:9px; align-items:center}
.pt .btn:hover{background:transparent; color:var(--cream); border-color:var(--cream)}
.pt .btn-o{background:transparent; color:var(--cream); border-color:rgba(248,243,227,.5)}
.pt .btn-o:hover{background:var(--cream); color:var(--ink); border-color:var(--cream)}
.pt .read{font-family:var(--sans); text-transform:uppercase; letter-spacing:.13em; font-size:.64rem; font-weight:600; color:var(--gold-2); display:inline-flex; gap:8px; align-items:center}
.pt .readbtn{padding:12px 22px; background:var(--gold); color:var(--ink); border-radius:2px; transition:.25s}
.pt .readbtn:hover{background:var(--gold-2); color:var(--cream)}

/* ---- SHARED HEADER ---- */
.pt header.pt-hdr{position:fixed; top:0; left:0; right:0; z-index:100; transition:.3s; border-bottom:1px solid transparent}
.pt header.pt-hdr.solid{background:rgba(241,234,214,.96); backdrop-filter:blur(10px); border-color:var(--line)}
.pt header.pt-hdr .wrap{display:flex; align-items:center; justify-content:space-between; height:76px}
.pt .brand{font-family:var(--serif); font-weight:700; font-size:1.65rem; display:flex; align-items:center; gap:10px; color:var(--cream); transition:.3s}
.pt header.pt-hdr.solid .brand{color:var(--ink)}
.pt .brand .bm-img{height:40px; width:auto; display:block; border-radius:2px}
.pt header.pt-hdr .brand .bm-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.pt nav.main{display:flex; gap:22px; align-items:center}
.pt nav.main a{font-family:var(--sans); text-transform:uppercase; letter-spacing:.1em; font-size:.62rem; font-weight:600; color:var(--cream); transition:.3s; position:relative; padding:4px 0; white-space:nowrap}
.pt header.pt-hdr.solid nav.main a{color:var(--ink)}
.pt nav.main a::after{content:""; position:absolute; left:0; bottom:0; width:0; height:1.5px; background:var(--gold); transition:width .25s}
.pt nav.main a:hover::after{width:100%}
.pt .navr{display:flex; align-items:center; gap:20px}
.pt .qbtn{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.62rem; font-weight:600; padding:11px 22px; background:var(--gold); color:var(--ink); border-radius:2px; transition:.25s; border:1.5px solid var(--gold)}
.pt .qbtn:hover{background:transparent; color:var(--cream)}
.pt header.pt-hdr.solid .qbtn:hover{color:var(--ink); border-color:var(--ink)}
/* header solid by default on interior pages (no dark hero behind it) */
.pt.pt-interior header.pt-hdr{position:sticky; background:rgba(241,234,214,.96); backdrop-filter:blur(10px); border-color:var(--line)}
.pt.pt-interior header.pt-hdr .brand,.pt.pt-interior header.pt-hdr nav.main a{color:var(--ink)}
@media(max-width:1120px){.pt nav.main{display:none}}

/* ---- SHARED FOOTER ---- */
.pt footer.pt-foot{background:var(--green-deep); color:var(--cream); padding:64px 0 28px}
.pt .f-top{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:36px; border-bottom:1px solid var(--line-cream); padding-bottom:36px; margin-bottom:24px}
.pt .f-brand .brand{color:var(--cream); margin-bottom:16px}
.pt .f-brand p{color:rgba(248,243,227,.6); font-size:.88rem; max-width:32ch}
.pt .f-col h4{font-family:var(--sans); text-transform:uppercase; letter-spacing:.16em; font-size:.6rem; color:var(--gold); margin-bottom:15px; font-weight:600}
.pt .f-col a{display:block; color:rgba(248,243,227,.82); font-size:.9rem; margin-bottom:10px; transition:.2s}
.pt .f-col a:hover{color:var(--cream); padding-left:4px}
.pt .f-bot{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; align-items:center}
.pt .f-bot .cp{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.58rem; color:rgba(248,243,227,.5)}
.pt .f-bot .disc{max-width:60ch; color:rgba(248,243,227,.5); font-size:.74rem; font-style:italic; font-family:var(--serif)}
@media(max-width:860px){.pt .f-top{grid-template-columns:1fr 1fr} .pt .f-brand{grid-column:1/-1}}
@media(max-width:520px){.pt .f-top{grid-template-columns:1fr}}

/* reveal-on-load */
.pt .rv{animation:ptrise .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes ptrise{from{opacity:0; transform:translateY(22px)} to{opacity:1; transform:none}}

/* ============================================================
   INTERIOR PAGES (kit / gear / content / contact)
   ============================================================ */
.pt .ihero{position:relative; background:var(--green-deep); color:var(--cream); padding:150px 0 76px; overflow:hidden}
.pt .ihero .arc{width:440px; height:440px; top:-150px; right:-160px; border:60px solid var(--gold); opacity:.42}
.pt .ihero .wrap{position:relative; z-index:2}
.pt .ihero .crumb{font-family:var(--sans); text-transform:uppercase; letter-spacing:.16em; font-size:.6rem; font-weight:600; color:rgba(248,243,227,.6); margin-bottom:26px; display:flex; gap:9px; flex-wrap:wrap}
.pt .ihero .crumb a:hover{color:var(--gold)}
.pt .ihero .crumb span{color:var(--gold)}
.pt .ihero .ey{color:var(--gold); margin-bottom:18px}
.pt .ihero h1{font-family:var(--serif); font-weight:600; font-size:clamp(2.5rem,5.6vw,4.4rem); line-height:1.02; letter-spacing:-.015em; max-width:18ch; margin-bottom:22px}
.pt .ihero h1 .it{font-style:italic; color:var(--gold)}
.pt .ihero .lead{font-size:1.12rem; color:rgba(248,243,227,.9); max-width:60ch}
.pt .ihero .ihcta{margin-top:30px; display:flex; gap:14px; flex-wrap:wrap}

.pt .isection{padding:5.5rem 0}
.pt .isection.tint{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.pt .ihead{max-width:60ch; margin-bottom:44px}
.pt .ihead .ey{margin-bottom:18px}
.pt .ihead h2{font-family:var(--serif); font-weight:600; font-size:clamp(1.8rem,3.6vw,2.7rem); line-height:1.08; letter-spacing:-.01em}
.pt .lead-p{font-size:1.12rem; color:var(--ink); max-width:66ch; margin-bottom:18px}
.pt .lead-p:last-child{margin-bottom:0}
.pt .lead-p .g{color:var(--gold-2); font-style:italic}

.pt .isplit{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center}
.pt .isplit.rev .txt{order:2}
.pt .isplit .ph{aspect-ratio:4/3; border-radius:2px}
.pt .isplit p{color:var(--ink); margin-bottom:16px; font-size:1.02rem}
@media(max-width:860px){.pt .isplit{grid-template-columns:1fr; gap:32px} .pt .isplit.rev .txt{order:0}}

.pt .specs{list-style:none; border-top:1px solid var(--ink); max-width:820px}
.pt .specs li{display:grid; grid-template-columns:auto 1fr; gap:22px; padding:22px 4px; border-bottom:1px solid var(--line); align-items:start}
.pt .specs .n{font-family:var(--serif); font-style:italic; color:var(--gold-2); font-size:1.05rem}
.pt .specs h4{font-family:var(--serif); font-weight:600; font-size:1.15rem; margin-bottom:4px}
.pt .specs p{color:var(--muted); font-size:.94rem}

.pt .icards{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.pt .icard{background:var(--white); border:1px solid var(--line); padding:28px 26px 30px}
.pt .icard .n{font-family:var(--serif); font-style:italic; color:var(--gold-2); font-size:1.1rem}
.pt .icard h3{font-family:var(--serif); font-weight:600; font-size:1.3rem; margin:12px 0 8px; line-height:1.05}
.pt .icard p{color:var(--muted); font-size:.9rem}
@media(max-width:860px){.pt .icards{grid-template-columns:1fr}}

.pt .related{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.pt .rcard{position:relative; aspect-ratio:4/5; overflow:hidden; border:1px solid var(--line-cream)}
.pt .rcard .ph{position:absolute; inset:0}
.pt .rcard .ph::after{background:linear-gradient(transparent 38%,rgba(14,42,31,.86))}
.pt .rcard .co{position:absolute; inset:0; z-index:5; display:flex; align-items:flex-end; padding:18px; color:var(--cream)}
.pt .rcard .cn{font-family:var(--serif); font-weight:600; font-size:1.1rem; line-height:1.05}
@media(max-width:860px){.pt .related{grid-template-columns:1fr 1fr}}

/* interior CTA band */
.pt .icta{background:var(--green); color:var(--cream); text-align:center; padding:6rem 0; position:relative; overflow:hidden}
.pt .icta .arc{width:320px; height:320px; bottom:-160px; left:-110px; border:50px solid var(--gold); opacity:.26}
.pt .icta .wrap{position:relative; z-index:2}
.pt .icta .ey{color:var(--gold); margin-bottom:16px}
.pt .icta h2{font-family:var(--serif); font-weight:600; font-size:clamp(2.1rem,4.6vw,3.4rem); line-height:1.05; margin-bottom:14px; max-width:22ch; margin-inline:auto}
.pt .icta h2 .it{font-style:italic; color:var(--gold)}
.pt .icta p{color:rgba(248,243,227,.82); max-width:46ch; margin:0 auto 30px}

/* rich content (post_content) */
.pt .rich{max-width:70ch}
.pt .rich p{color:var(--ink); font-size:1.05rem; margin-bottom:18px}
.pt .rich h2{font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,3vw,2.2rem); margin:36px 0 14px; line-height:1.1}
.pt .rich h3{font-family:var(--serif); font-weight:600; font-size:1.35rem; margin:28px 0 10px}
.pt .rich ul{margin:0 0 18px 1.1em}
.pt .rich li{margin-bottom:8px; color:var(--ink)}
.pt .rich a{color:var(--gold-2); text-decoration:underline; text-underline-offset:3px}

/* QUOTE FORM */
.pt .qgrid{display:grid; grid-template-columns:1fr 1.25fr; gap:64px; align-items:start}
.pt .qinfo h2{font-family:var(--serif); font-weight:600; font-size:clamp(1.8rem,3.4vw,2.6rem); line-height:1.06; margin-bottom:18px}
.pt .qinfo p{color:var(--ink); margin-bottom:16px; font-size:1.02rem}
.pt .qinfo .qmeta{margin-top:24px; border-top:1px solid var(--line); padding-top:20px}
.pt .qinfo .qmeta div{margin-bottom:14px}
.pt .qinfo .qmeta .k{font-family:var(--sans); text-transform:uppercase; letter-spacing:.14em; font-size:.58rem; font-weight:600; color:var(--gold-2); margin-bottom:3px}
.pt .qinfo .qmeta a{color:var(--ink)}
.pt .qform{background:var(--white); border:1px solid var(--line); padding:34px}
.pt .qform .row{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.pt .field{margin-bottom:18px; display:flex; flex-direction:column}
.pt .field label{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.58rem; font-weight:600; color:var(--ink); margin-bottom:7px}
.pt .field input,.pt .field select,.pt .field textarea{font-family:var(--sans); font-size:.95rem; padding:12px 14px; border:1.5px solid var(--line); background:var(--paper); color:var(--ink); border-radius:2px; width:100%}
.pt .field input:focus,.pt .field select:focus,.pt .field textarea:focus{outline:none; border-color:var(--gold)}
.pt .field textarea{min-height:120px; resize:vertical}
.pt .qform .hp{position:absolute; left:-9999px}
.pt .qform button{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.68rem; font-weight:600; padding:15px 30px; background:var(--green); color:var(--cream); border:1.5px solid var(--green); border-radius:2px; cursor:pointer; transition:.25s; width:100%}
.pt .qform button:hover{background:var(--gold); border-color:var(--gold); color:var(--ink)}
.pt .qnote{font-size:.78rem; color:var(--muted); margin-top:12px}
.pt .qmsg{padding:16px 18px; border-radius:2px; margin-bottom:24px; font-size:.95rem}
.pt .qmsg.ok{background:rgba(23,58,43,.1); border:1px solid var(--green); color:var(--green)}
.pt .qmsg.err{background:rgba(124,45,42,.1); border:1px solid #7C2D2A; color:#7C2D2A}
@media(max-width:860px){.pt .qgrid{grid-template-columns:1fr; gap:36px} .pt .qform .row{grid-template-columns:1fr}}

/* FAQ */
.pt .faq{display:grid; grid-template-columns:1fr 1fr; gap:0 48px}
.pt .faqi{padding:24px 0; border-top:1px solid var(--line)}
.pt .faqi h3{font-family:var(--serif); font-weight:600; font-size:1.12rem; line-height:1.25; margin-bottom:8px}
.pt .faqi p{color:var(--muted); font-size:.95rem}
@media(max-width:860px){.pt .faq{grid-template-columns:1fr}}

/* ---- 404 quick-links ---- */
.pt .e404-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:60rem}
.pt .e404-link{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 22px; background:var(--white); border:1px solid var(--line); border-radius:3px; font-family:var(--serif); font-size:1.06rem; font-weight:500; transition:.22s}
.pt .e404-link:hover{background:var(--green); color:var(--cream); border-color:var(--green)}
.pt .e404-link .ar{color:var(--gold)}
@media(max-width:860px){.pt .e404-grid{grid-template-columns:1fr}}

/* ---- product: at-a-glance spec table ---- */
.pt .glance{list-style:none; border-top:1px solid var(--ink); max-width:860px}
.pt .glance li{display:grid; grid-template-columns:minmax(150px,26%) 1fr; gap:26px; padding:15px 4px; border-bottom:1px solid var(--line); align-items:start}
.pt .glance .gk{font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.64rem; font-weight:600; color:var(--gold-2); padding-top:4px}
.pt .glance .gv{font-size:1rem; color:var(--ink)}
@media(max-width:600px){.pt .glance li{grid-template-columns:1fr; gap:3px} .pt .glance .gk{padding-top:0}}

/* ---- product: in-detail subsections ---- */
.pt .details{display:grid; grid-template-columns:1fr 1fr; gap:38px 56px; max-width:1000px}
.pt .details .d h3{font-family:var(--serif); font-weight:600; font-size:1.3rem; line-height:1.1; margin-bottom:10px}
.pt .details .d p{color:var(--muted); font-size:1rem}
.pt .details .d p + p{margin-top:12px}
@media(max-width:860px){.pt .details{grid-template-columns:1fr; gap:28px}}

/* ---- ordering steps (rich content) ---- */
.pt .rich .osteps{list-style:none; counter-reset:ostep; margin:26px 0 10px; padding:0; max-width:760px}
.pt .rich .osteps li{position:relative; counter-increment:ostep; padding:0 0 24px 64px; margin:0; color:var(--muted)}
.pt .rich .osteps li::before{content:counter(ostep,decimal-leading-zero); position:absolute; left:0; top:-3px; font-family:var(--serif); font-style:italic; font-size:1.45rem; color:var(--gold-2)}
.pt .rich .osteps li::after{content:""; position:absolute; left:15px; top:30px; bottom:2px; width:1px; background:var(--line)}
.pt .rich .osteps li:last-child{padding-bottom:0}
.pt .rich .osteps li:last-child::after{display:none}
.pt .rich .osteps li strong{display:block; font-family:var(--serif); font-weight:600; font-size:1.14rem; margin-bottom:3px; color:var(--ink)}

/* ---- product index grid (Club Kits / Balls & Gear) ---- */
.pt .pgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px}
.pt .pcard{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); overflow:hidden; transition:.22s}
.pt .pcard:hover{border-color:var(--green); transform:translateY(-3px)}
.pt .pcard .ph{aspect-ratio:4/3}
.pt .pcard .pco{padding:22px 24px 26px; display:flex; flex-direction:column; flex:1}
.pt .pcard .pco h3{font-family:var(--serif); font-weight:600; font-size:1.28rem; line-height:1.1; margin-bottom:8px}
.pt .pcard .pco p{color:var(--muted); font-size:.94rem; margin-bottom:16px}
.pt .pcard .pmore{margin-top:auto; font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.64rem; font-weight:600; color:var(--gold-2)}
@media(max-width:960px){.pt .pgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pt .pgrid{grid-template-columns:1fr}}

/* ---- journal listing grid ---- */
.pt .jgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px}
.pt .jcard{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--line); overflow:hidden; transition:.22s}
.pt .jcard:hover{border-color:var(--green); transform:translateY(-3px)}
.pt .jcard .ph{aspect-ratio:16/10}
.pt .jcard .jco{padding:20px 22px 24px}
.pt .jcard .date{font-family:var(--sans); text-transform:uppercase; letter-spacing:.14em; font-size:.6rem; font-weight:600; color:var(--gold-2); margin-bottom:10px}
.pt .jcard .jco h3{font-family:var(--serif); font-weight:600; font-size:1.2rem; line-height:1.14; margin-bottom:8px}
.pt .jcard .jco p{color:var(--muted); font-size:.92rem}
@media(max-width:960px){.pt .jgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pt .jgrid{grid-template-columns:1fr}}

/* ---- single post body ---- */
.pt .post-body{max-width:70ch}
.pt .post-body h2{font-family:var(--serif); font-weight:600; font-size:1.6rem; margin:32px 0 12px}
.pt .post-body h3{font-family:var(--serif); font-weight:600; font-size:1.25rem; margin:26px 0 10px}
.pt .post-body p{margin-bottom:16px; font-size:1.05rem}
.pt .post-body ul,.pt .post-body ol{margin:0 0 16px 22px}
.pt .post-body li{margin-bottom:7px}
.pt .backlink{margin-top:36px; font-family:var(--sans); text-transform:uppercase; letter-spacing:.12em; font-size:.66rem; font-weight:600; color:var(--gold-2)}

/* ---- full-colour product photos (.raw disables the green duotone) ---- */
.pt .ph.raw img{filter:none}
.pt .ph.raw::before{display:none}
.pt .isplit .ph.raw::after,.pt .pcard .ph.raw::after{display:none}
.pt .isplit .ph.raw{background:var(--white)}
.pt .pcard .ph.raw,.pt .cat .ph.raw,.pt .gcard .ph.raw{background:var(--white)}
/* .fit shows the whole product (no crop) for white-background cutout shots like gloves */
.pt .ph.fit img{object-fit:contain}
.pt .isplit .ph.fit img{padding:2%}

/* ---- contextual "pairs well with" line on product pages ---- */
.pt .lead-p.pairs{margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:1rem; color:var(--muted)}
.pt .lead-p.pairs a{color:var(--gold-2); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
.pt .lead-p.pairs a:hover{color:var(--green)}

/* ============================================================
   MOBILE NAV (hamburger) — shown where the desktop nav hides (<=1120px)
   ============================================================ */
.pt .navtoggle{display:none; width:30px; height:22px; position:relative; background:none; border:none; cursor:pointer; padding:0; flex:0 0 auto}
.pt .navtoggle span{position:absolute; left:0; width:100%; height:2px; border-radius:2px; background:var(--cream); transition:.25s}
.pt .navtoggle span:nth-child(1){top:2px}
.pt .navtoggle span:nth-child(2){top:10px}
.pt .navtoggle span:nth-child(3){top:18px}
.pt header.pt-hdr.solid .navtoggle span,
.pt.pt-interior header.pt-hdr .navtoggle span,
.pt header.pt-hdr.menu-open .navtoggle span{background:var(--ink)}
.pt .navtoggle.open span:nth-child(1){top:10px; transform:rotate(45deg)}
.pt .navtoggle.open span:nth-child(2){opacity:0}
.pt .navtoggle.open span:nth-child(3){top:10px; transform:rotate(-45deg)}

.pt .pt-mobmenu{display:none}
@media(max-width:1120px){
  .pt .navtoggle{display:block}
  .pt header.pt-hdr.menu-open{background:rgba(241,234,214,.98); backdrop-filter:blur(10px); border-color:var(--line)}
  .pt header.pt-hdr.menu-open .brand{color:var(--ink)}
  .pt .pt-mobmenu{display:block; max-height:0; overflow:hidden; transition:max-height .32s ease; background:rgba(241,234,214,.98); backdrop-filter:blur(10px); border-bottom:1px solid transparent}
  .pt header.pt-hdr.menu-open .pt-mobmenu{max-height:82vh; border-bottom-color:var(--line)}
  .pt .pt-mobmenu a{display:block; padding:16px 2rem; font-family:var(--sans); text-transform:uppercase; letter-spacing:.1em; font-size:.74rem; font-weight:600; color:var(--ink); border-bottom:1px solid var(--line)}
  .pt .pt-mobmenu a:hover{background:rgba(34,29,22,.04)}
  .pt .pt-mobmenu .mm-quote{background:var(--gold); color:var(--ink); text-align:center; margin:14px 2rem 18px; border-radius:2px; border-bottom:none; padding:15px}
}
@media(max-width:560px){ .pt .navr .qbtn{display:none} }