body:has(.ss-project){background:#0c0b0b;padding-top:0}
body:has(.ss-project) .site-header{background:transparent;border:0}
.ss-project{--ss-red:#ed3b44;--ss-cream:#f6f2ec;color:var(--ss-cream);background:#0c0b0b;overflow:clip}
.ss-project .container{max-width:1440px}.ss-project a:focus-visible,.ss-project button:focus-visible{outline:2px solid var(--ss-red);outline-offset:5px}
.ss-kicker{display:block;color:var(--ss-red);font-size:11px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}
.ss-project em{font-family:Instrument,Georgia,serif;font-weight:400;color:var(--ss-red)}
.ss-hero{min-height:min(960px,100svh);position:relative;background:linear-gradient(90deg,#0c0b0be8,#0c0b0b9c 45%,#0c0b0b16 77%),url('/assets/souled-store/01.jpeg') 73% 28%/cover no-repeat;isolation:isolate}
.ss-hero:after{content:'';position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(transparent,#0c0b0b);z-index:-1}.ss-hero>.container{min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding-top:167px;padding-bottom:50px}.ss-back{font-size:13px;color:#f2eae4}.ss-hero-copy{margin:auto 0;max-width:780px}.ss-hero h1{font-size:clamp(68px,9vw,150px);line-height:.89;letter-spacing:-.085em;text-transform:uppercase;margin:25px 0 30px}.ss-hero h1 em{text-transform:none;letter-spacing:-.07em}.ss-hero p{max-width:455px;font-size:clamp(16px,1.35vw,20px);line-height:1.65;color:#f0e9e4}.ss-hero-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;border:1px solid #f2b5af;border-radius:50px;margin-top:35px;padding:15px 21px;font-size:13px;font-weight:750;transition:background .25s,color .25s}.ss-hero-link:hover{background:var(--ss-red);color:#100b0a}.ss-hero-link span{font-size:20px}.ss-hero-side{align-self:flex-end;font-size:10px;letter-spacing:.18em;color:#f0d8d2}
.ss-ticker{overflow:hidden;white-space:nowrap;padding:15px 0;border-block:1px solid #a54549;background:#250b10;font-size:clamp(18px,2.5vw,34px);font-weight:850;letter-spacing:-.03em}.ss-ticker>div{width:max-content;animation:ss-ticker 28s linear infinite}.ss-ticker span{color:var(--ss-red);padding:0 25px}
.ss-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,110px);padding-block:clamp(95px,12vw,175px)}.ss-intro h2,.ss-section-head h2,.ss-visit h2{font-size:clamp(50px,6vw,90px);line-height:1.04;letter-spacing:-.07em;margin:20px 0}.ss-intro p{font-size:clamp(15px,1.24vw,18px);color:#c9c0bd;line-height:1.85;margin:0 0 24px}.ss-intro .ss-note{font-size:12px;color:#a49a97;margin-top:30px;line-height:1.7}
.ss-work,.ss-web{padding-bottom:clamp(110px,12vw,180px)}.ss-section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:50px}.ss-section-head>p{max-width:270px;color:#b9ada8;font-size:14px;line-height:1.7}
.ss-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.ss-art{min-width:0;margin:0}.ss-art:nth-child(3n+2){margin-top:75px}.ss-art:nth-child(3n+3){margin-top:30px}.ss-art a{display:block;overflow:hidden;background:#211a1b;border-radius:5px;position:relative}.ss-art a:after{content:'VIEW FULL IMAGE ↗';position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:flex-end;padding:35px 20px 17px;background:linear-gradient(transparent,#140808a6);font-size:10px;letter-spacing:.14em;font-weight:750;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}.ss-art a:hover:after{opacity:1;transform:none}.ss-art img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s}.ss-art:nth-child(1) img,.ss-art:nth-child(2) img,.ss-art:nth-child(3) img{aspect-ratio:4/5}.ss-art a:hover img{transform:scale(1.055);filter:saturate(1.12)}.ss-art figcaption{padding:16px 0 20px;border-top:1px solid #ae41451f}.ss-art figcaption span{font-size:10px;font-weight:750;letter-spacing:.16em;color:var(--ss-red)}.ss-art h3{font-size:21px;letter-spacing:-.04em;margin:9px 0 4px}.ss-art p{color:#b9ada8;font-size:12px;line-height:1.55;margin:0}
.ss-social{padding:clamp(90px,10vw,140px) 0 clamp(120px,13vw,185px);background:radial-gradient(ellipse at 54% 40%,#651d223e,transparent 64%),#130c0d}.ss-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.ss-social-card{min-width:0;background:#211618;border:1px solid #793239;border-radius:7px;overflow:hidden;box-shadow:0 28px 70px #0007;transition:transform .4s,border-color .4s}.ss-social-card:nth-child(2){margin-top:70px}.ss-social-card:nth-child(3){margin-top:25px}.ss-social-card:hover{transform:translateY(-10px) rotate(-.5deg);border-color:var(--ss-red)}.ss-social-top{display:flex;justify-content:space-between;padding:15px 18px;font-size:10px;letter-spacing:.17em;font-weight:800;color:#f19b94}.ss-social-media{position:relative;background:#080606;aspect-ratio:4/5;overflow:hidden}.ss-social-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.ss-social-card:hover .ss-social-media>img{transform:scale(1.06)}.ss-social-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 42%,#0008);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:white;cursor:pointer;font:inherit}.ss-social-play span:first-child{width:76px;height:76px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;background:#f8f4efde;backdrop-filter:blur(7px);color:#1a0b0c;font-size:24px;text-indent:4px;box-shadow:0 15px 45px #0007;transition:transform .35s,background .35s}.ss-social-play:hover span:first-child{transform:scale(1.16);background:var(--ss-red);color:white}.ss-social-play span:last-child{font-size:10px;font-weight:800;letter-spacing:.21em;text-shadow:0 2px 10px #000}.ss-social-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.ss-social-close{position:absolute;z-index:2;right:9px;top:9px;width:33px;height:33px;border:0;border-radius:50%;background:#181010;color:#fff;cursor:pointer;font-size:24px;line-height:1}.ss-social-caption{display:flex;justify-content:space-between;gap:15px;padding:21px 18px 24px}.ss-social-caption h3{font-size:22px;letter-spacing:-.045em;margin:0 0 7px}.ss-social-caption p{color:#b9aaa9;font-size:12px;line-height:1.6;margin:0}.ss-social-caption a{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #a74d51;border-radius:50%;font-size:20px;color:#ffb0ac}.ss-social-caption a:hover{background:var(--ss-red);color:#160a0b}
.ss-web{padding-top:clamp(110px,12vw,175px)}.ss-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ss-screen{min-width:0;margin:0}.ss-screen>a{display:block;overflow:hidden;border:1px solid #813b3e;border-radius:6px;background:white;transition:transform .3s,border-color .3s}.ss-screen>a:hover{transform:translateY(-6px);border-color:var(--ss-red)}.ss-browser{display:flex;justify-content:space-between;gap:12px;background:#2b191b;padding:13px 16px;color:#f0dbd6;font-size:11px}.ss-browser span:first-child{letter-spacing:.25em;color:#ed7977}.ss-screen img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.ss-screen figcaption{padding-top:17px}.ss-screen h3{font-size:23px;letter-spacing:-.04em;margin:0 0 7px}.ss-screen p{font-size:13px;line-height:1.65;color:#b9ada8;margin:0}
.ss-visit{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid #813b3e;padding-block:65px 120px}.ss-visit h2{margin-bottom:10px}.ss-visit p{font-size:14px;line-height:1.6;color:#b9ada8}.ss-visit>a{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;padding:18px 25px;background:var(--ss-red);color:#180b0b;border-radius:50px;font-size:13px;font-weight:800;white-space:nowrap}.ss-visit>a:hover{background:#ff777a}
@keyframes ss-ticker{to{transform:translateX(-50%)}}
@media(max-width:950px){.ss-intro{grid-template-columns:1fr;gap:25px}.ss-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-social-card:nth-child(3){grid-column:1/-1;width:min(100%,440px);justify-self:center;margin-top:0}.ss-hero{background-position:67% 20%}}
@media(max-width:650px){body:has(.ss-project) .site-header{background:#120f10e8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ss-hero{min-height:790px;background:linear-gradient(0deg,#0c0b0bee,#0c0b0b35 75%),url('/assets/souled-store/01.jpeg') 60% 20%/cover no-repeat}.ss-hero>.container{padding-top:122px;padding-bottom:35px}.ss-hero h1{font-size:clamp(62px,14vw,92px)}.ss-hero-copy{margin:auto 0 40px}.ss-hero-side{display:none}.ss-intro{padding-block:95px}.ss-intro h2,.ss-section-head h2,.ss-visit h2{font-size:clamp(48px,11vw,68px)}.ss-section-head{display:block}.ss-section-head>p{margin-top:20px}.ss-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ss-art:first-child{grid-column:1/-1}.ss-art:nth-child(n){margin-top:0}.ss-art h3{font-size:16px}.ss-art p{font-size:11px}.ss-art figcaption span{font-size:9px}.ss-social-grid{grid-template-columns:1fr;gap:30px}.ss-social-card:nth-child(n){margin-top:0;grid-column:auto;width:100%}.ss-social-media{aspect-ratio:4/5}.ss-screen-grid{grid-template-columns:1fr;gap:42px}.ss-visit{display:block;padding-block:65px 95px}.ss-visit>a{width:100%;margin-top:28px}.ss-browser{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ss-ticker>div{animation:none}.ss-hero-link,.ss-art img,.ss-art a:after,.ss-social-card,.ss-social-media>img,.ss-social-play span:first-child,.ss-screen>a{transition:none}}
.ss-social-media:has(iframe){aspect-ratio:4/5;height:auto;overflow:hidden}
.ss-social-media:has(iframe) iframe{inset:auto;left:0;top:-54px;width:100%;height:1050px;overflow:hidden}
.ss-social-card:has(iframe):hover{transform:none}

