.sp-work{padding:55px 4.8% 95px;max-width:1600px;margin:auto;scroll-margin-top:35px;position:relative}.sp-work [hidden]{display:none!important}.sp-work-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.sp-work-heading .sp-eyebrow{margin-bottom:22px}.sp-work-heading h2{font-size:clamp(40px,5.2vw,76px);letter-spacing:-3px;line-height:1.02}.sp-work-intro{max-width:350px}.sp-work-intro>p{font-size:16px;color:#aaa;line-height:1.8;margin:0 0 16px}.sp-work-demo-label{font-size:10px;letter-spacing:1.2px;color:#d4adae;border-left:2px solid #ed242b;padding-left:12px;display:block;line-height:1.8}.sp-work-stage{position:relative}.sp-work-slide{display:grid;grid-template-columns:.75fr 1.6fr;min-height:520px;margin-bottom:25px;border:1px solid #383030;background:#0f0f0f}.sp-work.is-interactive .sp-work-slide{margin-bottom:0}.sp-work-info{padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.sp-work-index{font-size:130px;font-weight:800;line-height:1;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #ffffff24;position:absolute;top:15px;right:24px;z-index:-1}.sp-work-category{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#ed555b;margin:105px 0 20px}.sp-work-info h3{font-size:clamp(25px,2.7vw,40px);letter-spacing:-1.8px;line-height:1.16;margin:0 0 24px;color:#f4f1eb}.sp-work-description{font-size:15px;color:#aaa;line-height:1.8;margin:0 0 24px;max-width:340px}.sp-ui .sp-work-open{color:#fff;background:none;border:0;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;font-size:16px;font-weight:600;white-space:normal;margin-top:auto}.sp-work-open>span{font-size:25px;color:#ed242b}.sp-work-project-link{font-size:13px;color:#aaa!important;padding:8px 0;display:flex;justify-content:space-between;gap:15px}.sp-work-concept{font-size:12px;color:#b48e91;margin-top:auto;line-height:1.7}.sp-work-info-line{display:block;height:2px;background:linear-gradient(90deg,#ed242b 35%,#373030 35%);margin-top:24px}.sp-work-visual{position:relative;min-width:0;overflow:hidden;background:#222}.sp-ui .sp-work-image-button{display:block;width:100%;height:100%;min-height:520px;padding:0;border:0;background:#151515;position:relative;overflow:hidden;border-radius:0}.sp-work-image-button>img{width:100%;height:100%;max-height:640px;object-fit:contain;display:block;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.sp-work-expand{position:absolute;right:25px;bottom:25px;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#ed242b;color:#fff;font-size:29px;border:1px solid #ff777a;transition:transform .3s}.sp-work-controls{display:flex;align-items:center;gap:24px;padding:25px 0}.sp-work-position{margin:0;display:flex;gap:14px;font-size:22px;font-weight:600}.sp-work-position>span:last-child{font-size:14px;align-self:center;color:#777}.sp-work-nav{display:flex;gap:10px}.sp-ui .sp-work-nav button{border:1px solid #454040;border-radius:50%;width:48px;height:48px;padding:0;display:grid;place-items:center;background:none;color:#eee;font-size:22px;line-height:1;transition:background .2s,border-color .2s}.sp-work-hint{margin:0 0 0 auto;font-size:13px;color:#999}.sp-work-hint span{margin-left:20px;color:#ed242b}.sp-work-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow-x:auto;padding:5px 0 8px;scrollbar-color:#733236 #171717}.sp-ui .sp-work-rail button{min-width:0;border:1px solid #393232;background:#101010;border-radius:3px;padding:8px;text-align:left;white-space:normal;color:#eee;transition:border-color .25s,background .25s}.sp-work-rail button[aria-pressed=true]{border-color:#ed242b;background:#241013}.sp-work-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:85px;overflow:hidden;background:#ece7de;color:#201e1e;font-size:38px;font-weight:800;letter-spacing:-2px}.sp-work-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.55);transition:filter .3s}.sp-work-rail button[aria-pressed=true] .sp-work-thumb img{filter:none}.sp-work-rail-name{display:block;font-size:12px;font-weight:600;line-height:1.5;padding:12px 3px 4px;overflow-wrap:anywhere}.sp-work-rail-name small{display:block;font-size:10px;color:#aaa;font-weight:400;margin-top:5px}.sp-work-thumb-brand{background:#ed242b;color:#240305}.sp-work-thumb-shop{background:#121921;color:#bddab1}.sp-work-footer{display:flex;justify-content:flex-end;margin-top:28px}.sp-work-footer a{font-size:15px;border-bottom:1px solid #555;padding:10px 0}.sp-work-footer a>span{color:#ed242b;margin-left:25px}.sp-work-art{height:100%;min-height:520px;padding:30px;background:#e9e5db;color:#1c1b18;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.sp-work-art-meta,.sp-work-art-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative;z-index:2;font-size:9px;letter-spacing:1.2px;font-weight:600}.sp-work-art-bottom{border-top:1px solid currentColor;padding-top:14px}.sp-work-art-bottom>span:last-child{font-size:30px;line-height:1}.sp-work-art-web{position:relative;flex:1;display:flex;align-items:center;padding:30px 0}.sp-work-art-web>span{font-weight:800;font-size:clamp(55px,6.5vw,102px);letter-spacing:-.075em;line-height:.9;position:relative;z-index:2}.sp-work-orb{position:absolute;right:-15%;top:20%;width:65%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 23%,#ffb7a1 0,#ed242b 30%,#760910 63%,#130205 82%);box-shadow:20px 30px 60px #31000955;transform:rotate(-20deg)}.sp-work-orb:after{content:'';position:absolute;inset:-14%;border:1px solid #9f232755;border-radius:50%;transform:scaleY(.5) rotate(35deg)}.sp-work-art-brand .sp-work-art{background:#e32530;color:#29090b}.sp-work-art-brand>span{font-size:clamp(95px,15vw,240px);font-weight:800;letter-spacing:-.095em;line-height:1;white-space:nowrap;display:block;transform:rotate(-8deg)}.sp-work-art-brand{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px}.sp-work-art-brand>span>span:first-child{color:#f8e7d8}.sp-work-art-brand>span>span:last-child{font-size:22px;vertical-align:top;letter-spacing:0}.sp-work-art-brand>small{font-size:10px;letter-spacing:2px}.sp-work-visual.sp-work-art-brand{display:block}.sp-work-visual.sp-work-art-shop{display:block}.sp-work-art-shop .sp-work-art{background:#111d20;color:#dfedda}.sp-work-art-shop{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.sp-work-art-shop-label{font-size:clamp(30px,4.2vw,65px);font-weight:800;letter-spacing:-.05em;line-height:1;position:absolute;left:0;top:28px;z-index:2}.sp-work-product{height:265px;width:175px;border-radius:22px 22px 35px 35px;background:linear-gradient(100deg,#81927c,#ddecba 30%,#9fb190 65%,#53604f);transform:rotate(18deg);box-shadow:25px 30px 45px #0006;display:grid;place-items:center;position:relative;margin-left:110px;margin-top:40px}.sp-work-product:before{content:'';position:absolute;top:-10px;left:12%;right:12%;height:20px;background:linear-gradient(#cce1b4,#667e5d);border-radius:50%}.sp-work-product>span{font-size:100px;font-weight:800;color:#142823;letter-spacing:-15px;transform:rotate(-90deg)}.sp-work-shop-caption{position:absolute;bottom:30px;left:0;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}.sp-work-slide:nth-child(4) .sp-work-art{background:#c8d2da}.sp-work-slide:nth-child(5) .sp-work-art{background:#e8dfcd;color:#d82430}.sp-work-slide:nth-child(5) .sp-work-art-brand>span>span:first-child{color:#2a2424}.sp-work-slide:nth-child(6) .sp-work-art{background:#281423;color:#eaddc7}.sp-work-slide:nth-child(6) .sp-work-product{filter:hue-rotate(270deg)}.sp-work-lightbox{padding:0;width:min(1400px,96vw);max-width:96vw;max-height:94svh;border:1px solid #444;background:#111;color:#fff;overflow:auto}.sp-work-lightbox::backdrop{background:#000e;backdrop-filter:blur(10px)}.sp-work-lightbox header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;background:#111f;z-index:1}.sp-work-lightbox h3{margin:0;font-size:18px;color:#eee}.sp-ui .sp-work-lightbox button{border:1px solid #555;border-radius:50%;width:44px;height:44px;flex-shrink:0;padding:0;background:none;color:#fff;font-size:26px;line-height:1}.sp-work-lightbox>img{display:block;width:100%;height:auto;max-height:76svh;object-fit:contain;background:#090909}.sp-work-lightbox>p{font-size:12px;color:#aaa;text-align:center;padding:8px 20px}.sp-work-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sp-work-lightbox-open{overflow:hidden!important}
@media(hover:hover) and (pointer:fine){.sp-work-image-button:hover>img{transform:scale(1.025)}.sp-work-image-button:hover .sp-work-expand{transform:rotate(45deg)}.sp-ui .sp-work-nav button:hover{background:#ed242b;border-color:#ed242b}.sp-work-rail button:hover{border-color:#dd5155}}
@media(prefers-reduced-motion:no-preference){.sp-work.is-interactive .sp-work-slide:not([hidden]) .sp-work-visual{animation:sp-work-enter .6s cubic-bezier(.16,1,.3,1) both}.sp-work.is-interactive .sp-work-slide:not([hidden]) .sp-work-info h3{animation:sp-work-enter .6s .06s both}@keyframes sp-work-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.sp-work-info{padding:24px}.sp-work-info h3{font-size:29px}.sp-work-slide{grid-template-columns:.85fr 1.4fr}.sp-work-rail{grid-template-columns:repeat(6,minmax(150px,1fr))}.sp-work-art{padding:25px}.sp-work-art-web>span{font-size:70px}.sp-work-product{width:150px;margin-left:70px}}
@media(max-width:767px){.sp-work{padding:20px 24px 60px}.sp-work-heading{display:block;margin-bottom:28px}.sp-work-heading h2{font-size:46px;letter-spacing:-2px}.sp-work-intro{margin-top:24px}.sp-work-intro>p{font-size:16px}.sp-work-demo-label{font-size:9px;letter-spacing:.6px}.sp-work-slide{display:flex;flex-direction:column;min-height:0}.sp-work-visual{order:0}.sp-work-info{order:1;padding:24px}.sp-work-index{font-size:90px;right:20px;top:15px}.sp-work-category{margin:0 0 20px;font-size:11px;padding-right:95px}.sp-work-info h3{font-size:29px;max-width:260px;margin-bottom:18px}.sp-work-description{font-size:16px;margin-bottom:20px}.sp-work-concept{font-size:12px}.sp-work-art{min-height:340px;padding:20px}.sp-work-art-meta,.sp-work-art-bottom{font-size:7px;letter-spacing:.6px}.sp-work-art-web>span{font-size:58px}.sp-work-orb{width:67%;right:-20%}.sp-work-art-brand>span{font-size:115px}.sp-work-art-brand>small{font-size:8px;letter-spacing:1px}.sp-work-art-shop-label{font-size:38px;top:20px}.sp-work-product{height:180px;width:110px;margin-top:35px;margin-left:80px}.sp-work-product>span{font-size:70px;letter-spacing:-10px}.sp-work-shop-caption{font-size:7px;bottom:10px}.sp-work-image-button{min-height:280px!important;max-height:430px}.sp-work-image-button>img{height:330px;max-height:430px;object-fit:contain}.sp-work-expand{right:16px;bottom:16px;width:46px;height:46px;font-size:23px}.sp-work-controls{padding:20px 0;gap:18px}.sp-work-hint{font-size:11px;max-width:100px;text-align:right;line-height:1.6}.sp-work-hint span{margin-left:8px}.sp-work-rail{gap:10px;grid-template-columns:repeat(6,150px)}.sp-work-thumb{height:85px}.sp-work-rail-name{font-size:12px}.sp-work-nav button{width:42px!important;height:42px!important}.sp-work-lightbox header{padding:14px}.sp-work-lightbox h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.sp-work *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The visual wrapper fills its grid cell; inner art owns its composition. */
.sp-work-visual.sp-work-art-web{display:block;padding:0}
.sp-work-visual>.sp-work-art{width:100%;height:100%}
.sp-work-stage{scroll-margin-top:24px}
.sp-work-description{font-size:17px}
.sp-work-category,.sp-work-rail-name{font-size:14px}
.sp-work-rail-name small,.sp-work-demo-label,.sp-work-hint,.sp-work-lightbox>p{font-size:13px}