:root{font-family:Arial,Helvetica,sans-serif;color:#f1f0ea;background:#090909;font-synthesis:none;--lime:#b9fb03;--paper:#f1f0ea;--gradient:linear-gradient(to right,#b9fb03 0%,#2ca001 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none;color:inherit;min-height:44px}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #67a400;outline-offset:4px}header{position:fixed;z-index:20;top:0;width:100%;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff30;background:#09090925}header nav{display:flex;align-items:center;gap:32px}.logo{font-weight:950;font-size:32px;letter-spacing:-2px}.logo span{color:var(--lime)}.hero{min-height:740px;height:92svh;max-height:1050px;position:relative;display:flex;align-items:center;background:#151515;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#09090985,transparent 70%);pointer-events:none}.hero-copy{z-index:1;position:relative;width:100%;padding:80px 4%}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,8.5vw,140px);line-height:.93;letter-spacing:-.065em;margin:32px 0;font-weight:950}h1 em{font-style:normal;color:var(--lime)}p{font-size:16px;line-height:1.65}.hero p{color:#d3d3cd}.actions{display:flex;gap:12px;margin-top:32px}.primary,.outline{padding:17px 28px;font-weight:700;min-height:54px}.primary{background:var(--gradient);color:#090909}.outline{border:1px solid #ffffff80}.hero-bottom{position:absolute;z-index:2;bottom:28px;left:4%;right:4%;display:flex;justify-content:space-between;font:12px monospace;letter-spacing:1px}.strip{display:flex;justify-content:space-around;gap:26px;padding:24px 4%;white-space:nowrap;overflow:hidden;font-size:13px;letter-spacing:1px;border-bottom:1px solid #363636}.strip b{color:var(--lime)}.light{background:var(--paper);color:#090909;padding:90px 4%}h2{font-size:clamp(40px,5vw,80px);line-height:1;letter-spacing:-.055em;margin:20px 0}.collection>p{color:#60615b}.filters{display:flex;gap:8px;margin:35px 0}.filters button{padding:8px 22px;border:1px solid #c5c5bd}.filters .selected{background:#090909;color:var(--paper)}.products{display:flex;overflow-x:auto;gap:24px;scroll-snap-type:x mandatory;scrollbar-width:none}.products article{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}.product-art{height:auto;aspect-ratio:1.25;background-size:300% 200%;background-repeat:no-repeat;background-color:#e9e8e1}.product-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}.product-title h3{font-size:20px;letter-spacing:-1px;margin:0}.products small{display:block;margin-top:24px;font:11px monospace;letter-spacing:1px}.products article p{color:#62645f;font-size:14px;margin:12px 0}.products article>button{width:100%;border-top:1px solid #aaa;text-align:left}@media(max-width:700px){header{height:70px;padding:0 5%}header nav{display:none}.logo{font-size:27px}.hero{min-height:730px;height:94svh;align-items:flex-end}.hero>img{object-position:66%;opacity:.8}.hero:after{background:linear-gradient(0deg,#090909 2%,#09090910 80%)}.hero-copy{padding:0 5% 110px}h1{font-size:clamp(48px,10.7vw,75px);letter-spacing:-.06em}.eyebrow{font-size:10px}.hero-bottom{font-size:9px}.hero-bottom>span:first-child{max-width:180px}.light{padding:65px 5%}.filters button{padding:8px 12px;font-size:13px}.products article{flex-basis:87%}.strip{justify-content:flex-start}h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}header.solid{background:#090909f5}.header-actions{display:flex;align-items:center}.menu-button{display:none}.skip{position:fixed;top:-100px;z-index:100;background:var(--lime);color:#090909;padding:16px}.skip:focus{top:10px}.hero-copy{animation:fade-in .7s ease}.vertical-label{position:absolute;z-index:2;right:25px;top:42%;writing-mode:vertical-rl;font:11px monospace;letter-spacing:2px}.hero-controls{display:flex;align-items:center;gap:14px}.hero-controls i{font-style:normal;color:#aaa}.hero-controls button{border:1px solid #ffffff55;width:44px;font-size:22px}.hero-bottom{align-items:center}.primary:hover{filter:brightness(1.08)}.outline:hover{background:#ffffff15}button{transition:background .2s,opacity .2s,transform .2s}button:disabled{cursor:default;opacity:.35}.actions button span{display:inline-block;margin-left:25px;transition:transform .2s}.actions button:hover span{transform:translate(4px,-2px)}.slider-nav{display:flex;justify-content:flex-end;gap:8px;margin:-68px 0 24px}.slider-nav button{width:44px;border:1px solid #bdbdb5;font-size:22px}.art-wrap{position:relative;overflow:hidden;background:#eeede8}.art-button{width:100%;padding:0;display:block}.product-art{aspect-ratio:1;transition:transform .4s}.art-button:hover .product-art{transform:scale(1.03)}.art-note{position:absolute;left:12px;bottom:12px;font:9px monospace;color:#5f6058;letter-spacing:.5px}.swatches{display:flex;align-items:center;gap:3px}.swatches button{width:36px;min-height:44px;display:grid;place-items:center}.swatches button span{display:block;width:17px;height:17px;border-radius:50%;border:1px solid #09090933}.swatches button[aria-pressed=true] span{outline:1px solid #090909;outline-offset:4px}.swatches>span{font-size:12px;color:#555;margin-left:8px}.card-actions{display:flex;border-top:1px solid #c4c4bc;margin-top:13px;justify-content:space-between;gap:6px}.card-actions button{padding:10px 0;font-size:13px}.card-actions button:last-child{font-weight:700}.disclosure{font-size:12px!important;color:#71736b!important;line-height:1.5}.collection>.disclosure{margin:30px 0 0}.split{display:grid;grid-template-columns:1fr 1fr}.editorial{position:relative;min-height:650px;display:flex;align-items:flex-end;overflow:hidden}.look-image{background-image:url(/Offgrid-Eye-Wear/assets/looks.png);background-size:200% 200%;background-repeat:no-repeat;background-color:#343434}.look-0{background-position:0 0}.look-1{background-position:100% 0}.look-2{background-position:0 100%}.look-3{background-position:100% 100%}.editorial>.look-image{position:absolute;top:0;right:0;bottom:0;left:0}.editorial:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#090909ed,transparent 90%);pointer-events:none}.panel-copy{position:relative;z-index:1;padding:50px 8%}.panel-copy h2{font-size:clamp(32px,3.3vw,58px);margin-top:28px}.panel-copy p{max-width:410px;color:#ddd}.spotlight{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;align-items:center;padding:110px 6%;background:#171717}.spotlight h2{font-size:clamp(48px,5.5vw,90px)}.spotlight>div>p{color:#b8bab7;margin-bottom:35px}.spotlight .art-wrap{background:#f1f0ea}.spotlight .product-art{aspect-ratio:1.55;background-size:300% 200%}.detail-tabs{display:flex;border-bottom:1px solid #555;margin-top:25px}.detail-tabs button{flex:1;text-align:left;padding:10px 5px;font-size:13px}.detail-tabs span{display:block;font:10px monospace;margin-bottom:8px;color:#b8bab7}.detail-tabs button[aria-pressed=true]{border-bottom:2px solid var(--lime);color:var(--lime)}.detail-copy{font-size:14px;min-height:55px;margin-top:18px;color:#bbb}.lookbook .slider-nav{margin-top:-62px}.lookbook .products{margin-top:34px}.lookbook .products article{flex-basis:calc((100% - 24px)/2)}.look-card .look-image{aspect-ratio:1.2}.look-caption{display:flex;justify-content:space-between;align-items:center}.look-caption small{margin:0}.look-caption button{font-size:13px;font-weight:700}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 7%;align-items:center}.story-photo{position:relative;height:620px;overflow:hidden}.story-photo img{height:100%;width:100%;object-fit:cover;object-position:75%;filter:grayscale(1)}.story-photo>span{position:absolute;bottom:25px;left:25px}.story h2{font-size:clamp(42px,4.3vw,70px);margin:28px 0}.story em{font-style:normal;color:var(--lime)}.story p{color:#b8bab7;max-width:480px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.faq h2{font-size:56px}.faq details{border-top:1px solid #babbb3;padding:10px 0}.faq details:last-child{border-bottom:1px solid #babbb3}.faq summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#555;max-width:670px;padding-right:25px}.final-cta{text-align:center;padding:105px 5%;background:#1a1b17;position:relative}.final-cta h2{font-size:clamp(48px,7.8vw,120px);margin:28px 0}.final-cta p{color:#b8bab7}footer{padding:55px 4% 25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}footer p{color:#aaa;font-size:14px;margin:16px 0}footer nav{display:flex;align-items:center;gap:25px}footer small{flex-basis:100%;border-top:1px solid #333;padding-top:25px;font:10px monospace;color:#aaa;margin-top:15px}.toast{position:fixed;z-index:30;bottom:24px;left:50%;transform:translate(-50%);background:var(--paper);color:#090909;box-shadow:0 8px 40px #0003;padding:12px 18px;display:flex;align-items:center;gap:20px;max-width:95vw}.toast button{font-weight:700;white-space:nowrap}.toast button:last-child{font-size:24px}.toast[role=status]{font-size:14px}dialog{border:0;padding:0;color:#090909;background:var(--paper);max-height:90svh;width:min(1100px,94vw);max-width:100vw;overflow:hidden}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog[open]{animation:dialog-in .2s ease}.dialog-inner{overflow-y:auto;max-height:90svh;padding:65px 34px 34px;position:relative;overscroll-behavior:contain}.close{position:absolute;top:12px;right:22px;z-index:3;font-size:14px;background:var(--paper);padding:0 12px}.product-dialog{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.dialog-art{position:sticky;top:0}.dialog-art .product-art{aspect-ratio:1}.purchase h2{font-size:44px;margin:18px 0}.price{font-size:22px}.purchase>p{color:#4c4f48}.variant-options{padding:20px 0;border:0;margin:10px 0}.variant-options legend{font-weight:700;margin-bottom:10px}.variant-options button{border:1px solid #bbbdb4;padding:9px 13px;margin:0 7px 8px 0;display:inline-flex;align-items:center;gap:9px;font-size:14px}.variant-options button[aria-pressed=true]{border:2px solid #090909;background:#e1e3d8;padding:8px 12px}.variant-options button span{width:14px;height:14px;border:1px solid #0003;border-radius:50%}.qty-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c6c7bf;padding:20px 0}.stepper{display:inline-flex;align-items:center;border:1px solid #b7b9ae}.stepper button{width:44px;font-size:22px}.stepper output{min-width:30px;text-align:center}.purchase-actions{display:grid;gap:10px}.purchase-actions .outline{border-color:#090909}.purchase-actions .outline:hover{background:#09090910}.full{display:block;width:100%;margin-top:14px}.drawer{position:fixed;left:auto;right:0;top:0;bottom:0;margin:0;width:min(560px,100vw);max-height:100svh;height:100svh}.drawer .dialog-inner{max-height:100svh;height:100%;padding:70px 28px 28px}.drawer[open]{animation:drawer-in .3s ease}.bag-content h2{font-size:38px}.cart-line{display:grid;grid-template-columns:100px 1fr auto;gap:15px;border-bottom:1px solid #c6c7bf;padding:24px 0;align-items:start}.cart-line h3{font-size:16px;margin:0 0 8px}.cart-line p{font-size:13px;margin:0 0 8px}.cart-line small{font-size:12px}.cart-line .art-note{display:none}.cart-line .stepper{display:flex;width:max-content;margin-top:15px}.cart-line .text-link{font-size:12px;padding:0}.cart-line strong{font-size:14px}.text-link{text-decoration:underline;text-underline-offset:4px}.subtotal{display:flex;justify-content:space-between;padding:25px 0 10px;gap:25px}.empty{padding:80px 0}.empty h3{font-size:42px;letter-spacing:-2px}.checkout h2{font-size:48px}.checkout>.eyebrow{margin-top:20px}.demo-note{background:#dfe8c9;padding:18px;border-left:3px solid #528000}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.checkout h3{font-size:20px;margin-top:30px}label{display:block;font-size:14px;margin-top:18px}input{display:block;width:100%;min-width:0;padding:13px 10px;font-size:16px;border:1px solid #abae9f;background:#fafaf6;margin-top:8px;border-radius:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout aside{padding:0 20px;background:#e8e8e0}.checkout aside .cart-line{grid-template-columns:65px 1fr auto}.checkout aside h3{margin-top:24px}.checkout aside .cart-line h3{margin-top:0}.checkout form .primary{margin-top:25px}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(min-width:701px)and (max-width:1050px){.products article{flex-basis:calc((100% - 24px)/2)}header nav{gap:18px}.story{gap:5%}.story-photo{height:520px}.editorial{min-height:570px}.spotlight{gap:4%;padding:80px 4%}.product-dialog{gap:22px}.purchase h2{font-size:34px}}@media(max-width:700px){.menu-button{display:block;width:44px;font-size:23px}.header-actions{gap:8px}.mobile-menu{display:flex;position:absolute;top:70px;left:0;right:0;background:#090909;flex-direction:column;gap:5px;padding:20px}.mobile-menu a,.mobile-menu button{padding:14px;text-align:center}.vertical-label{display:none}.hero-controls{gap:8px}.hero-bottom{bottom:20px}.hero-controls button{width:44px}.hero-copy{padding-bottom:120px}.slider-nav{margin:0 0 16px}.filters{margin-bottom:18px;gap:6px}.filters button{font-size:12px;flex:1;padding:8px}.art-note{font-size:9px}.split{grid-template-columns:1fr}.editorial{min-height:550px}.panel-copy{padding:40px 6%}.panel-copy h2{font-size:38px}.spotlight{grid-template-columns:1fr;padding:70px 5%;gap:30px}.spotlight h2{font-size:53px}.spotlight .product-art{aspect-ratio:1.2}.detail-tabs button{font-size:12px}.lookbook .slider-nav{margin:5px 0 20px}.lookbook .products{margin-top:0}.lookbook .products article{flex-basis:87%}.look-card .look-image{aspect-ratio:.85}.look-caption{align-items:flex-start;flex-direction:column;padding-top:15px}.look-caption small{font-size:10px}.story{grid-template-columns:1fr;padding:65px 5%;gap:45px}.story-photo{height:440px}.story h2{font-size:48px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:44px}.faq summary{font-size:15px}.final-cta{padding:80px 5%}.final-cta h2{font-size:49px}footer{padding:45px 5% 25px}footer nav{gap:20px;font-size:14px}footer small{font-size:9px}.toast{bottom:12px;width:94%;gap:10px;padding:10px;font-size:12px!important}.toast button{font-size:12px}dialog{width:100vw;height:100svh;max-height:100svh;margin:0;max-width:100vw}.dialog-inner{max-height:100svh;height:100%;padding:64px 20px calc(24px + env(safe-area-inset-bottom))}.product-dialog{grid-template-columns:1fr;gap:20px}.dialog-art{position:static}.dialog-art .product-art{aspect-ratio:1.25}.dialog-art .disclosure{margin-bottom:0}.purchase h2{font-size:38px}.purchase-actions{position:sticky;bottom:-24px;background:var(--paper);padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:2}.purchase-actions button{min-height:48px;padding:13px}.checkout-grid{grid-template-columns:1fr;gap:25px}.checkout-grid aside{grid-row:1}.checkout h2{font-size:40px}.checkout aside .cart-line{padding:15px 0}.checkout aside .cart-line h3{font-size:14px}.cart-line{grid-template-columns:72px 1fr auto;gap:10px}.drawer .dialog-inner{padding:70px 20px 30px}.bag-content h2{font-size:34px}.checkout>.text-link{margin-bottom:8px}.form-row{gap:12px}.demo-note{font-size:14px}.spotlight .detail-copy{min-height:72px}}.slide-1>img{object-position:center 35%}.slide-1:after{background:linear-gradient(90deg,#090909bb,#09090910)}.look-image{background-size:cover;background-position:center}.look-0{background-image:url(/Offgrid-Eye-Wear/assets/looks-0.webp)}.look-1{background-image:url(/Offgrid-Eye-Wear/assets/looks-1.webp)}.look-2{background-image:url(/Offgrid-Eye-Wear/assets/looks-2.webp)}.look-3{background-image:url(/Offgrid-Eye-Wear/assets/looks-3.webp)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.product-art{display:block;width:100%;height:auto;object-fit:contain}.spotlight .product-art,.dialog-art .product-art{height:auto;object-fit:contain;background-size:auto}.hero>img.hero-image{opacity:0;transition:opacity .7s ease}.hero>img.hero-image.active{opacity:1}.hero>img.hero-image:nth-child(2){object-position:center 35%}.hero-copy{animation:none}.split-parent .split-word{white-space:nowrap}.split-parent .split-char{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.split-parent .split-char{will-change:auto}}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none;z-index:2147483647;mix-blend-mode:difference}.target-cursor-wrapper *{pointer-events:none}.target-cursor-dot{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%)}.target-cursor-corner{position:absolute;left:0;top:0;width:12px;height:12px;border:3px solid #fff;will-change:transform}.target-cursor-corner.corner-tl{border-right:0;border-bottom:0}.target-cursor-corner.corner-tr{border-left:0;border-bottom:0}.target-cursor-corner.corner-br{border-left:0;border-top:0}.target-cursor-corner.corner-bl{border-right:0;border-top:0}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){html.target-cursor-enabled,html.target-cursor-enabled *{cursor:none!important}html.target-cursor-enabled input,html.target-cursor-enabled textarea{cursor:text!important}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.target-cursor-wrapper{display:none!important}}