/* Catalog and product layer. Homepage composition is intentionally untouched. */
body:has(.oc-catalog) .logo-header,body:has(.oc-product-shell) .logo-header{height:142px;padding-top:22px}
.oc-icon{width:19px;height:19px;flex:none;display:block}
.oc-catalog,.oc-product-shell{width:min(1600px,calc(100% - var(--gutter)*2));margin:8px auto 96px}
.oc-catalog{min-height:60svh}.oc-catalog-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--hairline);padding:0 0 14px;margin-bottom:15px}
.oc-categories{display:flex;gap:28px;align-items:center;overflow-x:auto;scrollbar-width:none;min-width:0}.oc-categories::-webkit-scrollbar{display:none}
.oc-categories a,.oc-categories button{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;background:transparent;padding:5px 0;position:relative;font:12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:-.015em;color:var(--ink)}
.oc-categories :is([aria-current=page],[aria-pressed=true])::after{content:"";height:1px;position:absolute;bottom:6px;left:0;right:0;background:var(--ink)}
.oc-view-tools{display:flex;align-items:center;gap:2px;flex:none}.oc-count{font:10px/1.3 var(--mono);color:#65685f;white-space:nowrap;margin-right:12px}.oc-view{width:40px;height:44px;display:grid;place-items:center;background:transparent;opacity:.36;padding:10px}.oc-view[aria-pressed=true]{opacity:1}.oc-view:hover{opacity:1}
.oc-demo-note{font:10px/1.6 var(--mono);color:#777a70;margin:0 0 16px}.oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}
.oc-catalog[data-density=large] .oc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.oc-card{background:transparent;display:block;padding:0;border:0;text-align:left;min-width:0;color:var(--ink);font-size:12px}.oc-card-media{position:relative;display:block;aspect-ratio:1/1.12;background:#eff0eb;overflow:hidden;border-radius:0}.oc-card-media>img{width:100%;height:100%;object-fit:contain;transition:opacity .22s ease,transform .32s ease}.oc-card-back{position:absolute;inset:0;opacity:0}
.oc-card-media>.sample-garment{width:100%;height:100%;padding:3%;filter:drop-shadow(1px 6px 6px #20231f0c)}
.oc-card-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:14px;font-size:12px;line-height:1.5;letter-spacing:.005em}.oc-card-meta>span:first-child{overflow-wrap:anywhere}.oc-card-price{font-family:var(--mono);font-size:10px;white-space:nowrap;color:#5f625a}
.oc-stock{position:absolute;right:14px;bottom:14px;font:9px var(--mono);text-transform:uppercase;background:var(--page);padding:5px 8px}.oc-missing{display:grid;place-items:center;position:absolute;inset:0;color:#797c72;font-size:12px}
.tone-slate{--cloth-hi:#939eab;--cloth:#7d8791;--cloth-lo:#65717d}.tone-clay{--cloth-hi:#b39b91;--cloth:#9c8177;--cloth-lo:#876a62}
.oc-sort-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.oc-sort{display:flex;align-items:center;gap:12px;margin-left:auto;font:11px var(--mono)}.oc-sort select{min-height:44px;max-width:220px;background:transparent;border:0;border-bottom:1px solid transparent;padding:10px 20px 10px 0;font:11px var(--mono)}.oc-filter-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;min-height:44px;background:none;font:11px var(--mono)}
.oc-filter-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;border-block:1px solid var(--hairline);padding:28px 0;margin-bottom:30px}.js .oc-filter-panel:not(.is-open){display:none}.oc-filter-panel fieldset{margin:0;padding:0;border:0;min-width:0}.oc-filter-panel legend{font:11px var(--mono);margin-bottom:16px}.oc-filter-values{display:grid;align-content:start;max-height:205px;overflow:auto;gap:3px}.oc-filter-values label{display:flex;gap:10px;align-items:center;min-height:34px;font-size:12px;cursor:pointer}.oc-filter-values input{accent-color:var(--ink);width:16px;height:16px;margin:0}.oc-filter-values small{margin-left:auto;opacity:.5;padding-right:8px}.oc-filter-values input:disabled~span{opacity:.35}.oc-price-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oc-price-range label{font-size:11px}.oc-price-range input{width:100%;margin-top:8px;background:transparent;border:1px solid var(--hairline);min-height:44px;padding:8px}.oc-filter-actions{display:flex;align-items:center;gap:25px;align-self:end;grid-column:1/-1}.oc-filter-actions .oc-add{width:140px;margin:0}.oc-filter-actions a,.oc-active-filters a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.oc-active-filters{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 24px}.oc-active-filters a{display:flex;align-items:center;gap:8px;min-height:35px}.oc-active-filters .oc-icon{width:13px;height:13px}.oc-empty{grid-column:1/-1;min-height:40svh;padding:60px 0}.oc-empty a{display:inline-block;margin-top:20px;text-decoration:underline}.oc-collection-copy{max-width:620px;margin:20px 0 36px}
.oc-back{display:inline-flex;align-items:center;gap:14px;min-height:44px;font:11px var(--mono);background:none;padding:0;letter-spacing:.025em;text-transform:uppercase}.oc-back .oc-icon{width:17px;height:17px}.oc-product-shell>.oc-back{margin:0 0 14px}
.oc-product-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:clamp(34px,6vw,110px);align-items:start}.oc-gallery{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;min-width:0}.oc-gallery:not(:has(.oc-thumbs)){grid-template-columns:1fr}.oc-thumbs{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:660px;overflow:auto;padding:2px}.oc-thumbs button{width:60px;min-height:64px;flex:none;border:1px solid transparent;background:#eff0eb;padding:2px;color:var(--ink);font:9px var(--mono)}.oc-thumbs button[aria-pressed=true]{border-color:#777d70}.oc-thumbs img{width:100%;height:66px;object-fit:contain}.oc-demo-thumbs button{min-height:54px;background:transparent}.oc-stage-wrap{position:relative;min-width:0;background:#eff0eb}.oc-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:clamp(430px,calc(100svh - 205px),900px);min-width:0;overscroll-behavior-x:contain}.oc-stage::-webkit-scrollbar{display:none}.oc-media{min-height:0;position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}.oc-media>a,.oc-media>div{min-height:0;display:block;width:100%;height:100%}.oc-media :is(img,video,iframe,model-viewer){width:100%;height:100%;object-fit:contain;border:0}.oc-media>.sample-garment,.oc-media>div>.sample-garment{width:100%;height:100%;padding:5%}.oc-enlarge-image{cursor:zoom-in}.oc-detail-view .sample-garment{transform:translateY(20%) scale(1.8);transform-origin:50% 25%}
.oc-gallery-controls{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:var(--page);border-radius:3px;padding:0 2px}.oc-gallery-controls button,.oc-zoom-trigger{background:transparent;display:grid;place-items:center;width:42px;height:42px}.oc-gallery-controls span{font:10px var(--mono);min-width:42px;text-align:center}.oc-gallery-controls .oc-icon{width:16px;height:16px}.oc-zoom-trigger{position:absolute;right:12px;bottom:12px;background:var(--page);border-radius:3px}.oc-zoom-trigger .oc-icon{width:17px;height:17px}
.oc-product-info{position:sticky;top:36px;padding:30px 0 0;min-width:0;max-width:430px;width:100%}.oc-product-heading{margin-bottom:40px}.oc-product-heading h1,.oc-product-heading h2{font-size:clamp(24px,2.2vw,34px);line-height:1.15;font-weight:400;letter-spacing:-.025em;text-transform:none}.oc-price{margin-top:15px;font:13px var(--mono)}.oc-price s{opacity:.5;font-size:11px;margin-left:10px}.oc-option-group{border:0;padding:0;margin:0 0 27px;min-width:0}.oc-option-group legend{font-size:11px;width:100%;display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.oc-option-group legend span{color:#71746b}.oc-option-values{display:flex;flex-wrap:wrap;gap:7px}.oc-option{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 14px;min-width:48px;min-height:46px;border:1px solid #d8dbd1;background:transparent;font:11px var(--mono);text-align:center;color:var(--ink);transition:background .15s,border-color .15s}.oc-option:hover{border-color:var(--ink)}.oc-option:is(.is-selected,[aria-pressed=true]){background:var(--ink);border-color:var(--ink);color:var(--page)}.oc-option.is-unavailable{color:#90958a;text-decoration:line-through}.oc-option.is-unavailable.is-selected{color:#c1c5b9}.oc-swatch{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--swatch);box-shadow:0 0 0 1px #7776;flex:none}.oc-swatch-image{width:16px;height:16px;border-radius:50%;object-fit:cover}.oc-guide-link{background:none;text-decoration:underline;text-underline-offset:4px;font-size:11px;padding:0;min-height:44px;margin:-18px 0 12px}
.oc-form{margin-top:6px}.oc-form select{min-height:46px;width:100%;padding:10px;border:1px solid var(--hairline);background:transparent}.oc-label{display:block;font-size:11px;margin-bottom:10px}.oc-quantity-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px;font-size:11px}.oc-quantity{display:grid;grid-template-columns:36px 36px 36px;align-items:center;border-bottom:1px solid var(--hairline)}.oc-quantity button{display:grid;place-items:center;background:none;height:44px;padding:10px}.oc-quantity .oc-icon{width:13px;height:13px}.oc-quantity input{appearance:textfield;-moz-appearance:textfield;width:36px;height:44px;border:0;background:none;padding:0;text-align:center;font:12px var(--mono)}.oc-quantity input::-webkit-inner-spin-button{appearance:none}.oc-add{display:block;width:100%;min-height:52px;background:var(--ink);color:var(--page);padding:15px 20px;text-align:center;font:12px var(--mono);border:1px solid var(--ink);border-radius:0;cursor:pointer;transition:background .15s}.oc-add:not(:disabled):hover{background:#474c41}.oc-add:disabled{opacity:.55;cursor:default}.oc-status:empty{display:none}.oc-status,.oc-form-error{font-size:12px;margin:12px 0}.oc-product-info[aria-busy=true] .oc-add{opacity:.45}.oc-disclosure{border-bottom:1px solid var(--hairline)}.oc-form+.oc-status+.oc-disclosure{margin-top:28px;border-top:1px solid var(--hairline)}.oc-disclosure summary{display:flex;justify-content:space-between;align-items:center;min-height:58px;cursor:pointer;list-style:none;font-size:11px}.oc-disclosure summary::-webkit-details-marker{display:none}.oc-disclosure summary .oc-icon{width:14px;height:14px}.oc-disclosure[open] summary .oc-icon{transform:rotate(45deg)}.oc-disclosure .rte{font-size:12px;padding:0 0 20px}.oc-policy-links{display:grid;gap:14px;padding-bottom:22px;font-size:12px}.oc-policy-links a{text-decoration:underline;text-underline-offset:4px}.oc-related{margin-top:90px}.oc-related h2{font:12px var(--mono);margin-bottom:25px;text-transform:uppercase}.oc-quiet{font:10px/1.5 var(--mono);color:#75796d}
.oc-sample-dialog{inset:12px;margin:auto;width:min(1480px,calc(100% - 24px));height:calc(100dvh - 24px);max-height:none;max-width:none;border-radius:5px;background:var(--page);overflow:auto;overscroll-behavior:contain}.oc-sample-dialog::backdrop{background:#20231f65}.oc-sample-top{position:sticky;top:0;z-index:4;background:var(--page);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px;border-bottom:1px solid var(--hairline)}.oc-close{display:grid;place-items:center;width:44px;height:44px;background:var(--page);padding:10px}.oc-demo-product{padding:30px;gap:clamp(30px,5vw,85px)}.oc-demo-product .oc-product-info{top:88px;padding-top:38px;margin-inline:auto}.oc-demo-product .oc-stage{height:clamp(420px,calc(100dvh - 165px),850px)}.oc-demo-explanation{font-size:11px;color:#777b70;margin-top:16px;line-height:1.7}.oc-demo-product .oc-add{margin-top:36px}.oc-info-dialog{position:fixed;inset:0;margin:auto;width:min(700px,calc(100vw - 32px));max-height:85dvh;border-radius:4px;padding:28px;overflow:auto}.oc-info-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.oc-info-dialog>header h2{font-size:22px}.oc-info-dialog button{background:transparent;width:44px;height:44px;display:grid;place-items:center}
.oc-zoom-dialog{position:fixed;inset:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:var(--page);overflow:auto}.oc-zoom-dialog>.oc-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:20px;z-index:3;border:1px solid var(--hairline);border-radius:50%}.oc-zoom-content{display:grid;place-items:center;min-height:100%;padding:42px;cursor:zoom-in}.oc-zoom-content>img,.oc-zoom-content>.sample-garment{width:100%;max-width:1500px;height:calc(100dvh - 84px);object-fit:contain}.oc-zoom-content.is-magnified{display:block;min-width:1500px;cursor:zoom-out}.oc-zoom-content.is-magnified>img,.oc-zoom-content.is-magnified>.sample-garment{max-width:none;width:1500px;height:auto;min-height:100dvh}
.no-js .oc-view,.no-js .oc-filter-toggle,.no-js .oc-gallery-controls,.no-js .oc-zoom-trigger{display:none}.no-js .oc-stage{display:grid;height:auto;gap:15px;overflow:visible}.no-js .oc-media{aspect-ratio:4/5}.no-js .oc-thumbs{display:none}.no-js .oc-gallery{grid-template-columns:1fr}
@media(hover:hover) and (pointer:fine){.oc-card--alternate:is(:hover,:focus-visible) .oc-card-back{opacity:1}.oc-card--alternate:is(:hover,:focus-visible) .oc-card-front{opacity:0}.oc-card:hover .oc-card-media>img{transform:scale(1.02)}}
@media(max-width:1050px){.oc-product-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:30px}.oc-gallery{grid-template-columns:48px minmax(0,1fr);gap:10px}.oc-thumbs button{width:44px;min-height:50px}.oc-thumbs img{height:50px}.oc-product-info{padding-top:20px}.oc-categories{gap:20px}.oc-grid{gap:32px 18px}.oc-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.oc-product-layout{grid-template-columns:1fr;gap:26px}.oc-product-shell{max-width:680px}.oc-product-info{position:static;max-width:none;padding-top:8px}.oc-product-heading{margin-bottom:30px}.oc-gallery{display:flex;flex-direction:column;gap:10px}.oc-thumbs{order:2;flex-direction:row;justify-content:flex-start;padding:2px 0;gap:8px}.oc-thumbs button{width:52px;min-height:54px}.oc-stage-wrap{order:1}.oc-stage{height:55svh;min-height:330px;max-height:620px}.oc-demo-product .oc-stage{height:41svh;min-height:270px;max-height:580px}.oc-demo-product .oc-product-info{padding:5px 0 0}.oc-demo-product .oc-product-heading{margin-bottom:27px}.oc-demo-thumbs button{background:transparent;min-height:40px;width:auto;padding:8px 14px}.oc-demo-product{padding:24px;max-width:680px;margin:auto}.oc-related{margin-top:56px}}
@media(max-width:700px){body:has(.oc-catalog) .logo-header,body:has(.oc-product-shell) .logo-header{height:125px;padding-top:20px}.oc-catalog,.oc-product-shell{width:calc(100% - 32px);margin:0 auto 62px}.oc-catalog-bar{flex-wrap:wrap;gap:1px;padding-bottom:8px;margin-bottom:12px}.oc-categories{gap:22px;flex:1;min-width:220px}.oc-categories a,.oc-categories button{font-size:10px;min-height:42px}.oc-view-tools{margin-left:auto}.oc-count{font-size:9px;margin-right:3px}.oc-view{width:32px;height:40px;padding:8px}.oc-view .oc-icon{width:15px;height:15px}.oc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.oc-catalog[data-density=large] .oc-grid{grid-template-columns:1fr}.oc-card-media{aspect-ratio:1/1.13}.oc-card-meta{display:flex;flex-direction:column;gap:2px;margin-top:10px;font-size:11px}.oc-card-price{font-size:9px}.oc-demo-note{font-size:9px;margin-bottom:14px}.oc-sort{font-size:10px;gap:8px}.oc-sort select{font-size:10px;max-width:180px}.oc-filter-toggle{font-size:10px}.oc-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.oc-product-shell>.oc-back{margin-bottom:14px}.oc-product-heading h1,.oc-product-heading h2{font-size:27px}.oc-price{font-size:12px}.oc-option{min-height:44px;min-width:44px;padding:10px 13px;font-size:10px}.oc-option-group{margin-bottom:25px}.oc-option-values{gap:7px}.oc-gallery-controls{bottom:10px;gap:1px}.oc-gallery-controls button{width:36px;height:38px}.oc-zoom-trigger{right:10px;bottom:10px;width:38px;height:38px}.oc-sample-dialog{inset:0;width:100%;height:100dvh;border-radius:0}.oc-sample-top{padding:7px 18px;gap:12px}.oc-sample-top .oc-quiet{font-size:9px}.oc-demo-product{padding:18px;gap:22px}.oc-demo-product .oc-stage{height:38svh;min-height:240px}.oc-demo-product .oc-product-heading{margin-bottom:25px}.oc-demo-product .oc-add{margin-top:24px}.oc-zoom-content{padding:22px}.oc-zoom-content>img,.oc-zoom-content>.sample-garment{height:calc(100dvh - 44px)}.oc-stock{bottom:9px;right:9px;font-size:8px;padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.oc-card-media>img,.oc-option,.oc-add{transition:none}}