:root{--ink:#27241f;--cream:#f2eee6;--paper:#faf8f3;--walnut:#33271f;--gold:#ad8959;--line:rgba(39,36,31,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:"Italiana",serif;font-weight:400;line-height:.98;letter-spacing:-.03em}
h1{font-size:clamp(3.5rem,7vw,7.7rem);color:white;margin:0 0 2rem}
h2{font-size:clamp(3rem,5.5vw,6.2rem);margin:0}
h1 em,h2 em{color:#c7a87c;font-weight:400}
.section{padding:8rem 6vw}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;font-weight:500;margin-bottom:2rem}
.eyebrow.light,.light{color:#f8f5ef}
.nav{position:fixed;z-index:50;top:0;left:0;width:100%;height:6rem;display:flex;align-items:center;padding:0 4vw;color:white;border-bottom:1px solid rgba(255,255,255,.25);transition:.4s}
.nav--solid{height:4.8rem;background:rgba(250,248,243,.95);backdrop-filter:blur(12px);color:var(--ink);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:.7rem;font-size:.74rem;letter-spacing:.17em;font-weight:500;line-height:1.2}
.brand-mark{border:1px solid currentColor;width:2.25rem;height:2.25rem;display:grid;place-items:center;font-family:"Italiana";font-size:1.3rem}
.brand small{display:block;font-size:.49rem;letter-spacing:.32em;opacity:.7}
.navlinks{display:flex;gap:2rem;margin:auto;font-size:.72rem}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;bottom:-.4rem;width:0;height:1px;background:currentColor;transition:.3s}
.navlinks a:hover:after{width:100%}
.nav-cta{text-transform:uppercase;font-size:.62rem;letter-spacing:.18em;border-bottom:1px solid;padding-bottom:.35rem}
.nav-cta span,.text-link span,.button span{margin-left:.8rem}
.menu{display:none;background:none;border:0;color:inherit}
.hero{height:100svh;min-height:44rem;position:relative;overflow:hidden}
.hero>img{animation:heroZoom 14s ease-out both}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,12,.72) 0%,rgba(20,15,12,.2) 65%),linear-gradient(0deg,rgba(12,8,5,.55),transparent 45%)}
.hero-content{position:absolute;left:6vw;bottom:13%;max-width:66rem}
.hero-copy{max-width:37rem;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:12rem;padding:1.1rem 1.25rem;border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;transition:.3s}
.button:hover{background:var(--ink);color:white}
.button--light{border-color:rgba(255,255,255,.65);color:white}
.button--light:hover{background:white;color:var(--ink)}
.text-link{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid;padding-bottom:.5rem}
.scroll-note{position:absolute;bottom:2.5rem;left:6vw;color:white;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:1rem}
.scroll-note span{width:2.5rem;height:1px;background:white}
.hero-index{position:absolute;right:4vw;bottom:2.5rem;color:white;font-size:.65rem;letter-spacing:.2em;display:flex;align-items:center;gap:.8rem}
.hero-index i{width:4rem;height:1px;background:rgba(255,255,255,.5)}
.reveal{animation:reveal .9s .15s both}.delay{animation-delay:.3s}.delay-2{animation-delay:.55s}
.intro{padding-top:10rem;padding-bottom:10rem}
.intro-grid{display:grid;grid-template-columns:1.55fr .65fr;gap:10vw;align-items:end}
.intro-grid p,.section-head>p,.about-copy>p,.project-copy>p{line-height:1.85;color:#6b645b}
.intro-grid .text-link{margin-top:2rem}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:4rem}
.section-head>p{max-width:27rem;margin:0}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:start}
.gallery-item{position:relative;overflow:hidden;height:28rem;color:white;grid-column:span 4}
.gallery-item.wide{grid-column:span 8;height:38rem}.gallery-item.tall{height:48rem}.gallery-item.small{margin-top:-8rem}
.gallery-item img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,8,.8),transparent 55%);opacity:.8;transition:.4s}
.gallery-item:hover img{transform:scale(1.045)}
.gallery-info{position:absolute;z-index:2;bottom:2rem;left:2rem;right:2rem;transform:translateY(1.5rem);transition:.4s}
.gallery-info small{text-transform:uppercase;letter-spacing:.18em;font-size:.6rem;opacity:.75}
.gallery-info h3{font-family:"Italiana";font-size:2rem;font-weight:400;margin:.4rem 0 1rem}
.gallery-info>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.13em;opacity:0;transition:.4s}
.gallery-item:hover .gallery-info{transform:none}.gallery-item:hover .gallery-info>span{opacity:1}
.gallery-count{position:absolute;z-index:2;top:1.5rem;right:1.5rem;font-size:.6rem;letter-spacing:.2em}
.project{padding:0;display:grid;grid-template-columns:.85fr 1.15fr;background:var(--walnut);color:white;min-height:52rem}
.project-copy{padding:10vw 7vw;align-self:center}.project-copy h2{margin-bottom:2rem}.project-copy>p{color:rgba(255,255,255,.65)}
dl{display:flex;gap:4rem;margin:2rem 0 3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}
dt{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5}dd{margin:.5rem 0 0;font-family:"Italiana";font-size:1.2rem}
.transformation{background:var(--cream)}
.compare{height:65vh;min-height:30rem;position:relative;overflow:hidden}
.compare>img{filter:saturate(.55) brightness(.78)}
.compare-after{position:absolute;inset:0 auto 0 0;overflow:hidden;border-right:1px solid white}
.compare-after img{position:absolute;inset:0;width:calc(100vw - 12vw);max-width:none}
.compare-line{position:absolute;top:0;bottom:0;width:1px;background:white}
.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;border-radius:50%;background:white;display:grid;place-items:center}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.before-label,.after-label{position:absolute;top:1.5rem;padding:.6rem .9rem;background:rgba(255,255,255,.85);text-transform:uppercase;font-size:.58rem;letter-spacing:.15em}
.before-label{left:1.5rem}.after-label{right:1.5rem}
.process{padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process-image{height:65rem;position:relative}.process-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,20,14,.65),transparent 45%)}
.process-image div{position:absolute;z-index:2;bottom:4rem;left:4rem;color:white;font-family:"Italiana";font-size:2.8rem}.process-image em{color:#d6b98d}
.process-copy{padding:5rem 5vw 0 0}.process-copy h2{margin-bottom:5rem}
.step{display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;border-top:1px solid var(--line);padding:1.5rem 0}
.step span{font-size:.65rem;color:var(--gold)}.step h3{margin:0;font-family:"Italiana";font-size:1.45rem;font-weight:400}.step p{grid-column:2;line-height:1.7;color:#766e64;font-size:.85rem;max-width:27rem}
.services{background:#ded5c6}.services>h2{margin-bottom:5rem}
.service-list a{display:grid;grid-template-columns:5rem 1fr auto;align-items:center;border-top:1px solid rgba(39,36,31,.25);padding:1.8rem 0;transition:.3s}
.service-list a:last-child{border-bottom:1px solid rgba(39,36,31,.25)}
.service-list a:hover{padding-left:1rem;color:#74583b}.service-list span{font-size:.65rem}.service-list h3{font-family:"Italiana";font-size:clamp(1.5rem,2.5vw,2.6rem);font-weight:400;margin:0}.service-list b{font-weight:300}
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.about-image{height:48rem}.about-copy h2{margin-bottom:2.5rem}.about-copy .text-link{margin-top:1.5rem}
.quote{text-align:center;background:var(--cream);padding-left:15vw;padding-right:15vw}.quote-mark{font-family:"Italiana";font-size:5rem;color:var(--gold)}blockquote{font-family:"Italiana";font-size:clamp(2rem,4vw,4.5rem);line-height:1.15;margin:0 0 2.5rem}.quote p{text-transform:uppercase;font-size:.58rem;letter-spacing:.2em}
.contact{background:var(--walnut);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-intro h2{margin-bottom:2rem}.contact-intro>p{color:rgba(255,255,255,.6);max-width:29rem;line-height:1.8}
.contact-note{margin-top:5rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;display:flex;flex-direction:column}.contact-note span{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5}.contact-note strong{font-family:"Italiana";font-size:1.4rem;font-weight:400;margin-top:.5rem}
form label{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.15em;font-size:.58rem;margin-bottom:2rem;color:rgba(255,255,255,.65)}form label small{font-size:inherit}
input,select,textarea{border:0;border-bottom:1px solid rgba(255,255,255,.3);background:transparent;color:white;padding:1rem 0;outline:none;text-transform:none;letter-spacing:normal}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:rgba(255,255,255,.35)}select option{color:var(--ink)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.button--gold{background:var(--gold);border-color:var(--gold);color:white;cursor:pointer}.button--gold:hover{background:#c19a68;border-color:#c19a68}
footer{padding:4rem 6vw;background:#1c1916;color:white;display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:3rem;align-items:start}footer p{color:rgba(255,255,255,.5);font-size:.8rem;line-height:1.7}footer>div{display:flex;flex-direction:column;gap:.7rem;font-size:.7rem}footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;color:rgba(255,255,255,.4)}
@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes reveal{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .section{padding:6rem 1.5rem}.nav{padding:0 1.5rem}.nav-cta{display:none}.menu{display:block;margin-left:auto;width:2rem}.menu i{display:block;width:1.5rem;height:1px;background:currentColor;margin:.4rem 0}
  .navlinks{position:absolute;display:flex;flex-direction:column;gap:1.5rem;top:100%;left:0;width:100%;padding:2rem;background:var(--paper);color:var(--ink);transform:translateY(-140%);transition:.35s;z-index:-1}.navlinks.open{transform:none}.hero-content{left:1.5rem;right:1.5rem}.hero{min-height:42rem}.hero-copy{font-size:.9rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.5rem}.hero-index{display:none}
  .intro-grid,.project,.process,.about,.contact{grid-template-columns:1fr}.intro-grid{gap:3rem}.section-head{display:block}.section-head>p{margin-top:2rem}
  .gallery{display:block}.gallery-item,.gallery-item.wide,.gallery-item.tall{height:32rem;margin:0 0 1rem}.gallery-item.small{height:26rem}.gallery-info{transform:none}.gallery-info>span{opacity:1}
  .project-copy{padding:6rem 1.5rem}.project-image{height:32rem}.compare{height:31rem}.compare-after img{width:calc(100vw - 3rem)}
  .process{padding:0 0 6rem;gap:2rem}.process-image{height:38rem}.process-image div{left:1.5rem;bottom:2rem;font-size:2rem}.process-copy{padding:3rem 1.5rem 0}.process-copy h2{margin-bottom:3rem}
  .about-image{height:35rem}.quote{padding-left:1.5rem;padding-right:1.5rem}.contact{gap:4rem}.form-row{grid-template-columns:1fr}.contact-note{margin-top:2rem}footer{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Commerce */
.shop-page{padding-top:5rem;background:var(--paper);min-height:100vh}.shop-hero{padding:7rem 6vw 4rem;text-align:center;background:#e5ddd0}.shop-hero h1,.detail-info h1{font-family:"Italiana",serif;font-size:clamp(3.5rem,7vw,7rem);font-weight:400;margin:0}.shop-hero>p:not(.eyebrow){color:#6b645b}.search-wrap{max-width:60rem;margin:3rem auto 0;background:white;display:flex;align-items:center;padding:0 1.5rem;border:1px solid rgba(39,36,31,.12);height:4.5rem}.search-wrap span{font-size:2rem}.search-wrap input{color:var(--ink);border:0;padding:1rem;width:100%;font-size:1rem}.search-wrap button,.filter-title button{border:0;background:none;text-transform:uppercase;font-size:.6rem;letter-spacing:.15em}.suggestions{max-width:60rem;margin:auto;background:white;position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 3rem);z-index:5;text-align:left;box-shadow:0 1rem 3rem rgba(0,0,0,.1)}.suggestions a{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--line)}.category-nav{display:flex;overflow:auto;padding:0 6vw;background:#e5ddd0;border-top:1px solid var(--line)}.category-nav button{white-space:nowrap;border:0;background:none;padding:1.3rem 1.2rem;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;border-bottom:2px solid transparent}.category-nav button.active{border-color:var(--ink)}.shop-tools{padding:2rem 6vw;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.shop-tools p{margin:0}.shop-tools label{margin-left:auto;text-transform:uppercase;font-size:.6rem;letter-spacing:.15em}.shop-tools select{color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:.5rem}.filter-trigger{display:none}.shop-layout{display:grid;grid-template-columns:15rem 1fr;gap:3rem;padding:3rem 6vw 8rem}.filters{border-right:1px solid var(--line);padding-right:2rem}.filter-title{display:flex;justify-content:space-between}.filter-title h2{font-size:1.8rem}.filter-title button{display:none}.clear-filters{border:0;background:none;padding:0 0 1.5rem;text-decoration:underline}.filters fieldset{border:0;border-top:1px solid var(--line);padding:1.5rem 0}.filters legend{text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;font-weight:500;padding-top:1.5rem}.filters label{display:flex;gap:.7rem;margin:.8rem 0;font-size:.78rem}.filters input{accent-color:var(--gold)}.filters input[type=range]{width:100%}.filters p{font-size:.7rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 1.5rem}.product-card{position:relative}.product-image{display:block;height:24rem;position:relative;overflow:hidden;background:#eee}.product-image img{transition:transform .6s}.product-image:hover img{transform:scale(1.04)}.product-image b,.product-image span{position:absolute;top:1rem;left:1rem;background:var(--walnut);color:white;padding:.5rem .7rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.product-image span{background:var(--gold)}.product-image b+span{top:3.2rem}.wish{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:0;background:white;font-size:1.3rem}.wish.saved{background:var(--walnut);color:white}.product-card>small{display:block;margin-top:1rem;text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;color:#7b7268}.product-card h2{font-family:"Italiana";font-size:1.5rem;margin:.5rem 0}.price{display:flex;gap:.7rem;align-items:center}.price del{font-size:.7rem;color:#8b8176}.product-card>p{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.in-stock{color:#49604e}.out-of-stock{color:#91615a}.card-actions{display:flex;border-top:1px solid var(--line);margin-top:1rem}.card-actions>*{flex:1;border:0;background:none;text-align:center;padding:.9rem 0;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.card-actions button{background:var(--walnut);color:white}.load-more{display:block;margin:4rem auto 0;background:none;border:1px solid var(--ink);padding:1rem 2rem;text-transform:uppercase;letter-spacing:.1em}.load-more span{display:block;font-size:.5rem;opacity:.6;margin-top:.3rem}.no-results{text-align:center;padding:6rem 1rem}.no-results h2{font-size:3rem}.no-results button{border:0;border-bottom:1px solid;background:none;padding:.5rem}.cart-fab{position:fixed;z-index:60;right:1.5rem;bottom:1.5rem;border:0;background:var(--walnut);color:white;padding:1rem 1.2rem;text-transform:uppercase;letter-spacing:.13em;font-size:.6rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.2)}.cart-fab b{background:var(--gold);border-radius:50%;padding:.3rem .5rem;margin-left:.6rem}.cart-backdrop{position:fixed;inset:0;background:rgba(20,15,12,.5);z-index:70}.cart-drawer{position:fixed;z-index:71;right:0;top:0;height:100%;width:min(34rem,100%);background:var(--paper);transform:translateX(100%);transition:.4s;display:flex;flex-direction:column}.cart-drawer.open{transform:none}.cart-head{display:flex;justify-content:space-between;padding:2rem;border-bottom:1px solid var(--line)}.cart-head small{text-transform:uppercase;letter-spacing:.15em}.cart-head h2{font-size:2.3rem}.cart-head button{border:0;background:none}.cart-lines{padding:1rem 2rem;overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-line img{height:9rem}.cart-line h3{font-family:"Italiana";margin:.2rem 0}.cart-line small{display:block}.cart-line strong{display:block;margin:.7rem 0}.cart-line div div{display:flex;align-items:center;gap:1rem}.cart-line div div button{border:1px solid var(--line);background:none;width:1.7rem;height:1.7rem}.cart-line .remove{border:0;background:none;text-decoration:underline;font-size:.65rem;padding:0;margin-top:.7rem}.cart-summary,.checkout-form{padding:2rem;border-top:1px solid var(--line)}.cart-summary p,.order-total{display:flex;justify-content:space-between}.checkout-button{width:100%;background:var(--walnut);color:white;border:0;padding:1.2rem;text-transform:uppercase;letter-spacing:.12em;margin-top:1rem}.empty-cart,.confirmation{margin:auto;text-align:center;padding:3rem}.empty-cart a,.confirmation a{display:inline-block;border-bottom:1px solid;padding:.5rem}.checkout-form{overflow:auto}.checkout-form label{color:var(--ink)}.checkout-form input,.checkout-form textarea{color:var(--ink);border-color:var(--line)}.order-total{display:grid;grid-template-columns:1fr auto;gap:.8rem;border-top:1px solid var(--line);padding-top:1rem}.back-button{display:block;margin:1rem auto;border:0;background:none;text-decoration:underline}.detail-page{padding:8rem 6vw;background:var(--paper)}.detail-crumb{display:flex;gap:1rem;text-transform:uppercase;font-size:.6rem;letter-spacing:.12em;margin-bottom:2rem}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw}.detail-main{height:44rem;position:relative}.detail-main>span{position:absolute;top:1rem;left:1rem;background:var(--gold);color:white;padding:.6rem;text-transform:uppercase;font-size:.55rem}.detail-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.detail-thumbs img{height:16rem}.detail-info{padding-top:2rem}.detail-info h1{font-size:4.5rem}.detail-price{font-size:1.4rem;margin:2rem 0}.detail-price del{margin-left:1rem;color:#8b8176}.detail-stock{text-transform:uppercase;font-size:.6rem;letter-spacing:.12em}.detail-description{line-height:1.8;color:#6b645b}.variant-picker{border:0;padding:2rem 0}.variant-picker legend{text-transform:uppercase;font-size:.6rem;letter-spacing:.12em}.variant-picker button{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;border:1px solid var(--line);background:none;padding:1rem;margin:.6rem 0}.variant-picker button.active{border-color:var(--gold);background:#f1e8dc}.variant-picker small{grid-column:1}.variant-picker b{grid-column:2;grid-row:1/3}.quantity{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:1rem 0}.quantity div{display:flex;gap:1rem}.quantity button{border:0;background:none}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.detail-actions button{padding:1.2rem;border:1px solid var(--walnut);background:var(--walnut);color:white;text-transform:uppercase;font-size:.6rem;letter-spacing:.12em}.detail-actions button+button{background:transparent;color:var(--ink)}.specs{display:block;margin-top:2rem;color:var(--ink)}.specs div{display:flex;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--line)}.specs dd{text-align:right;font-family:"DM Sans";font-size:.8rem}.related{padding-top:8rem}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.related img{height:25rem}.related small{display:block;margin-top:1rem;text-transform:uppercase;font-size:.55rem;letter-spacing:.12em}.related h3{font-family:"Italiana";font-size:1.5rem;margin:.5rem 0}.related strong{font-size:.8rem}
@media(max-width:900px){.shop-hero{padding:6rem 1.5rem 3rem}.shop-layout{display:block;padding:2rem 1.5rem 5rem}.shop-tools{padding:1rem 1.5rem}.filter-trigger{display:block;border:1px solid;background:none;padding:.5rem 1rem}.filters{position:fixed;z-index:80;inset:0 0 0 auto;width:min(24rem,90%);background:var(--paper);padding:2rem;transform:translateX(100%);transition:.3s;overflow:auto}.filters.open{transform:none}.filter-title button{display:block}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:18rem}.detail-page{padding:7rem 1.5rem}.detail-layout{grid-template-columns:1fr}.detail-main{height:30rem}.detail-info h1{font-size:3.5rem}.related>div{grid-template-columns:1fr}.related img{height:28rem}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.product-image{height:28rem}.shop-tools label{font-size:0}.detail-actions{grid-template-columns:1fr}.cart-line{grid-template-columns:5.5rem 1fr}.cart-line img{height:7rem}}
.filters select,.filters input[type=number]{width:100%;color:var(--ink);border:1px solid var(--line);padding:.7rem;background:transparent}.filters fieldset>label input[type=number]{margin-top:.4rem}.filters fieldset>select{margin-top:.7rem}