.works{border-top:1px solid var(--rule);background:var(--bg);padding:clamp(30px,6vw,78px) clamp(12px,1.8vw,28px) 0;position:relative}.works-header{z-index:30;max-width:min(1880px, calc(100vw - 2 * var(--gutter)));margin-bottom:clamp(18px,3vw,34px);pointer-events:none;justify-content:center;align-items:center;margin-inline:auto;display:flex;position:sticky;top:28px}.works-header>*{pointer-events:auto}.works-list{--works-card-height:calc(100vh - var(--works-sticky-top));--works-sticky-top:110px;--card-radius:clamp(18px, 1.8vw, 28px);max-width:min(1880px, calc(100vw - 2 * var(--gutter)));margin:0 auto;padding-bottom:0;position:relative}.works-card-wrapper{--scroll-progress:0;top:var(--works-sticky-top);min-height:calc(var(--works-card-height) + 4vh);z-index:calc(10 + var(--index));isolation:isolate;align-items:flex-start;width:100%;margin-bottom:24vh;display:flex;position:sticky}.works-card-wrapper:last-child{min-height:var(--works-card-height);margin-bottom:24vh}.works-card-wrapper:after{content:"";z-index:0;border-radius:calc(var(--card-radius) + 10px);pointer-events:none;mix-blend-mode:screen;opacity:calc(.85 - (var(--scroll-progress,0) * .45));filter:blur(6px);transform-origin:top;transform:scale(calc(1 - (var(--scroll-progress,0) * .05))) translateY(calc(var(--scroll-progress,0) * -15px));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");background-size:78px 78px;transition:opacity .3s;position:absolute;inset:-12px}.works-card-wrapper:hover:after{opacity:calc(1 - (var(--scroll-progress,0) * .4))}.wc-back{z-index:1;border-radius:var(--card-radius);pointer-events:none;background-color:#000;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='wb'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23wb)' opacity='0.5'/></svg>");background-size:120px 120px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 34px 2px #ffffff1a}.works-card{z-index:2;width:100%;height:var(--works-card-height);border-radius:var(--card-radius);transform:scale(calc(1 - (var(--scroll-progress,0) * .05))) translateY(calc(var(--scroll-progress,0) * -15px));transform-origin:top;filter:brightness(calc(1 - (var(--scroll-progress,0) * .4)));transition:box-shadow .4s var(--ease-out);cursor:pointer;will-change:transform, filter;background-color:#111;display:block;position:relative;overflow:hidden;box-shadow:0 34px 90px #0000009e,inset 0 0 0 1px #ffffff14}.works-card:hover{box-shadow:0 42px 110px #000000c7,inset 0 0 0 1px #ffffff1f}.wc-bg{transition:transform .6s var(--ease-out);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.works-card:hover .wc-bg{transform:scale(1.04)}.wc-glow,.wc-grad{pointer-events:none;position:absolute;inset:0}.wc-glow{opacity:.78;mix-blend-mode:screen}.wc-grad{opacity:.9;background:linear-gradient(#0000 24%,#00000057 62%,#000000d1 100%),linear-gradient(90deg,#00000075 0%,#0000 58%)}.wc-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-end;padding:clamp(24px,3.4vw,54px) clamp(24px,3.4vw,54px) clamp(48px,6vh,80px);display:flex;position:absolute;inset:0}.wc-kicker{color:#ffffffc7;width:fit-content;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000002e;border:1px solid #ffffff2e;border-radius:999px;margin-bottom:clamp(12px,1.4vw,20px);padding:8px 12px;font-size:clamp(10px,.9vw,12px);line-height:1}.wc-title{letter-spacing:0;background:linear-gradient(90deg,#fff 0%,#f2f2f2 42%,#ffffffad 100%);color:#0000;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;max-width:min(1120px,86%);margin-bottom:16px;font-size:clamp(52px,7.4vw,132px);font-weight:800;line-height:.92}.wc-meta{font-family:var(--font-mono);color:#fff;letter-spacing:.04em;opacity:.8;text-transform:uppercase;flex-wrap:wrap;gap:24px;font-size:clamp(12px,1.1vw,15px);display:flex}.wc-meta span{align-items:center;gap:8px;display:flex}.wc-meta span:before{content:"";background:var(--work-accent,var(--coral));border-radius:50%;width:4px;height:4px;display:block}.works-card--vaio{--work-accent:#7dcdf7}.works-card--vaio .wc-bg{background-position:50%}.works-card--vaio .wc-glow{background:radial-gradient(circle at 68% 72%,#7dcdf747,#0000 34%),radial-gradient(circle at 36% 56%,#fff25833,#0000 22%)}.works-card--climber{--work-accent:#ffbd8f}.works-card--climber .wc-bg{background-position:50%}.works-card--climber .wc-glow{background:radial-gradient(circle at 76% 20%,#ffbd8f61,#0000 28%),radial-gradient(circle at 28% 68%,#7dcdf724,#0000 32%)}.works-card--first-look{--work-accent:#ffa200}.works-card--first-look .wc-bg{background-position:50%}.works-card--first-look .wc-glow{background:radial-gradient(circle at 26% 46%,#ffa2006b,#0000 30%),radial-gradient(circle at 78% 68%,#fff0883d,#0000 28%)}.works-card--inspire{--work-accent:#f38cfc}.works-card--inspire .wc-bg{background-position:50%}.works-card--inspire .wc-glow{background:radial-gradient(circle at 20% 30%,#f38cfc57,#0000 30%),radial-gradient(circle at 78% 62%,#510e916b,#0000 34%)}.btn-pill{color:#000;height:38px;font-family:var(--font-manrope);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s var(--ease-out), background-color .2s var(--ease-out), opacity .2s var(--ease-out);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:11px;font-weight:700;display:inline-flex}.btn-pill:hover{background:#f2f2f2;transform:scale(1.03)}.btn-pill small{opacity:.65;margin-left:6px;font-family:inherit;font-size:11px;font-weight:500}.works-all-top{flex:none}@media (max-width:760px){.works{padding:72px 14px 0}.works-header{align-items:center;margin-bottom:28px}.works-all-top{height:42px;padding:0 20px;font-size:13px}.works-list{--works-sticky-top:84px;--works-card-height:calc(100svh - var(--works-sticky-top));padding-bottom:0}.works-card-wrapper{max-width:100%;margin-bottom:16vh}.works-card-wrapper:not([data-active=true]) .works-card{pointer-events:none}.works-card{aspect-ratio:auto;border-radius:18px}.wc-grad{background:linear-gradient(#0000 18%,#00000061 56%,#000000db 100%)}.wc-content{padding:22px}.wc-title{max-width:100%;font-size:clamp(34px,13vw,58px)}.wc-meta{gap:12px 18px;font-size:11px}.works-card--first-look .wc-bg,.works-card--inspire .wc-bg{background-position:50%}}@media (prefers-reduced-motion:reduce){.works-card{filter:none;transform:none}}
.made-by{background:#000;height:250vh;position:relative}.made-stage{--cols:18;--rows:7;--gap:4px;--p:0;--stage-pad-x:calc(2 * clamp(12px, 2vw, 28px));--stage-pad-y:150px;height:100vh;min-height:600px;font-family:var(--font-sans);background:#000;justify-content:center;align-items:center;padding:100px clamp(12px,2vw,28px) 50px;display:flex;position:sticky;top:0;overflow:hidden}.made-by-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.made-frame,.made-grain,.made-shadow,.made-border{pointer-events:none;position:absolute;inset:0}.made-frame{z-index:0;background:#000}.made-grain{z-index:0;opacity:.28;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.95 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px}.made-shadow-soft{z-index:0;box-shadow:inset 0 0 60px 24px #000c}.made-shadow-deep{z-index:0;box-shadow:inset 0 0 120px 60px #000000e6,inset 0 0 40px 8px #000c}.made-border{z-index:12;box-shadow:inset 0 0 0 2px #fffffff2,inset 0 0 22px 2px #ffffff29}.made-board{width:min(calc(100vw - var(--stage-pad-x)), calc((100vh - var(--stage-pad-y)) * 1.8));aspect-ratio:1800/1000;max-width:1800px;height:auto;max-height:calc(100vh - var(--stage-pad-y));position:relative;box-shadow:0 0 0 1px #ffffffe6,0 0 60px 6px #ffffff38,0 0 150px 40px #ffffff1a}.made-board-bg{background:#000;position:absolute;inset:0;overflow:hidden}.made-board-bg div{opacity:.2;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='nb'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.85 0'/></filter><rect width='100%25' height='100%25' filter='url(%23nb)'/></svg>");background-size:150px 150px;position:absolute;inset:0}.made-grid{z-index:2;grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);column-gap:var(--gap);row-gap:var(--row-gap,1px);display:grid;position:absolute;inset:0}.made-tile{--on:0;perspective:760px;position:relative}.made-tile-card,.made-tile-front,.made-tile-back,.made-tile-photo,.made-tile-scrim{position:absolute;inset:0}.made-tile-card{transform:rotateX(calc(var(--on) * 180deg));transform-style:preserve-3d;transition:transform var(--flipdur,.62s) cubic-bezier(.34, 1.5, .5, 1);will-change:transform}.made-tile-front,.made-tile-back{backface-visibility:hidden;overflow:hidden}.made-tile-front{background:#111}.made-tile-photo{background-position:var(--photo-position,50% 30%);filter:grayscale()contrast(1.06);background-size:cover;transform:scale(1.08)}.made-tile-scrim{background:linear-gradient(#ffffff0d,#0000 45%,#00000057)}.made-tile-back{background-color:#fff;background-image:url(/atmos-assets/headline-framed.png);background-position:var(--x) var(--y);background-repeat:no-repeat;background-size:calc(var(--cols) * 100% + (var(--cols) - 1) * var(--gap)) calc(var(--rows) * 100% + (var(--rows) - 1) * var(--row-gap,1px));transform:rotateX(180deg);box-shadow:inset 0 0 0 1px #0000000d}.made-surface-grain{z-index:10;pointer-events:none;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='g2'><feTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g2)'/></svg>");background-size:140px 140px;position:absolute;inset:0}@media (max-width:760px){.made-stage{--gap:2px;--stage-pad-y:90px;--cols:9;--rows:4;--mb-w:110vw;gap:var(--row-gap,1px);flex-direction:column;height:100svh;min-height:560px;padding:0;position:relative;overflow:hidden}.made-filler{z-index:2;width:var(--mb-w);grid-template-columns:repeat(var(--cols), 1fr);grid-auto-rows:calc((var(--mb-w) / 1.8 - (var(--rows) - 1) * var(--row-gap,1px)) / var(--rows));column-gap:var(--gap);row-gap:var(--row-gap,1px);flex:1 0 0;min-height:0;display:grid;position:relative;overflow:hidden}.made-filler[data-pos=top]{align-content:end}.made-filler[data-pos=bottom]{align-content:start}.made-tile--plain .made-tile-back{background-image:none}.made-play .made-tile-card{transition-delay:calc(var(--st,0) * 1.4s);transform:rotateX(180deg)}.made-done .made-tile-card{transition:none;transform:none}.made-done .made-tile-front{visibility:hidden}.made-done .made-tile-back{transform:none}.made-tile-photo{filter:none}.made-tile-card{will-change:auto}.made-board{width:var(--mb-w);flex-shrink:0;max-width:none;max-height:none}}@media (prefers-reduced-motion:reduce){.made-by{height:100vh}.made-stage{position:relative}.made-tile-card{transition:none}}