/* ONBYA v17: targeted CRO and mobile refinement. Original identity, imagery and desktop compositions are locked. */
/* The navigation becomes an editorial panel on small screens; no gradients, badges or decorative icon grids. */
@media(max-width:1280px){
 #mobileNav.mobile-nav:not([hidden]){position:fixed;z-index:95;left:0;right:0;top:calc(var(--header) + 24px);bottom:0;max-height:none;height:auto;overflow-y:auto;overscroll-behavior:contain;display:block;padding:0;background:#f3f4ef;box-shadow:0 20px 45px rgba(25,34,34,.12)}
 body.onbya-menu-open{overflow:hidden}
 body.onbya-menu-open .site-header,body:has(#mobileNav:not([hidden])) .site-header{backdrop-filter:none!important;webkit-backdrop-filter:none!important}
 .onbya-mobile-nav-inner{width:100%;max-width:1080px;margin:auto;padding:24px max(6.5%,24px) max(25px,env(safe-area-inset-bottom));color:#2b3838}
 .onbya-nav-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd3cf;padding-bottom:16px;margin-bottom:16px}
 .onbya-nav-heading>span,.onbya-nav-label{font-size:10px;font-weight:600;letter-spacing:.16em;color:#596763}
 .onbya-nav-close{font:500 11px/1.3 var(--sans);letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:8px 0 8px 16px;text-transform:uppercase;color:#374944}
 .onbya-nav-close span{font-size:23px;font-weight:300;line-height:.6}
 #mobileNav .onbya-nav-feature{display:grid;grid-template-columns:minmax(0,1fr) 114px;gap:10px;min-height:148px;background:#e3e9e5;align-items:center;padding:0;border:0;overflow:hidden}
 .onbya-nav-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:16px 0 16px 18px;min-width:0}
 .onbya-nav-feature-copy small{font-size:10px;letter-spacing:.16em;color:#52635f}
 #mobileNav .onbya-nav-feature strong{font-family:var(--shop-serif);font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;font-weight:400;margin:6px 0;line-height:1.08}
 .onbya-nav-feature-copy>span{font-size:11px;color:#4f5d59;line-height:1.5}
 .onbya-nav-feature img{height:148px;width:100%;object-fit:cover;object-position:55% center}
 .onbya-nav-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:25px 0 15px}
 .onbya-nav-label{display:block;margin-bottom:9px}
 #mobileNav .onbya-nav-categories a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #ccd3cd;padding:9px 0;font:400 20px/1.18 var(--shop-serif);min-width:0}
 .onbya-nav-categories a small{font:400 10px var(--sans);color:#74817b}
 #mobileNav .onbya-nav-pages a{display:block;border:0;padding:9px 0;font:400 13px/1.25 var(--sans)}
 .onbya-nav-footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #cbd3cf;padding-top:15px}
 #mobileNav .onbya-nav-footer a,.onbya-nav-footer button{font:500 11px/1.5 var(--sans);letter-spacing:.02em;border:0;padding:7px 0;background:transparent;color:#2c4540}
 .onbya-nav-footer>span{font:500 9px/1.5 var(--sans);letter-spacing:.1em;margin-left:auto;color:#6a7772}
}
@media(min-width:761px) and (max-width:1280px){#mobileNav.mobile-nav:not([hidden]){top:var(--header)}}
@media(max-width:760px){
 /* One viewport, one clear action. Preserve the existing cinematic image and serif hero. */
 .hero{height:auto;min-height:0;max-height:none}
 .hero-image{height:203px}
 .hero-content{top:auto;transform:none;width:100%;padding:12px 6.5% 16px}
 .hero h1{font-size:clamp(51px,12.7vw,80px);line-height:.96;margin-bottom:12px}
 .hero-content>p{margin-bottom:12px;line-height:1.5;font-size:12px;max-width:320px}
 .hero .hero-eyebrow{margin-bottom:12px}
 .hero .hero-bottom{bottom:11px;opacity:.8}
 /* Removing repeated manifesto-led scroll on phones. These sections remain on desktop and their dedicated routes remain accessible. */
 #philosophy,.texture-section,#story,#ritual,#homeClimateTeaser{display:none!important}
 #collection.collection-section{padding:30px 6.5% 35px}
 #collection .section-heading{margin:5px 0 20px;display:block}
 #collection .section-heading h2{font-size:clamp(36px,9vw,48px);line-height:1.07}
 #collection .section-heading>p{font-size:12px;line-height:1.55;margin:9px 0 0;max-width:360px}
 #homeSignature.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}
 #homeSignature>.shop-card:nth-child(2){margin-top:0}
 #homeSignature .shop-art{height:auto!important;aspect-ratio:4/4.5}
 #homeSignature .shop-card .shop-card-meta{margin:10px 0 4px}
 #homeSignature .shop-card .shop-card-meta span{font-size:10px;line-height:1.25}
 #homeSignature .shop-card .shop-card-meta span:last-child{display:none}
 #homeSignature .shop-card h3{font-size:clamp(23px,6vw,30px);line-height:1.07;min-height:0;margin:8px 0}
 #homeSignature .shop-card>p{display:none}
 #homeSignature .shop-card .shop-card-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:11px;border:0;margin-top:12px;padding:0}
 #homeSignature .shop-card .shop-card-bottom strong{font-size:13px}
 #homeSignature .shop-inline{font-size:10px;letter-spacing:.09em;min-height:34px;display:inline-flex;align-items:center}
 #homeSignature .shop-heart{height:27px;width:27px;font-size:17px;right:7px;top:7px}
 .signature-duo{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:18px 0;align-items:end}
 .signature-duo-index{grid-column:1/-1;font-size:10px}
 .signature-duo .shop-kicker{font-size:10px;margin-bottom:4px}
 .signature-duo h3{font-size:32px;line-height:1.03}
 .signature-duo p{font-size:11px;line-height:1.4;margin:7px 0 0}
 .signature-duo-action{align-items:flex-end;text-align:right;margin:0;gap:8px}
 .signature-duo-action>span{font-size:20px}
 .signature-duo-action small{font-size:10px}
 .signature-duo-action .editorial-text-action{font-size:10px!important;max-width:130px;line-height:1.4;gap:4px;padding:0 0 5px}
 .signature-duo-action .editorial-text-action span{display:none}
 .onbya-editorial-difference{grid-template-columns:1fr;min-height:0}
 .difference-photo{aspect-ratio:16/8;min-height:0}
 .difference-photo figcaption{font-size:9px;letter-spacing:.04em;bottom:8px;left:8px}
 .difference-story{padding:23px 6.5% 29px}
 .difference-story .shop-kicker{margin-bottom:8px;font-size:10px}
 .difference-story h2{font-size:38px;line-height:1.05;margin-bottom:10px}
 .difference-story .difference-lead{font-size:17px;margin:0 0 6px}
 .difference-story p:not(.difference-lead):not(.difference-caveat){display:none}
 .difference-story .difference-caveat{display:none}
 .difference-story .editorial-text-action{margin-top:9px;font-size:10px!important;min-height:37px}
 .home-editorial-range{padding:26px 0 33px}
 .home-range-header{padding-bottom:10px}
 .home-range-image{aspect-ratio:16/8}
 .home-range-foot{padding-top:15px;gap:7px}
 .home-range-foot h2{font-size:38px;line-height:1.05;margin:6px 0 0}
 .home-range-foot p{display:none}
 .home-range-foot .editorial-text-action{margin:0;min-height:37px}
 /* Products appear immediately, not after a long editorial introduction. */
 .commerce-app:has(#shopGrid){padding:14px 5.5% 58px}
 .commerce-app:has(#shopGrid) .shop-crumb{margin:0 0 9px;gap:6px;font-size:10px}
 .commerce-app:has(#shopGrid) .shop-crumb>span:not([aria-current]){opacity:.4}
 .commerce-app:has(#shopGrid) .shop-section-head{margin:0 0 12px}
 .commerce-app:has(#shopGrid) .shop-section-head .shop-kicker{display:none}
 .commerce-app:has(#shopGrid) .shop-section-head h1{font-size:clamp(42px,10vw,54px);line-height:1.04;margin:0}
 .commerce-app:has(#shopGrid) .shop-category-links{border-top:0;border-bottom:1px solid #c9d0cb;gap:23px;padding:3px 0 11px;margin:0 -5.5vw 11px;padding-left:5.5vw;padding-right:5.5vw}
 .commerce-app:has(#shopGrid) .shop-category-links a{font-size:11px;padding:9px 0;letter-spacing:.04em;text-transform:none}
 .commerce-app:has(#shopGrid) .shop-filter-toggle{display:flex;min-height:34px;padding:0 0 8px;border:0;border-bottom:1px solid #d5dad5;margin:0 0 8px;font-size:11px;font-weight:500;letter-spacing:.05em}
 .commerce-app:has(#shopGrid) .shop-filter-toggle:after{font-size:18px}
 .commerce-app:has(#shopGrid) .shop-filters.is-open{padding:10px 0 20px;gap:10px}
 .commerce-app:has(#shopGrid) .shop-filters label{font-size:11px}
 .commerce-app:has(#shopGrid) .shop-results-head{padding:0 0 6px;margin:0 0 13px;border:0;font-size:11px}
 .commerce-app:has(#shopGrid) .shop-results-head select{max-width:128px;font-size:11px}
 .commerce-app:has(#shopGrid) .shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 11px}
 .commerce-app:has(#shopGrid) .shop-art{height:auto;aspect-ratio:4/4.4}
 .commerce-app:has(#shopGrid) .shop-card-meta{display:flex;align-items:center;min-height:0;margin:9px 0 6px;font-size:10px;gap:4px}
 .commerce-app:has(#shopGrid) .shop-card-meta span:last-child{display:none}
 .commerce-app:has(#shopGrid) .shop-card h3{font-size:clamp(23px,5.9vw,29px);line-height:1.04;min-height:2.09em;margin:0 0 7px}
 .commerce-app:has(#shopGrid) .shop-card>p{display:none}
 .commerce-app:has(#shopGrid) .shop-card-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:0}
 .commerce-app:has(#shopGrid) .shop-price strong{font-size:13px;font-weight:500}
 .commerce-app:has(#shopGrid) .shop-inline{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 0 4px;font-size:10px;letter-spacing:.07em}
 .commerce-app:has(#shopGrid) .shop-heart{width:28px;height:28px;font-size:17px;top:7px;right:7px;border-color:#c4cdca}
 .commerce-app:has(#shopGrid) .shop-art .art-category{font-size:9px;letter-spacing:.07em;left:8px;bottom:8px}
 .commerce-app:has(#shopGrid) .shop-art .vessel{transform:scale(.62)}
 .commerce-app:has(#shopGrid) .shop-trust{margin:38px 0 0;padding:25px 0;gap:15px}
 .commerce-app:has(#shopGrid) .shop-trust strong{font-size:21px}
 #mobileNav.mobile-nav:not([hidden]){top:calc(var(--header) + 24px)}
 .onbya-mobile-nav-inner{padding:13px 6.5% 27px}
 .onbya-nav-heading{padding-bottom:9px;margin-bottom:11px}
 .onbya-nav-feature img{height:130px}
 #mobileNav .onbya-nav-feature{min-height:130px;grid-template-columns:minmax(0,1fr) 102px}
 #mobileNav .onbya-nav-feature strong{font-size:31px}
 .onbya-nav-columns{gap:6%;padding:18px 0 9px}
 #mobileNav .onbya-nav-categories a{font-size:20px;padding:8px 0}
 #mobileNav .onbya-nav-pages a{font-size:12px;padding:8px 0}
 #mobileNav .onbya-nav-footer{gap:14px}
 .onbya-nav-footer>span{width:100%;margin-left:0}
}
@media(max-width:390px){
 .signature-duo h3{font-size:29px}
 .signature-duo-action>span{font-size:18px}
 #homeSignature .shop-card h3,.commerce-app:has(#shopGrid) .shop-card h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.onbya-nav-feature img{transition:none}}

/* Compact collection discovery on portrait tablets, preserving desktop at 961px+ */
@media(min-width:761px) and (max-width:960px){
 .commerce-app:has(#shopGrid){padding:20px 5.5% 80px}
 .commerce-app:has(#shopGrid) .shop-crumb{margin-bottom:13px}
 .commerce-app:has(#shopGrid) .shop-section-head{margin-bottom:18px}
 .commerce-app:has(#shopGrid) .shop-section-head .shop-kicker{display:none}
 .commerce-app:has(#shopGrid) .shop-section-head h1{font-size:58px;margin-bottom:0}
 .commerce-app:has(#shopGrid) .shop-category-links{margin-bottom:13px;padding:9px 0;gap:10px 20px}
 .commerce-app:has(#shopGrid) .shop-filter-toggle{margin-bottom:10px}
 .commerce-app:has(#shopGrid) .shop-results-head{padding-bottom:8px;margin-bottom:15px}
 .commerce-app:has(#shopGrid) .shop-art{height:280px}
 .commerce-app:has(#shopGrid) .shop-card h3{font-size:27px}
 .commerce-app:has(#shopGrid) .shop-card>p{display:none}
 .commerce-app:has(#shopGrid) .shop-product-grid{gap:30px 16px}
}
/* Repair the original newsletter column's min-content overflow on narrow phones. */
@media(max-width:760px){
 .cookie-banner{display:none!important}
 .footer-grid,.shop-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
 .footer-grid>*,.shop-footer-grid>*,.footer-statement.shop-signup{min-width:0;max-width:100%;width:100%;justify-self:stretch}
 .footer-statement.shop-signup *{min-width:0}
 .shop-newsletter{display:flex;min-width:0;width:100%}
 .shop-newsletter input{flex:1 1 0;width:0;min-width:0}
 .shop-newsletter button{flex:0 0 auto;padding:8px 2px;font-size:10px}
}