/*
Theme Name: Old Trails Storage Modern
Text Domain: old-trails-storage-modern
Description: A modern, responsive redesign for Old Trails Road Storage & Rentals with a secure client portal.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
[data-elementor-type="ehp-header"],[data-elementor-type="ehp-footer"],.elementor-location-header,.elementor-location-footer{display:none!important}
@theme {
	--color-rust: #b94d2d;
	--color-rust-dark: #74301f;
	--color-sun: #f2b544;
	--color-ink: #19201e;
	--color-pine: #263d35;
	--color-sand: #f4efe4;
	--color-cream: #fffaf0;
	--color-stone: #81796c;
	--font-sans: "DM Sans", sans-serif;
	--font-display: "Bebas Neue", sans-serif;
	--font-serif: "Lora", serif;
	--text-sm: .875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--text-5xl: 3rem;
}
@layer base {
	*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#f4efe4;color:#19201e;font-family:"DM Sans",sans-serif;line-height:1.6} a{color:inherit} img{max-width:100%;height:auto} h1,h2,h3{margin:0;line-height:.95}
}
@layer components {
	.site-header{position:sticky;top:0;z-index:50;background:rgba(25,32,30,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
	.header-inner{max-width:1500px;margin:auto;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
	.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1}.brand-mark{width:43px;height:43px;color:#f2b544}.brand-mark svg{width:100%;height:100%}.brand strong{display:block;font-family:"Bebas Neue",sans-serif;font-size:25px;letter-spacing:1.6px}.brand small{display:block;color:#d3c9b9;font-size:10px;letter-spacing:3px;margin-top:4px}
	.primary-nav{display:flex;align-items:center;gap:22px}.primary-nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.03em}.primary-nav a:hover{color:#f2b544}.nav-cta{border:1px solid #f2b544;padding:10px 15px;color:#f2b544!important}.nav-toggle{display:none;background:none;border:0}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}
	.hero{min-height:690px;position:relative;color:#fff;background-image:var(--hero-image);background-size:cover;background-position:center;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,25,22,.94) 0%,rgba(17,25,22,.72) 45%,rgba(17,25,22,.18) 78%),linear-gradient(0deg,rgba(17,25,22,.45),transparent 50%)}.hero-grid{position:relative;z-index:2;max-width:1400px;margin:auto;min-height:680px;padding:95px 6vw;display:grid;grid-template-columns:1fr auto;align-items:center}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:800;color:#f2b544;margin:0 0 20px}.eyebrow.dark{color:#b94d2d}.hero h1,.section-heading h2,.story-copy h2,.cta-band h2,.page-hero h1{font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.015em}.hero h1{font-size:clamp(68px,9vw,136px);max-width:850px}.hero h1 em{font-family:"Lora",serif;font-size:.63em;color:#f2b544;font-weight:500}.hero-lede{max-width:650px;font-family:"Lora",serif;font-size:clamp(18px,2vw,25px);color:#eee5d6}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-block;padding:16px 24px;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:900;transition:.2s}.button:hover{transform:translateY(-2px)}.button-sun{background:#f2b544;color:#19201e}.button-ink{background:#19201e;color:#fff}.text-link{text-decoration:none;font-weight:800}.hero-badge{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:150px;height:150px;justify-content:center;transform:rotate(4deg);background:rgba(25,32,30,.35)}.hero-badge strong{font-family:"Bebas Neue";font-size:56px;color:#f2b544;line-height:1}.hero-badge span{font-size:11px;letter-spacing:.14em}.hero-ridge{position:absolute;bottom:-1px;left:0;right:0;height:55px;background:#f4efe4;clip-path:polygon(0 70%,13% 38%,24% 62%,40% 24%,54% 57%,67% 31%,82% 65%,100% 32%,100% 100%,0 100%)}
	.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:auto;padding:26px 5vw;border-bottom:1px solid #d8cfbf}.trust-strip div{display:flex;gap:12px;align-items:center;padding:0 18px;border-right:1px solid #d8cfbf}.trust-strip div:last-child{border:0}.trust-strip span{font-family:"Bebas Neue";font-size:28px;color:#b94d2d}.trust-strip strong{font-size:13px;text-transform:uppercase;letter-spacing:.05em}
	.section{max-width:1400px;margin:auto;padding:105px 5vw}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:54px}.section-heading h2,.story-copy h2{font-size:clamp(52px,6vw,92px)}.section-heading>p{font-family:"Lora",serif;font-size:20px;color:#5d5a52}
	.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{display:grid;grid-template-columns:44% 1fr;min-height:340px;background:#fffaf0;text-decoration:none;position:relative;overflow:hidden}.service-photo{background-image:var(--card-image);background-size:cover;background-position:center;filter:saturate(.85);transition:.5s}.service-card:hover .service-photo{transform:scale(1.04);filter:saturate(1.1)}.service-number{position:absolute;z-index:2;left:16px;top:12px;font-family:"Bebas Neue";font-size:52px;color:#fff;text-shadow:0 2px 12px #000}.service-body{padding:38px 34px;display:flex;flex-direction:column;justify-content:center}.service-body small{font-size:10px;letter-spacing:.15em;color:#b94d2d;font-weight:900}.service-body h3{font-family:"Bebas Neue";font-size:42px;margin:12px 0}.service-body p{color:#686259}.service-body span{margin-top:auto;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
	.story-section{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:stretch;background:#fffaf0;max-width:none;padding-left:max(5vw,calc((100vw - 1400px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1400px)/2 + 5vw))}.story-photo{min-height:560px;background-size:cover;background-position:center;position:relative}.story-photo span{position:absolute;bottom:20px;left:-20px;background:#f2b544;padding:16px 20px;font-family:"Bebas Neue";font-size:25px;line-height:1;letter-spacing:.05em}.story-copy{padding:55px 0}.story-copy p{font-family:"Lora";font-size:18px;color:#5d5a52}.story-copy ul{list-style:none;padding:0;margin:28px 0}.story-copy li{padding:12px 0;border-bottom:1px solid #d8cfbf;font-weight:700}.story-copy li:before{content:"—";color:#b94d2d;margin-right:12px}
	.cta-band{background:#263d35;color:#fff;padding:70px max(6vw,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:clamp(42px,5vw,72px);max-width:900px}
	.site-footer{background:#19201e;color:#d8cfbf;padding:70px max(5vw,calc((100vw - 1400px)/2 + 5vw)) 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.brand-footer{color:#fff}.footer-grid p{max-width:480px}.footer-grid h3{font-family:"Bebas Neue";font-size:24px;color:#f2b544;letter-spacing:.06em}.footer-grid>div>a:not(.brand){display:block;text-decoration:none;margin:8px 0}.footer-grid>div>a:hover{color:#f2b544}.footer-bottom{border-top:1px solid #3d4542;margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
	.page-hero{background:#263d35;color:#fff;padding:95px max(6vw,calc((100vw - 1300px)/2));position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-5%;bottom:-60%;width:50%;height:160%;border:1px solid rgba(242,181,68,.25);border-radius:50%}.page-hero h1{font-size:clamp(60px,8vw,110px)}.page-content{max-width:1200px;margin:auto;padding:70px 5vw}.page-feature img{width:100%;max-height:600px;object-fit:cover}.content-shell{font-family:"Lora";font-size:18px}.content-shell h2,.content-shell h3{font-family:"Bebas Neue";font-size:42px;margin-top:45px}.content-shell a{color:#b94d2d}
	@media(max-width:980px){.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#19201e;padding:25px 30px;flex-direction:column;align-items:flex-start}.primary-nav.is-open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-badge{display:none}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.service-grid{grid-template-columns:1fr}.story-section{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
	@media(max-width:620px){.header-inner{padding:12px 18px}.brand strong{font-size:20px}.hero{min-height:610px}.hero-grid{min-height:600px;padding:75px 22px}.hero h1{font-size:64px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid #d8cfbf;padding:14px}.section{padding:70px 22px}.service-card{grid-template-columns:1fr}.service-photo{min-height:230px}.story-section{padding:70px 22px}.story-photo{min-height:360px}.cta-band{align-items:flex-start;flex-direction:column;padding:60px 24px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}}
}