/* Root Restoration and Creation — site stylesheet.
   Design contract: see DESIGN.md. Colors only via the tokens below. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0e0c09;--dark:#16120c;--warm:#1e1810;--mid:#2a2218;
  --gold:#c9a84c;--gold-l:#e2c97a;--gold-d:#7a6530;
  --cream:#f5f0e8;--parch:#ede5d0;--parch-d:#b8a98a;
  --text:#d4c9b0;
  --border:rgba(201,168,76,0.18);--border-m:rgba(201,168,76,0.30);
}
body{font-family:'EB Garamond',Georgia,serif;font-size:20.5px;line-height:1.75;background:var(--dark);color:var(--text);overflow-x:hidden}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.15;color:var(--cream)}
h1{font-size:clamp(2.4rem,6vw,4.2rem)}
h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1.2rem}
h3{font-size:1.4rem;color:var(--gold-l);margin-bottom:.7rem}
p{margin-bottom:1.1rem}p:last-child{margin-bottom:0}
a{color:var(--gold-d);text-decoration:none;transition:color .2s}
a:hover{color:var(--gold-l)}
em{font-style:italic;color:var(--gold-l)}
:focus-visible{outline:1px solid var(--gold-l);outline-offset:2px}
.label{font-family:'Cormorant SC',serif;font-size:.84rem;letter-spacing:.32em;color:var(--gold-d);margin-bottom:.8rem;display:block}
.container{max-width:1060px;margin:0 auto;padding:0 2rem}
.narrow{max-width:720px;margin:0 auto;padding:0 2rem}
section{padding:5.5rem 0}

.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--black);color:var(--gold-l);padding:.8rem 1.2rem;font-family:'Cormorant SC',serif;font-size:.76rem;letter-spacing:.2em;border:1px solid var(--border-m)}
.skip-link:focus{left:0}

nav{position:fixed;top:0;left:0;right:0;z-index:200;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:rgba(14,12,9,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.nav-brand{cursor:pointer;display:flex;flex-direction:column;gap:2px}
.nav-brand-name{font-family:'Cormorant SC',serif;font-size:1.08rem;letter-spacing:.18em;color:var(--gold-l);line-height:1}
.nav-brand-tag{font-family:'EB Garamond',serif;font-style:italic;font-size:.76rem;letter-spacing:.2em;color:var(--gold-d)}
.nav-links{display:flex;gap:2.2rem;list-style:none;align-items:center}
.nav-links a{font-family:'Cormorant SC',serif;font-size:.82rem;letter-spacing:.2em;color:var(--parch-d);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--gold-l)}
.nav-inquire{border:1px solid var(--border-m);padding:.55rem 1.4rem;color:var(--gold) !important}
.nav-inquire:hover{background:rgba(201,168,76,.08)}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--black);position:relative;padding-top:68px}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 50% 55%,rgba(139,74,42,.07) 0%,transparent 70%)}
.hero-bg{position:absolute;inset:0;background:url('../assets/madonna-hero.webp') center 28%/cover no-repeat;opacity:.14}
.hero-inner{text-align:center;max-width:820px;padding:0 2rem;position:relative;z-index:1}
.hero-rule{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem}
.hero-rule-line{width:72px;height:1px;background:linear-gradient(to right,transparent,var(--gold-d))}
.hero-rule-line.r{background:linear-gradient(to left,transparent,var(--gold-d))}
.hero-emblem svg{width:32px;height:32px}
.hero-sub-label{font-family:'Cormorant SC',serif;font-size:.89rem;letter-spacing:.45em;color:var(--gold-d);margin-bottom:1.4rem}
.hero-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(3rem,9vw,6.5rem);line-height:.95;color:var(--cream);margin-bottom:.3rem}
.hero-subtitle{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.1rem,2.5vw,1.55rem);color:var(--parch-d);font-weight:300;margin:1.4rem 0 2.2rem}
.hero-body{font-size:1.1rem;max-width:540px;margin:0 auto 2.5rem;color:var(--text);line-height:1.85}
.btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-gold{display:inline-block;text-align:center;font-family:'Cormorant SC',serif;font-size:.82rem;letter-spacing:.24em;background:var(--gold);color:var(--dark);border:1px solid var(--gold);padding:1rem 2.4rem;cursor:pointer;transition:all .25s}
.btn-gold:hover{background:var(--gold-l);border-color:var(--gold-l);color:var(--dark)}
.btn-outline{display:inline-block;text-align:center;font-family:'Cormorant SC',serif;font-size:.82rem;letter-spacing:.24em;background:transparent;color:var(--gold);border:1px solid var(--border-m);padding:1rem 2.4rem;cursor:pointer;transition:all .25s}
.btn-outline:hover{border-color:var(--gold);color:var(--gold-l)}

.faith-strip{background:var(--warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3.5rem 0;text-align:center}
.faith-strip p{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(1.3rem,2.5vw,1.67rem);color:var(--parch);line-height:1.65;max-width:700px;margin:0 auto}
.orn{display:flex;align-items:center;gap:.9rem;margin:1.5rem auto;max-width:280px}
.orn::before,.orn::after{content:'';flex:1;height:1px;background:var(--border)}
.orn-x{width:12px;height:12px;position:relative;flex-shrink:0}
.orn-x::before,.orn-x::after{content:'';position:absolute;background:var(--gold-d)}
.orn-x::before{width:1px;height:100%;left:50%;top:0;transform:translateX(-50%)}
.orn-x::after{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}

.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--border);margin-top:3rem}
.svc-card{display:block;background:var(--warm);padding:2.2rem 1.8rem;cursor:pointer;position:relative;transition:background .25s;border:none;text-align:left;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .35s;z-index:2}
.svc-card:hover{background:var(--mid)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;transition:opacity .35s}
.svc-card:hover .svc-bg{opacity:.2}
.svc-fg{position:relative;z-index:1}
.svc-num{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.3em;color:var(--gold-d);margin-bottom:1rem}
.svc-card h3{font-size:1.2rem;color:var(--cream);margin-bottom:.6rem}
.svc-card p{font-size:1rem;color:var(--parch-d);line-height:1.6;margin:0}

.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}
.pillar{padding:1.5rem 0;border-bottom:1px solid var(--border);display:flex;gap:1.1rem;align-items:flex-start}
.pillar:first-child{border-top:1px solid var(--border)}
.pillar-icon{width:28px;height:28px;flex-shrink:0;border:1px solid var(--border-m);display:flex;align-items:center;justify-content:center;margin-top:3px}
.pillar-icon svg{width:12px;height:12px}
.pillar h4{font-family:'Cormorant SC',serif;font-size:.89rem;letter-spacing:.14em;color:var(--gold-l);margin-bottom:.25rem;font-weight:400}
.pillar p{font-size:1rem;color:var(--parch-d);margin:0;line-height:1.6}

.pull-quote{max-width:640px;margin:0 auto;border:1px solid var(--border);padding:2.8rem 2rem;text-align:center;position:relative}
.pull-quote::before{content:'\201C';position:absolute;top:-1.1rem;left:50%;transform:translateX(-50%);font-family:'Cormorant Garamond',serif;font-size:4.5rem;color:var(--gold);line-height:1;background:var(--black);padding:0 .7rem}
.pull-quote p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.24rem,2.5vw,1.57rem);color:var(--parch);line-height:1.65;margin-bottom:1.2rem}
.pull-quote cite{font-family:'Cormorant SC',serif;font-size:.73rem;letter-spacing:.28em;color:var(--gold-d);font-style:normal}

.cta-strip{background:var(--mid);border-top:1px solid var(--border);padding:4.5rem 0;text-align:center}
.cta-strip h2{margin-bottom:.8rem}
.cta-strip p{font-size:1.08rem;color:var(--parch-d);margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}

.page-hero{background:var(--black);padding:calc(68px + 4.5rem) 0 4.5rem;border-bottom:1px solid var(--border)}
.page-hero .lead{font-style:italic;font-size:clamp(1.13rem,2vw,1.4rem);color:var(--parch-d);line-height:1.7;font-weight:300;max-width:640px;margin-top:1.2rem}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem}
.about-col h3{padding-bottom:.9rem;border-bottom:1px solid var(--border)}
.about-col p{font-size:1.06rem;color:var(--text);line-height:1.8}
.side-pull{background:var(--warm);border:1px solid var(--border);border-left:3px solid var(--gold);padding:1.8rem 2.2rem;margin:2rem 0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.24rem;color:var(--parch);line-height:1.7}
.cred-list{display:flex;flex-direction:column}
.cred{padding:1rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.2rem}
.cred:first-child{border-top:1px solid var(--border)}
.cred-label{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.26em;color:var(--gold-d)}
.cred-val{font-size:1.03rem;color:var(--parch)}

.press-item{display:flex;gap:2rem;padding:2.2rem;border:1px solid var(--border);background:var(--warm);max-width:740px}
.press-outlet{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.26em;color:var(--gold-d);white-space:nowrap;padding-top:.3rem;min-width:120px}
.press-body h4{font-family:'Cormorant Garamond',serif;font-size:1.17rem;color:var(--cream);margin-bottom:.4rem;font-weight:400}
.press-body p{font-size:.99rem;color:var(--parch-d);line-height:1.65;margin-bottom:.7rem}
.press-link{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.2em;color:var(--gold-d)}
.press-link:hover{color:var(--gold-l)}
.ig-strip{background:var(--warm);border-top:1px solid var(--border);padding:1.8rem 0;text-align:center}
.ig-link{display:inline-flex;align-items:center;gap:.7rem;font-family:'Cormorant SC',serif;font-size:.82rem;letter-spacing:.24em;color:var(--gold-d)}
.ig-link:hover{color:var(--gold-l)}
.ig-link svg{width:17px;height:17px;flex-shrink:0}

.svc-index{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem}
.svc-index a{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.18em;color:var(--gold-d);border:1px solid var(--border);padding:.35rem .9rem;transition:color .25s,border-color .25s}
.svc-index a:hover{color:var(--gold-l);border-color:var(--border-m)}

.svc-item{padding:2.6rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:200px 1fr;gap:2.5rem;align-items:start;scroll-margin-top:84px}
.svc-item:last-child{border-bottom:none}
.svc-meta{position:sticky;top:84px}
.svc-meta h2{font-size:1.6rem;color:var(--gold-l);margin:0}
.svc-detail p{font-size:1.06rem;color:var(--text);line-height:1.8}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.3rem}
.tag{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.18em;color:var(--gold-d);border:1px solid var(--border);padding:.28rem .75rem}

.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);margin-top:2.8rem}
.step{padding:1.8rem 1.6rem;border-right:1px solid var(--border)}
.step:last-child{border-right:none}
.step:nth-child(4),.step:nth-child(5),.step:nth-child(6){border-top:1px solid var(--border)}
.step:nth-child(3n){border-right:none}
.step-n{font-family:'Cormorant Garamond',serif;font-size:2.3rem;color:var(--border-m);line-height:1;margin-bottom:.65rem;font-weight:300}
.step h4{font-family:'Cormorant SC',serif;font-size:.82rem;letter-spacing:.18em;color:var(--gold-l);font-weight:400;margin-bottom:.4rem}
.step p{font-size:.95rem;color:var(--parch-d);line-height:1.6;margin:0}

.port-hero{min-height:60vh;display:flex;align-items:flex-end;position:relative;padding-top:68px;overflow:hidden;background:var(--black)}
.port-video-bg{position:absolute;inset:0;z-index:0}
.port-video-bg video{width:100%;height:100%;object-fit:cover;opacity:.3}
.port-video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,12,9,.5) 0%,rgba(14,12,9,.85) 100%);z-index:1}
.port-hero-content{position:relative;z-index:2;padding:3rem 2rem 4rem;max-width:1060px;width:100%;margin:0 auto}
.port-hero-content .lead{font-style:italic;font-size:1.24rem;color:var(--parch-d);max-width:560px}
.port-credit{font-family:'Cormorant SC',serif;font-size:.72rem;letter-spacing:.22em;color:var(--parch-d);margin-top:1.2rem}
.port-credit a{color:var(--parch-d)}
.port-credit a:hover{color:var(--gold-l)}

.port-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.port-caption{position:relative;z-index:2;padding:1.1rem;background:linear-gradient(to top,rgba(14,12,9,.97) 0%,transparent 100%)}
.port-caption h4{font-family:'Cormorant Garamond',serif;font-size:1.08rem;color:var(--cream);font-weight:400;margin-bottom:.15rem}
.port-caption span{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.2em;color:var(--gold-l)}
.pitem-desc{font-family:'EB Garamond',serif;font-size:.89rem;line-height:1.5;color:var(--parch-d);margin-top:.35rem}
/* On pointer devices the description would otherwise sit over the artwork
   permanently; touch devices keep it visible since they cannot hover. */
@media(hover:hover){
  .pitem .pitem-desc{opacity:0;transition:opacity .3s}
  .pitem:hover .pitem-desc,.pitem:focus-visible .pitem-desc,.pitem:focus-within .pitem-desc{opacity:1}
}
.port-note{margin-top:2.5rem;padding:1.4rem 1.8rem;border:1px solid var(--border);background:var(--warm);text-align:center}
.port-note p{font-style:italic;font-size:1.03rem;color:var(--parch-d);margin:0}

.home-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;margin:2.8rem 0 2.5rem}

.pitem{display:block;position:relative;border:1px solid var(--border);background:var(--mid);overflow:hidden;cursor:pointer;aspect-ratio:4/5}
.pitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.pitem:hover img{transform:scale(1.045)}
.pitem .port-caption{position:absolute;left:0;right:0;bottom:0;pointer-events:none}

.port-sec{margin-top:5rem;scroll-margin-top:84px}
.port-sec:first-child{margin-top:0}
.port-intro{font-style:italic;color:var(--parch-d);max-width:640px;margin:-.3rem 0 2rem}

.ba-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.ba-pair{border:1px solid var(--border);background:var(--mid)}
.ba-imgs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.ba-imgs figure{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;cursor:pointer}
.ba-imgs img{width:100%;height:100%;object-fit:cover;display:block}
.ba-tag{position:absolute;top:.55rem;left:.55rem;font-family:'Cormorant SC',serif;font-size:.63rem;letter-spacing:.22em;padding:.22rem .55rem;background:rgba(14,12,9,.8);color:var(--gold-l);border:1px solid var(--border-m);pointer-events:none}
.ba-cap{padding:.95rem 1.1rem .4rem}
.ba-cap h4{font-family:'Cormorant Garamond',serif;font-size:1.08rem;color:var(--cream);font-weight:400;margin-bottom:.15rem}
.ba-cap span{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.2em;color:var(--gold-l)}
.ba-desc{font-size:.95rem;color:var(--parch-d);line-height:1.6;padding:.5rem 1.1rem 1.1rem;margin:0}

.about-wide-fig{margin-bottom:3.5rem;border:1px solid var(--border)}
.about-wide-fig img{width:100%;height:auto;display:block}
.about-wide-fig figcaption{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.2em;color:var(--parch-d);padding:.7rem 1rem;border-top:1px solid var(--border);text-align:center}

.about-fig{margin-top:2rem;border:1px solid var(--border)}
.about-fig img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.about-fig figcaption{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.2em;color:var(--parch-d);padding:.7rem 1rem;border-top:1px solid var(--border)}

.lb{position:fixed;inset:0;z-index:400;background:rgba(10,8,6,.95);display:none;cursor:zoom-out;overflow-y:auto}
.lb.open{display:flex}
.lb-inner{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem}
.lb img{max-width:94vw;max-height:82vh;border:1px solid var(--border-m);object-fit:contain}
.lb-cap{font-family:'Cormorant SC',serif;letter-spacing:.22em;font-size:.78rem;color:var(--gold-l);text-align:center}
.lb-desc{display:none;max-width:640px;font-family:'EB Garamond',serif;font-size:1.06rem;line-height:1.75;color:var(--parch-d);text-align:left;cursor:auto}
.lb-desc p{margin:0 0 1rem}
.lb-desc p:last-child{margin-bottom:0}
.lb-close{position:fixed;top:1.2rem;right:1.5rem;width:2.2rem;height:2.2rem;background:transparent;border:1px solid var(--border-m);color:var(--gold-l);font-family:'Cormorant SC',serif;font-size:1.1rem;line-height:1;cursor:pointer;z-index:401}

.contact-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:4.5rem;align-items:start}
.contact-info h3{margin-bottom:1.3rem}
.contact-info p{font-size:1.04rem;color:var(--text);line-height:1.75}
.c-row{padding:.9rem 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.18rem}
.c-row:first-child{border-top:1px solid var(--border)}
.c-label{font-family:'Cormorant SC',serif;font-size:.67rem;letter-spacing:.26em;color:var(--gold-d)}
.c-val{font-size:1.03rem;color:var(--parch)}
.c-val a{color:var(--parch)}
.c-val a:hover{color:var(--gold-l)}
.c-include{margin-top:1.8rem;padding:1.4rem;border:1px solid var(--border)}
.c-include h4{font-family:'Cormorant SC',serif;font-size:.73rem;letter-spacing:.22em;color:var(--gold-d);margin-bottom:.9rem;font-weight:400}
.c-include ul{list-style:none;display:flex;flex-direction:column;gap:.38rem}
.c-include li{font-size:.99rem;color:var(--parch-d);padding-left:.9rem;position:relative;line-height:1.5}
.c-include li::before{content:'\2014';position:absolute;left:0;color:var(--gold-d);font-size:.78rem}
.form{display:flex;flex-direction:column;gap:1.1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.fg{display:flex;flex-direction:column;gap:.35rem}
.fg label{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.26em;color:var(--gold-d)}
.fg input,.fg select,.fg textarea{background:var(--black);border:1px solid var(--border);color:var(--parch);font-family:'EB Garamond',serif;font-size:1.08rem;padding:.7rem .9rem;outline:none;transition:border-color .25s;width:100%;appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold-d)}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(184,169,138,.28);font-style:italic}
.fg textarea{resize:vertical;min-height:130px}
.fg select option{background:var(--dark)}
.form-note{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.14em;color:var(--parch-d);text-align:center}
.form-note a{color:var(--parch-d)}
.form-note a:hover{color:var(--gold-l)}

footer{background:var(--black);border-top:1px solid var(--border);padding:2.5rem 0}
.foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem}
.foot-brand-name{font-family:'Cormorant SC',serif;font-size:.89rem;letter-spacing:.18em;color:var(--gold-d)}
.foot-brand-tag{font-family:'EB Garamond',serif;font-style:italic;font-size:.84rem;color:var(--parch-d)}
.foot-links{display:flex;gap:1.8rem;list-style:none;flex-wrap:wrap}
.foot-links a{font-family:'Cormorant SC',serif;font-size:.7rem;letter-spacing:.18em;color:var(--parch-d);transition:color .2s}
.foot-links a:hover{color:var(--gold-l)}
.foot-copy{font-family:'Cormorant SC',serif;font-size:.65rem;letter-spacing:.15em;color:rgba(184,169,138,.6)}

@media(max-width:860px){
  .nav-brand-tag{display:none}
  .nav-links{gap:1.1rem}
  .nav-links a{font-size:.71rem;letter-spacing:.12em}
  .nav-inquire{padding:.45rem .9rem}
  .svc-grid{grid-template-columns:1fr}
  .why-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:2.5rem}
  .svc-item{grid-template-columns:1fr;gap:1.2rem}
  .svc-meta{position:static}
  .process-grid{grid-template-columns:1fr}
  .step{border-right:none;border-bottom:1px solid var(--border)}
  .step:last-child{border-bottom:none}
  .step:nth-child(4),.step:nth-child(5),.step:nth-child(6){border-top:none}
  .port-grid{grid-template-columns:1fr 1fr}
  .ba-grid{grid-template-columns:1fr}
  .home-gallery{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .press-item{flex-direction:column;gap:1rem}
  nav{padding:0 1.2rem}
}
@media(max-width:600px){
  nav{height:auto;flex-wrap:wrap;padding:.7rem 1rem;row-gap:.4rem}
  .nav-links{width:100%;justify-content:space-between;gap:.5rem}
  .nav-links a{font-size:.67rem;letter-spacing:.08em}
  .nav-inquire{padding:.3rem .7rem}
  .hero,.page-hero{padding-top:96px}
  .port-hero{padding-top:96px}
}
@media(max-width:540px){
  .port-grid{grid-template-columns:1fr}
  .btn-row{flex-direction:column;align-items:center}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
  .pitem:hover img{transform:none}
  .port-video-bg video{display:none}
}