/*
Theme Name: Simple Assembly Concepts
Version: 1.0
*/
:root{--ink:#2c3134;--gold:#f8b217;--paper:#fff;--soft:#f6f4ee;--rule:#dedbd3;--muted:#55595b}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 "Segoe UI",Arial,sans-serif}
.wp-site-blocks{padding:0}
:where(.wp-site-blocks) > *{margin-block:0}
a{color:inherit;text-underline-offset:.24em}
a:focus-visible,summary:focus-visible{outline:3px solid #a56e00;outline-offset:4px}
img{max-width:100%;height:auto;vertical-align:middle}
h1,h2,h3,p,figure,ul{margin:0}
h1,h2,h3{line-height:1.03;letter-spacing:-.045em}
h1{font-size:clamp(2.9rem,5.1vw,5.7rem)}
h2{font-size:clamp(2.15rem,3.65vw,4rem)}
h3{font-size:clamp(1.3rem,2.1vw,2rem)}
.shell{max-width:1440px;margin-inline:auto;padding-inline:clamp(22px,5.5vw,85px)}
section.shell{padding-block:clamp(56px,7vw,112px)}
.kicker{font-size:.73rem;font-weight:800;letter-spacing:.17em;line-height:1.35;text-transform:uppercase}
.lede{font-size:clamp(1.06rem,1.5vw,1.25rem);max-width:49ch}
.hero-note{font-size:.88rem;font-weight:650}
.mast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding-block:18px;border-bottom:1px solid var(--rule)}
.brand-mark img{width:clamp(120px,13vw,180px);height:auto;object-fit:contain}
.navlinks{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(12px,2.4vw,36px);font-size:.92rem;font-weight:650}
.navlinks a{text-decoration:none}
.navlinks a:hover,.text-link a:hover{text-decoration:underline}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:8px;color:#202224;background:var(--gold);font-size:.9rem;font-weight:750;line-height:1.25}
.wp-block-button__link:hover{background:#ffca52;color:#202224}
.wp-block-button + .wp-block-button .wp-block-button__link{color:inherit;background:transparent;border-color:currentColor}
.hero,.types,.transport,.preparation,.coverage,.faq,.close{display:grid;gap:clamp(24px,5vw,74px);align-items:center}
.hero{grid-template-columns:1fr 1fr}
.hero-copy,.type-copy,.transport-copy,.prep-title,.prep-body,.areas,.proof,.faq-intro,.close-copy,.card-copy{display:grid;gap:16px;justify-items:start}
.hero-copy{gap:22px}
.hero-image img,.service-card img,.mosaic img,.transport > figure img{display:block;width:100%;height:100%;object-fit:cover}
.hero-image{min-width:0}
.hero-image img{aspect-ratio:1.05}
.services > h2{margin:12px 0 30px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-card{min-width:0;background:white;border:1px solid var(--rule);overflow:hidden}
.service-card img{aspect-ratio:1.52}
.card-copy{padding:24px}
.text-link{font-weight:750}
.types{grid-template-columns:1fr 1fr;background:var(--soft)}
.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.mosaic figure:first-child{grid-row:span 2}
.mosaic img{min-height:125px;aspect-ratio:1.5}
.mosaic figure:first-child img{aspect-ratio:.72}
.transport{grid-template-columns:.9fr 1.1fr}
.transport > figure img{aspect-ratio:1.02}
.wp-block-table{width:100%;max-width:100%;margin:2px 0 0;color:var(--ink)}
.wp-block-table table{border-collapse:collapse;width:100%;background:white;font-size:.94rem;line-height:1.42}
.wp-block-table thead{border:0}
.wp-block-table td,.wp-block-table th{padding:12px 14px;border:0;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.wp-block-table thead th{background:var(--ink);color:white}
.wp-block-table tbody th{width:32%}
.wp-block-table tbody tr:nth-child(even){background:#faf8f2}
.wp-block-table figcaption{text-align:left;font-size:.8rem;margin-top:8px}
.preparation{grid-template-columns:.9fr 1.1fr;background:var(--soft)}
.prep-body ul,.foot ul{padding-left:20px}
.prep-body li+li{margin-top:8px}
.coverage{grid-template-columns:1.4fr .7fr}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips a{display:inline-flex;padding:4px 11px;border:1px solid var(--rule);border-radius:100px;font-size:.9rem}
.proof{padding:26px;border-left:4px solid var(--gold);background:var(--soft)}
.faq{grid-template-columns:.7fr 1.3fr;align-items:start;background:var(--soft)}
.faq-list details{padding:14px 0;border-bottom:1px solid var(--rule)}
.faq-list summary{cursor:pointer;font-weight:750}
.faq-list details p{margin-top:9px}
.close{grid-template-columns:1fr auto;background:var(--gold)}
.close .wp-block-button:first-child a{background:var(--ink);color:white}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px;padding-block:48px 22px;border-top:1px solid var(--rule)}
.foot h3{font-size:1.1rem;margin-bottom:10px}
.foot-brand p{margin-top:12px;max-width:30ch}
.foot-legal{grid-column:1/-1;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:15px;font-size:.83rem}
.concept-1{--paper:#fbf9f4;--soft:#f0ebe0}
.concept-1 h1,.concept-1 h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.062em}
.concept-1 .hero{grid-template-columns:.88fr 1.12fr}
.concept-1 .hero-image{padding:12px;border:1px solid #bdb1a0}
.concept-1 .hero-image img{aspect-ratio:1.16}
.concept-1 .services{text-align:center}
.concept-1 .service-card{text-align:left;border:0;background:none}
.concept-1 .service-card img{aspect-ratio:1.15}
.concept-1 .card-copy{padding:20px 4px}
.concept-1 .wp-block-button__link{border-radius:0}
.concept-1 .transport > figure{order:2}
.concept-2{--soft:#ece9df;--rule:#c8c5bb}
.concept-2 h1,.concept-2 h2{font-weight:900;letter-spacing:-.072em}
.concept-2 .hero{grid-template-columns:1.08fr .92fr;background:var(--ink);color:white;min-height:560px}
.concept-2 .hero-copy{grid-column:2;grid-row:1}
.concept-2 .hero-image{grid-column:1;grid-row:1;background:var(--gold);padding:12px;clip-path:polygon(0 7%,100% 0,94% 100%,0 92%)}
.concept-2 .hero-image img{clip-path:polygon(0 7%,100% 0,94% 100%,0 92%)}
.concept-2 .hero .kicker{color:var(--gold)}
.concept-2 .types{grid-template-columns:1fr .9fr;background:var(--gold)}
.concept-2 .mosaic{order:-1;transform:rotate(-2deg)}
.concept-2 .cards{grid-template-columns:1.35fr .9fr .9fr;align-items:start}
.concept-2 .service-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--gold)}
.concept-2 .card-1{margin-top:35px}
.concept-2 .card-2{margin-top:70px}
.concept-2 .wp-block-button__link{border-radius:0}
.concept-2 .transport{background:var(--ink);color:white}
.concept-2 .transport .wp-block-table figcaption{color:white}
.concept-3{--paper:#fff;--soft:#f5f5f1}
.concept-3 h1{font-size:clamp(2.7rem,4.6vw,5.2rem);font-weight:800}
.concept-3 .hero{grid-template-columns:1.07fr .93fr;background:linear-gradient(120deg,#fff8e8 0%,#fff 75%)}
.concept-3 .hero-image img,.concept-3 .transport > figure img{border-radius:22px;aspect-ratio:1.24}
.concept-3 .preparation{padding-block:clamp(28px,4vw,55px);border-top:1px solid #e9e3d4}
.concept-3 .prep-body{background:white;border:1px solid var(--rule);border-radius:14px;padding:18px 22px}
.concept-3 .cards{grid-template-columns:1fr}
.concept-3 .service-card{display:grid;grid-template-columns:minmax(180px,29%) 1fr;border-radius:14px}
.concept-3 .service-card figure{height:100%}
.concept-3 .card-copy{align-content:center}
.concept-3 .coverage{background:#fff9ea}
.concept-3 .mosaic img{border-radius:12px}
@media(max-width:820px){
 .mast{grid-template-columns:1fr auto;gap:12px}
 .navlinks{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:10px 22px}
 .hero,.concept-1 .hero,.concept-2 .hero,.concept-3 .hero,.types,.concept-2 .types,.transport,.preparation,.coverage,.faq,.close{grid-template-columns:1fr}
 .hero-image,.concept-2 .hero-image{grid-column:auto;grid-row:auto}
 .concept-2 .hero-copy{grid-column:auto;grid-row:auto}
 .hero-image img,.concept-1 .hero-image img{aspect-ratio:1.35}
 .concept-2 .hero-image{clip-path:polygon(0 5%,100% 0,96% 100%,0 96%)}
 .concept-2 .mosaic{order:0;transform:none}
 .concept-1 .transport > figure{order:0}
 .cards,.concept-2 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .concept-2 .card-1,.concept-2 .card-2{margin-top:0}
 .foot{grid-template-columns:1fr 1fr;gap:24px}
 .foot-brand{grid-column:1/-1}
}
@media(max-width:540px){
 .cards,.concept-2 .cards,.concept-3 .service-card{grid-template-columns:1fr}
 .hero-copy{gap:16px}
 .concept-1 .service-card img,.service-card img{aspect-ratio:1.6}
 .concept-3 .service-card figure{height:auto}
 .wp-block-table td,.wp-block-table th{padding:9px 8px}
}
.wp-site-blocks .navlinks > p,.wp-site-blocks .mast > *, .wp-site-blocks .main > section{margin-block:0}
.wp-site-blocks .wp-block-button .wp-block-button__link{background:var(--gold);color:#202224;font-weight:750;line-height:1.25;padding:10px 19px}
.wp-site-blocks .wp-block-button .wp-block-button__link:hover{background:#ffca52;color:#202224}
.wp-site-blocks .wp-block-button+.wp-block-button .wp-block-button__link{color:inherit;background:transparent;border-color:currentColor}
.wp-site-blocks .close .wp-block-button:first-child a{background:var(--ink);color:white}
section.hero{padding-block:clamp(44px,5.5vw,86px)}
@media(max-width:540px){section.hero{padding-top:34px}.hero h1{font-size:clamp(2.35rem,10vw,3.35rem)}.hero-note{font-size:.8rem}}