#design{z-index:3715;background:#0b0911;height:var(--app-height,100dvh);bottom:auto;padding:70px 5vw 120px calc(var(--rail-w) + 5vw);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#8d76a3 transparent;touch-action:pan-y;box-sizing:border-box}
#design .design-heading{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:42px}
#design .sec-title{position:static;inset:auto!important;transform:none!important;translate:none;margin:0;font-size:clamp(28px,3.5vw,56px);max-width:none}
.design-heading p{max-width:27ch;font:14px/1.8 'Offside',sans-serif;color:#c4bbcd;margin:0}
.design-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid #ffffff24;padding-top:22px;margin:50px 0 26px}
.design-group-heading h3{font:18px/1.5 'Offside',sans-serif;margin:0;color:#fff}
.design-group-heading>span{font:12px/1.6 'Offside',sans-serif;color:#a99db6}
.design-identities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1100px;margin:auto}
.design-grid{columns:3;column-gap:28px}
.design-piece,.design-film{margin:0 0 28px;break-inside:avoid;min-width:0;display:inline-block;width:100%;vertical-align:top}
.design-art{appearance:none;position:relative;display:block;width:100%;padding:0;border:0;background:var(--art-surface,#121018);cursor:pointer!important;overflow:hidden}
.design-art img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .6s ease}
.design-identity .design-art{aspect-ratio:4/3;display:grid;place-items:center}
.design-identity .design-art img{width:75%;height:85%;object-fit:contain}
.design-art:hover img{transform:scale(1.025)}
.design-art .design-enlarge{position:absolute;bottom:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;background:#050309b3;color:white;border:1px solid #ffffff50;border-radius:50%;font:20px sans-serif}
.design-film video{display:block;width:100%;height:auto;aspect-ratio:1076/1920;object-fit:contain;background:#000;cursor:auto}
.design-film figcaption,.design-piece figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font:11px/1.6 'Offside',sans-serif;color:#c4bbcd}
.design-film figcaption span:first-child,.design-piece figcaption span:first-child{color:white;letter-spacing:.05em}
.design-contact{display:inline-block;margin-top:58px;padding:10px 0;font:14px/1.8 'Offside',sans-serif;color:#eee4fc;text-underline-offset:7px;cursor:pointer!important}
#caro .law-card img{object-fit:contain;background:#080808}
.hero-collection-toggle{position:fixed;right:4vw;top:25px;z-index:3725;min-height:44px;padding:10px 18px;border:1px solid #ffffff70;border-radius:999px;background:#0b0911e8;color:#fff;font:12px/1.5 'Offside',sans-serif;cursor:pointer!important}
.hero-collection{position:fixed;inset:86px 4vw 84px calc(var(--rail-w) + 4vw);z-index:3722;background:#0b0911;padding:28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8d76a3 transparent}
.hero-collection[hidden]{display:none}
.hero-collection h3{margin:0 0 28px;color:#fff;font:clamp(22px,2.2vw,34px)/1.3 'Zen Dots',sans-serif}
.hero-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.product-photo{aspect-ratio:4/5;padding:0;border:0;background:#15131b;overflow:hidden;cursor:pointer!important}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.product-photo:hover img{transform:scale(1.025)}
.hero.collection-open #heroCluster{visibility:hidden;opacity:0!important;pointer-events:none}
.hero.collection-open::before{content:'';position:fixed;inset:0;z-index:3720;background:#0b0911ed;pointer-events:none}
.contact-area{margin:0 0 12px;max-width:74ch;color:#c9bed1;font:13px/1.8 'Offside',sans-serif}
@media(max-width:1100px){.design-grid{columns:2;column-gap:22px}.design-identities{gap:22px}}
@media(max-width:800px){
 #design{padding:calc(var(--phone-top,0px) + 35px) calc(20px + env(safe-area-inset-right,0px)) calc(var(--phone-footer,60px) + 50px) calc(var(--rail-w) + 20px)}
 #design .design-heading{display:block;margin-bottom:30px}
 #design .sec-title{font-size:33px;margin-bottom:17px}
 .design-heading p{font-size:12px;max-width:30ch}
 .design-grid{columns:2;column-gap:16px}
 .design-identities{gap:16px}
 .design-group-heading{display:block;margin-top:35px}
 .design-group-heading h3{font-size:16px;margin-bottom:8px}
 .design-group-heading>span{font-size:11px}
 .design-piece,.design-film{margin-bottom:16px}
 .design-piece figcaption,.design-film figcaption{display:block;font-size:10px;padding-top:10px}
 .design-piece figcaption span,.design-film figcaption span{display:block}
 .design-piece figcaption span+span,.design-film figcaption span+span{margin-top:4px;color:#a99db6}
 .design-contact{font-size:12px;margin-top:34px}
 .hero-collection-toggle{top:calc(var(--phone-top,64px) + 16px);right:18px;max-width:47vw;font-size:10px;padding:10px 12px}
 #heroTitle{font-size:24px!important;max-width:38vw!important;top:calc(var(--phone-top,64px) + 25px)!important}
 .hero-collection{inset:calc(var(--phone-top,64px) + 80px) 16px calc(var(--phone-footer,60px) + 18px);padding:16px}
 .hero-collection h3{font-size:19px;margin-bottom:22px}
 .hero-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .contact-area{font-size:11px;line-height:1.8}
}
@media(max-width:520px){.design-identities{grid-template-columns:1fr}.design-grid{columns:1}.design-art .design-enlarge{right:12px;bottom:12px}.design-film{max-width:360px;display:block;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.design-art img,.product-photo img{transition:none}.design-art:hover img,.product-photo:hover img{transform:none}}

/* Colored identity presentations preserve the supplied artwork. */
.design-identity .design-art{isolation:isolate;border:1px solid #ffffff16}
.design-identity .design-art img{position:absolute;inset:0;margin:auto}
.design-identity [data-identity="rc"]{background:#252d34}
.design-identity [data-identity="rc"] img{filter:invert(1) contrast(1.35);mix-blend-mode:screen;width:100%;height:100%;object-fit:cover;transform:scale(1.01)}
.design-identity [data-identity="cut-up-sew"]{background:#211b2c}
.design-identity [data-identity="cut-up-sew"] img{mix-blend-mode:normal;width:92%;height:100%}
.design-editorial{align-items:start}
.design-editorial p{max-width:56ch;margin:0;font:13px/1.8 'Offside',sans-serif;color:#c4bbcd}
#heroFocus[data-identity="rc"] .frame{background:#252d34}
#heroFocus[data-identity="rc"] img{filter:invert(1) contrast(1.35);mix-blend-mode:screen;clip-path:inset(2px)}
#heroFocus[data-identity="cut-up-sew"] .frame{background:#211b2c}
#heroFocus[data-identity="cut-up-sew"] img{mix-blend-mode:normal}
@media(max-width:800px){.design-editorial p{font-size:12px;max-width:42ch}}

@media(min-width:801px){.hero-collection-toggle{top:74px;right:24px}.hero-collection{top:134px}}