.iphone-mockup{--phone-bezel:clamp(3px, .38vw, 5.5px);aspect-ratio:71.9/150;isolation:isolate;background:linear-gradient(112deg,#c8c8cc 0%,#68686c 3%,#202023 8%,#8b8b90 48%,#303034 88%,#d5d5d8 97%,#77777c 100%);border:1px solid #707074;border-radius:17.5%/8.4%;position:relative;box-shadow:inset 0 0 0 1px #e8e8ed55,inset 0 0 0 2px #151517,0 18px 28px -18px #11111055,0 4px 8px -4px #11111040}.iphone-mockup:before{content:"";z-index:4;border-radius:inherit;pointer-events:none;border:1px solid #ffffff20;position:absolute;inset:2px}.iphone-mockup__screen{inset:var(--phone-bezel);clip-path:inset(0 round 15.5%/7.5%);isolation:isolate;background:#050505;border:1px solid #000;border-radius:15.5%/7.5%;position:absolute;overflow:hidden}.iphone-mockup__screen>:is(img,video){border-radius:inherit}.iphone-mockup__screen:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff08,#0000 30% 75%,#ffffff03);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.iphone-mockup__side{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#8d8d90,#303034);border:1px solid #454549;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-3px;box-shadow:inset 0 1px 1px #fff5}.iphone-mockup__side--action{height:3.2%;top:15.5%}.iphone-mockup__side--volume-up{height:6.4%;top:23%}.iphone-mockup__side--volume-down{height:6.4%;top:31.5%}.iphone-mockup__side--power{background:linear-gradient(90deg,#303034,#8d8d90);border-radius:0 2px 2px 0;height:10%;top:26%;left:auto;right:-3px}.iphone-mockup__side--camera-control{background:linear-gradient(90deg,#303034,#8d8d90);border-radius:0 2px 2px 0;width:2px;height:7.5%;top:64%;left:auto;right:-2px}.iphone-mockup__camera{z-index:3;aspect-ratio:3.3;pointer-events:none;background:#030304;border-radius:100px;width:22%;position:absolute;top:2.8%;left:50%;translate:-50%;box-shadow:0 0 0 1px #ffffff08}.iphone-mockup__camera:before{content:"";background:#0c0c0f;border-radius:20px;width:40%;height:20%;position:absolute;top:40%;left:15%}.iphone-mockup__camera:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 36% 32%,#33415b,#101722 32%,#06070b 56%,#17171b 65%,#080809 75%);border-radius:50%;height:56%;position:absolute;top:22%;right:9%;box-shadow:0 0 0 1px #16161b}.iphone-mockup__home{z-index:3;pointer-events:none;background:#fffffff0;border-radius:10px;width:33%;height:.65%;min-height:2px;position:absolute;bottom:2.15%;left:50%;translate:-50%;box-shadow:0 1px 3px #0005}@media (width<=760px){.iphone-mockup{--phone-bezel:3px}}.manifesto[data-video-story]{min-height:0;padding:0 4.2%}.manifesto[data-video-story] .manifesto-stage{isolation:isolate;min-height:0;padding:110px 0 75px;position:relative}.manifesto[data-video-story] .section-meta,.manifesto[data-video-story] .manifesto-text{z-index:1;position:relative}.shooting-scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.shooting-scene canvas{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.shooting-scene[data-scene-ready] canvas{opacity:1}.shooting-scene__fallback{opacity:0;transition:opacity .4s;position:absolute;inset:0}.shooting-scene[data-scene-fallback] .shooting-scene__fallback{opacity:1}.shooting-scene[data-scene-ready] .shooting-scene__fallback{opacity:0}.shooting-scene__fallback>svg{filter:drop-shadow(8px 20px 10px #11111012);width:clamp(130px,21%,280px);position:absolute}.shooting-scene__camera{top:20%;left:10%;rotate:-15deg}.shooting-scene__slate{bottom:6%;right:13%;rotate:12deg}.shooting-scene__light{top:16%;right:5%;rotate:20deg}.manifesto[data-video-story] .section-meta{justify-content:space-between;gap:20px;margin-bottom:50px;display:flex}.manifesto[data-video-story] .manifesto-text{letter-spacing:-.045em;text-align:center;max-width:none;margin:50px 0;font-size:clamp(68px,9.5vw,160px);line-height:1.03}.manifesto-line{display:block}.manifesto-line+.manifesto-line{margin-top:55px}.story-meta-mask{display:block;overflow:clip}.manifesto[data-video-story] .story-meta-mask>.eyebrow{display:inline-block}.story-word-mask{vertical-align:top;margin:-.14em -.09em -.2em;padding:.14em .09em .2em;display:inline-block;overflow:clip}.story-word-mask>*{display:inline-block}.story-thermal{color:#2463fa;white-space:nowrap;margin:-.08em -.08em -.16em;padding:.08em .08em .16em;display:inline-block}@supports (background-clip:text){.story-thermal{background-color:#2463fa;background-image:radial-gradient(ellipse at calc(var(--thermal-x,34) * 1%) calc(var(--thermal-y,36) * 1%), #ff2b1a 0%, #ff7314 12%, #ffd43b 24%, #1fc1ed 42%, #2463fa00 62%), radial-gradient(ellipse at calc(var(--thermal-tail-x,72) * 1%) calc(var(--thermal-tail-y,70) * 1%), #ff2b1a 0%, #ff7314 13%, #ffd43b 26%, #1fc1ed 44%, #2463fa00 64%), linear-gradient(120deg, #1748e8, #20bcf0 50%, #285bfa);-webkit-text-fill-color:transparent;color:#0000;background-position:30% 45%,70% 55%,50%;background-repeat:no-repeat;background-size:150% 210%,160% 190%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite alternate paused story-thermal-flow}.story-thermal[data-thermal-visible]:not([data-thermal-hidden]){animation-play-state:running}}@keyframes story-thermal-flow{0%{background-position:30% 45%,70% 55%,50%}38%{background-position:65% 68%,30% 38%,50%}72%{background-position:90% 35%,55% 75%,50%}to{background-position:45% 65%,90% 30%,50%}}.manifesto[data-story-motion]{min-height:335svh}.manifesto[data-story-motion] .manifesto-stage{z-index:1;flex-direction:column;height:100svh;min-height:600px;padding:112px 0 38px;display:flex;position:relative;top:0}.manifesto[data-story-motion] .section-meta{margin-bottom:0}.manifesto[data-story-motion] .manifesto-text{flex:1;align-items:center;margin:30px 0;display:grid}.manifesto[data-story-motion] .manifesto-line{grid-area:1/1;margin:0}.portfolio{padding:0 4.2% 120px;scroll-margin-top:100px}.portfolio[data-portfolio-overlap]{z-index:2;margin-top:-28svh;position:relative}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:60px clamp(20px,4vw,76px);max-width:1250px;margin-inline:auto;display:grid}.portfolio-card{min-width:0}.portfolio-poster,.portfolio-phone video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.portfolio-poster{z-index:0;position:absolute;inset:0}.portfolio-phone video{z-index:1;position:absolute;inset:0}.portfolio-open{z-index:1;inset:var(--phone-bezel);border-radius:15.5%/7.5%;place-items:center;display:grid;position:absolute}.portfolio-open>span{color:#fff;opacity:0;background:#1119;border:1px solid #fff9;border-radius:50%;place-items:center;width:58px;height:58px;transition:opacity .3s,scale .3s;display:grid;scale:.85}.portfolio-open svg{width:24px;height:24px}.portfolio-open:is(:hover,:focus-visible)>span{opacity:1;scale:1}.portfolio-open:focus-visible{outline-offset:-8px;border-radius:inherit;outline:2px solid #fff}.portfolio-ui{z-index:2;inset:var(--phone-bezel);pointer-events:none;border-radius:15.5%/7.5%;position:absolute;overflow:hidden}.portfolio-controls{z-index:2;background:linear-gradient(#0000,#0009);justify-content:space-between;gap:10px;padding:35px 12px clamp(18px,2.1vw,30px);display:flex;position:absolute;inset:auto 0 0}.portfolio-controls[hidden],.portfolio-error[hidden]{display:none}.portfolio-controls button{color:#fff;pointer-events:auto;background:#1119;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:36px;height:36px;padding:10px;transition:background .25s,scale .25s;display:grid}.portfolio-controls button:hover{background:var(--ink);scale:1.08}.portfolio-controls button:focus-visible{outline-offset:3px;outline:2px solid #fff}.portfolio-controls svg{width:16px;height:16px;display:block}[data-icon-pause],[data-icon-sound],[data-playing] [data-icon-play],[data-sound] [data-icon-muted]{display:none!important}[data-playing] [data-icon-pause],[data-sound] [data-icon-sound]{display:block!important}.portfolio-caption{align-items:baseline;gap:12px;padding:18px 4px 0;display:flex}.portfolio-index{color:var(--muted);font:9px MonumentMono,monospace}.portfolio-caption h3{letter-spacing:0;margin:0;font:400 13px/1.5 Monument,sans-serif}.portfolio-caption--logo{flex-wrap:wrap;align-items:center}.portfolio-caption .portfolio-client-logo{flex:1;justify-content:flex-start;align-items:center;min-width:0;height:56px;margin:0;display:flex}.portfolio-client-mark{object-fit:contain;object-position:left center;width:128px;max-width:100%;height:36px;display:block}.portfolio-client-mark--compact{filter:brightness(0);height:48px}.portfolio-edit{text-underline-offset:4px;width:fit-content;margin:0 auto 30px;font-size:13px;text-decoration:underline;display:block}.portfolio-error{z-index:3;color:#fff;pointer-events:auto;background:#111e;margin:0;padding:14px;font-size:11px;line-height:1.6;position:absolute;inset:auto 0 65px}.portfolio-error a{text-underline-offset:3px;text-decoration:underline;display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portfolio-phone{transition:transform .55s var(--ease), box-shadow .55s var(--ease)}.portfolio-card:is(:hover,:focus-within) .portfolio-phone{transform:translateY(-8px)rotate(-.8deg)scale(1.015);box-shadow:inset 0 0 0 1px #e8e8ed55,inset 0 0 0 2px #151517,0 28px 38px -22px #1117}.portfolio-card:nth-child(2n):is(:hover,:focus-within) .portfolio-phone{transform:translateY(-8px)rotate(.8deg)scale(1.015)}}@media (width>=1000px){.portfolio-card:nth-child(2n){margin-top:55px}}@media (width<=999px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 35px;max-width:660px}}@media (width<=760px){.portfolio-open>span{opacity:.85;width:42px;height:42px;scale:1}.portfolio-open svg{width:19px;height:19px}.shooting-scene__fallback>svg{width:39%}.shooting-scene__camera{top:22%;left:0}.shooting-scene__slate{bottom:8%;right:5%}.shooting-scene__light{top:17%;right:0}.manifesto[data-video-story]{padding-inline:6%}.manifesto[data-video-story] .manifesto-stage{padding:70px 0 45px}.manifesto[data-video-story] .section-meta{gap:24px}.manifesto[data-video-story] .section-meta>span{max-width:150px}.manifesto[data-video-story] .section-meta .eyebrow{font-size:8px;line-height:1.6}.manifesto[data-video-story] .section-meta>span:last-child{text-align:right}.manifesto[data-video-story] .manifesto-text{letter-spacing:-.04em;font-size:clamp(40px,10.2vw,78px)}.manifesto[data-story-motion]{min-height:315svh}.manifesto[data-story-motion] .manifesto-stage{height:100svh;min-height:480px;padding:105px 0 35px}.manifesto[data-story-motion] .manifesto-text{font-size:clamp(40px,10.2vw,78px)}.portfolio{padding:0 6% 75px}.portfolio-grid{gap:30px 20px}.portfolio-phone{--phone-bezel:3px}.portfolio-controls{gap:6px;padding:25px 7px 18px}.portfolio-controls button{width:34px;height:34px;padding:9px}.portfolio-caption{flex-wrap:wrap;align-items:center;gap:4px 7px;padding:10px 0 0}.portfolio-caption h3{font-size:10px}.portfolio-client-mark{width:112px}.portfolio-index{font-size:8px}}@media (height<=600px) and (width>=761px){.manifesto[data-story-motion] .manifesto-stage{min-height:100svh;padding-top:90px;padding-bottom:20px}.manifesto[data-story-motion] .manifesto-text{margin:15px 0;font-size:min(9vw,18svh)}}@media (prefers-reduced-motion:reduce){.portfolio-open>span,.shooting-scene canvas,.shooting-scene__fallback{transition:none}.shooting-scene__fallback>svg{width:26%}.shooting-scene__camera,.shooting-scene__light{top:28%}.shooting-scene__slate{bottom:1%}.story-thermal{animation:none}.portfolio-controls button{transition:none}}@media print{.shooting-scene{display:none}.portfolio[data-portfolio-overlap]{margin-top:0}.pin-spacer:has(>.manifesto-stage){height:auto!important}.story-thermal{color:var(--ink);-webkit-text-fill-color:currentColor;background:0 0;animation:none}.manifesto[data-video-story]{min-height:0}.manifesto[data-video-story] .manifesto-stage{min-height:0;height:auto!important;position:static!important;inset:auto!important;transform:none!important}.portfolio-card{break-inside:avoid}.portfolio-controls{display:none!important}}.portfolio-player-fallback[data-astro-cid-huquvo5q]{color:#fff;pointer-events:auto;background:#111d;padding:12px;font-size:11px;position:absolute;bottom:22px;left:12px;right:12px}
