@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');
:root{
  color-scheme:dark;
  --color-bg:oklch(18% .005 135);--color-surface:oklch(21% .005 135);--color-surface-2:oklch(25% .006 135);--color-text:oklch(94% .012 85);--color-text-muted:oklch(72% .012 85);--color-primary:oklch(76% .067 80);--color-primary-hover:oklch(84% .067 80);--color-border:oklch(94% .012 85 / .15);
  --font-body:'Satoshi',Arial,sans-serif;--font-display:'Oswald','Arial Narrow',sans-serif;
  --text-xs:clamp(.75rem,.73rem + .1vw,.8125rem);--text-sm:clamp(.875rem,.85rem + .1vw,.9375rem);--text-base:clamp(1rem,.95rem + .18vw,1.1rem);--text-lg:clamp(1.2rem,1rem + .5vw,1.5rem);--text-xl:clamp(1.75rem,1.35rem + 1vw,2.5rem);--text-2xl:clamp(2.5rem,1.5rem + 3vw,4.5rem);--text-hero:clamp(3.75rem,2.5rem + 4.2vw,6.5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
  --gutter:clamp(var(--space-5),4.5vw,var(--space-20));--radius-sm:2px;
}
.container{max-width:1560px;margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;top:-80px;left:var(--space-4);z-index:100;padding:var(--space-3);background:var(--color-primary);color:var(--color-bg)}
.skip-link:focus{top:var(--space-3)}
.announcement{background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}
.announcement .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.announcement a{color:var(--color-primary)}
.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;z-index:20}
.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.wordmark{display:flex;flex-direction:column;line-height:1;min-width:210px}
.wordmark strong{font-weight:900;font-size:var(--text-lg);letter-spacing:.14em}
.wordmark span{font-size:var(--text-xs);letter-spacing:.49em;color:var(--color-primary);margin-top:var(--space-2)}
.desktop-nav{display:flex;gap:var(--space-10);align-self:stretch;align-items:center}
.desktop-nav a{font-size:var(--text-sm);color:var(--color-text-muted);height:100%;display:flex;align-items:center;position:relative}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--color-text)}
.desktop-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:22px;height:2px;background:var(--color-primary)}
.header-actions{display:flex;gap:var(--space-5);align-items:center}
.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--color-border)}
.icon-button:hover{background:var(--color-surface-2);border-color:var(--color-primary)}
.icon-button svg{width:19px;height:19px}
.preview-label{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-muted)}
.menu-button{display:none}
.mobile-nav{display:none}
.hero{position:relative;min-height:640px;height:min(740px,73vw);max-height:850px;isolation:isolate;background:var(--color-surface)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 48%;filter:saturate(.4) brightness(.68)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,11,.96) 0%,rgba(11,13,11,.7) 35%,rgba(11,13,11,.04) 78%),linear-gradient(0deg,rgba(11,13,11,.5),transparent 30%)}
.hero-content{position:relative;padding-top:var(--space-20);width:100%}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.17em;color:var(--color-primary);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-3)}
.line{display:inline-block;width:32px;height:1px;background:var(--color-primary)}
h1,h2{font-family:var(--font-display);font-weight:600}
.hero h1{font-size:var(--text-hero);line-height:1.03;letter-spacing:-.015em;margin-block:var(--space-6)}
.hero h1 span,.about-intro h1 span{color:var(--color-primary)}
.hero-description{color:var(--color-text-muted);margin-bottom:var(--space-8);font-size:var(--text-base)}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:700;letter-spacing:.015em;border:1px solid transparent}
.button span{font-size:var(--text-lg);line-height:1}
.primary{color:var(--color-bg);background:var(--color-primary)}
.primary:hover{background:var(--color-primary-hover)}
.outline{border-color:var(--color-border)}
.outline:hover{border-color:var(--color-primary);color:var(--color-primary)}
.hero-bottom{position:absolute;left:0;right:0;bottom:var(--space-8);display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:.12em;color:var(--color-text-muted)}
.hero-bottom a{display:flex;gap:var(--space-8)}
.category-strip{border-block:1px solid var(--color-border);background:var(--color-surface)}
.category-strip .container{display:grid;grid-template-columns:repeat(5,1fr)}
.category-strip a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-left:1px solid var(--color-border);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em}
.category-strip a:last-child{border-right:1px solid var(--color-border)}
.category-strip a:hover{background:var(--color-surface-2);color:var(--color-primary)}
.category-strip span{color:var(--color-primary)}
.section{padding-block:var(--space-20)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-10)}
.section-heading h2,.collection-index h2,.about-story h2{font-size:var(--text-xl);margin-top:var(--space-4)}
.text-link{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;border-bottom:1px solid var(--color-border)}
.text-link span{color:var(--color-primary)}
.text-link:hover{color:var(--color-primary);border-color:var(--color-primary)}
.feature-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:260px 260px;gap:var(--space-5)}
.image-card{position:relative;display:block;overflow:hidden;background:var(--color-surface);isolation:isolate}
.image-card.large{grid-row:span 2}
.image-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.78);transition:filter .2s}
.image-card:hover img{filter:saturate(.6) brightness(.95)}
.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,7,.95),rgba(7,9,7,0) 80%)}
.image-card-index{position:absolute;top:var(--space-6);left:var(--space-6);font-size:var(--text-xs);letter-spacing:.12em;background:rgba(10,12,10,.72);padding:var(--space-2) var(--space-3)}
.image-card-label{position:absolute;inset:auto var(--space-8) var(--space-8);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}
.image-card-label p{font-size:var(--text-xs);letter-spacing:.13em;margin-bottom:var(--space-3);color:var(--color-primary)}
.image-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500}
.arrow-box{width:44px;height:44px;border:1px solid var(--color-border);display:grid;place-items:center;flex-shrink:0;font-size:var(--text-lg)}
.image-card:hover .arrow-box{background:var(--color-primary);color:var(--color-bg)}
.brand-section{background:var(--color-surface);border-block:1px solid var(--color-border);padding-block:var(--space-20)}
.brand-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-20)}
.brand-layout h2{font-size:var(--text-2xl);margin-top:var(--space-6);line-height:1.06}
.brand-layout h2 span{color:var(--color-primary)}
.brand-copy{align-self:center;max-width:500px}
.brand-copy p:first-child{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-4)}
.brand-copy p:nth-child(2){color:var(--color-text-muted);margin-bottom:var(--space-6)}
.collection-index{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-20)}
.muted{color:var(--color-text-muted)}
.collection-index .muted{margin-top:var(--space-5)}
.index-links a{display:grid;grid-template-columns:36px 1fr 20px;gap:var(--space-4);padding-block:var(--space-5);border-bottom:1px solid var(--color-border)}
.index-links a:first-child{border-top:1px solid var(--color-border)}
.index-links a:hover{color:var(--color-primary)}
.index-number{color:var(--color-primary);font-size:var(--text-xs)}
.footer{background:oklch(14% .005 135);border-top:1px solid var(--color-border)}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--space-16);padding-block:var(--space-16)}
.footer-brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-6)}
.footer-column p{color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.14em;font-weight:700;margin-bottom:var(--space-4)}
.footer-column a{display:block;min-height:36px;font-size:var(--text-sm);color:var(--color-text-muted)}
.footer-column a:hover{color:var(--color-text)}
.footer-bottom{border-top:1px solid var(--color-border);padding-block:var(--space-6);display:flex;justify-content:space-between;gap:var(--space-5);color:var(--color-text-muted);font-size:var(--text-xs)}
.footer-bottom a{color:var(--color-primary)}
.breadcrumbs{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);padding-block:var(--space-8)}
.breadcrumbs a:hover{color:var(--color-primary)}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);padding-block:var(--space-6) var(--space-12)}
.page-heading h1{font-size:var(--text-2xl);margin-top:var(--space-4)}
.page-heading>p{font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:var(--space-2)}
.inner-page{padding-bottom:var(--space-20)}
.collection-tools{display:flex;justify-content:space-between;gap:var(--space-6);align-items:center;padding-block:var(--space-6);border-block:1px solid var(--color-border)}
.filters{display:flex;gap:var(--space-2);flex-wrap:wrap}
.filter{padding:var(--space-3) var(--space-5);min-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);border:1px solid transparent}
.filter:hover{color:var(--color-text);background:var(--color-surface)}
.filter.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-surface)}
.search-field{display:flex;align-items:center;border-bottom:1px solid var(--color-border);min-width:230px}
.search-field input{min-width:0;width:100%;background:none;border:0;padding:var(--space-3) var(--space-2);font-size:var(--text-sm)}
.search-field span{font-size:var(--text-lg);color:var(--color-primary)}
input::placeholder{color:var(--color-text-muted);opacity:1}
.results-bar{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-5);color:var(--color-text-muted);font-size:var(--text-xs)}
.reset-link{min-height:44px;color:var(--color-text-muted);font-size:var(--text-xs)}
.reset-link:hover{color:var(--color-primary)}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8) var(--space-5)}
.collection-card{text-align:left;display:block;width:100%}
.collection-card-photo{height:280px;overflow:hidden;position:relative;background:var(--color-surface)}
.collection-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.4) brightness(.78);transition:filter .18s}
.collection-card:hover img{filter:saturate(.55) brightness(.95)}
.collection-card-photo .collection-number{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--color-bg);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-primary)}
.collection-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5)}
.collection-card h2{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700}
.collection-card-title>span{color:var(--color-primary)}
.collection-card>p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}
.catalog-note{border-top:1px solid var(--color-border);margin-top:var(--space-16);padding-top:var(--space-6);display:flex;gap:var(--space-8);color:var(--color-text-muted);font-size:var(--text-xs)}
.catalog-note>span{color:var(--color-primary);letter-spacing:.1em;white-space:nowrap}
.empty-state{padding:var(--space-20) var(--space-6);background:var(--color-surface)}
.empty-state h2{font-size:var(--text-xl);margin-block:var(--space-5)}
.empty-state p:not(.eyebrow){color:var(--color-text-muted);margin-bottom:var(--space-6)}
dialog{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);margin:auto;max-width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto}
dialog::backdrop{background:rgba(0,0,0,.82)}
.dialog-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2;background:var(--color-bg);font-size:var(--text-lg)}
.collection-dialog[open]{display:grid;grid-template-columns:1fr 1fr;width:960px}
.collection-dialog>img{height:100%;min-height:450px;object-fit:cover;filter:saturate(.5)}
.detail-copy{padding:var(--space-16) var(--space-8) var(--space-8)}
.detail-copy h2{font-size:var(--text-xl);margin-block:var(--space-5)}
.detail-copy>p:not(.eyebrow){color:var(--color-text-muted)}
.detail-notice{border-top:1px solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-5);font-size:var(--text-sm)}
.detail-copy .button{margin-top:var(--space-8)}
.search-dialog{width:720px;padding:var(--space-12)}
.search-dialog h2{font-size:var(--text-xl);padding-right:var(--space-8);margin-bottom:var(--space-8)}
.search-dialog .search-field{margin-bottom:var(--space-6)}
.search-dialog .search-field input{font-size:var(--text-base)}
.search-results a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding-block:var(--space-4);font-size:var(--text-sm)}
.search-results a:hover{color:var(--color-primary)}
.search-results p{color:var(--color-text-muted);font-size:var(--text-sm)}
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;padding-bottom:var(--space-12)}
.about-intro h1{font-size:var(--text-2xl);margin-block:var(--space-6);line-height:1.12}
.about-intro>p:not(.eyebrow){color:var(--color-text-muted);margin-bottom:var(--space-8)}
.about-image{height:570px;position:relative}
.about-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.3) brightness(.7)}
.photo-caption{position:absolute;bottom:var(--space-5);left:var(--space-6);font-size:var(--text-xs);letter-spacing:.13em;background:var(--color-bg);padding:var(--space-2) var(--space-3)}
.about-story{border-top:1px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}
.about-story>div:last-child p{color:var(--color-text-muted);margin-bottom:var(--space-6)}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);padding-bottom:var(--space-20)}
.principles>div{padding-block:var(--space-8);border-top:1px solid var(--color-border)}
.principles h2{font-size:var(--text-lg);font-family:var(--font-body);margin-block:var(--space-4)}
.principles p{font-size:var(--text-sm);color:var(--color-text-muted)}
.support-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-24);border-top:1px solid var(--color-border);padding-top:var(--space-12)}
.support-aside>.eyebrow{margin-bottom:var(--space-5)}
.support-aside>a{display:flex;justify-content:space-between;font-size:var(--text-sm);padding-block:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}
.support-aside>a:hover{color:var(--color-primary)}
.support-photo{margin-top:var(--space-10);height:250px;overflow:hidden}
.support-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.4) brightness(.65)}
.faq>section{margin-bottom:var(--space-16);scroll-margin-top:var(--space-8)}
.faq h2{font-size:var(--text-xl);margin-block:var(--space-4) var(--space-6)}
.faq details{border-bottom:1px solid var(--color-border)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-6);font-size:var(--text-base)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--color-primary);font-size:var(--text-lg)}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--color-text-muted);font-size:var(--text-sm);padding-bottom:var(--space-6);padding-right:var(--space-8)}
.support-notice{margin-bottom:var(--space-6)}
@media(min-width:1700px){.hero-content{padding-top:var(--space-24)}}
@media(max-width:1100px){
 .desktop-nav{gap:var(--space-6)}.preview-label{display:none}.header-inner{gap:var(--space-6)}
 .category-strip a{padding:var(--space-5) var(--space-3)}.feature-grid{grid-template-rows:240px 240px}
 .support-layout{grid-template-columns:240px 1fr;gap:var(--space-12)}
 .collection-card-photo{height:240px}.hero{height:640px;min-height:0}
}
@media(max-width:760px){
 .announcement .container{justify-content:center;min-height:32px;font-size:var(--text-xs)}.announcement .announcement-right{display:none}
 .header-inner{height:80px;gap:var(--space-4)}.wordmark{min-width:0}.wordmark strong{font-size:var(--text-base);letter-spacing:.12em}.wordmark span{font-size:var(--text-xs);letter-spacing:.31em}
 .header-actions{gap:var(--space-2)}.desktop-nav{display:none}.menu-button{display:grid}
 .mobile-nav.open{display:flex;flex-direction:column;padding:var(--space-4) var(--gutter) var(--space-6);border-top:1px solid var(--color-border)}
 .mobile-nav a{padding-block:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--text-base)}
 .mobile-nav a[aria-current=page]{color:var(--color-primary)}
 .hero{height:610px}.hero-image{object-position:66% 50%}.hero-shade{background:linear-gradient(90deg,rgba(11,13,11,.87),rgba(11,13,11,.35)),linear-gradient(0deg,rgba(11,13,11,.6),transparent 60%)}
 .hero-content{padding-top:var(--space-16)}.hero h1{font-size:var(--text-hero);margin-block:var(--space-6)}.hero-description{font-size:var(--text-base)}
 .hero-bottom{bottom:var(--space-6);gap:var(--space-4)}.hero-bottom>a{font-size:var(--text-xs);letter-spacing:0;gap:var(--space-3)}.hero-bottom>span{font-size:var(--text-xs);letter-spacing:0}
 .category-strip .container{padding-inline:0;display:flex;overflow-x:auto;scrollbar-width:thin}.category-strip a{white-space:nowrap;flex-shrink:0;min-width:150px;padding:var(--space-5)}
 .section{padding-block:var(--space-12)}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}
 .feature-grid{grid-template-columns:1fr;grid-template-rows:400px 280px 280px}.image-card.large{grid-row:auto}
 .image-card-label{inset:auto var(--space-6) var(--space-6)}.image-card-index{top:var(--space-5);left:var(--space-5)}
 .brand-section{padding-block:var(--space-12)}.brand-layout{grid-template-columns:1fr;gap:var(--space-8)}
 .collection-index{grid-template-columns:1fr;gap:var(--space-8)}.brand-layout h2{font-size:var(--text-2xl)}
 .footer-main{grid-template-columns:1fr 1fr;gap:var(--space-8);padding-block:var(--space-12)}.footer-brand{grid-column:span 2}.footer-bottom{flex-wrap:wrap;font-size:var(--text-xs)}
 .footer-column a{min-height:44px}.breadcrumbs{padding-block:var(--space-6)}
 .page-heading{align-items:flex-start;flex-direction:column;padding-block:var(--space-5) var(--space-8);gap:var(--space-5)}.page-heading h1{font-size:var(--text-2xl)}
 .collection-tools{align-items:stretch;flex-direction:column;padding-block:var(--space-5);gap:var(--space-5)}.filter{padding-inline:var(--space-3)}.filters{gap:var(--space-1)}
 .collection-grid{grid-template-columns:1fr;gap:var(--space-8)}.collection-card-photo{height:300px}.catalog-note{flex-direction:column;gap:var(--space-3);margin-top:var(--space-10)}
 .collection-dialog[open]{grid-template-columns:1fr}.collection-dialog>img{height:230px;min-height:0;width:100%}.detail-copy{padding:var(--space-8) var(--space-6)}
 .search-dialog{padding:var(--space-8) var(--space-5)}.search-dialog h2{padding-top:var(--space-6)}
 .about-hero{grid-template-columns:1fr;gap:var(--space-10)}.about-intro{padding-top:var(--space-4)}.about-image{height:400px}
 .about-story{grid-template-columns:1fr;gap:var(--space-8)}.principles{grid-template-columns:1fr;gap:var(--space-2);padding-bottom:var(--space-12)}
 .support-layout{grid-template-columns:1fr;gap:var(--space-10);padding-top:var(--space-8)}.support-photo{display:none}.support-aside{display:flex;flex-wrap:wrap;gap:var(--space-3)}.support-aside>.eyebrow{width:100%;margin-bottom:0}.support-aside>a{gap:var(--space-3);padding:var(--space-3) 0;margin-right:var(--space-3)}
 .faq>section{margin-bottom:var(--space-12)}.faq summary{font-size:var(--text-sm)}
}
@media(max-width:380px){.hero h1{font-size:3.4rem}.hero-bottom{flex-direction:column;gap:var(--space-3)}.header-actions{gap:var(--space-1)}.icon-button{width:40px;height:44px}.wordmark strong{letter-spacing:.07em}.wordmark span{letter-spacing:.24em}}
.product-section{border-bottom:1px solid var(--color-border)}
.snapshot-note{font-size:var(--text-sm);color:var(--color-text-muted);max-width:100ch;margin-bottom:var(--space-8)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
.product-card{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column}
.product-photo-button{position:relative;display:block;width:100%;aspect-ratio:1;background:#fff;overflow:hidden}
.product-photo-button img{width:100%;height:100%;object-fit:contain;padding:var(--space-5)}
.photo-enlarge{position:absolute;bottom:var(--space-3);right:var(--space-3);font-size:var(--text-xs);background:var(--color-bg);color:var(--color-text);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}
.product-photo-button:hover .photo-enlarge{color:var(--color-bg);background:var(--color-primary)}
.product-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}
.product-manufacturer{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}
.product-card h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.product-pricing{margin-top:auto;padding-top:var(--space-6)}
.price-caption{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em;margin-bottom:var(--space-2)}
.product-price{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums}
.product-previous{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}
.product-tools .search-field{width:min(100%,560px)}
.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr;width:1050px}
.product-detail-photo{background:white;display:flex;align-items:center;min-width:0}
.product-detail-photo img{width:100%;max-height:80vh;object-fit:contain;padding:var(--space-8)}
.product-detail-copy{padding:var(--space-16) var(--space-8) var(--space-8)}
.product-detail-copy>.product-manufacturer{margin-top:var(--space-6)}
.product-detail-copy h2{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.4;margin-block:var(--space-4) var(--space-8)}
.product-detail-copy .detail-notice{margin-bottom:var(--space-6)}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-nav{gap:var(--space-5)}}
@media(max-width:760px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
 .product-card-body{padding:var(--space-3)}.product-card h3{font-size:var(--text-sm)}.product-photo-button img{padding:var(--space-3)}
 .product-price{font-size:var(--text-base)}.photo-enlarge{bottom:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2)}
 .product-dialog[open]{grid-template-columns:1fr}.product-detail-photo img{height:280px;max-height:none;padding:var(--space-5)}
 .product-detail-copy{padding:var(--space-6)}.product-detail-copy h2{margin-block:var(--space-3) var(--space-5)}
 .product-detail-copy .product-manufacturer{margin-top:var(--space-4)}
}
@media(max-width:400px){.product-grid{gap:var(--space-3)}.product-card-body{padding:var(--space-3)}.product-card h3{font-size:.8125rem;line-height:1.35}.product-price{font-size:var(--text-base)}.photo-enlarge{display:none}.price-caption,.product-previous,.product-manufacturer{font-size:.6875rem}}
