/* OUTLAND signature: architectural lines, warm light, deliberate movement. */
.storefront{--signature-ease:cubic-bezier(.2,.7,.2,1)}
.storefront .hero-editorial{overflow:clip;--light-x:74%;--light-y:35%;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#51433355,transparent 58%),#242321}
.storefront .hero-editorial .hero-copy{position:relative;z-index:2;padding-bottom:94px;background:linear-gradient(90deg,#18181540,transparent 85%)}
.storefront .hero-editorial .hero-copy:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ead8bc08 25%)}
.storefront .hero-editorial h1{position:relative;z-index:1;text-wrap:balance}
.storefront .hero-editorial h1 em{color:#d9bf98}
.storefront .hero-editorial .editorial-visual{margin:22px 22px 22px 0;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);background:#443b32}
.storefront .hero-editorial .editorial-visual:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ead8bc40;background:linear-gradient(180deg,transparent 65%,#19181552)}
.storefront .editorial-visual img{transform:scale(1.045) translate3d(var(--photo-x,0px),var(--photo-y,0px),0);transition:transform .8s var(--signature-ease);will-change:auto}
.storefront .signature-compass{position:absolute;width:440px;height:440px;right:-112px;bottom:-152px;z-index:1;color:#d9bf98;opacity:.22;pointer-events:none;transform:rotate(var(--compass-turn,-15deg));transition:transform 1s var(--signature-ease)}
.storefront .signature-compass circle,.storefront .signature-compass path{fill:none;stroke:currentColor;stroke-width:.65;vector-effect:non-scaling-stroke}
.storefront .signature-compass .compass-needle{fill:#d9bf9812;stroke-width:1}
.storefront .hero-editorial:before{content:"";position:absolute;inset:auto auto 37px 5%;width:62px;height:1px;background:#d9bf98;box-shadow:76px 0 0 #d9bf9830;z-index:3}
.storefront .hero-shop{position:relative;overflow:hidden;isolation:isolate}
.storefront .hero-shop:before{content:"";position:absolute;inset:0;background:#fff8e8;transform:translateX(-102%);transition:transform .5s var(--signature-ease);z-index:-1}
.storefront .hero-shop:hover:before,.storefront .hero-shop:focus-visible:before{transform:translateX(0)}
.storefront .button .ui-icon,.storefront .about-link .ui-icon,.storefront .catalog-bottom .ui-icon{transition:transform .35s var(--signature-ease)}
.storefront .button:hover .ui-icon,.storefront .about-link:hover .ui-icon,.storefront .catalog-bottom a:hover .ui-icon{transform:translate(3px,-3px)}
.storefront .principles{position:relative;background:linear-gradient(110deg,#e2d8c8,#f2ede4 55%,#e6ddce);border-bottom-color:#c7b79f}
.storefront .principles:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#a78459}
.storefront .brand-bar{background:#f6f3ed}
.storefront .section-heading h2{max-width:760px;text-wrap:balance}
.storefront .shop-grid .product-photo{position:relative;border:0;background:radial-gradient(ellipse at 50% 35%,#f8f5f0,#e5dfd4);overflow:hidden}
.storefront .shop-grid .product-photo:after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #a9967526;clip-path:polygon(0 0,32px 0,32px 1px,1px 1px,1px 32px,0 32px);transition:clip-path .6s var(--signature-ease),border-color .4s}
.storefront .shop-grid .product-open>img{transition:transform .65s var(--signature-ease);transform-origin:50% 60%}
.storefront .shop-grid .product-card{position:relative}
.storefront .shop-grid .product-card h3 button{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:0 100%;transition:background-size .4s var(--signature-ease);padding-bottom:4px}
.storefront .shop-grid .product-card:focus-within h3 button{background-size:100% 1px}
.storefront .about-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 87% 50%,#5d4b3266,transparent 55%),#242321;border-block:1px solid #c4a77d30}
.storefront .about-section:before{content:"";position:absolute;z-index:-1;right:-5%;top:50%;width:42vw;height:42vw;min-width:260px;min-height:260px;border:1px solid #cfb38b33;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 60px #cfb38b08,0 0 0 120px #cfb38b05;pointer-events:none}
.storefront .about-section:after{content:"";position:absolute;z-index:-1;inset:0 8% 0 auto;width:30%;background:linear-gradient(118deg,transparent 49.8%,#cfb38b40 50%,transparent 50.2%);pointer-events:none}
.storefront .about-copy{position:relative;z-index:1;max-width:850px}
.storefront .about-copy h2{max-width:720px;text-wrap:balance}
.storefront .about-copy>p{max-width:620px}
.storefront .steps{gap:0;border-top:1px solid #c7b79f}
.storefront .steps>article{position:relative;padding:32px 32px 20px 0;margin-right:30px;border-top:0;border-right:1px solid #d8cdbd}
.storefront .steps>article:last-child{margin-right:0;border-right:0}
.storefront .steps .step-no{display:inline-block;color:#8c6d46;letter-spacing:2px;margin-bottom:12px}
.storefront .steps h3{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.6px}
.storefront .faq-list details{transition:background .3s}
.storefront .faq-list details[open]{background:#e9e1d3;padding-inline:18px}
.storefront .faq-list summary{transition:padding .3s}
.storefront .signature-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:#c6a579;transform-origin:left;transform:scaleX(0);z-index:100;pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .storefront .shop-grid .product-card:hover .product-open>img{transform:translateY(-7px) rotate(-3deg) scale(1.045)}
 .storefront .shop-grid .product-card:hover .product-photo:after{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-color:#a9967555}
 .storefront .shop-grid .product-card:hover h3 button{background-size:100% 1px}
}
@media(min-width:1100px){.storefront .hero-editorial .hero-copy{padding-top:78px}.storefront .about-section{padding-block:100px}}
@media(max-width:767px){
 .storefront .hero-editorial .hero-copy{padding:42px var(--phone-gutter) 52px}
 .storefront .hero-editorial h1{font-size:clamp(44px,11.5vw,72px)}
 .storefront .hero-editorial .editorial-visual{margin:0 12px 12px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);height:clamp(280px,80vw,450px)}
 .storefront .signature-compass{width:260px;height:260px;right:-100px;bottom:-90px;opacity:.16}
 .storefront .hero-editorial:before{bottom:auto;top:27px;left:var(--phone-gutter);width:24px;box-shadow:34px 0 0 #d9bf9830}
 .storefront .about-section:before{right:-190px;width:380px;height:380px;opacity:.6}
 .storefront .about-copy{max-width:100%}
 .storefront .steps>article{padding:24px 0;margin:0;border-right:0;border-bottom:1px solid #d8cdbd}
 .storefront .steps>article:last-child{border-bottom:0}
 .storefront .steps h3{font-size:25px}
 .storefront .faq-list details[open]{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
 .storefront *, .storefront *:before,.storefront *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .storefront .editorial-visual img{transform:none!important}
 .storefront .signature-progress{display:none}
}