:root{
  --navy:#0b1728; --navy2:#12233a; --navy3:#1a3150;
  --paper:#f5f2ea; --white:#fff; --ink:#0f1b2d; --muted:#5a6678;
  --orange:#ff6a13; --orange-d:#e25500; --gold:#f5b82e; --green:#1f9d63; --red:#c4122f;
  --line:#d9d4c7; --r:14px;
  --head:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);line-height:1.02;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}
.center{text-align:center}.center.full{grid-column:1/-1}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--orange);color:#fff;border:0;border-radius:999px;padding:.85em 1.6em;font:700 1rem var(--body);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 6px 18px -6px rgba(255,106,19,.6)}
.btn:hover{background:var(--orange-d);transform:translateY(-1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.btn-sm{padding:.55em 1.1em;font-size:.92rem}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.btn.ghost:hover{background:#0001}
.btn.wa{background:#1fa855;box-shadow:0 6px 18px -6px rgba(31,168,85,.6)}
.linkbtn{background:none;border:0;color:var(--orange-d);font:600 .92rem var(--body);cursor:pointer;padding:.4em 0;text-decoration:underline;text-underline-offset:3px}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100% - 1200px)/2));transition:background .25s,box-shadow .25s}
.nav.solid{background:rgba(11,23,40,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 #ffffff14}
.brand img{height:33px;width:auto}
.links{display:flex;align-items:center;gap:26px;color:#fff}
.links a{text-decoration:none;font-weight:500;font-size:.95rem;opacity:.9}
.links a:hover{opacity:1}
.links .btn{opacity:1}
.burger{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;transition:.2s}
.burger span:first-child{top:18px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;background:var(--navy)}
.hero-bg{position:absolute;inset:0;background:url(assets/hero-yard.jpg) center/cover;transform:scale(1.06);animation:slow 22s ease-out forwards}
@keyframes slow{to{transform:scale(1)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,23,40,.94) 15%,rgba(11,23,40,.72) 55%,rgba(11,23,40,.45)),linear-gradient(0deg,var(--navy) 0,transparent 35%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end;padding:128px 0 40px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#ffd9b8;margin:0 0 18px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff6a1344}
.hero h1{font-size:clamp(2.6rem,6.4vw,5.8rem);letter-spacing:0}
.hero h1 em{font-style:normal;color:var(--orange);display:block}
.lede{font-size:clamp(1.02rem,1.5vw,1.22rem);max-width:56ch;color:#dbe3ef;margin:22px 0}
.vendor{display:flex;flex-wrap:wrap;gap:8px}
.vchip{border:1px solid #ffffff40;background:#ffffff12;padding:.35em .9em;border-radius:999px;font-size:.85rem;backdrop-filter:blur(4px)}
.quick{background:rgba(255,255,255,.97);color:var(--ink);border-radius:20px;padding:22px;display:grid;gap:10px;box-shadow:0 30px 60px -20px #000a}
.quick-h{margin:0 0 4px;font:800 1.5rem var(--head);text-transform:uppercase;display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.quick-h span{font:500 .78rem var(--body);text-transform:none;color:var(--muted)}
.qbtn{display:grid;grid-template-columns:1fr auto;grid-template-areas:'b i' 's i';align-items:center;column-gap:12px;text-decoration:none;background:var(--navy);color:#fff;padding:14px 18px;border-radius:12px;transition:transform .15s,background .15s}
.qbtn b{grid-area:b;font-size:1.08rem}.qbtn small{grid-area:s;opacity:.7;font-size:.82rem}.qbtn i{grid-area:i;font-style:normal;font-size:1.5rem;color:var(--orange);transition:transform .15s}
.qbtn:first-of-type{background:var(--orange)}.qbtn:first-of-type i,.qbtn:first-of-type small{color:#fff}
.qbtn.alt{background:var(--navy3)}
.qbtn:hover{transform:translateY(-2px)}.qbtn:hover i{transform:translateX(4px)}
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff26;padding:22px 0 30px;gap:16px}
.stats b{display:block;font:800 clamp(2rem,4vw,3rem) var(--head);color:var(--gold);line-height:1}
.stats span{font-size:.85rem;color:#cbd6e6}
.reveal{opacity:0;transform:translateY(18px);animation:rv .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes rv{to{opacity:1;transform:none}}

/* sections */
.sec{padding:clamp(56px,9vw,112px) 0}
.sec.paper{background:var(--paper)}
.sec.navy{background:var(--navy);color:#fff}
.sec.navy2{background:var(--navy2);color:#fff}
.sec-head{max-width:880px;margin-bottom:40px}
.kicker{font:700 .82rem var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--orange-d);margin:0 0 12px}
.navy .kicker,.navy2 .kicker{color:var(--gold)}
.sec h2{font-size:clamp(2.2rem,5vw,4rem)}
.sec h2 span{color:var(--orange)}
.sub{font-size:1.1rem;color:var(--muted);max-width:62ch;margin:18px 0 0}
.navy .sub,.navy2 .sub{color:#c5d0e0}

/* services grid */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;text-align:left;border:0;padding:0;cursor:pointer;background:#fff;border-radius:var(--r);box-shadow:0 1px 0 var(--line),0 10px 24px -18px #0006;transition:transform .2s,box-shadow .2s;font:inherit;color:inherit;overflow:hidden;min-height:200px}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px #000a}
.card.on{outline:3px solid var(--orange);outline-offset:-3px}
.card-in{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;height:100%}
.card b{font:800 1.55rem var(--head);text-transform:uppercase;line-height:1.05}
.card small{color:var(--muted);font-size:.9rem}
.card .ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--gold);margin-bottom:10px}
.go{margin-top:auto;padding-top:14px;font-weight:700;color:var(--orange-d);display:flex;align-items:center;gap:6px;font-size:.92rem}
.go .ico.sm{width:auto;height:auto;background:none;color:inherit;margin:0}.go svg{width:18px;height:18px}
.card.feat{grid-column:span 2;grid-row:span 2;color:#fff;min-height:360px;background:var(--navy)}
.card.feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card.feat:hover img{transform:scale(1.05)}
.card.feat::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,23,40,.95) 12%,rgba(11,23,40,.25) 70%);z-index:1}
.card.feat .card-in{z-index:2;justify-content:flex-end}
.card.feat b{font-size:clamp(2rem,3.4vw,2.9rem)}
.card.feat small{color:#dbe3ef;font-size:1rem}
.card.feat .ico{background:var(--orange);color:#fff}
.card.feat .go{color:#fff}
.card.feat .go::after{content:"";}

/* detail panel */
.detail{margin-top:28px;background:#fff;border-radius:22px;box-shadow:0 30px 70px -30px #000b;overflow:hidden;scroll-margin-top:80px}
.detail.in{animation:open .45s cubic-bezier(.2,.7,.2,1)}
@keyframes open{from{opacity:0;transform:translateY(22px) scale(.99)}}
.detail-head{display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--navy);color:#fff}
.detail-head .ico{background:var(--orange);color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:12px}
.detail-head h3{font-size:clamp(1.5rem,3vw,2.2rem);flex:1}
.close{width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.close:hover{background:#ffffff40}
.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:0;color:var(--ink)}
.detail-body.single{grid-template-columns:minmax(0,640px);justify-content:center}
.profile{padding:26px 28px 32px;background:#faf8f3}
.banner{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:18px}
.lead2{font-size:1.12rem;margin:0 0 18px}
.blk{margin:0 0 16px}
.blk h4{font-size:1.15rem;color:var(--orange-d);margin-bottom:8px}
.blk ul,.blk ol{margin:0;padding-left:1.2em;display:grid;gap:5px}
.blk li::marker{color:var(--orange)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tags span{background:var(--navy);color:#fff;border-radius:999px;padding:.3em .85em;font-size:.82rem;font-weight:500}
.formcard{padding:26px 28px 32px}
.formcard h3{font-size:1.9rem;color:var(--navy)}
.fsub{margin:4px 0 16px;color:var(--muted);font-size:.95rem}

/* form */
.steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 20px;counter-reset:s}
.steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--muted);padding-bottom:10px;border-bottom:3px solid var(--line)}
.steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--line);color:#fff;font-size:.78rem;flex:none}
.steps li.cur{color:var(--ink);border-color:var(--orange)}.steps li.cur span{background:var(--orange)}
.steps li.done{border-color:var(--green)}.steps li.done span{background:var(--green)}
.pane{display:grid;gap:16px}
.field{display:grid;gap:6px}
.field[hidden]{display:none}
.lab{font-weight:700;font-size:.92rem;margin:0}
.lab em{font-weight:400;font-style:normal;color:var(--muted);font-size:.8rem;margin-left:4px}
.lab.sub{font-weight:600;color:var(--muted);font-size:.8rem}
.hint{margin:0;color:var(--muted);font-size:.8rem}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:.72em .85em;min-height:46px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #ff6a1326}
.selwrap{position:relative}
.selwrap select{appearance:none;-webkit-appearance:none;padding-right:2.4em;cursor:pointer;background:#fff}
.selwrap::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.bad input,.bad select,.bad textarea{border-color:var(--red)}
.err{margin:0;color:var(--red);font-size:.84rem;font-weight:600}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button,.chip,.qd{font:600 .92rem var(--body);border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.55em 1.05em;cursor:pointer;transition:.15s;min-height:42px}
.seg button:hover,.chip:hover,.qd:hover{border-color:var(--orange)}
.seg button.on,.chip.on,.qd.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip.on::before{content:"✓ "}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.quick-dates{display:flex;gap:6px;flex-wrap:wrap}
.qd{min-height:34px;padding:.3em .8em;font-size:.8rem}
.phone{display:grid;grid-template-columns:130px 1fr;gap:8px}
.cc{padding-right:.4em}
.note{display:flex;gap:10px;background:#fff4e8;border:1px solid #ffd8b0;border-radius:12px;padding:12px 14px;font-size:.9rem}
.note.good{background:#e9f8f0;border-color:#b6e6cf}
.note p{margin:0}.note-i{font-weight:800;color:var(--orange-d)}.note.good .note-i{color:var(--green)}
.lrow{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;background:#f6f3ec;border:1.5px dashed var(--line);border-radius:12px;padding:12px}
.lcell{display:grid;gap:4px;min-width:0}.lcell[hidden]{display:none}
.stepper{display:flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:10px;height:46px}
.stepper output{min-width:34px;text-align:center;font-weight:700}
.stp{width:38px;height:100%;border:0;background:none;font-size:1.3rem;cursor:pointer;color:var(--orange-d)}
.add{height:46px}
.items{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.items li{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:10px;padding:8px 8px 8px 14px;font-size:.92rem}
.items li b{color:var(--gold)}
.items button{background:#ffffff22;color:#fff;border:0;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1.1rem}
.loc-extra{display:grid;gap:8px}
.loc-tools{display:flex;gap:12px}
.mapbox{height:190px;border-radius:12px;overflow:hidden;border:1.5px solid var(--line)}
.gmp{width:100%;display:block;color-scheme:light}
.picked{margin:0;font-size:.85rem;color:var(--green);font-weight:600}
.actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.actions .btn:only-child{margin-left:auto}
.form-body{min-height:60px}
.done{text-align:center;padding:24px 4px;display:grid;gap:10px;justify-items:center}
.tick{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800;animation:pop .5s cubic-bezier(.3,1.6,.5,1)}
.tick.soft{background:var(--orange)}
@keyframes pop{from{transform:scale(0)}}
.done h4{font-size:2rem}.ref{color:var(--muted);margin:0}
.send-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sum{width:100%;text-align:left;font-size:.82rem}.sum pre{white-space:pre-wrap;background:#f6f3ec;padding:12px;border-radius:10px;font:inherit;max-height:220px;overflow:auto}

/* fleet */
.fleet-photos{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:24px}
.fleet-photos figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10}
.fleet-photos img{width:100%;height:100%;object-fit:cover}
.units{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.units button{width:100%;text-align:left;background:var(--navy2);border:1px solid #ffffff18;border-radius:var(--r);padding:18px;color:#fff;cursor:pointer;display:grid;gap:2px;transition:.2s;font:inherit}
.units button:hover{background:var(--navy3);border-color:var(--orange);transform:translateY(-3px)}
.units b{font:800 2.6rem var(--head);color:var(--gold);line-height:1}
.units span{font-weight:600}
.units i{font-style:normal;color:var(--orange);font-size:.85rem;font-weight:700}

/* why */
.why{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.pillars{list-style:none;margin:0;padding:0;display:grid;gap:0}
.pillars li{display:grid;gap:4px;padding:18px 0 18px 22px;border-left:4px solid var(--orange);border-bottom:1px solid var(--line);position:relative}
.pillars li:last-child{border-bottom:0}
.pillars b{font:800 1.5rem var(--head);text-transform:uppercase}
.pillars span{color:var(--muted)}

/* leadership */
.voices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.voice{margin:0;display:grid;grid-template-columns:minmax(0,200px) 1fr;grid-template-areas:'p q' 'p c';gap:8px 26px;align-content:start;background:var(--navy2);border:1px solid #ffffff14;border-radius:20px;padding:28px}
.voice-photo{grid-area:p;align-self:start;aspect-ratio:3/4;overflow:hidden}
.voice-photo img{width:100%;height:100%;object-fit:cover}
.voice-photo.blob{border-radius:62% 38% 55% 45% / 48% 58% 42% 52%;background:var(--navy3)}
.voice-photo.cut{border-radius:18px;background:#dce8fb}
.voice-photo.cut img{object-fit:contain;object-position:bottom}
.voice blockquote{grid-area:q;margin:0;position:relative;padding-top:34px}
.voice blockquote::before{content:"\201C";position:absolute;top:-14px;left:-2px;font:800 5rem/1 var(--head);color:var(--orange)}
.voice blockquote p{margin:0 0 12px;color:#dbe3ef;font-size:.98rem}
.voice figcaption{grid-area:c;display:grid;gap:0;border-top:1px solid #ffffff1f;padding-top:12px}
.voice figcaption b{font:800 1.5rem var(--head);text-transform:uppercase;color:#fff}
.voice figcaption span{color:var(--gold);font-weight:600;font-size:.9rem}

/* careers */
.jobs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.job{position:relative;border:0;padding:0;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;cursor:pointer;background:#000;color:#fff;font:inherit;text-align:left}
.job img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.9}
.job:hover img{transform:scale(1.07)}
.job::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 55%)}
.job-in{position:absolute;inset:auto 0 0 0;z-index:2;padding:16px;display:grid;gap:2px}
.job b{font:800 1.5rem var(--head);text-transform:uppercase}.job small{color:var(--gold);font-weight:700}
#career-detail{margin-top:24px}

/* contact */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.clist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.clist li{display:flex;gap:14px;align-items:flex-start;font-size:1.05rem}
.clist i{font-style:normal;width:38px;height:38px;display:grid;place-items:center;background:var(--navy);color:var(--gold);border-radius:10px;flex:none}
.clist a{font-weight:600}

.foot{background:var(--navy);color:#b8c5d8;padding:36px 0;text-align:center}
.foot .wrap{display:grid;gap:10px;justify-items:center}
.foot p{margin:0;max-width:60ch}.small{font-size:.8rem;opacity:.7}

/* responsive */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:28px;padding-top:110px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .card.feat{grid-column:span 2;grid-row:auto;min-height:300px}
  .detail-body{grid-template-columns:1fr}
  .units,.jobs{grid-template-columns:repeat(2,1fr)}
  .why,.contact{grid-template-columns:1fr;gap:24px}
  .voices{grid-template-columns:1fr}
  .fleet-photos{grid-template-columns:1fr 1fr}.fleet-photos .f1{grid-column:1/-1}
}
@media (max-width:760px){
  .burger{display:block}
  .links{position:fixed;inset:60px 0 auto 0;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 20px;transform:translateY(-130%);transition:transform .3s;box-shadow:0 20px 30px #0008}
  .links.open{transform:none}
  .links a{padding:14px 4px;border-bottom:1px solid #ffffff14}.links .btn{margin-top:12px;border:0;justify-content:center}
  .stats{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:1fr}.card.feat{grid-column:auto}
  .lrow{grid-template-columns:1fr 1fr}.lrow .lcell.q{grid-column:1}.lrow .add{grid-column:2}
  .profile,.formcard{padding:20px 18px 26px}
  .steps li{font-size:0}.steps li span{font-size:.78rem}
  .phone{grid-template-columns:112px 1fr}
  .detail-head{padding:14px 16px}
}
@media (max-width:560px){.voice{grid-template-columns:1fr;grid-template-areas:'p' 'q' 'c'}.voice-photo{max-width:180px}}
@media (max-width:420px){.lrow{grid-template-columns:1fr}.lrow .lcell.q,.lrow .add{grid-column:auto}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

/* portfolio hover preview */
.blk li.has-pic{cursor:zoom-in;text-decoration:underline dotted var(--orange);text-underline-offset:4px;outline:0}
.blk li.has-pic:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.pf-pop{position:fixed;z-index:60;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -12px #000a}
.pf-pop.on{opacity:1;transform:none}
.pf-view{position:relative;overflow:hidden;aspect-ratio:3/2;background:#0b1728}
.pf-track{display:flex;height:100%;transition:transform .55s ease}
.pf-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;display:block}
.pf-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}
.pf-dots i{width:7px;height:7px;border-radius:50%;background:#fff9;box-shadow:0 0 0 1px #0004}
.pf-dots i.on{background:#fff}
.pf-pop span{display:block;padding:8px 12px;font:600 .85rem var(--body,inherit);color:#0b1728}
@media (prefers-reduced-motion:reduce){.pf-pop{transition:none}}

/* contact list: bold single-line icons */
.clist i{width:34px;height:34px;background:none;border-radius:0;color:var(--orange-d)}
.clist i svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.clist li{align-items:center}

/* portfolio pop-up: small square, see-through (change .6 to make it more or less solid) */
.pf-pop{--pf-op:.6}
.pf-pop.on{opacity:var(--pf-op)}
.pf-view{aspect-ratio:1/1}