.hero-content{width:53%;padding-right:0;max-width:850px}
.hero h1{font-size:clamp(64px,6.5vw,104px)}
.hero-image{object-position:70% center}
.hero-shade{background:linear-gradient(90deg,#11181566 0%,#11181518 46%,transparent 65%),linear-gradient(0deg,#10171455,transparent 22%)}
.hero-intro{max-width:400px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-secondary{font-size:.9375rem;line-height:1.5;padding:14px 0;border-bottom:1px solid #ffffff80;display:inline-flex;gap:22px;align-items:center}
.hero-secondary:hover{color:#ffb895}
.about-section{padding-top:80px;padding-bottom:76px}
.about-section .section-marker{margin-bottom:42px}
.brand-principle{margin-top:40px;padding-top:24px}
.brand-principle p{font-size:1.2rem}
.care-section{padding-top:80px;padding-bottom:78px}
.care-section .section-marker{margin-bottom:42px}
.care-item{padding:23px 0}
.partner-invitation{margin-top:16px}
.mobile-quick-contact{display:none}
.collection-intro{padding:74px var(--space) 54px}
.collection-intro h1{font-size:clamp(50px,6vw,86px);font-weight:500;letter-spacing:-.055em;line-height:1.06;margin:30px 0 25px;max-width:840px}
.collection-intro .intro-row{display:flex;justify-content:space-between;align-items:end;gap:32px}
.collection-intro .intro-row p{max-width:470px;line-height:1.75;font-size:1rem;color:var(--muted)}
.collection-content{padding:0 var(--space) 72px}
.collection-label{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:27px 0}
.collection-label h2{font-size:1.1rem;font-weight:500}
.collection-label>span{font-size:.875rem;color:var(--muted)}
.collection-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-bottom:64px}
.collection-item{min-width:0}
.collection-art{position:relative;overflow:hidden;background:#edf0ef;aspect-ratio:4/3}
.collection-art img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.collection-item:hover .collection-art img{transform:scale(1.035)}
.collection-info{padding:21px 0 0}
.collection-info h3{font-size:clamp(25px,2.5vw,38px);font-weight:500;letter-spacing:-.035em}
.collection-info p{color:var(--muted);font-size:.9375rem;line-height:1.65;margin-top:10px}
.collection-info .text-link{margin-top:15px;min-height:44px}
.collection-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px}
.collection-more .collection-art{background:#f1f3f1;aspect-ratio:3/2}
.collection-more .collection-art img{object-fit:contain;mix-blend-mode:multiply;padding:20px}
.collection-more .collection-art.collage img{position:static;width:100%;max-width:100%;height:100%;clip-path:none;transform:none;padding:18px;object-fit:contain}
.collection-featured .collection-art{background:#18201e}
.collection-featured .collection-art img{object-fit:contain;padding:0;mix-blend-mode:normal}
.collection-more .collection-item:hover .collage img{transform:scale(1.035)}
.collection-more .collection-item:hover .collage img[src*="shark"]{transform:scale(1.035)}
.collection-more .collection-info{display:flex;justify-content:space-between;align-items:center;gap:16px}
.collection-more .collection-info .text-link{margin:0}
.collection-guidance{padding:56px var(--space);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start}
.collection-guidance h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.13;letter-spacing:-.04em;margin:20px 0}
.collection-guidance p{font-size:1rem;line-height:1.8;max-width:460px;color:#c6d1ca}
.collection-guidance .text-link{margin-top:24px;color:white}
.collection-guidance .battery-heading{color:white;font-size:1.5rem;line-height:1.5;margin-top:42px}
@media(max-width:1100px){.hero-content{width:55%}.hero h1{font-size:clamp(56px,6.3vw,78px)}.hero-intro{max-width:350px}.hero-actions{gap:18px}.collection-featured{gap:20px}}
@media(min-width:601px) and (max-width:800px){.hero-content{width:58%}.hero h1{font-size:52px}.hero-intro{max-width:300px}.hero-image{object-position:65% center}.collection-featured{grid-template-columns:1fr}.collection-featured .collection-item{display:grid;grid-template-columns:1fr 1fr;gap:28px}.collection-info{align-self:center;padding:0}.collection-more .collection-info{display:block}.collection-more .collection-info .text-link{margin-top:12px}}
@media(min-width:601px) and (max-width:1100px){
 .hero{height:auto;min-height:0;align-items:flex-start}
 .hero-content{width:100%;max-width:none;padding:40px var(--space) calc(56vw + 20px);display:grid;grid-template-columns:1.15fr 1fr;gap:24px 32px;align-items:center}
 .hero-content>.eyebrow{grid-column:1/-1}
 .hero h1{font-size:clamp(40px,6vw,64px);grid-column:1;grid-row:2/4;margin:0}
 .hero-intro{grid-column:2;max-width:360px;font-size:1rem;margin:0;line-height:1.65}
 .hero-actions{grid-column:2;gap:12px 20px}
 .hero .button{padding:13px 16px;gap:18px;min-height:49px;font-size:.875rem}
 .hero-secondary{font-size:.875rem;padding:8px 0}
 .hero-image{top:auto;bottom:0;height:56vw;object-position:center}
 .hero-shade{background:linear-gradient(180deg,#151c19 0%,#151c19 calc(100% - 56vw),transparent calc(100% - 56vw + 55px))}
 .hero-bottom{display:none}
}
@media(max-width:800px){.mobile-quick-contact{position:fixed;z-index:45;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.35fr 1fr;background:var(--paper);border-top:1px solid var(--line);padding:9px 16px calc(9px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -8px 24px #15221d09}.mobile-quick-contact a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:600}.mobile-quick-contact a:first-child{background:var(--ink);color:white;border-radius:3px}.mobile-quick-contact a:last-child{border:1px solid var(--line);border-radius:3px}.site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.photo-dialog{z-index:100}.collection-intro .intro-row{flex-direction:column;align-items:start}.collection-guidance{gap:7%}}
@media(max-width:600px){
 .hero{min-height:0;background:#151c19}
 .hero-content{width:100%;padding:34px 24px 310px;max-width:none}
 .hero h1{font-size:clamp(44px,12vw,64px);margin:22px 0 20px;line-height:1.02}
 .hero-intro{max-width:345px;margin-bottom:20px;font-size:.9375rem;line-height:1.7}
 .hero-actions{gap:13px 22px}
 .hero .button{min-height:49px;padding:14px 17px;gap:20px;font-size:.875rem;margin:0}
 .hero-secondary{font-size:.875rem;gap:12px;padding:12px 0}
 .hero-image{top:auto;bottom:0;height:310px;object-position:right center}
 .hero-shade{background:linear-gradient(180deg,#151c19 0%,#151c19 48%,#151c19ee 56%,transparent 66%)}
 .hero-bottom{display:none}
 .about-section,.care-section{padding-top:54px;padding-bottom:54px}
 .about-section .section-marker,.care-section .section-marker{margin-bottom:30px}
 .about-grid{gap:28px}.about-copy .lead{font-size:1.2rem}.about-copy p{margin-bottom:18px;line-height:1.65}
 .brand-principle{margin-top:30px;gap:14px}.brand-principle p{font-size:1.125rem}
 .care-grid{gap:28px}.care-item p{line-height:1.6}.care-item h3{font-size:1.3rem;margin-bottom:12px}.care-heading>p{line-height:1.65;margin-top:20px}
 .partners-grid h2{font-size:clamp(43px,11vw,62px)}
 .collection-intro{padding:42px 24px 36px}.collection-intro h1{font-size:47px;margin:25px 0 22px}.collection-intro .intro-row{gap:20px}
 .collection-content{padding:0 24px 45px}.collection-label{padding:22px 0;flex-direction:column;gap:9px}.collection-featured{grid-template-columns:1fr;gap:37px;margin-bottom:44px}
 .collection-art{aspect-ratio:4/3}.collection-info h3{font-size:32px}.collection-info p{font-size:.9375rem}.collection-info{padding-top:17px}
 .collection-more{grid-template-columns:1fr;gap:32px}.collection-more .collection-art{aspect-ratio:4/3}.collection-more .collection-info h3{font-size:28px}.collection-more .collection-info .text-link{font-size:.875rem}
 .collection-guidance{grid-template-columns:1fr;padding:45px 24px;gap:30px}.collection-guidance h2{font-size:36px}.collection-guidance .battery-heading{margin:0 0 15px}
}
@media(prefers-reduced-motion:reduce){.collection-art img{transition:none}.collection-item:hover .collection-art img,.collection-more .collection-item:hover .collage img{transform:none}}
