/*
Theme Name: Xaevly Blocks
Author: Xaevly
Description: Editable native WordPress block theme for AidFold, based on the approved Xaevly design. No Elementor dependency.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: xaevly-blocks
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/*
Theme Name: Xaevly
Description: Outdoor product showcase for AidFold. No commerce or pricing.
Version: 1.1.0
Author: Xaevly
Text Domain: xaevly
*/
:root{--red:#c80029;--ink:#1e2020;--paper:#f4f2ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e54c64;outline-offset:5px}.xaevly-header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #ccc;position:sticky;top:0;z-index:20}.logo{font-weight:900;font-size:35px;letter-spacing:-2.5px}.logo span{color:var(--red)}.nav-cta{border:1px solid #aaa;padding:12px 18px}.menu{display:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero{display:grid;grid-template-columns:46% 54%;min-height:650px}.hero-copy{padding:80px 10% 70px 11%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(54px,5.6vw,90px);letter-spacing:-5px;line-height:.94;margin:25px 0 30px;text-transform:uppercase}.red{color:var(--red)}p{font-size:16px;line-height:1.7}.hero p{max-width:360px;color:#565957}.hero-photo{position:relative;overflow:hidden;background:#222}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50%}.photo-label{position:absolute;bottom:28px;left:30px;color:white;font-size:11px;letter-spacing:2px;background:#171a1ab0;padding:12px}.button{display:inline-flex;align-items:center;gap:35px;padding:18px 22px;background:var(--red);color:white;font-size:13px;font-weight:700;margin-top:18px}.button.outline{background:transparent;border:1px solid currentColor}.strap{background:var(--ink);color:white;padding:25px 5%;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:2px}.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}h2{font-size:clamp(34px,4.3vw,65px);line-height:1.02;letter-spacing:-2px;text-transform:uppercase;margin:18px 0}h3{font-size:21px;letter-spacing:-.5px} .section-head p{max-width:380px;color:#636563}.product{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}.product img{width:100%;display:block}.color-controls{display:flex;gap:12px;margin:20px 0}.swatch{padding:11px 20px;background:transparent;border:1px solid #aaa;cursor:pointer;border-radius:2px}.swatch[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.swatch:before{content:'';display:inline-block;width:12px;height:12px;background:#222;border:1px solid #888;border-radius:50%;margin-right:9px}.swatch[data-color=white]:before{background:white}.small{font-size:12px;color:#686b68}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:40px}.feature{padding:24px 0;border-top:1px solid #bcbdb8}.feature .num{color:var(--red);font-size:11px;font-weight:700}.feature h3{margin:10px 0}.feature p{font-size:14px;margin:0;color:#626460}.dark{background:var(--ink);color:var(--paper)}.dark .section-head p{color:#b5b9b4}.loads{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.loads img{width:100%;aspect-ratio:1.77;object-fit:cover}.load-meta{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding:18px 0;font-size:13px}.load-meta strong{font-size:24px}.specs{display:flex;gap:60px;margin-top:42px;padding-top:24px}.specs strong{font-size:30px}.specs span{display:block;font-size:11px;letter-spacing:1px;margin-top:8px;color:#aeb2ad}.accessories{display:grid;grid-template-columns:1fr 1fr;gap:30px}.accessories img{width:100%;height:330px;object-fit:cover;background:white}.accessories h3{margin-bottom:8px}.accessories p{max-width:440px;color:#626460}.range{padding-top:0}.range img{width:100%;display:block}.range-caption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:13px}.partners{display:grid;grid-template-columns:1fr 1fr;background:#e8e6df}.partners img{width:100%;height:100%;object-fit:cover}.partner-copy{padding:70px 12%}.partner-copy p{color:#61645e}.faq{max-width:1000px;margin:auto}details{border-bottom:1px solid #bfc1ba;padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:17px}details p{max-width:800px;color:#60645e}.closing{background:var(--red);color:white;padding:70px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{margin:0}.closing .button{background:var(--paper);color:var(--ink)}.xaevly-footer{padding:40px 7%;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:100;background:white;padding:15px}@media(min-width:1500px){main{max-width:1800px;margin:auto}}@media(max-width:760px){.xaevly-header{height:72px}.logo{font-size:30px}.menu{display:block;background:none;border:1px solid #aaa;padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7%}.hero h1{font-size:70px;letter-spacing:-4px}.hero-photo{height:340px}.strap{gap:20px;font-size:9px;line-height:1.6}.section{padding:60px 7%}.section-head{display:block}.product{grid-template-columns:1fr;gap:30px}.loads{grid-template-columns:1fr}.specs{gap:25px;flex-wrap:wrap}.accessories{grid-template-columns:1fr}.accessories img{height:280px}.range{padding-top:0}.range-caption{flex-direction:column}.partners{grid-template-columns:1fr}.partner-copy{padding:50px 7%}.closing{display:block}.closing h2{font-size:45px}.xaevly-footer{flex-direction:column;align-items:flex-start}.section-head{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero{align-items:stretch}.hero-copy{padding-top:65px;padding-bottom:65px}.hero-photos{padding:28px;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;min-width:0}.hero-photos figure{margin:0;min-width:0}.hero-photos figure:first-child{grid-column:1/-1}.hero-photos img{width:100%;display:block;aspect-ratio:1.78;object-fit:cover}.hero-photos figcaption{font-size:9px;letter-spacing:1.5px;color:#c2c7bd;padding:12px 0 0}.strap{background:var(--red);font-size:10px;letter-spacing:1.6px;gap:20px}.why{padding:35px 7%;display:grid;grid-template-columns:1fr 3fr;gap:40px;border-bottom:1px solid #bfc1ba}.why p{margin:0;font-size:19px}.why .small{font-size:12px;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.muted{color:#646862}.quote{font-size:24px;line-height:1.5;border-left:3px solid var(--red);padding-left:25px}.landscapes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landscapes img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.3}.landscapes img:first-child{grid-column:1/-1;aspect-ratio:2.2}.opportunity{border-bottom:1px solid #bfc1ba}.detail{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;margin-top:60px}.detail img{width:100%;background:black;aspect-ratio:1.5;object-fit:contain}.detail h3{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:18px 0}.detail p{color:#646862}.detail .quote{color:var(--ink)}.num{color:var(--red);font-size:12px;font-weight:bold;letter-spacing:1px}.fabric-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fabric-photos img{width:100%;height:100%;object-fit:cover}.fabric-photos .side{grid-row:span 2;aspect-ratio:.565;height:100%;object-fit:cover}.fabric{padding:20px 0;border-top:1px solid #aaa}.fabric h3{margin:0 0 8px;font-size:18px}.fabric p{font-size:13px;margin:0}.includes{border:1px solid #aaa;padding:25px;display:flex;gap:30px;align-items:center;margin-top:35px}.includes p{margin:0;font-size:14px}.includes .small{margin-left:auto;max-width:150px;color:var(--ink)}.includes .eyebrow{white-space:nowrap}.closing .eyebrow{display:block;margin-bottom:20px}.closing .button{background:var(--paper);color:var(--ink)}
@media(max-width:760px){.hero-photos{padding:25px 7%}.strap span:last-child{display:none}.why{grid-template-columns:1fr;gap:15px;padding:30px 7%}.why p{font-size:17px}.split,.detail{grid-template-columns:1fr;gap:25px}.detail{margin-top:35px}.detail h3{font-size:30px}.includes{display:block;padding:22px}.includes p{margin-top:15px}.includes .small{max-width:none;margin:15px 0 0}.closing .eyebrow{line-height:1.7}.hero-photos figcaption{font-size:8px;line-height:1.5}.quote{font-size:22px}}

.wp-site-blocks{padding:0}.wp-block-template-part{margin:0}.wp-block-group,.wp-block-image{min-width:0}.wp-block-image{margin:0}.wp-block-image img{vertical-align:middle}.wp-block-group>p:first-child,.wp-block-group>h2:first-child{margin-top:0}.xaevly-header p,.xaevly-footer p{margin:0}.xaevly-header .wp-block-navigation{font-size:13px;font-weight:700}.xaevly-header .wp-block-navigation__container{gap:24px}.xaevly-header .wp-block-navigation__responsive-container.is-menu-open{padding:30px;background:var(--paper);color:var(--ink)}.xaevly-header .wp-block-navigation a{color:inherit}.hero-copy>.eyebrow{margin:0}.hero-copy>.wp-block-buttons{margin-top:0}.wp-block-button.button{padding:0;display:block;background:none}.button .wp-block-button__link{display:inline-flex;gap:35px;padding:18px 22px;background:var(--red);color:white;text-decoration:none;line-height:1.4}.closing .button .wp-block-button__link{background:var(--paper);color:var(--ink)}.strap>p,.specs p,.load-meta p,.range-caption p{margin:0}.strap p{font-size:inherit;letter-spacing:inherit;line-height:inherit}.hero-photos .wp-element-caption{margin:0}.landscapes>.wp-block-image:first-child{grid-column:1/-1;aspect-ratio:2.2}.landscapes>.wp-block-image:first-child img{aspect-ratio:2.2}.landscapes .wp-block-image{height:100%}.fabric-photos>.side{grid-row:span 2}.fabric-photos>.side img{height:100%;aspect-ratio:.565;object-fit:cover}.fabric-photos>.wp-block-image{height:100%}.partners>.wp-block-image{height:100%}.partners>.wp-block-image img{height:100%;object-fit:cover}.hero-photos>.wp-block-image:first-child{grid-column:1/-1}.specs>div>p:first-child{font-size:30px}.specs>div>p:last-child{font-size:11px;letter-spacing:1px;margin-top:8px;color:#aeb2ad}.load-meta p:first-child{font-size:13px}.load-meta p:last-child{font-size:24px}.feature p.num{font-size:11px;color:var(--red)}.color-controls .wp-block-button__link{background:transparent;color:var(--ink);border:1px solid #aaa;padding:11px 20px;font-size:14px}.color-controls .wp-block-button__link[aria-pressed=true]{background:var(--ink);color:white}.xaevly-variant-images>figure{margin:0}.xaevly-variant-images>figure+figure{margin-top:16px}.xaevly-variant-images.is-enhanced>figure{display:none}.xaevly-variant-images.is-enhanced>figure.is-active{display:block}.color-controls:not(.is-enhanced){display:none}.xaevly-content{padding:70px 7%;min-height:60vh}.xaevly-content>.wp-block-query{max-width:900px;margin:auto}.xaevly-content .wp-block-post{margin-bottom:45px}.xaevly-content .wp-block-post-title{font-size:clamp(30px,4vw,55px);line-height:1.1}.xaevly-content .wp-block-query-pagination{margin:35px 0}.wp-block-details summary{list-style:revert}.wp-block-details p{margin-top:15px}.editor-styles-wrapper .xaevly-header{position:relative}.editor-styles-wrapper .color-controls{display:flex}.editor-styles-wrapper .xaevly-variant-images>figure{display:block}.editor-styles-wrapper .wp-block-group{outline-offset:3px}.editor-styles-wrapper .xaevly-content{padding:40px}.wp-block-button__link:focus-visible{outline:3px solid #e54c64;outline-offset:5px}
@media(max-width:760px){.xaevly-header .wp-block-navigation__container{gap:20px}.strap{flex-wrap:wrap}.strap>p{font-size:9px}.hero-photos{min-width:0}.hero h1{font-size:clamp(46px,12vw,70px)}.includes .eyebrow{white-space:normal}.fabric-photos{min-width:0}.xaevly-footer{align-items:flex-start}.xaevly-content{padding:45px 6%}}

:root{--red:var(--wp--preset--color--red,#c80029);--ink:var(--wp--preset--color--ink,#1e2020);--paper:var(--wp--preset--color--paper,#f4f2ee)}