.collection-nav-wrapper{display:none}@media(min-width:768px){.collection-nav-wrapper{position:sticky;align-self:start;top:var(--size-6);display:grid;margin-inline-end:clamp(calc(var(--size-5) - var(--size-1-5)),calc((100vw - 768px)/6.4),calc(var(--size-7) - var(--size-1-5)));grid-row:2;grid-column:1 / 3}}@media(min-width:1024px){.collection-nav-wrapper{grid-column:2}}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-button{padding:var(--size-0-5) var(--size-1)}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-button .secondary-nav-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-item{margin-inline:unset;inline-size:100%}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-item a{display:flex;align-items:baseline;border-radius:var(--radius-md);line-height:var(--line-height-tight);letter-spacing:-.025em}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-item:has(.collection-nav-item-divider){position:relative;margin-block-start:var(--size-2)}.collection-nav-wrapper .collection-nav[data-collapsible=false] .secondary-nav-item:has(.collection-nav-item-divider):before{content:"";position:absolute;inset-inline:var(--size-1);inset-block-start:calc(var(--size-1) * -1);block-size:1px;background:var(--color-border)}.collection-hero{--collection-accent-text: oklch( from var(--collection-hero-accent-color) calc(l - .5) calc(c + .05) h );--image-spacer-accent-1: oklch( from var(--collection-hero-accent-color) clamp(.45, calc(l + 0) , .84) calc(c*1.2) h );--image-spacer-accent-2: oklch( from var(--collection-hero-accent-color) clamp(.7, calc(l + .1) , .9) calc(c*.9) calc(h - 10) );display:flex;flex-direction:column;grid-template-rows:1fr;grid-column:1 / -1;grid-row:1;border-radius:var(--radius-xl);padding-block:var(--size-4);background:var(--collection-hero-accent-color);color:var(--collection-accent-text)}@media(min-width:768px){.collection-hero{display:grid;padding-block:unset;grid-template-columns:subgrid;background:transparent}}.collection-hero .collection-hero-image{flex:1.125;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;overflow:auto;border-radius:var(--radius-xl)}.collection-hero .collection-hero-image img{inline-size:100%;block-size:100%;object-fit:cover}.collection-hero .collection-hero-image-spacer{display:flex;flex:0;min-inline-size:0;border-radius:var(--radius-xl);background:var(--accent-alt)}.collection-hero .collection-hero-images-row{display:flex;inline-size:100%;block-size:clamp(calc(var(--size-15) + var(--size-2)),30vw,var(--size-20));min-inline-size:0;container-type:inline-size}@media(min-width:640px){.collection-hero .collection-hero-images-row{block-size:var(--size-25)}}@media(min-width:768px){.collection-hero .collection-hero-images-row{block-size:var(--size-20)}}@media(prefers-reduced-motion:no-preference){.collection-hero .collection-hero-images-row>*{transition:flex-grow .3s ease,flex-basis .3s ease}}.collection-hero .collection-hero-images-start{display:grid;order:2;grid-row:1;grid-template-columns:subgrid;gap:var(--size-1-5)}@media(min-width:640px)and (max-width:767px){.collection-hero .collection-hero-images-start{display:flex;margin-block-start:var(--size-3)}}@media(min-width:768px){.collection-hero .collection-hero-images-start{display:flex;flex-direction:column;order:1;grid-column:1 / 3}}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 :nth-child(2){flex:1.5;margin-inline-end:var(--size-1-5);border-start-start-radius:unset;border-end-start-radius:unset}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 :nth-child(3){flex:1;border-start-end-radius:unset;border-end-end-radius:unset}@media(min-width:640px){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 :nth-child(2){flex:.75}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 :nth-child(3){flex:1.5;border-start-end-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl)}}@media(min-width:768px){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 :nth-child(2){flex:.75;border-radius:var(--radius-xl)}}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 .collection-hero-image-spacer{background:var(--image-spacer-accent-1)}@media(min-width:640px){@container (min-inline-size: 33rem){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 .collection-hero-image-spacer{margin-inline-end:var(--size-1-5);flex:1}}@container (min-inline-size: 50rem){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-1 .collection-hero-image-spacer{flex:2.25}}}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(2){flex:1;margin-inline-end:var(--size-1-5);border-start-start-radius:unset;border-end-start-radius:unset}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(3){flex:1.5;border-start-end-radius:unset;border-end-end-radius:unset}@media(min-width:640px){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(2){flex:.75;border-radius:var(--radius-xl)}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(3){flex:1.5}}@media(min-width:768px){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(2){flex:1.75}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 :nth-child(3){flex:1;border-radius:var(--radius-xl)}}.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 .collection-hero-image-spacer{background:var(--image-spacer-accent-2)}@media(min-width:640px){@container (min-inline-size: 33rem){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 .collection-hero-image-spacer{margin-inline-end:var(--size-1-5);flex:.5}}@container (min-inline-size: 50rem){.collection-hero .collection-hero-images-start .collection-hero-images-start-row-2 .collection-hero-image-spacer{flex:1.5}}}.collection-hero .collection-hero-images-end{display:none}@media(min-width:1024px){.collection-hero .collection-hero-images-end{margin-inline-start:var(--size-1-5);display:flex;flex-direction:column;gap:var(--size-1-5);min-inline-size:0;overflow:hidden;grid-column:4}}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 :nth-child(1){flex:1}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 :nth-child(2){flex:0}@container (min-inline-size: 16rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 :nth-child(2){margin-inline-start:var(--size-1-5);flex:1.75}}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 .collection-hero-image-spacer{background:var(--image-spacer-accent-2)}@container (min-inline-size: 33rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 .collection-hero-image-spacer{margin-inline-start:var(--size-1-5);flex:.5}}@container (min-inline-size: 50rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-1 .collection-hero-image-spacer{flex:2}}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 :nth-child(1){flex:1.75}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 :nth-child(2){flex:0}@container (min-inline-size: 16rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 :nth-child(2){margin-inline-start:var(--size-1-5);flex:1}}.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 .collection-hero-image-spacer{background:var(--image-spacer-accent-1)}@container (min-inline-size: 33rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 .collection-hero-image-spacer{margin-inline-start:var(--size-1-5);flex:1}}@container (min-inline-size: 50rem){.collection-hero .collection-hero-images-end .collection-hero-images-end-row-2 .collection-hero-image-spacer{flex:3}}.collection-hero .collection-hero-heading{display:flex;flex-direction:column;gap:var(--size-0-5);align-items:start;justify-content:center;padding-inline:var(--size-3);padding-block-end:var(--size-3)}@media(min-width:768px){.collection-hero .collection-hero-heading{grid-column:3 / -1;padding-inline:var(--size-4);margin-inline-start:var(--size-1-5);background:var(--collection-hero-accent-color);border-radius:var(--radius-xl);padding-block:unset}}@media(min-width:1024px){.collection-hero .collection-hero-heading{grid-column:3}}.collection-content{--content-group-radius: var(--radius-xl);--content-group-image-radius: var(--radius-lg);display:grid;grid-row:2;row-gap:var(--size-10)}.collection-content .collection-introduction{padding:var(--size-3);color:oklch(from var(--collection-accent-color) calc(l - .5) calc(c + .05) h);background:oklch(from var(--collection-accent-color) l c h / .2);border-radius:var(--radius-xl)}@media(min-width:768px){.collection-content .collection-introduction{padding:var(--size-4)}}@media(min-width:640px){.collection-content{grid-column:1 / -1}}@media(min-width:768px){.collection-content{grid-column:3 / -1;margin-inline-start:var(--size-1-5);padding-inline:unset}}@media(min-width:1024px){.collection-content{grid-column:3}}.collection-content .collection-sections{gap:var(--size-6)}@media(min-width:768px){.collection-content .collection-sections{padding-inline:var(--size-4)}}.collection-content .collection-sections .collection-section{position:relative}.collection-content .collection-sections .collection-section:after{position:absolute;content:"";inset-block-end:calc(var(--size-3) * -1);inset-inline:0;block-size:1px;background:var(--color-border)}@media(min-width:768px){.collection-content .collection-sections .collection-section:after{display:none}}.collection-content .collection-sections .collection-section .collection-section-header{position:relative;padding-inline-end:var(--size-6)}.collection-content .collection-sections .collection-section .collection-section-header h3{scroll-margin-block-start:var(--size-4)}.collection-content .collection-sections .collection-section .collection-section-header .collection-section-toggle{position:absolute;inset:0;block-size:unset;display:flex;padding:unset;inset-block:calc(var(--size-3) * -1);margin:unset;align-items:center;justify-content:flex-end;background:transparent;border:none;cursor:pointer}@media(min-width:768px){.collection-content .collection-sections .collection-section .collection-section-header .collection-section-toggle{display:none}}.collection-content .collection-sections .collection-section .collection-section-header .collection-section-toggle .collection-section-toggle-icon{inline-size:var(--size-2-5);aspect-ratio:1;block-size:unset;opacity:var(--opacity-70)}@media(prefers-reduced-motion:no-preference){.collection-content .collection-sections .collection-section .collection-section-header .collection-section-toggle .collection-section-toggle-icon{transition:transform var(--duration-short) ease}}.collection-content .collection-sections .collection-section .collection-section-body{display:grid;grid-template-rows:0fr}@media(prefers-reduced-motion:no-preference){.collection-content .collection-sections .collection-section .collection-section-body{transition:grid-template-rows var(--duration-normal) ease}}@media(min-width:768px){.collection-content .collection-sections .collection-section .collection-section-body{grid-template-rows:1fr;padding-block-end:var(--size-4)}}.collection-content .collection-sections .collection-section .collection-section-body .collection-section-body-content{display:flex;flex-direction:column;overflow:hidden;gap:var(--size-3)}.collection-content .collection-sections .collection-section .collection-section-body .collection-section-body-content .collection-section-description{margin-block-start:var(--size-3)}@media(min-width:768px){.collection-content .collection-sections .collection-section .collection-section-body .collection-section-body-content .collection-section-description{margin-block-start:var(--size-1)}}@media(min-width:768px){.collection-content .collection-sections .collection-section .collection-section-body .collection-section-body-content{overflow:visible}}.collection-content .collection-sections .collection-section[data-expanded] .collection-section-header .collection-section-toggle .collection-section-toggle-icon{transform:rotate(180deg)}.collection-content .collection-sections .collection-section[data-expanded] .collection-section-body{grid-template-rows:1fr;padding-block-end:var(--size-3)}@media(min-width:768px){.collection-content .collection-sections .collection-section[data-expanded] .collection-section-body{padding-block-end:var(--size-8)}}.collection-content .content-group-description{margin-block-end:var(--size-0-5)}.collection-content .content-group{text-wrap:pretty;background:var(--color-surface-10);border-radius:var(--content-group-radius);padding:var(--size-2)}.collection-content .content-group .content-group-list{list-style:none;display:flex;gap:var(--size-1-5);flex-direction:column;padding:unset;margin:unset}.collection-content .content-group .content-group-list>li{padding:unset;margin:unset}.collection-content .content-group .content-group-list>li .content-group-item{display:flex;position:relative;gap:var(--size-1-5)}.collection-content .content-group .content-group-list>li .content-group-item .content-group-item-details{flex:1;min-inline-size:0;position:relative;gap:.125rem;padding-inline-end:var(--size-4);padding-block:var(--size-1-5)}.collection-content .content-group .content-group-list>li .content-group-item .content-group-item-details .content-group-item-type-icon{inline-size:var(--size-1-5);block-size:var(--size-1-5)}.collection-content .content-group .content-group-list>li .content-group-item .content-group-item-details .content-group-item-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-content .content-group .content-group-list>li .content-group-item .content-group-item-details .content-group-item-link-icon{position:absolute;inset-inline-end:0}.collection-content .content-group .content-group-list>li .content-group-item:has(.content-group-item-image) .content-group-item-image{inline-size:var(--size-9);aspect-ratio:1;border-radius:var(--content-group-image-radius);overflow:hidden;align-self:start}.collection-content .content-group .content-group-list>li .content-group-item:has(.content-group-item-image) .content-group-item-details{padding-block:unset}@media(hover:hover)and (prefers-reduced-motion:no-preference){.collection-content .content-group .content-group-list>li .content-group-item .content-group-item-link-icon{opacity:0;transition:opacity var(--duration-short) var(--ease-linear)}.collection-content .content-group .content-group-list>li .content-group-item:hover .content-group-item-link-icon{opacity:1}}.collection-content .content-group .content-group-list>li:has(.content-group-item-image)+li:not(:has(.content-group-item-image)) .content-group-item{margin-block-start:var(--size-1-5)}.collection-content .content-group .content-group-list>li:not(:first-child)>.content-group-item>.content-group-item-details:after{position:absolute;content:"";block-size:var(--size-px);inset-inline:0;inset-block-start:calc(var(--size-1-5) * -.5);background:var(--color-border)}.collection-content .content-group:has(.content-group-item-wallpaper){background:transparent;padding:unset;margin:unset}.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-15),1fr))}.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list>li{overflow:clip;border-radius:var(--content-group-radius);transition:transform var(--duration-short)}.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list>li .content-group-item-wallpaper{position:relative}.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list>li .content-group-item-wallpaper .icon{position:absolute;display:grid;place-content:center;padding:var(--size-1);border-radius:var(--radius-full);background:rgba(from var(--color-neutral-00) r g b / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);inset-inline-end:var(--size-1);inset-block-start:var(--size-1);z-index:var(--z-10);transform-origin:100% 0;transition:transform var(--duration-short);transition-delay:.25s}@media(hover:hover)and (prefers-reduced-motion:no-preference){.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list>li:hover{transform:scale(1.025)}.collection-content .content-group:has(.content-group-item-wallpaper) .content-group-list>li:hover .content-group-item-wallpaper .icon{transform:scale(1.1)}}.collection{--main-min-inline-size: unset;display:grid;grid-template-columns:1fr;row-gap:var(--size-3);margin-inline:var(--size-2);margin-block-end:var(--size-12);transition:grid-template-columns .3s ease}@media(min-width:640px){.collection{position:relative;grid-template-columns:minmax(100px,1fr) minmax(var(--size-20),var(--size-45)) minmax(var(--main-min-inline-size),calc(var(--size-90) + var(--size-8))) minmax(100px,1fr);grid-template-rows:auto auto}}@media(min-width:768px){.collection{--main-min-inline-size: var(--size-50);row-gap:var(--size-6)}}.collection .collection-title-bar{display:grid;grid-template-columns:subgrid;grid-row:1}@media(min-width:768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}