@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#132321;--paper:#f7f7f2;--accent:#1498aa;--line:#d6dad4;--muted:#5b6862}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.06;letter-spacing:-.05em}h1{font-size:clamp(3.4rem,6.8vw,7rem)}h2{font-size:clamp(2.4rem,4.1vw,4.3rem)}h3{font-size:1.75rem;letter-spacing:-.035em}p{max-width:38rem}p+p{margin-top:1.2rem}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.17em;line-height:1.5;margin-bottom:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;background:var(--ink);color:white;font-size:.9rem;font-weight:600;border:1px solid transparent;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#304b43;transform:translateY(-2px)}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:var(--accent)}.text-link{border-bottom:1px solid currentColor;padding-bottom:5px;font-size:.9rem;font-weight:600}.text-link:hover{color:#087888}.skip{position:fixed;left:20px;top:-70px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.wordmark{display:flex;align-items:baseline;font:800 1.9rem/1 Manrope,Arial,sans-serif;letter-spacing:-.08em;gap:.45rem}.wordmark span{font-size:.72rem;font-weight:700;letter-spacing:.23em}nav{display:flex;align-items:center;gap:38px;font-size:.9rem}nav>a:not(.nav-contact){padding:12px 0}nav a[aria-current=page]{border-bottom:2px solid var(--ink)}.nav-contact{padding:10px 22px;border:1px solid var(--ink)}.menu{display:none}.hero{min-height:690px;height:calc(100svh - 100px);max-height:1000px;position:relative;color:white;isolation:isolate;display:flex;align-items:center}.hero-photo{position:absolute;inset:0;z-index:-3;object-position:50% 52%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,18,15,.79),rgba(4,18,15,.30) 58%,rgba(4,18,15,.07)),linear-gradient(0deg,rgba(4,18,15,.6),transparent 40%)}.hero-copy{padding:5% 7%;width:100%}.hero h1{max-width:850px}.hero em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero p{font-size:1.1rem;margin:27px 0 32px;color:#f0f3ed}.hero .eyebrow{color:#a9edf0}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.12em}.intro{padding:115px 7%;display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--line)}.intro>div{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}.intro p{color:var(--muted)}.intro>.eyebrow{max-width:190px;padding-top:8px}.section{padding:105px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 28px}.builds .build-card:first-child{grid-column:span 2}.image-wrap{height:420px;overflow:hidden;position:relative;background:#d3d7d1}.builds .build-card:first-child .image-wrap{height:600px}.build-card img{transition:transform .7s}.build-card:hover img{transform:scale(1.035)}.image-label{position:absolute;bottom:20px;left:20px;background:rgba(19,35,33,.86);color:white;padding:10px 15px;font-size:.73rem;letter-spacing:.12em}.card-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.card-caption>span{font-size:.7rem;color:var(--muted);letter-spacing:.09em}.split{display:grid;grid-template-columns:1.1fr 1fr;background:var(--ink);color:var(--paper);min-height:650px}.split>img{min-height:650px;max-height:850px}.split-copy{padding:85px 14%;align-self:center}.split-copy p{color:#c5d1c8;margin:30px 0}.split-copy .eyebrow{color:var(--accent)}.split .button{background:var(--paper);color:var(--ink)}.story-teaser{padding:125px 7%;text-align:center}.story-teaser p{margin:28px auto 25px}.cta{background:#e3f2f3;padding:85px 7%;text-align:center}.cta p{margin:25px auto}.cta h2{font-size:clamp(2.6rem,5vw,5rem)}footer{background:var(--ink);color:var(--paper);padding:65px 7% 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}footer p{color:#acbcb1;font-size:.9rem;margin-top:25px}.footer-links{display:flex;justify-content:flex-end;align-items:start;gap:30px;font-size:.9rem}.copyright{grid-column:span 2;border-top:1px solid #42524a;padding-top:25px;display:flex;justify-content:space-between;font-size:.75rem;color:#acbcb1}.page-heading{padding:95px 7% 70px}.page-heading p{font-size:1.2rem;color:var(--muted);margin-top:30px;max-width:560px}.portfolio{padding-top:15px}.portfolio .build-card:last-child{grid-column:span 2}.portfolio .build-card:last-child .image-wrap{height:540px}.build-heading{padding:65px 7%}.build-heading>div{margin-top:50px}.build-heading p{margin-top:20px;color:var(--muted)}.gallery{padding:0 7%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-photo{padding:0;border:0;background:#d6dad4;position:relative;height:470px}.gallery-photo:first-child{grid-column:span 2;height:680px}.gallery-photo span{position:absolute;bottom:18px;right:18px;padding:8px 18px;background:var(--paper);font-size:.85rem}.gallery-note{padding:35px 7% 70px}.gallery-note p{margin-bottom:10px;color:var(--muted)}.next-build{padding:65px 7%;border-top:1px solid var(--line)}.next-build a{font:500 clamp(2.5rem,5vw,4.5rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.045em}.next-build a:hover{color:#087888}.model{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:70px 7%;border-top:1px solid var(--line);align-items:center}.model h2{font-size:5rem}.model p{margin:25px 0}.model-image{padding:0;border:0;background:#fff}.model-image img{object-fit:contain;min-height:330px;max-height:600px}.norbert{padding:100px 12%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.norbert p{margin-top:30px;color:var(--muted)}.norbert>img{height:500px;object-position:center;border-radius:50% 50% 0 0}.contact-layout{padding:90px 7% 110px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact-layout>div>p{margin-top:30px;color:var(--muted)}.contact-panel{background:#e9ece5;padding:50px;align-self:start}.contact-panel h2{font-size:3rem}.contact-panel ul{padding-left:20px;color:var(--muted);font-size:.95rem;margin:30px 0}.contact-panel li+li{margin-top:10px}.contact-panel .small{font-size:.8rem;margin-top:15px}.location{border-top:1px solid var(--line);padding-top:25px;margin-top:50px}.location .eyebrow{margin-bottom:10px}.location h3{font-size:1.3rem}dialog{border:0;padding:65px 25px 20px;background:var(--ink);color:white;width:min(1200px,96vw);max-height:94svh}dialog::backdrop{background:rgba(0,0,0,.85)}dialog>img{height:calc(85svh - 90px);object-fit:contain}dialog p{text-align:center;margin:12px auto 0;font-size:.85rem}.close{position:absolute;right:25px;top:15px;background:white;border:0;padding:8px 20px;font-size:.9rem}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section,.intro,.story-teaser,.page-heading,.gallery,.build-heading,.model,.contact-layout{padding-left:max(7%,calc((100vw - 1440px)/2));padding-right:max(7%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.intro{grid-template-columns:1fr;gap:25px}.intro>.eyebrow{max-width:none}.intro>div{gap:30px}.split-copy{padding:60px 10%}.split,.split>img{min-height:550px}.footer-links{flex-wrap:wrap;gap:18px}.contact-layout{gap:40px}.contact-panel{padding:30px}.norbert{gap:45px;padding:80px 7%}.model{gap:35px}.card-caption>span{display:none}}
@media(max-width:700px){header{height:80px;padding:0 6%}.wordmark{font-size:1.65rem}.menu{display:block;background:transparent;border:1px solid var(--ink);padding:7px 12px;font-size:.9rem}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:20px 6% 30px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #13232112}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:12px}.hero{height:calc(90svh - 80px);min-height:580px}.hero-copy{padding:45px 7%}.hero h1{font-size:clamp(3.4rem,12vw,5.4rem)}.hero p{font-size:1rem;max-width:260px}.hero-bottom{font-size:.63rem;bottom:20px}.hero-bottom span:last-child{display:none}.hero-photo{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#04120fd6,#04120f4a)}.eyebrow{font-size:.75rem}.intro,.section,.story-teaser{padding:65px 7%}.intro>div{grid-template-columns:1fr;gap:25px}.section-heading{align-items:start;flex-direction:column;gap:25px}.build-grid{grid-template-columns:1fr;gap:35px}.builds .build-card:first-child,.portfolio .build-card:last-child{grid-column:auto}.image-wrap,.builds .build-card:first-child .image-wrap,.portfolio .build-card:last-child .image-wrap{height:340px}.card-caption{margin-top:17px}.split{grid-template-columns:1fr}.split>img{min-height:0;height:410px}.split-copy{padding:55px 7%}.split-copy p{margin:25px 0}.cta{padding:65px 7%}footer{grid-template-columns:1fr;padding-top:50px;gap:35px}.footer-links{justify-content:flex-start}.copyright{grid-column:auto;gap:15px;flex-direction:column}.page-heading{padding:60px 7% 45px}.page-heading h1{font-size:3.4rem}.page-heading p{font-size:1.05rem}.portfolio{padding-top:10px}.build-heading{padding:45px 7%}.build-heading h1{font-size:3.25rem}.gallery{grid-template-columns:1fr;gap:16px}.gallery-photo:first-child{grid-column:auto;height:390px}.gallery-photo{height:340px}.model{grid-template-columns:1fr;padding:55px 7%}.model-image img{min-height:0}.model h2{font-size:3.5rem}.norbert{grid-template-columns:1fr;gap:35px;padding:60px 7%}.norbert>img{height:430px}.contact-layout{grid-template-columns:1fr;gap:45px;padding:55px 7%}.contact-layout h1{font-size:3.7rem}.contact-panel h2{font-size:2.7rem}.contact-panel{padding:30px 25px}.gallery-note{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Original Nokhu Vans artwork, retaining its proportions and colors. */
header{background:#fff;height:112px}.brand{display:inline-block;flex-shrink:0;line-height:0}.logo-crop{--logo-width:116px;display:block;width:var(--logo-width);height:calc(var(--logo-width) * .75845);overflow:hidden}.logo-crop img{display:block;width:calc(var(--logo-width) * 1.41554);height:auto;max-width:none;transform:translateX(-29.3556%);object-fit:contain}footer .brand{background:#fff;padding:14px;justify-self:start}.hero{height:calc(100svh - 112px)}@media(max-width:700px){header{height:96px}.logo-crop{--logo-width:96px}nav{top:96px;background:#fff}.hero{height:calc(90svh - 96px)}}

/* Adventure photography and restrained original-logo accents. */
.button{background:#087888}.button:hover{background:#065f6c}.hero .button.light{background:#087888;color:white}.hero .button.light:hover{background:#096674;color:white}.eyebrow{color:#087888}.hero .eyebrow{color:#b1f0f3}.hero em{color:white}.hero-photo{object-position:50% 72%}.hero-shade{background:linear-gradient(90deg,rgba(4,18,15,.76),rgba(4,18,15,.35) 42%,rgba(4,18,15,.03) 72%),linear-gradient(0deg,rgba(4,18,15,.55),transparent 40%)}.split .eyebrow{color:#88dce3}.text-link{border-bottom-color:#1498aa}.nav-contact{border-color:#087888;color:#087888}nav a[aria-current=page]{border-bottom-color:#1498aa}.cta .button.light{background:#087888;color:#fff}.cta .button.light:hover{background:#065f6c}.adventure-section{padding:95px 7% 0}.adventure-section .section-heading{align-items:end}.adventure-section .section-heading>p{font-size:1rem;color:var(--muted);max-width:370px}.adventure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.adventure-grid figure{margin:0;min-width:0}.adventure-photo{display:block;width:100%;padding:0;border:0;background:#d7e6e5;position:relative;aspect-ratio:3/2;overflow:hidden}.adventure-photo img{transition:transform .5s}.adventure-photo:hover img{transform:scale(1.035)}.adventure-photo>span{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.94);color:var(--ink);padding:6px 10px;font-size:.75rem}.adventure-grid figcaption{padding-top:17px;font-size:1rem;border-top:2px solid #1498aa;margin-top:12px}.story-teaser{padding-top:95px}
@media(max-width:1000px){.adventure-grid{gap:16px}.adventure-section .section-heading{align-items:start}.adventure-grid figcaption{font-size:.9rem}}
@media(max-width:700px){.hero-photo{object-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(4,18,15,.67),rgba(4,18,15,.22)),linear-gradient(0deg,rgba(4,18,15,.4),transparent)}.adventure-section{padding:60px 7% 0}.adventure-grid{grid-template-columns:1fr;gap:30px}.adventure-section .section-heading>p{font-size:1rem}.adventure-grid figcaption{font-size:1rem}.story-teaser{padding-top:65px}}

/* Direct inquiry form. */
.contact-email{margin-top:30px}.contact-email .eyebrow{margin-bottom:10px}#contact-form{margin-top:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:20px;min-width:0}.form-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:7px}.form-field input,.form-field textarea{display:block;width:100%;background:#fff;border:1px solid #9cacaa;border-radius:3px;padding:12px;font:inherit;font-size:1rem;color:var(--ink);min-height:48px}.form-field textarea{resize:vertical;min-height:170px}.form-field input:focus,.form-field textarea:focus{outline:2px solid #087888;outline-offset:2px}.form-field ::placeholder{color:#657572;opacity:1}.form-trap{display:none!important}#contact-form .button{font:inherit;font-size:.95rem;cursor:pointer}#contact-form .button:disabled{opacity:.65;cursor:wait}.form-status{margin-top:20px;padding:14px 16px;background:#e1f1eb;border-left:3px solid #087888;font-size:.95rem}.form-status[data-kind="error"]{background:#fff0ed;border-color:#a9432f;color:#652d23}.form-status[hidden]{display:none}.form-note{font-size:.8rem;color:var(--muted);margin-top:18px}.form-note a{text-decoration:underline;text-underline-offset:3px}.contact-panel .form-status{max-width:none}@media(max-width:1000px){.field-row{grid-template-columns:1fr;gap:0}}

footer .established{font-size:.875rem;font-weight:700;letter-spacing:.14em;margin-top:1.2rem}
/* Keep the expanded navigation comfortable on compact desktop screens. */
@media(min-width:701px) and (max-width:1100px){header{padding-left:4%;padding-right:4%}header nav{gap:18px;font-size:.82rem}header .nav-contact{padding:9px 14px}}
.footer-links{flex-wrap:wrap}
@media(min-width:701px) and (max-width:950px){header .menu{display:block;background:transparent;border:1px solid var(--ink);padding:7px 12px;font-size:.9rem}header nav{display:none;position:absolute;left:0;right:0;top:100px;background:var(--paper);padding:20px 6% 30px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #13232112}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:12px}}
