/* Final public design layer. Brand glass and warm gradients retained by request. */
:root{--motion:cubic-bezier(.32,.72,0,1);--max:1280px}
body{font-family:Geist,sans-serif;line-height:24px}
h1,h2,h3,h4{font-weight:600;text-wrap:balance;letter-spacing:-.035em;max-width:680px}
p{text-wrap:pretty}p,label{line-height:24px}
h1,.hero h1{font-size:60px;line-height:1}
h2,.section-heading h2{font-size:36px;line-height:40px}
h3,.steps h3{font-size:20px;line-height:28px;letter-spacing:-.02em}
.small,.text-link{font-size:14px;line-height:20px}
.eyebrow{font-size:12px;line-height:16px;letter-spacing:.08em}
.container{width:min(var(--max),calc(100% - 64px))}
.section{padding-block:80px}
.button{font-size:16px;line-height:24px;font-weight:600;min-height:48px;padding:8px 12px;gap:16px;transition:background 300ms var(--motion),border-color 300ms var(--motion),transform 300ms var(--motion)}
.button:active{transform:scale(.98)}.text-link:active{transform:translateY(1px)}
.button:focus-visible,.round-arrow:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.button,.text-link{flex-shrink:0}.button .icon{width:20px;height:20px}
.text-link{min-height:40px}.text-link,.nav a{transition:color 300ms var(--motion)}
.nav-wrap{padding:24px 32px 0}.nav{min-height:72px;padding:12px 24px;gap:24px}.nav-links{gap:24px;font-size:14px;line-height:20px}
.nav-links a[aria-current=page],.mobile-menu>a[aria-current=page]{color:var(--orange)}
.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}
.hero{gap:48px;padding-block:64px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero h1{max-width:680px;margin:24px 0;letter-spacing:-.045em;color:#fff;background:linear-gradient(90deg,#fff,#9b9b9b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:680px;font-size:18px;line-height:28px}.hero-actions{gap:24px;margin-top:32px;flex-wrap:wrap}
.hero-note{margin-top:32px;font-size:12px;line-height:16px}.hero-copy>.eyebrow{font-size:12px;line-height:16px;letter-spacing:.04em}
.hero-art{min-height:520px;padding:32px}.hero-product{transition:transform 700ms var(--motion)}
.hero-product{transform:rotate(-3deg)}.hero-art:hover .hero-product{transform:rotate(-1deg)}
.art-caption,.orbit-label{font-size:12px;line-height:16px}.hero-art-footer{font-size:14px;line-height:20px}
.category-strip a,.category-strip a:first-child{padding:24px 16px;gap:12px;font-size:14px;line-height:20px}
.section-heading{margin-bottom:32px;gap:32px}.section-heading>.heading-note{max-width:320px;font-size:14px;line-height:20px}
.products-grid{gap:24px}.product-card{display:flex;flex-direction:column;border-radius:16px}
.product-image{flex-shrink:0;border-radius:0}.product-image>img{transition:transform 700ms var(--motion)}
.product-copy{display:flex;flex-direction:column;flex:1;padding:24px 16px;gap:0}
.product-copy .eyebrow{font-size:12px;line-height:16px;letter-spacing:.04em}
.product-copy h3{font-size:18px;line-height:28px;font-weight:500;margin:8px 0 16px;letter-spacing:-.02em;text-wrap:pretty}
.product-meta{margin-top:auto;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:16px}
.product-image .round-arrow{opacity:1;transform:none;transition:background 300ms var(--motion),transform 300ms var(--motion)}
.badge{font-size:12px;line-height:16px;border-radius:8px}
.split{gap:64px;grid-template-columns:repeat(2,minmax(0,1fr))}.why-photo{min-height:0;align-self:stretch}.why-photo img{min-height:100%;object-fit:cover}
.why-copy>p{font-size:16px;line-height:24px;max-width:65ch;margin:24px 0 32px}
.benefit{padding-block:24px;gap:16px}.benefit p,.steps p{font-size:14px;line-height:20px}.benefit>span{font-variant-numeric:tabular-nums}
.photo-label{font-size:24px;line-height:32px}.steps{gap:24px}.steps article{padding:32px}.steps .icon{margin-bottom:24px;width:32px;height:32px}
.step-number{right:32px;top:32px;font-size:14px;line-height:20px}.steps h3{margin-bottom:12px}
.tagline{padding-block:96px}.animated-tagline{font-size:48px;line-height:1;max-width:680px;margin:32px auto 40px;letter-spacing:-.035em;text-wrap:balance}
.animated-tagline span.word-pending{opacity:.3;transition:opacity 800ms var(--motion);transition-delay:calc(var(--i)*75ms)}.animated-tagline span.word-visible{opacity:1;transform:none}
.faq-list summary{font-size:16px;line-height:24px;padding-block:24px}.faq-list summary>span{transition:transform 300ms var(--motion)}.faq-list details p{font-size:14px;line-height:20px}
.closing{margin-bottom:80px;padding:48px}.closing h2{max-width:680px}
.page-heading{padding-top:64px;padding-bottom:40px}.page-heading.compact{padding-top:64px}.page-heading h1{font-size:48px;line-height:1;margin:16px 0 24px}.page-heading p{font-size:18px;line-height:28px;max-width:680px}
.product-detail h1{font-size:36px;line-height:40px}.detail-info h2,.prose h2{font-size:24px;line-height:32px}.detail-info p,.prose p{font-size:16px;line-height:24px}
.filters{align-items:end;gap:16px}.filters .button{min-height:48px}.filters input,.filters select{min-height:48px}
.contact-card h2{font-size:30px;line-height:36px}.contact-detail h3{font-size:14px;line-height:20px}.contact-detail p,.quote-panel>p{font-size:14px;line-height:20px}
.quote-panel h2{font-size:24px;line-height:32px}.form-grid{align-items:start}.check{font-size:12px;line-height:16px}.form-feedback{font-size:14px;line-height:20px}
.empty h2{font-size:30px;line-height:36px;margin-inline:auto}.cart-item h2{font-size:20px;line-height:28px}
.footer-grid{gap:32px}.footer-grid h2{font-size:14px;line-height:20px}.footer-grid p,.footer-grid a:not(.brand){font-size:14px;line-height:20px}.footer-grid .brand+p{font-size:20px;line-height:28px}
.footer-bottom{font-size:12px;line-height:16px}.footer-grid>div{min-width:0}.footer-grid a{overflow-wrap:anywhere}
.blog-grid{gap:24px;padding-top:0}.blog-card{border-radius:16px;display:flex;flex-direction:column}.blog-card>div{padding:24px;display:flex;flex-direction:column;flex:1}
.blog-card h2{font-size:24px;line-height:32px;margin-block:16px}.blog-card p{font-size:16px;line-height:24px}.blog-card .text-link{margin-top:auto}
.blog-heading h1{font-size:48px;line-height:1}.blog-body p,.blog-body li{font-size:18px;line-height:28px}.blog-body h2{font-size:30px;line-height:36px}.blog-body h3{font-size:24px;line-height:32px}.blog-body h4{font-size:20px;line-height:28px}
.blog-body h2,.blog-body h3,.blog-body h4{margin:40px 0 16px}.blog-empty{padding:48px;border-radius:16px}.blog-empty h2{font-size:30px;line-height:36px}.blog-empty p{margin:16px 0 24px}
.reveal.will-reveal{transform:translateY(16px);transition:opacity 800ms var(--motion),transform 800ms var(--motion)}.reveal.visible{transform:none}
.menu-toggle{position:relative;width:48px;height:48px;padding:12px;flex:none;align-items:center;justify-content:center;z-index:120}
.menu-toggle>.icon{display:none}.menu-toggle::before,.menu-toggle::after{content:'';position:absolute;width:24px;height:2px;background:currentColor;transition:transform 700ms var(--motion)}
.menu-toggle::before{transform:translateY(-4px)}.menu-toggle::after{transform:translateY(4px)}
.menu-toggle[aria-expanded=true]::before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true]::after{transform:rotate(-45deg)}
.nav-wrap:has([aria-expanded=true]){z-index:120;position:sticky;top:0}.nav-wrap:has([aria-expanded=true]) .brand,.nav-wrap:has([aria-expanded=true]) .cart-link{visibility:hidden}
.mobile-menu{background:rgba(0,0,0,.88);backdrop-filter:blur(40px);padding:128px 32px 32px;gap:24px;overflow:auto}.mobile-menu .menu-close{display:none}.mobile-menu>a{font-size:30px;line-height:36px}
.mobile-menu:not([hidden])>a{animation:menu-in 700ms var(--motion) both}.mobile-menu>a:nth-of-type(2){animation-delay:100ms}.mobile-menu>a:nth-of-type(3){animation-delay:150ms}.mobile-menu>a:nth-of-type(4){animation-delay:200ms}.mobile-menu>a:nth-of-type(5){animation-delay:250ms}.mobile-menu>a:nth-of-type(6){animation-delay:300ms}
@keyframes menu-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.request-form[aria-busy=true] .button::after{content:'';width:32px;height:8px;border-radius:4px;background:currentColor;animation:loading-pulse 1s var(--motion) infinite alternate}@keyframes loading-pulse{to{opacity:.3}}
@media(min-width:1500px){.hero{padding-block:64px}.hero-art{min-height:560px}.hero h1{font-size:60px;line-height:1}}
@media(max-width:1100px){.hero{gap:32px}.hero h1{font-size:48px;line-height:1}.hero-art{min-height:480px;padding:24px}.split{gap:40px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{gap:16px}.nav .brand img{width:144px}.steps article{padding:24px}.step-number{right:24px;top:24px}}
@media(max-width:900px){.nav-links{display:none}.nav .brand{margin-right:auto}.menu-toggle{display:inline-flex}.hero{grid-template-columns:1fr;gap:40px;padding-top:48px}.hero h1{font-size:60px;line-height:1}.hero-copy>p{max-width:680px}.hero-art{min-height:480px;max-width:680px;width:100%;justify-self:center}.hero-note{display:none}.split{grid-template-columns:1fr}.why-photo{max-height:480px;aspect-ratio:1.2}.why-photo img{height:100%}.steps{grid-template-columns:1fr}.steps article{padding:24px 24px 24px 80px;min-height:0}.steps .icon{position:absolute;left:24px;top:24px}.steps h3{padding-right:32px}.steps p{max-width:65ch}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.nav-wrap{padding:16px 16px 0}.nav{padding:8px 12px;gap:8px;min-height:64px}.nav .brand img{width:128px}.hero{padding-block:40px}.hero h1{font-size:48px;line-height:1}.hero-copy>p{font-size:16px;line-height:24px}.hero-copy>.eyebrow{font-size:12px;letter-spacing:0}.hero-actions{gap:8px;align-items:flex-start;flex-direction:column}.hero-art{min-height:400px;padding:24px}.hero-product{inset:20% auto auto 12%;height:58%;width:76%;border-radius:12px}.hero-art-footer{font-size:12px;line-height:16px}.art-caption{font-size:12px;line-height:16px}.orbit-label{font-size:12px;line-height:16px;right:8px}
.section{padding-block:64px}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading h2,h2{font-size:30px;line-height:36px}.category-strip a{padding:16px 12px!important;font-size:14px;line-height:20px;gap:8px}.category-strip .small{font-size:12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-copy{padding:16px 12px}.product-copy h3{font-size:16px;line-height:24px;margin:8px 0 16px}.product-meta{font-size:12px;line-height:16px;flex-direction:column;gap:4px}.product-image{border-radius:0}.product-copy .eyebrow{font-size:12px;letter-spacing:0}.product-image .round-arrow{display:none}.badge{left:8px;top:8px;padding:4px 8px}.split{gap:32px}.photo-label{font-size:24px;line-height:32px;left:24px;top:24px}.steps h3{font-size:20px;line-height:28px}.tagline{padding-block:64px}.animated-tagline{font-size:36px;line-height:40px}.tagline .eyebrow{font-size:12px;line-height:16px}.closing{padding:32px 24px;margin-bottom:64px;gap:24px;align-items:flex-start;flex-direction:column}.page-heading,.page-heading.compact{padding-top:40px;padding-bottom:32px}.page-heading h1,.blog-heading h1,.product-detail h1{font-size:36px;line-height:40px}.page-heading p{font-size:16px;line-height:24px}.filters{gap:12px}.form-grid{gap:24px}.empty h2{font-size:24px;line-height:32px}.footer-grid{gap:32px 24px}.footer-grid a:not(.brand),.footer-grid p{font-size:14px;line-height:20px}.footer-bottom{font-size:12px;line-height:16px}.blog-grid{grid-template-columns:1fr;padding-top:0}.blog-empty{padding:32px 24px}.blog-empty h2{font-size:24px;line-height:32px}.blog-body p,.blog-body li{font-size:16px;line-height:24px}.blog-card h2{font-size:24px;line-height:32px}.menu-toggle{width:40px;height:40px}.mobile-menu{padding:128px 24px 32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal.will-reveal{opacity:1;transform:none}.animated-tagline span.word-pending{opacity:1;transform:none}}
