/*
Theme Name: KRISBUD TARASY
Theme URI: https://example.com/
Author: KRISBUD
Description: Dedykowany motyw dla KRISBUD TARASY. Edytowalna strona główna, FAQ, opinie i przygotowana obsługa realizacji.
Version: 1.4.0
Text Domain: krisbud-tarasy
*/

:root{
  --ink:#171a17;
  --ink2:#222721;
  --paper:#f2eee5;
  --paper2:#e8e0d3;
  --cream:#faf7f1;
  --sand:#d7bea0;
  --bronze:#9a7657;
  --olive:#4f5a4d;
  --muted:#676b64;
  --line:rgba(23,26,23,.16);
  --max:1440px;
  --head:"Bahnschrift SemiCondensed","Aptos Display","Arial Narrow",Arial,sans-serif;
  --body:"Aptos","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button,input,textarea{font:inherit}
.shell{width:min(calc(100% - 88px),var(--max));margin-inline:auto}
.display{font-family:var(--head);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;line-height:.88;margin:0}
.display .accent{color:var(--bronze)}
.section-title{font-size:clamp(54px,6.4vw,100px)}
.page-title{font-size:clamp(76px,9vw,144px)}
.body-lg{font-size:clamp(18px,1.7vw,25px);line-height:1.55;color:var(--muted)}
.body{font-size:17px;line-height:1.72;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;border:1px solid transparent;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;transition:.22s ease;white-space:nowrap}
.btn-solid{background:var(--sand);color:#141614}.btn-solid:hover{background:#ead7bf;transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2c312b}
.btn-line{border-color:var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}
.btn-line-light{border-color:rgba(255,255,255,.62);color:#fff}.btn-line-light:hover{background:#fff;color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.text-link::after{content:"↗";font-size:16px}

.site-header{height:92px;position:absolute;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px;padding:0 max(30px,calc((100vw - var(--max))/2));color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.site-header.dark-header{position:relative;background:var(--ink);border-bottom-color:rgba(255,255,255,.12)}
.brand{display:flex;align-items:baseline;gap:8px;font-family:var(--head);font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
.brand-main{font-size:25px}.brand-sub{font-size:12px;letter-spacing:.08em;color:var(--sand)}
.main-nav{display:flex;justify-content:center;gap:42px;font-size:14px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.main-nav a{position:relative;padding:34px 0 32px}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:1px;background:var(--sand);transition:.25s}.main-nav a:hover::after,.main-nav a.active::after{right:0}
.header-phone{font-family:var(--head);font-weight:900;font-size:18px;letter-spacing:-.02em}.menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:100%;height:2px;background:#fff;margin:7px 0}

.hero{height:min(900px,100vh);min-height:760px;position:relative;color:#fff;overflow:hidden;display:flex;align-items:flex-end;background:#111}
.hero-bg{position:absolute;inset:0;background:url('assets/hero.webp') 58% center/cover no-repeat;transform:scale(1.02)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.78) 0%,rgba(7,9,7,.54) 42%,rgba(7,9,7,.12) 78%),linear-gradient(0deg,rgba(7,9,7,.45),transparent 52%)}
.hero-slash{position:absolute;right:-7vw;top:0;width:35vw;height:100%;background:rgba(25,30,25,.5);clip-path:polygon(46% 0,100% 0,100% 100%,0 100%)}
.hero-content{position:relative;z-index:4;padding-bottom:76px}
.hero h1{font-size:clamp(78px,9.8vw,156px);max-width:960px}
.hero-copy{font-size:clamp(18px,1.6vw,24px);line-height:1.5;max-width:720px;margin:28px 0 28px;color:rgba(255,255,255,.88)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-proof{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;max-width:720px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.24)}
.hero-proof strong{font-family:var(--head);font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-.03em}.hero-proof span{font-size:15px;color:rgba(255,255,255,.72);line-height:1.45}

.experience{background:var(--paper);display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;overflow:hidden}
.experience-copy{padding:110px 6vw 100px max(44px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}
.experience-copy .section-title{max-width:760px}.experience-copy .body-lg{max-width:690px;margin:30px 0 34px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);max-width:760px}.fact{padding:25px 18px 0 0}.fact+.fact{padding-left:24px;border-left:1px solid var(--line)}.fact strong{display:block;font-family:var(--head);font-size:clamp(32px,3vw,50px);font-weight:900;line-height:1;color:var(--bronze)}.fact span{display:block;margin-top:8px;font-size:13px;line-height:1.35;color:var(--muted)}
.experience-photo{min-height:760px;background:url('assets/scandinavian.webp') center/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}

.offer{background:var(--ink);color:#fff;padding:120px 0 135px}.offer-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:70px}.offer-head p{margin:0;color:#b8bdb5;max-width:560px}.offer-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:560px 360px;gap:18px}
.offer-card{position:relative;overflow:hidden;color:#fff}.offer-card img{position:absolute;inset:0}.offer-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,7,.74),rgba(7,8,7,.05) 58%)}.offer-card .card-copy{position:absolute;z-index:2;left:40px;right:40px;bottom:36px}.offer-card h3{font-family:var(--head);font-size:clamp(38px,4vw,66px);font-weight:900;letter-spacing:-.045em;text-transform:uppercase;line-height:.92;margin:0 0 12px}.offer-card p{max-width:520px;margin:0 0 18px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55}.offer-main{grid-row:span 2;clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.offer-top{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.offer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:transparent;overflow:visible}.offer-small{clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.offer-small .card-copy{left:28px;right:25px;bottom:26px}.offer-small h3{font-size:clamp(28px,2.5vw,42px)}

.materials{background:var(--cream);padding:130px 0}.materials-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:60px}.materials-head .body-lg{margin:0}.materials-split{display:grid;grid-template-columns:1fr 1fr;min-height:680px;overflow:hidden}.material{position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.material img{position:absolute;inset:0}.material::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,10,.74),rgba(10,12,10,.12) 65%)}.material.wood{clip-path:polygon(0 0,100% 0,90% 100%,0 100%);margin-right:-5vw;z-index:2}.material.composite{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);margin-left:-5vw;padding-left:5vw}.material-copy{position:relative;z-index:2;padding:50px 5vw}.material h3{font-family:var(--head);font-size:clamp(58px,6vw,92px);font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.88;margin:0 0 18px}.material p{font-size:16px;line-height:1.6;max-width:500px;color:rgba(255,255,255,.8)}

.craft{background:var(--ink2);color:#fff;display:grid;grid-template-columns:1.12fr .88fr;min-height:820px;overflow:hidden}.craft-photo{min-height:820px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.craft-copy{padding:100px max(44px,calc((100vw - var(--max))/2)) 90px 4vw;display:flex;flex-direction:column;justify-content:center}.craft-copy .section-title{max-width:700px}.craft-copy .body-lg{color:#bdc2ba;margin:28px 0 28px;max-width:650px}.craft-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.18);max-width:660px}.craft-list div{padding:18px 14px 18px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:15px;font-weight:750}.craft-list div:nth-child(even){padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}

.projects{background:var(--paper);padding:130px 0}.projects-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:56px}.projects-head .body{margin:0}.projects-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:360px 360px;gap:18px}.project-slot{position:relative;overflow:hidden;background:#cbc2b4;color:var(--ink);display:flex;align-items:flex-end;padding:38px}.project-slot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.project-slot strong{position:relative;z-index:1;font-family:var(--head);font-size:clamp(34px,3vw,52px);font-weight:900;text-transform:uppercase;letter-spacing:-.045em;line-height:.94;max-width:560px}.project-slot.main{grid-row:span 2;clip-path:polygon(0 0,93% 0,100% 100%,0 100%)}.project-slot.side{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}.project-slot.dark{background:#5d625a;color:#fff}.projects-actions{margin-top:34px}

.reviews{background:#11140f;color:#fff;padding:125px 0 115px}.reviews-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:90px;align-items:center}.reviews-side .section-title{font-size:clamp(54px,5.4vw,86px)}.reviews-side p{color:#adb3aa;max-width:480px;margin:26px 0 0}.reviews-main{border-left:1px solid rgba(255,255,255,.16);padding-left:70px;min-height:390px;display:flex;flex-direction:column;justify-content:center}.review-stars{letter-spacing:.25em;color:var(--sand);font-size:15px}.review-text{font-family:var(--head);font-size:clamp(31px,3.5vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.12;text-transform:none;margin:24px 0;color:#f5f2ea}.review-meta{font-size:13px;color:#aeb4ab;line-height:1.5}.review-controls{display:flex;align-items:center;gap:10px;margin-top:36px}.review-controls button{width:52px;height:52px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:20px;cursor:pointer}.review-controls button:hover{background:#fff;color:#111}.review-position{font-family:var(--head);font-weight:900;margin-left:12px;color:#a9afa7}

.other{background:var(--paper2);display:grid;grid-template-columns:.95fr 1.05fr;min-height:770px;overflow:hidden}.other-photo{background:url('assets/wood_detail.webp') center/cover no-repeat;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.other-copy{padding:100px 6vw 90px 3vw;display:flex;flex-direction:column;justify-content:center}.other-copy .section-title{max-width:760px}.other-copy .body{max-width:610px;margin:24px 0 30px}.service-lines{border-top:1px solid var(--line);max-width:690px}.service-lines a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-family:var(--head);font-weight:850;font-size:22px;letter-spacing:-.02em}.service-lines a::after{content:"↗"}

.faq{background:var(--cream);padding:130px 0}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}.faq-intro{position:sticky;top:40px}.faq-intro .body{max-width:460px;margin:26px 0 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;text-align:left;border:0;background:transparent;padding:25px 0;cursor:pointer;font-family:var(--head);font-size:clamp(23px,2.2vw,34px);font-weight:850;letter-spacing:-.025em;color:var(--ink)}.faq-q span:last-child{font-size:28px;font-weight:400;transition:.2s}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:.28s ease}.faq-a>div{overflow:hidden}.faq-a p{padding:0 58px 24px 0;margin:0;font-size:16px;line-height:1.72;color:var(--muted)}.faq-item.open .faq-a{grid-template-rows:1fr}

.final-cta{min-height:760px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.final-cta-bg{position:absolute;inset:0;background:url('assets/lifestyle.webp') center/cover no-repeat}.final-cta-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,8,.8),rgba(8,10,8,.28) 70%)}.final-cta-cut{position:absolute;right:-8vw;top:0;width:34vw;height:100%;background:rgba(28,32,27,.72);clip-path:polygon(44% 0,100% 0,100% 100%,0 100%)}.final-cta-content{position:relative;z-index:2}.final-cta .section-title{font-size:clamp(70px,8vw,124px);max-width:980px}.final-cta .body-lg{color:rgba(255,255,255,.82);max-width:700px;margin:28px 0}.phone-big{display:block;font-family:var(--head);font-size:clamp(32px,4vw,56px);font-weight:900;letter-spacing:-.03em;margin:0 0 28px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

.footer{background:#0c0f0c;color:#c5cbc2;padding:54px 0 92px}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:70px;align-items:start}.footer p{margin:0;font-size:12px;line-height:1.7}.footer-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.footer .brand{color:#fff}
.mobile-cta{display:none}

.page-hero{min-height:670px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden;background:#111}.page-hero-bg{position:absolute;inset:0;background:center/cover no-repeat}.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.79),rgba(7,9,7,.18) 75%)}.page-hero-cut{position:absolute;right:-7vw;inset-block:0;width:34vw;background:rgba(26,31,26,.58);clip-path:polygon(45% 0,100% 0,100% 100%,0 100%)}.page-hero-content{position:relative;z-index:2;padding-bottom:72px}.page-hero .body-lg{color:rgba(255,255,255,.84);max-width:760px;margin:28px 0 0}
.content-section{padding:120px 0;background:var(--paper)}.content-section.alt{background:var(--cream)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.two-col.reverse .media{order:2}.two-col .media{min-height:620px;overflow:hidden;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.two-col.reverse .media{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.two-col .copy .body-lg{margin:26px 0 28px}.bullets{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);max-width:720px}.bullets div{padding:16px 12px 16px 0;border-bottom:1px solid var(--line);font-weight:750}.bullets div:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}
.service-index{padding:120px 0;background:var(--ink);color:#fff}.service-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-index-card{position:relative;min-height:500px;overflow:hidden}.service-index-card img{position:absolute;inset:0}.service-index-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,5,.78),rgba(5,7,5,.08) 60%)}.service-index-card:nth-child(odd){clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}.service-index-card:nth-child(even){clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}.service-index-card .card-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:30px}.service-index-card h2{font-family:var(--head);font-size:clamp(42px,4.5vw,72px);font-weight:900;letter-spacing:-.05em;text-transform:uppercase;line-height:.9;margin:0 0 14px}.service-index-card p{max-width:560px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.55;margin:0}
.about-story{padding:120px 0;background:var(--paper)}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-image{min-height:720px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.about-copy .body-lg{margin:28px 0}.about-copy .body{max-width:700px}.about-values{margin-top:35px;border-top:1px solid var(--line)}.about-values div{padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--head);font-weight:850;font-size:22px}
.contact-page{padding:120px 0;background:var(--paper)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-card{background:var(--ink);color:#fff;padding:48px;clip-path:polygon(0 0,100% 0,100% 94%,10% 100%,0 100%)}.contact-card .phone-big{margin-top:28px}.contact-card p{color:#bcc1b9;line-height:1.7}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea{width:100%;border:1px solid var(--line);background:#fff;padding:15px 16px;color:var(--ink);outline:none}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--bronze)}
.realizations-page{padding:120px 0;background:var(--paper)}.realizations-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.realization-card{min-height:360px;background:#c9c0b1;display:flex;align-items:flex-end;padding:34px;position:relative;overflow:hidden}.realization-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent)}.realization-card strong{position:relative;z-index:2;font-family:var(--head);font-weight:900;font-size:clamp(32px,3vw,48px);text-transform:uppercase;letter-spacing:-.04em}.realization-card:nth-child(3n+1){grid-row:span 2;min-height:738px;clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.realization-card:nth-child(3n+2),.realization-card:nth-child(3n){clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.realization-card.dark{background:#5d6259;color:#fff}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .site-header{padding-inline:24px}.main-nav{display:none}.header-phone{display:none}.menu-toggle{display:block;justify-self:end}.main-nav.open{display:flex;position:absolute;top:92px;left:0;right:0;background:#10130f;flex-direction:column;gap:0;padding:10px 24px;border-top:1px solid rgba(255,255,255,.12)}.main-nav.open a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.main-nav.open a::after{display:none}
  .experience{grid-template-columns:1fr}.experience-photo{min-height:590px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.experience-copy{padding:80px 36px 100px}
  .offer-head,.materials-head,.projects-head{grid-template-columns:1fr;gap:26px}.offer-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 360px}.offer-main{grid-column:span 2;grid-row:auto;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}
  .materials-split{min-height:580px}.craft{grid-template-columns:1fr}.craft-photo{min-height:580px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.craft-copy{padding:80px 36px 100px}.reviews-grid{grid-template-columns:1fr;gap:50px}.reviews-main{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:48px 0 0}.other{grid-template-columns:1fr}.other-photo{min-height:540px;clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}.other-copy{padding:80px 36px 100px}.faq-layout{grid-template-columns:1fr;gap:55px}.faq-intro{position:static}.footer-grid{grid-template-columns:1fr;gap:28px}.two-col,.two-col.reverse,.about-grid,.contact-grid{grid-template-columns:1fr}.two-col.reverse .media{order:0}.two-col .media,.two-col.reverse .media,.about-image{min-height:560px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.contact-card{clip-path:none}.realizations-grid{grid-template-columns:1fr 1fr}.realization-card:nth-child(n){grid-row:auto;min-height:360px}.realization-card:nth-child(3n+1){grid-column:span 2;min-height:560px}
}
@media(max-width:720px){
  .shell{width:min(calc(100% - 32px),var(--max))}.site-header{height:74px;padding-inline:16px}.main-nav.open{top:74px}.brand-main{font-size:21px}.brand-sub{font-size:10px}.page-title{font-size:64px}.section-title{font-size:50px}.body-lg{font-size:18px}.body{font-size:16px}
  .hero{min-height:760px;height:auto}.hero h1{font-size:66px}.hero-content{padding-bottom:90px}.hero-copy{font-size:17px;max-width:540px}.hero-proof{grid-template-columns:1fr;gap:8px}.hero-proof strong{font-size:21px}.hero-slash{width:52vw;opacity:.7}.btn{min-height:52px;padding:0 18px}
  .experience-copy{padding:70px 16px 80px}.experience-photo{min-height:420px}.facts{grid-template-columns:1fr}.fact+.fact{padding-left:0;border-left:0}.fact{display:grid;grid-template-columns:90px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.fact strong{font-size:34px}.fact span{margin:0}
  .offer{padding:85px 0 95px}.offer-grid{display:grid;grid-template-columns:1fr;grid-template-rows:480px 420px 360px 360px}.offer-main,.offer-top,.offer-small{grid-column:auto;clip-path:none}.offer-bottom{display:contents}.offer-card .card-copy{left:24px;right:24px;bottom:24px}.offer-card h3{font-size:46px}.offer-small h3{font-size:38px}
  .materials{padding:90px 0}.materials-split{grid-template-columns:1fr;min-height:0}.material{min-height:500px}.material.wood,.material.composite{clip-path:none;margin:0;padding-left:0}.material-copy{padding:34px 24px}.material h3{font-size:58px}
  .craft-photo{min-height:420px}.craft-copy{padding:65px 24px 80px}.craft-list{grid-template-columns:1fr}.craft-list div:nth-child(even){padding-left:0;border-left:0}.projects{padding:90px 0}.projects-grid{grid-template-columns:1fr;grid-template-rows:330px 230px 230px}.project-slot.main{grid-row:auto}.project-slot{clip-path:none!important;padding:25px}.reviews{padding:90px 0}.reviews-main{min-height:360px}.review-text{font-size:32px}.other-photo{min-height:420px}.other-copy{padding:65px 24px 80px}.service-lines a{font-size:19px}.faq{padding:90px 0}.faq-q{font-size:24px;padding:21px 0}.faq-a p{padding-right:0}.final-cta{min-height:690px}.final-cta .section-title{font-size:58px}.final-cta-cut{display:none}.page-hero{min-height:610px}.page-hero-content{padding-bottom:55px}.page-hero .page-title{font-size:61px}.page-hero-cut{width:48vw}.content-section,.service-index,.about-story,.contact-page,.realizations-page{padding:90px 0}.two-col .media,.two-col.reverse .media,.about-image{min-height:420px}.bullets{grid-template-columns:1fr}.bullets div:nth-child(even){padding-left:0;border-left:0}.service-index-grid{grid-template-columns:1fr}.service-index-card{min-height:430px;clip-path:none!important}.contact-form{grid-template-columns:1fr}.realizations-grid{grid-template-columns:1fr}.realization-card:nth-child(n){grid-column:auto;min-height:290px;clip-path:none!important}
  .footer{padding-bottom:92px}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:80;left:0;right:0;bottom:0;height:58px;background:#11140f;color:#fff;border-top:1px solid rgba(255,255,255,.16)}.mobile-cta a{display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.11em}.mobile-cta a+a{border-left:1px solid rgba(255,255,255,.16)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* ===== V4 refinements ===== */
.display{
  line-height:.94;
  letter-spacing:-.045em;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.hero h1{line-height:.88}
.section-title{font-size:clamp(50px,5.8vw,90px)}
.page-title{font-size:clamp(70px,8.2vw,128px);line-height:.9}

.experience-stat{display:flex;align-items:end;gap:18px;border-top:1px solid var(--line);padding-top:24px;max-width:520px}
.experience-stat strong{font-family:var(--head);font-size:clamp(54px,5vw,82px);font-weight:900;line-height:.9;color:var(--bronze);letter-spacing:-.04em}
.experience-stat span{font-size:15px;line-height:1.35;color:var(--muted);max-width:210px;padding-bottom:6px}

.offer-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.offer-half{min-height:650px}
.offer-left{clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}
.offer-right{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}
.offer-extras{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.offer-extras a{padding:22px 18px;color:#fff;font-family:var(--head);font-weight:850;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.18)}
.offer-extras a:last-child{border-right:0}
.offer-extras a::after{content:"↗";float:right;color:var(--sand)}

.other-compact{background:var(--paper2);padding:82px 0}
.other-compact-grid{display:grid;grid-template-columns:.9fr 1.25fr auto;gap:56px;align-items:center}
.other-compact .section-title{font-size:clamp(48px,5vw,78px)}
.other-compact .body{max-width:480px;margin:20px 0 0}
.other-service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.other-service-grid a{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--head);font-size:20px;font-weight:850;letter-spacing:-.02em}
.other-service-grid a::after{content:"↗";float:right;color:var(--bronze)}

.service-index-grid-v4{grid-template-columns:1fr 1fr}
.service-index-grid-v4 .service-index-card{min-height:590px}
.service-links-v4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.service-links-v4 a{color:#fff;padding:22px 18px;border-right:1px solid rgba(255,255,255,.18);font-family:var(--head);font-weight:850;font-size:22px;text-transform:uppercase;letter-spacing:-.02em}
.service-links-v4 a:last-child{border-right:0}
.service-links-v4 a::after{content:"↗";float:right;color:var(--sand)}

.text-hero{background:var(--ink);color:#fff;padding:150px 0 110px}
.text-hero .page-title{max-width:1050px}
.text-hero .body-lg{color:#bcc1b9;max-width:760px;margin:30px 0 0}
.other-page{background:var(--paper);padding:110px 0 130px}
.other-page-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.other-page-grid article{padding:44px 42px 48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}
.other-page-grid h2{font-family:var(--head);font-size:clamp(34px,3.4vw,54px);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.96;margin:0 0 22px}
.other-page-grid p{font-size:17px;line-height:1.7;color:var(--muted);max-width:580px;margin:0}

.projects-head .section-title,.materials-head .section-title,.offer-head .section-title,.reviews-side .section-title,.craft-copy .section-title{max-width:900px}
.review-text{line-height:1.14}

@media (max-width:1100px){
  .offer-duo{grid-template-columns:1fr}.offer-half{min-height:540px;clip-path:none!important}
  .offer-extras,.service-links-v4{grid-template-columns:1fr 1fr}
  .offer-extras a:nth-child(2),.service-links-v4 a:nth-child(2){border-right:0}
  .offer-extras a:nth-child(-n+2),.service-links-v4 a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .other-compact-grid{grid-template-columns:1fr;gap:34px}
  .other-compact-grid>.btn{justify-self:start}
}

@media (max-width:720px){
  .display{line-height:.98;letter-spacing:-.035em}
  .hero h1{line-height:.9}
  .section-title{font-size:clamp(44px,13vw,62px)}
  .page-title{font-size:clamp(54px,15vw,74px)}
  .experience-stat{align-items:center}
  .offer-extras,.service-links-v4{grid-template-columns:1fr}
  .offer-extras a,.service-links-v4 a{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)!important}
  .other-compact{padding:68px 0}
  .other-service-grid{grid-template-columns:1fr}
  .text-hero{padding:110px 0 80px}
  .other-page{padding:75px 0 95px}
  .other-page-grid{grid-template-columns:1fr}
  .other-page-grid article{min-height:0;padding:32px 26px}
  .service-index-grid-v4{grid-template-columns:1fr}
  .service-index-grid-v4 .service-index-card{min-height:430px}
}

/* ===== V5 readability / typography audit ===== */
:root{
  --accent-on-light:#8f674c;
  --accent-on-dark:#dfc09d;
  --head:"Bahnschrift","Arial Narrow","Aptos Display",Arial,sans-serif;
}

/* Headings: keep the strong architectural character, but stop glyphs/diacritics
   from colliding on multi-line Polish copy. */
.display{
  line-height:1.02;
  letter-spacing:-.028em;
  text-wrap:balance;
}
.display .accent{color:var(--accent-on-light)}
.section-title{
  font-size:clamp(46px,5.1vw,80px);
  line-height:1.02;
  max-width:880px;
}
.page-title{
  font-size:clamp(66px,7.4vw,116px);
  line-height:.98;
  letter-spacing:-.03em;
}

/* Bright accent on every dark or photographic surface. */
.hero .accent,
.offer .accent,
.craft .accent,
.reviews .accent,
.final-cta .accent,
.page-hero .accent,
.text-hero .accent,
.footer .accent{
  color:var(--accent-on-dark);
}

/* Hero can stay bolder/tighter because the copy is short and has no stacked
   Polish diacritics. */
.hero h1{
  line-height:.92;
  letter-spacing:-.035em;
}

/* Give long split-layout headings enough breathing room. */
.craft-copy .section-title{
  font-size:clamp(48px,4.55vw,72px);
  line-height:1.04;
  max-width:610px;
}
.craft-copy{padding-right:max(64px,calc((100vw - var(--max))/2))}

.reviews-side .section-title{
  font-size:clamp(48px,4.8vw,74px);
  line-height:1.03;
}
.other-compact .section-title{
  font-size:clamp(44px,4.4vw,68px);
  line-height:1.03;
}

/* Card titles: no sub-1.0 line-height on multi-line titles. */
.offer-card h3,
.service-index-card h2,
.other-page-grid h2,
.project-slot strong{
  line-height:1.01;
  letter-spacing:-.025em;
}

/* Photo copy needs a little more separation from the image. */
.offer-card::after{
  background:linear-gradient(0deg,rgba(6,8,6,.86) 0%,rgba(6,8,6,.40) 43%,rgba(6,8,6,.08) 73%);
}
.material::after{
  background:linear-gradient(0deg,rgba(7,9,7,.84) 0%,rgba(7,9,7,.35) 48%,rgba(7,9,7,.08) 74%);
}
.service-index-card::after{
  background:linear-gradient(0deg,rgba(5,7,5,.86) 0%,rgba(5,7,5,.38) 48%,rgba(5,7,5,.08) 72%);
}
.offer-card .card-copy,
.material-copy,
.service-index-card .card-copy{
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}

/* The final CTA was the weakest contrast area in V4. Use a stronger left-side
   veil and a brighter warm accent rather than brown over brown/green. */
.final-cta-shade{
  background:
    linear-gradient(90deg,rgba(7,10,7,.94) 0%,rgba(7,10,7,.84) 38%,rgba(7,10,7,.60) 58%,rgba(7,10,7,.28) 82%),
    linear-gradient(0deg,rgba(5,7,5,.20),rgba(5,7,5,.10));
}
.final-cta-content{max-width:1060px;margin-left:max(0px,calc((100vw - var(--max))/2))}
.final-cta .section-title{
  font-size:clamp(62px,6.8vw,104px);
  line-height:1.0;
  max-width:880px;
  text-shadow:0 3px 24px rgba(0,0,0,.28);
}
.final-cta .body-lg,
.final-cta .phone-big,
.final-cta .cta-actions{
  position:relative;
  z-index:3;
}

/* General text wrapping safety. */
h1,h2,h3,strong,blockquote{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

@media (max-width:1100px){
  .section-title{font-size:clamp(45px,7vw,70px)}
  .craft-copy .section-title{font-size:clamp(45px,6.5vw,66px);max-width:820px}
  .craft-copy{padding-right:36px}
  .final-cta .section-title{font-size:clamp(58px,8vw,84px);max-width:760px}
}

@media (max-width:720px){
  .display{line-height:1.04;letter-spacing:-.022em}
  .section-title{font-size:clamp(42px,12vw,58px);line-height:1.04}
  .page-title{font-size:clamp(52px,14vw,70px);line-height:1.0}
  .hero h1{line-height:.94;letter-spacing:-.03em}
  .craft-copy .section-title{font-size:clamp(42px,11.5vw,56px);line-height:1.05}
  .reviews-side .section-title,.other-compact .section-title{font-size:clamp(42px,11vw,55px);line-height:1.05}
  .final-cta .section-title{font-size:clamp(50px,13vw,66px);line-height:1.03;max-width:92vw}
  .final-cta-shade{background:linear-gradient(90deg,rgba(7,10,7,.92),rgba(7,10,7,.68))}
}

/* WordPress helpers */
body.admin-bar .site-header{top:32px}
.custom-logo{display:block;max-width:190px;max-height:58px;width:auto;height:auto}
.wp-page-content{padding:90px 0;background:#f4f1e9}
.wp-page-content .entry-content{max-width:900px;margin:0 auto;font-size:18px;line-height:1.75;color:#252a25}
.wp-page-content .entry-content h2{font-family:var(--head);font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.035em;margin:70px 0 22px;text-transform:uppercase}
.wp-page-content .entry-content h3{font-family:var(--head);font-size:30px;margin:48px 0 16px;text-transform:uppercase}
.wp-page-content .entry-content p{margin:0 0 22px}
.wp-page-content .entry-content ul{padding-left:22px}
.admin-note{font-size:12px;color:#6d746d}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}

/* ===== V7 SEO architecture ===== */
.service-index-grid-v7{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.service-index-grid-v7 .service-index-card{
  min-height:560px;
  clip-path:none;
}
.service-index-grid-v7 .service-index-card:nth-child(1){clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}
.service-index-grid-v7 .service-index-card:nth-child(2){clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}
.service-index-grid-v7 .service-index-card:nth-child(3){clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}
.service-index-grid-v7 .service-index-card h2{font-size:clamp(34px,3.2vw,52px)}
.service-index-grid-v7 .text-link{margin-top:18px;color:#fff}

.seo-links{background:var(--paper2);padding:0 0 96px}
.seo-links-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.seo-links-grid a{padding:28px 26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s ease}
.seo-links-grid a:hover{background:rgba(255,255,255,.35)}
.seo-links-grid strong{display:block;font-family:var(--head);font-size:23px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}
.seo-links-grid span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.45}
.page-hero .page-title{max-width:1160px}

@media(max-width:1100px){
  .service-index-grid-v7{grid-template-columns:1fr}
  .service-index-grid-v7 .service-index-card{min-height:500px;clip-path:none!important}
  .seo-links-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .service-index-grid-v7 .service-index-card{min-height:410px}
  .seo-links{padding-bottom:70px}
  .seo-links-grid a{padding:24px 22px}
}
.main-nav .current-menu-item>a::after,
.main-nav .current_page_item>a::after{right:0}


/* ===== V8 production polish ===== */
/* WordPress wp_nav_menu outputs LI elements; reset markers so no bullets/dots appear. */
.main-nav>li{list-style:none;margin:0;padding:0}
.main-nav{gap:34px;font-size:16px;letter-spacing:.045em}
.main-nav a{padding:33px 0 31px}
.brand-main{font-size:28px}.brand-sub{font-size:13px}

/* The SEO H1 is longer than the original concept. Keep the premium scale without
   letting the content exceed the hero height on desktop. */
.hero{height:min(940px,100svh);min-height:820px}
.hero-content{padding-top:135px;padding-bottom:58px}
.hero h1{font-size:clamp(72px,7.15vw,112px);max-width:1220px;line-height:.93;letter-spacing:-.03em}
.hero-copy{margin:22px 0 24px}
.hero-proof{margin-top:28px;padding-top:20px}

/* Secondary offer links: editorial cards instead of a boxed table row. */
.secondary-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.secondary-service{position:relative;min-height:165px;padding:28px 62px 26px 26px;background:linear-gradient(145deg,#242923 0%,#1d211d 100%);overflow:hidden;transition:transform .22s ease,background .22s ease}
.secondary-service::before{content:"";position:absolute;right:-38px;top:-60px;width:105px;height:235px;background:rgba(215,190,160,.07);transform:rotate(19deg);transition:.22s ease}
.secondary-service strong{position:relative;z-index:2;display:block;font-family:var(--head);font-size:clamp(24px,1.8vw,31px);font-weight:900;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;color:#fff}
.secondary-service span{position:relative;z-index:2;display:block;margin-top:13px;font-size:15px;line-height:1.48;color:#aeb5ad;max-width:260px}
.secondary-service i{position:absolute;z-index:2;right:24px;top:25px;width:35px;height:35px;border:1px solid rgba(223,192,157,.42);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-on-dark);font-style:normal;font-size:18px}
.secondary-service:hover{transform:translateY(-3px);background:linear-gradient(145deg,#2a3029 0%,#20251f 100%)}
.secondary-service:hover::before{background:rgba(215,190,160,.12)}

@media(max-width:1280px){
  .main-nav{gap:25px;font-size:15px}
  .site-header{gap:28px}
  .hero h1{font-size:clamp(68px,7vw,96px);max-width:1050px}
  .secondary-services{grid-template-columns:1fr 1fr}
}
@media(max-width:1100px){
  .hero{height:auto;min-height:820px}
  .hero-content{padding-top:150px;padding-bottom:70px}
  .hero h1{font-size:clamp(68px,9vw,90px);max-width:900px}
  .main-nav.open>li{list-style:none;width:100%}
}
@media(max-width:720px){
  .hero{min-height:760px}
  .hero-content{padding-top:120px;padding-bottom:86px}
  .hero h1{font-size:clamp(54px,15vw,68px);line-height:.95;max-width:100%}
  .secondary-services{grid-template-columns:1fr;gap:10px}
  .secondary-service{min-height:145px;padding:25px 58px 24px 22px}
  .secondary-service strong{font-size:27px}
}

/* ===== V9 logo, referrals and native contact form ===== */
.brand{align-items:center;gap:0;min-width:215px}
.brand-logo{display:block;width:auto;height:auto;max-width:230px;max-height:72px;object-fit:contain}
.site-header .custom-logo{max-width:230px;max-height:72px;object-fit:contain}
.footer-brand{min-width:260px}
.footer .brand-logo,.footer .custom-logo{max-width:265px;max-height:88px}

/* Keep the enlarged menu readable with the wider brand. */
.site-header{grid-template-columns:minmax(210px,auto) 1fr auto}
@media(max-width:1280px){
  .brand{min-width:185px}.brand-logo,.site-header .custom-logo{max-width:195px;max-height:64px}
}
@media(max-width:1100px){
  .brand{min-width:0}.brand-logo,.site-header .custom-logo{max-width:210px;max-height:64px}
}
@media(max-width:720px){
  .brand-logo,.site-header .custom-logo{max-width:168px;max-height:54px}
  .footer .brand-logo,.footer .custom-logo{max-width:235px;max-height:78px}
}

.recommendations-placeholder{border-left:1px solid rgba(255,255,255,.16);padding:64px 0 64px 70px;min-height:330px;display:flex;flex-direction:column;justify-content:center}
.recommendations-placeholder strong{font-family:var(--head);font-size:clamp(34px,3.4vw,56px);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:-.035em;color:#fff}
.recommendations-placeholder p{max-width:640px;margin:25px 0 0;color:#b7bdb4;font-size:18px;line-height:1.65}
.recommendations-placeholder .admin-note{display:inline-block;margin-top:20px;color:var(--accent-on-dark)}

.contact-form-wrap h2{font-family:var(--head);font-size:clamp(44px,5vw,76px);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 12px}
.contact-form-wrap>.body{max-width:680px;margin:0 0 32px}
.contact-form{position:relative}
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.consent-field label{display:flex;align-items:flex-start;gap:11px;font-size:13px;font-weight:600;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--muted);cursor:pointer}
.consent-field input{width:auto!important;min-width:18px;height:18px;margin:1px 0 0;padding:0}
.form-notice{margin:0 0 26px;padding:16px 18px;border-left:4px solid var(--bronze);background:#ebe5da;font-weight:700;line-height:1.45}
.form-notice.success{border-left-color:#4f6a50;background:#e5ece3;color:#273c29}
.form-notice.error{border-left-color:#9b5149;background:#f1e2df;color:#6c302b}
.contact-extra{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}
.contact-title{font-size:clamp(50px,5vw,78px);line-height:.95}

@media(max-width:1100px){
  .recommendations-placeholder{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:48px 0 0;min-height:0}
}
@media(max-width:720px){
  .recommendations-placeholder{padding-top:38px}
  .recommendations-placeholder p{font-size:16px}
  .contact-form-wrap h2{font-size:48px}
}

/* ===== V10 integration polish ===== */
/* The full illustrated logo is too detailed for the 92px header. Use a clean,
   site-native wordmark there and keep the approved logo for footer/favicon. */
.brand-wordmark{display:inline-flex;align-items:center;gap:12px;min-width:210px;line-height:1}
.brand-mark{position:relative;width:26px;height:34px;flex:0 0 26px}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;left:0;background:var(--sand);transform:skewX(-28deg)}
.brand-mark::before{top:3px;width:25px;height:7px}
.brand-mark::after{top:16px;width:18px;height:7px}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.brand-copy strong{font-family:var(--head);font-size:29px;font-weight:900;letter-spacing:-.035em;color:#fff}
.brand-copy small{font-family:var(--body);font-size:10px;font-weight:800;letter-spacing:.28em;color:var(--accent-on-dark)}

.footer-brand{display:inline-flex;align-items:center;max-width:330px}
.footer-logo{display:block;width:100%;max-width:320px;height:auto;object-fit:contain}

/* Restore the intended editorial balance of the experience section. */
.experience{min-height:650px}
.experience-copy{padding-top:82px;padding-bottom:82px}
.experience-photo{min-height:650px}
.experience-copy .body-lg{margin-top:25px;margin-bottom:28px}
.experience-stat{margin-top:2px;max-width:470px;padding-top:20px}
.experience-stat strong{font-size:clamp(52px,4.4vw,70px)}

/* Reviews should feel like a real part of the page, not a placeholder panel. */
.reviews{padding-top:105px;padding-bottom:105px}
.reviews-main{min-height:340px}
.review-text{font-size:clamp(30px,3vw,47px);line-height:1.16}

@media(max-width:1280px){
  .brand-wordmark{min-width:180px;gap:10px}
  .brand-copy strong{font-size:25px}
  .brand-copy small{font-size:9px}
  .brand-mark{width:23px;flex-basis:23px}
}
@media(max-width:1100px){
  .brand-wordmark{min-width:0}
  .experience,.experience-photo{min-height:560px}
  .experience-copy{padding-top:70px;padding-bottom:70px}
}
@media(max-width:720px){
  .brand-wordmark{gap:8px}
  .brand-copy strong{font-size:22px}
  .brand-copy small{font-size:8px;letter-spacing:.23em}
  .brand-mark{width:20px;height:30px;flex-basis:20px}
  .brand-mark::before{width:20px;height:6px}
  .brand-mark::after{width:15px;height:6px;top:14px}
  .experience{min-height:0}
  .experience-photo{min-height:390px}
  .experience-copy{padding-top:64px;padding-bottom:64px}
  .footer-logo{max-width:270px}
}