@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#101010;--fg:#f4f3ef;--muted:#8f8f8b;--line:#30302f;--cursor-x:0%;--cursor-y:0%}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif}body{overflow:hidden}.stage{height:100svh;position:relative;overflow:hidden;padding:25px 28px}header,footer{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.02em}.brand{color:var(--fg);text-decoration:none;font-weight:600;letter-spacing:-.03em}.profile-open,.profile-close{background:none;border:0;color:var(--fg);font:inherit;cursor:pointer;touch-action:manipulation}.gallery{position:absolute;inset:7% 0 10%;perspective:none;overflow:hidden}.track{position:absolute;inset:0;display:block;transform-style:flat;will-change:transform}.card{display:block;position:absolute;left:50%;top:50%;width:clamp(320px,37vw,720px);margin-left:-50%;transform-style:flat;cursor:pointer;transition:opacity .25s ease;user-select:none;touch-action:manipulation;pointer-events:auto;color:inherit;text-decoration:none}.media{height:clamp(220px,27vw,460px);overflow:hidden;border-radius:20px;background:#222;box-shadow:0 24px 70px #0008}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.placeholder{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(145deg,#232323,#555);font-size:clamp(24px,4vw,55px);letter-spacing:-.07em}.placeholder small{font-size:10px;letter-spacing:.02em;color:#aaa;margin-top:10px}.card-meta{display:flex;justify-content:space-between;padding:12px 3px;color:#d0d0cb;font-size:12px}.grid-floor{position:absolute;left:-20%;right:-20%;bottom:-4%;height:45%;opacity:.6;background:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px);background-size:70px 42px;transform:perspective(300px) rotateX(58deg);transform-origin:bottom;mask-image:linear-gradient(transparent,#000)}footer{position:absolute;bottom:25px;left:28px;right:28px;color:#bdbdb8}footer a{color:inherit;text-decoration:none}.hint{color:#686864}.profile-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#101010eF;opacity:0;pointer-events:none;transition:opacity .45s}.profile-layer.is-open{opacity:1;pointer-events:auto}.profile-copy{position:relative;z-index:3;max-width:390px;text-align:center;font-size:13px;line-height:1.55}.profile-copy a,.external{display:inline-block;color:var(--fg);margin-top:18px;text-decoration:none;border-bottom:1px solid #777;padding-bottom:4px}.ring{position:absolute;z-index:1;width:min(62vw,560px);aspect-ratio:1;border:10px solid #ddd;border-radius:50%;filter:drop-shadow(0 0 8px #fff8);animation:spin 12s linear infinite}.ring-a{border-color:#7d1f3f transparent #f1f0eb transparent;transform:rotate(20deg) scaleX(.95)}.ring-b{width:min(69vw,620px);border-width:3px;border-color:#f1f0eb transparent #7d1f3f transparent;animation-direction:reverse;animation-duration:17s}@keyframes spin{to{transform:rotate(380deg)}}.profile-close{position:absolute;right:28px;top:25px;z-index:4}.case-page{overflow:auto;background:#e9e8e2;color:#171717;min-height:100svh}.case-shell{margin:18px;min-height:calc(100svh - 36px);background:#efeee9;border-radius:24px;display:grid;grid-template-columns:38% 62%;padding:28px;position:relative}.case-info{padding:4vh 3vw}.case-info .brand{color:#111}.eyebrow{font-size:11px;color:#777;margin-top:18vh}.case-info h1{font-size:clamp(42px,6vw,92px);line-height:.92;letter-spacing:-.07em;font-weight:500;margin:20px 0}.case-info p{max-width:340px;font-size:14px;line-height:1.5}.case-media{padding:3vh 2vw;display:flex;flex-direction:column;gap:18px;overflow:auto}.case-media img,.case-media video{width:100%;border-radius:16px;display:block;max-height:75vh;object-fit:cover;background:#deddd7}.case-asset{opacity:0;transform:translateY(14px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.case-asset.is-loaded{opacity:1;transform:translateY(0)}.case-close{position:absolute;right:25px;top:18px;font-size:32px;color:#111;text-decoration:none;z-index:4}.status{display:block;color:#777;font-size:11px;margin-top:28px}.block-text{padding:16px 0;border-top:1px solid #ccc}.case-cta{margin:28px 0 8px;padding:34px 30px;border-radius:18px;background:#171717;color:#f4f3ef;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.cta-copy{max-width:420px}.cta-kicker{margin:0 0 8px;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cta-copy h2{margin:0;font-size:clamp(28px,4vw,54px);line-height:.95;letter-spacing:-.06em;font-weight:500}.cta-copy>p:last-child{margin:16px 0 0;color:#b4b4af;font-size:13px;line-height:1.45}.cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cta-button{display:inline-flex;align-items:center;gap:14px;padding:13px 17px;border:1px solid #f4f3ef;border-radius:999px;color:#171717;background:#f4f3ef;text-decoration:none;font-size:12px;white-space:nowrap;transition:transform .25s ease,background .25s ease,color .25s ease}.cta-button span{font-size:15px;line-height:1}.cta-button:hover{transform:translateY(-2px);background:#fff}.cta-button-dark{background:transparent;color:#f4f3ef;border-color:#555}.cta-button-dark:hover{background:#f4f3ef;color:#171717}
.stage.is-opening .gallery{animation:galleryExit .32s cubic-bezier(.7,0,.2,1) forwards}.stage.is-opening header,.stage.is-opening footer{animation:uiExit .26s ease forwards}@keyframes galleryExit{0%{transform:scale(1);opacity:1}100%{transform:scale(1.08) translateY(-.5vh);opacity:0}}@keyframes uiExit{to{opacity:0}}.case-shell{animation:caseEnter .72s cubic-bezier(.16,1,.3,1) both}@keyframes caseEnter{0%{opacity:0;transform:scale(.94) translateY(2vh)}55%{opacity:1;transform:scale(1.012) translateY(-.15vh)}100%{opacity:1;transform:scale(1) translateY(0)}}.case-page.is-closing .case-shell{animation:caseExit .32s cubic-bezier(.7,0,.2,1) both}@keyframes caseExit{to{opacity:0;transform:scale(.97) translateY(1.5vh)}}
@media(max-width:700px){body{overflow:auto}.stage{min-height:100svh;height:auto;padding:18px 16px 76px;overflow:visible}.gallery{position:relative;inset:auto;margin-top:42px;overflow:visible;perspective:none}.track{position:relative;inset:auto;display:flex;flex-direction:column;gap:30px;transform:none!important}.card{position:relative;left:auto;top:auto;width:100%;margin-left:0;flex-basis:auto;transform:none!important}.media{height:58vw;min-height:210px;border-radius:16px}.grid-floor{display:none}.card-meta{font-size:11px;padding:9px 1px 0}footer{position:fixed;bottom:0;left:0;right:0;padding:17px 16px;background:#101010;z-index:10}.hint{display:none}.profile-copy{max-width:76vw;font-size:12px}.ring{width:94vw;border-width:6px}.ring-b{width:102vw;border-width:2px}.case-shell{margin:10px;min-height:calc(100svh - 20px);display:block;padding:18px;border-radius:18px}.case-info{padding:10px 4px 20px}.eyebrow{margin-top:12vh}.case-info h1{font-size:52px}.case-media{padding:0 4px;overflow:visible}.case-cta{margin:24px 0 4px;padding:26px 20px;display:block}.cta-copy h2{font-size:38px}.cta-actions{justify-content:flex-start;margin-top:22px}.cta-button{font-size:11px;padding:12px 14px}.case-close{right:18px;top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.feed-filters{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;white-space:nowrap}
.feed-filter{border:0;background:none;color:#6f6f6b;font:inherit;font-size:11px;letter-spacing:.01em;padding:4px 0;cursor:pointer;transition:color .25s ease,opacity .25s ease}
.feed-filter:hover,.feed-filter.is-active{color:var(--fg)}
.feed-filter.is-active{font-weight:600}
.gallery{cursor:grab}
.gallery.is-dragging{cursor:grabbing}
.media img,.media video{opacity:0;transition:opacity .55s ease}
.media img.is-loaded,.media video.is-loaded{opacity:1}
.placeholder{opacity:1}
@media(max-width:700px){.feed-filters{position:relative;left:auto;transform:none;order:2;gap:14px}.feed-filters + .profile-open{order:3}.stage header{gap:10px}.feed-filter{font-size:10px}.gallery{cursor:default}.media img,.media video{opacity:1}.media img.is-loaded,.media video.is-loaded{opacity:1}}
.media picture,.case-media picture{display:block;width:100%;height:100%}.case-media picture{height:auto}.empty{color:#8f8f8b;text-align:center;font-size:12px;padding:8vh 0}.card[hidden]{display:none!important}

@media(max-width:700px){.case-hero-frame{display:contents}}