/* Berlin motion grammar: 250 ms controls / drawers, 500 ms image transitions. */
:root{--motion-control:250ms;--motion-image:500ms;--motion-ease:cubic-bezier(.25,.1,.25,1)}
html{scrollbar-gutter:stable;scroll-behavior:auto}
.masthead{transition:transform 150ms ease-out;isolation:isolate;will-change:transform}
.hero,.species,.story-picture,.product-stage{contain:paint}
.masthead.header-hidden{transform:translateY(-101%)}
.desktop-nav>button{font:inherit;padding:30px 0;display:flex;align-items:center;gap:8px}
.desktop-nav>*{transition:opacity var(--motion-control) ease,color var(--motion-control) ease}
.desktop-nav:has(>[aria-expanded=true])>*{opacity:.4}
.desktop-nav:has(>[aria-expanded=true])>[aria-expanded=true]{opacity:1}
.chevron{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-4px;transition:transform var(--motion-control) ease}
[aria-expanded=true]>.chevron{transform:rotate(225deg);margin-top:3px}
.mega-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;padding:40px var(--gutter);display:grid;grid-template-columns:1fr 1fr 300px;gap:60px;border-bottom:1px solid var(--rule);opacity:0;visibility:hidden;transition:opacity var(--motion-control) linear,visibility var(--motion-control);pointer-events:none}
.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mega-menu>div:first-child{display:flex;align-items:start;flex-direction:column;gap:14px}
.mega-menu>div:first-child>a{font-size:26px;font-stretch:62%;font-weight:700;display:flex;gap:25px}
.mega-menu a span{display:inline-block;transition:transform var(--motion-control),opacity var(--motion-control)}
.mega-menu a:hover span{transform:translateX(5px)}
.mega-note>p{font-size:34px;font-stretch:62%;font-weight:700;line-height:1.1;margin-bottom:20px}.mega-note>span{font-size:12px;color:var(--muted)}
.mega-feature,.mega-photo{height:245px;overflow:hidden;background:var(--paper);position:relative}
.mega-feature{display:flex;align-items:center;flex-direction:column;padding:15px;font-size:11px;gap:12px}.mega-feature img{height:185px;width:100%;object-fit:contain;transition:transform var(--motion-image) ease}
.mega-photo img{height:100%;width:100%;object-fit:cover;transition:transform var(--motion-image) ease}
.mega-feature:hover img,.mega-photo:hover img{transform:scale(1.1)}
.menu-scrim{position:fixed;inset:0;background:#0003;z-index:19;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-control),visibility var(--motion-control)}
.menu-is-open .menu-scrim{opacity:1;visibility:visible;pointer-events:auto}
.hero-track{position:absolute;inset:0;width:200%;display:flex;transition:transform var(--motion-image) var(--motion-ease)}
.hero-slide{width:50%;height:100%;flex:none;position:relative;display:grid;place-items:center;overflow:hidden}
.hero-photo{filter:none!important}
.hero-shade{background:linear-gradient(180deg,#0006,#0005 45%,#0009)}
.hero-slide .hero-copy{transform:translateX(35px);transition:transform var(--motion-image) var(--motion-ease)}
.hero-slide.is-active .hero-copy{transform:translateX(0)}
.hero-copy h2{font-size:clamp(72px,8vw,122px);font-weight:800;line-height:.91;letter-spacing:-.035em;margin-bottom:25px}
.hero-controls{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px}
.hero-arrow,.hero-pause{color:white;min-width:40px;height:40px;font-size:24px;transition:opacity var(--motion-control),transform var(--motion-control)}
.hero-arrow:hover{transform:scale(1.15)}.hero-pause{font-size:16px}.hero-pagination{display:flex;gap:9px;align-items:center}
.hero-pagination button{width:9px;height:9px;border:1px solid white;padding:0;transition:background-color var(--motion-control);border-radius:50%}
.hero-pagination button[aria-pressed=true]{background:#fff}
.button{transition:background-color var(--motion-control) ease,color var(--motion-control) ease}
.button>span,.quick-view>span,.catalog-search>span{display:inline-block;transform-origin:center;transition:transform var(--motion-control) ease}
.button:hover>span,.button:focus-visible>span,.quick-view:hover>span,.catalog-search:hover>span{transform:translateY(-3px) rotate(45deg)}
.underlined{border:0;position:relative}
.underlined:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform-origin:right;transition:transform var(--motion-control) linear}
.underlined:hover:after{transform:scaleX(0)}
.underlined>span{transition:transform var(--motion-control)}.underlined:hover>span{transform:translateX(6px)}
.icon-button[data-close]{transition:transform var(--motion-control) ease}.icon-button[data-close]:hover{transform:rotate(90deg)}
.product-image-button{padding:0;isolation:isolate}
.product-image-button .card-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:32px;object-fit:contain;transition:opacity var(--motion-image) ease,transform var(--motion-image) ease;transform:scale(1)}
.card-image-0{opacity:1}.card-image-1{opacity:0}
.product-image-button:hover img{transform:none}
.card-label{z-index:2;transition:opacity var(--motion-control)}
.quick-view{transform:none;transition:opacity var(--motion-control) linear;z-index:3}
.product-stage:focus-within .quick-view{opacity:1}
.product-info h3 button{transition:opacity var(--motion-control)}.product-info h3 button:hover{opacity:.65}
.swatches{gap:12px;padding:2px}
.swatch{position:relative;padding:0;width:13px;height:13px;outline:1px solid transparent;outline-offset:3px;transition:outline-color var(--motion-control)}
.swatch:before{content:"";position:absolute;inset:-7px}.swatch[aria-pressed=true]{outline-color:var(--ink)}.swatch:hover{outline-color:#888}
.collection-note img{filter:none;opacity:.36}.story-picture>img{filter:none}
.species-images{position:absolute;inset:0;background:#292929}
.species-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:0;transition:opacity 400ms ease}
.species-images img.is-active{opacity:1}.species-images .species-garment{object-fit:contain;padding:30px;object-position:50% 50%}
.species-overlay{background:#0006;pointer-events:none}
.species a{transition:color var(--motion-control) ease}.species a.is-active{color:#fff}
.species a span{transition:transform var(--motion-control) ease,opacity var(--motion-control) ease}.species a.is-active span{opacity:1;transform:none}
details{overflow:hidden}summary span{transition:transform var(--motion-control) ease}details[data-expanded=false] summary span{transform:none}details[data-expanded=true] summary span{transform:rotate(45deg)}
dialog[open]{animation:none;opacity:1;transition:transform var(--motion-control) ease,opacity var(--motion-control) ease;overscroll-behavior:contain}
dialog::backdrop{background:#0009;opacity:1;transition:opacity var(--motion-control) ease}
dialog[data-state=closing]{opacity:0;pointer-events:none}dialog[data-state=closing]::backdrop{opacity:0}
.side-dialog[open]{transform:translateX(0)}.side-dialog[data-state=closing]{transform:translateX(100%);opacity:1}
.product-dialog[open]{transform:translateY(0)}.product-dialog[data-state=closing]{transform:translateY(8px)}
@starting-style{dialog[open]{opacity:0}dialog[open]::backdrop{opacity:0}.side-dialog[open]{transform:translateX(100%);opacity:1}.product-dialog[open]{transform:translateY(8px)}}
.detail-gallery{position:relative;min-width:0}
.detail-frames{width:100%;height:470px;position:relative;isolation:isolate}
.detail-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--motion-image) ease;pointer-events:none}
.detail-frames img.is-active{opacity:1}
.gallery-status{position:absolute;top:16px;left:24px;right:52px;font-size:11px;color:var(--muted);margin:0;pointer-events:none}.gallery-status button{pointer-events:auto;text-decoration:underline;padding:0}
.gallery-buttons button,.variant-options button{transition:background-color var(--motion-control),color var(--motion-control),border-color var(--motion-control)}
.gallery-arrow{position:absolute;top:45%;width:44px;height:44px;background:#fff;font-size:25px;opacity:0;transition:opacity var(--motion-control),transform var(--motion-control)}
.gallery-prev{left:12px}.gallery-next{right:12px}.detail-gallery:hover .gallery-arrow,.detail-gallery:focus-within .gallery-arrow{opacity:1}.gallery-arrow:hover{transform:scale(1.1)}
.search-dialog{margin:0;width:100%;max-width:100%;max-height:85svh;overflow:auto;transform:translateY(0)}
.search-dialog[data-state=closing]{transform:translateY(-30px)}
@starting-style{.search-dialog[open]{transform:translateY(-30px)}}
.search-panel{max-width:1000px;padding:35px 40px 45px;margin:auto}
.search-panel h2{font-size:44px;margin:0}.search-panel .drawer-heading{border:0;padding-bottom:20px}
.global-search-field{display:flex;border-bottom:1px solid var(--ink);align-items:center;gap:20px}.global-search-field input{border:0;background:transparent;width:100%;min-width:0;font-size:24px;padding:20px 0}.global-search-field svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
#search-status{font-size:10px;letter-spacing:.1em;margin:25px 0 15px}#search-results{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
.search-result{display:flex;align-items:center;gap:20px;text-align:left;padding:0;min-height:115px;font-size:21px;font-stretch:62%;font-weight:700}
.search-result img{width:95px;height:115px;background:var(--paper);object-fit:contain;padding:10px;transition:transform var(--motion-control)}
.search-result:hover img{transform:scale(1.04)}.search-result small{display:block;font-size:11px;font-stretch:100%;font-weight:400;color:var(--muted);margin-top:9px}.search-result .motion-arrow{margin-left:auto}.search-empty{font-size:14px;padding:20px 0}
@media(hover:hover) and (pointer:fine){body:not(.is-scrolling) .product-stage:hover .card-image-0{opacity:0;transform:scale(1.12)}body:not(.is-scrolling) .product-stage:hover .card-image-1{opacity:1;transform:scale(1.1)}body:not(.is-scrolling) .product-stage:hover .card-label{opacity:0}}
@media(max-width:1000px){.mega-menu{gap:30px;grid-template-columns:1fr 1fr 220px}.detail-frames{height:400px}.product-image-button .card-image{padding:24px}}
@media(max-width:700px){.hero-copy h2{font-size:70px;line-height:.94;letter-spacing:-.03em;margin-bottom:22px}.hero-slide .hero-copy{padding-top:20px}.hero-controls{bottom:65px}.hero-copy>p:not(.eyebrow){max-width:310px;margin-left:auto;margin-right:auto}.hero .button{font-size:15px;gap:20px}.mega-menu{display:none}.product-image-button .card-image{padding:28px 10px 30px}.swatches{gap:12px}.swatch{width:12px;height:12px}.detail-frames{height:340px}.gallery-arrow{opacity:1}.search-panel{padding:25px 20px}.search-panel h2{font-size:32px}.global-search-field input{font-size:18px}#search-results{grid-template-columns:1fr;gap:10px}.search-dialog{max-height:100svh;min-height:100svh}.search-result{font-size:23px}.species a{color:#ffffff91}.species a.is-active{color:white}}
@media(hover:none){.gallery-arrow{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-slide .hero-copy{transform:none}.product-stage:hover .card-image{transform:none}.hero-arrow:hover,.button:hover>span,.button:focus-visible>span{transform:none}}