.hero{--col: minmax(0, calc(var(--wrap) / 12));display:grid;grid-template-columns:[full-start] minmax(var(--side),1fr) [c-start] repeat(12,var(--col)) [c-end] minmax(var(--side),1fr) [full-end];grid-template-rows:minmax(clamp(420px,58vh,560px),auto) auto}.hero__bg{grid-column:full;grid-row:1}.hero__bg.brand-mesh--layer{position:relative;inset:auto}.hero__nb{grid-column:c-start / span 8;grid-row:1;align-self:end;z-index:1;margin:0;padding:120px 0 var(--s8);--nb-fs: var(--fs-hero)}.hero__nb .nb__sub{font-size:.5em}.hero__clip{grid-column:span 4 / c-end;grid-row:1 / span 2;align-self:start;justify-self:end;position:relative;width:var(--obj-w);aspect-ratio:9 / 16;margin:56px 0 0}.hero__frame{width:100%;box-shadow:var(--hanging-shadow)}.hero__clip-nb{position:absolute;z-index:3;left:14px;right:14px;bottom:40px}.hero__strip{grid-column:c-start / span 7;grid-row:2;padding:40px 0 var(--s6);display:grid;gap:var(--s6);justify-items:start}.hero__voice{display:flex;gap:18px;align-items:flex-start}.hero__lead{max-width:34ch;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);line-height:1.42;letter-spacing:-.01em;text-wrap:pretty}.hero__act{display:grid;gap:20px;justify-items:start}@media(prefers-reduced-motion:no-preference){.hero__frame.is-in{animation:clip-in .9s var(--ease-out-expo) .38s both}}@keyframes clip-in{0%{opacity:0;transform:translateY(24px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.vf__pause{position:absolute;z-index:4;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--radius);background:var(--scrim);color:var(--beeld);cursor:pointer;pointer-events:auto}.vf__pause .icon{width:16px;height:16px}.vf__pause[data-playing=true] .vf__pause-on,.vf__pause:not([data-playing=true]) .vf__pause-off{display:none}@media(max-width:719px){.hero{grid-template-columns:[full-start] var(--side) [c-start] minmax(0,1fr) [c-end] var(--side) [full-end];grid-template-rows:auto auto auto}.hero__bg{grid-row:1 / span 2}.hero__nb{grid-column:c-start / c-end;padding:56px 0 var(--s6)}.hero__clip{grid-column:c-start / c-end;grid-row:2;justify-self:center;width:min(68vw,280px);margin:0 0 -140px}.hero__strip{grid-column:c-start / c-end;grid-row:3;padding:172px 0 56px}.hero__voice{gap:14px}.hero__voice .avatar--l{width:48px;height:48px}.hero__act,.hero__act .btn-nb,.hero__act .btn{width:100%}}[data-mode=desk] .scene{position:relative;height:calc(100vh + var(--steps) * var(--step) * 1vh)}[data-mode=desk] .scene__grid{display:grid;grid-template-columns:minmax(0,1fr) var(--obj-w);column-gap:clamp(48px,6vw,112px);align-items:center}[data-mode=desk] .scene__slot{width:var(--obj-w);aspect-ratio:9 / 16}[data-mode=desk] .story__head{padding-right:calc(var(--side) + var(--obj-w) + var(--s8))}[data-motion=desk] .scene__pin{position:sticky;top:0;height:100vh;padding-top:var(--bar-h);display:flex;align-items:center}@supports (height: 1svh){[data-mode=desk] .scene{height:calc(100svh + var(--steps) * var(--step) * 1svh)}[data-motion=desk] .scene__pin{height:100svh}}[data-motion=desk] .scene__step{grid-area:1 / 1;opacity:0;transform:translateY(56px);transition:opacity .52s var(--ease-out-expo),transform .9s var(--ease-out-expo);pointer-events:none}[data-motion=desk] .scene__step.is-past{transform:translateY(-56px)}[data-motion=desk] .scene__step.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}.toestel{--t: 10px;--u: calc(var(--obj-w) / 360);--tw: calc(var(--u) * 384);display:none}.ob-shadow{position:absolute;inset:0;border-radius:var(--radius);pointer-events:none}.ob-shadow:before{content:"";position:absolute;inset:34% 7% -5%;border-radius:var(--radius);background:var(--object-shade);filter:blur(26px)}.ob-body{position:absolute;inset:0;transform-style:preserve-3d}.ob-face{position:absolute;inset:0;container-type:size;overflow:hidden;border-radius:var(--radius);background:var(--studio);transform:translateZ(calc(var(--t) / 2))}.ob-face:after,.scr-host:after{content:"";position:absolute;inset:0;z-index:8;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}.toestel.is-phone .ob-face:after{opacity:0}.ob-edge{position:absolute;top:calc(var(--u) * -18);bottom:0;left:calc(50% - var(--t) / 2);width:var(--t);background:var(--object-edge);box-shadow:inset 0 0 0 1px var(--line);backface-visibility:hidden;-webkit-backface-visibility:hidden}.ob-edge--r{transform:rotateY(90deg) translateZ(calc(var(--tw) / 2))}.ob-edge--l{transform:rotateY(-90deg) translateZ(calc(var(--tw) / 2))}.ob-screens{position:absolute;left:0;top:0;width:360px;height:640px;transform:scale(tan(atan2(100cqw,360px)));transform-origin:0 0}.ob-face .scr,.ob-face>.vf{visibility:hidden;opacity:0}.ob-face .is-on{visibility:visible;opacity:1}.ob-face>.vf{position:absolute;inset:0;width:100%;box-shadow:none}.ob-phone{position:absolute;left:0;top:0;transform:translateZ(calc(var(--t) / 2 - 1px));transition:opacity .32s var(--ease-out-expo) .26s}.ob-phone .phone__dev{transform:translate(calc(var(--u) * -12),calc(var(--u) * -60)) scale(tan(atan2(var(--obj-w),360px)));transform-origin:0 0}.toestel:not(.is-phone) :is(.ob-phone,.ob-edge){opacity:0;transition-delay:0ms}.toestel.is-instant *{transition:none!important}.ob-face .scr--vf{width:360px;height:640px;background:var(--studio)}.ob-cam{position:absolute;left:50%;top:50%;width:640px;height:360px;transform:translateZ(calc(var(--t) / 2 + 1px)) translate(-50%,-50%) rotate(90deg) scale(tan(atan2(var(--obj-w),360px)));pointer-events:none}[data-motion=desk] .toestel{display:block;position:fixed;left:0;top:0;z-index:30;width:var(--obj-w);aspect-ratio:9 / 16;transform-origin:0 0;perspective:1300px;pointer-events:none;will-change:transform}[data-motion=desk] .toestel.is-gone{opacity:0}@media(prefers-reduced-motion:no-preference){.toestel .ob-shadow:before{animation:fade-in .9s var(--ease-out-expo) .38s both}}.phone__dev{position:absolute;left:0;top:0;width:384px;height:742px;pointer-events:none}.phone__frame{position:absolute;inset:0;border-radius:46px;background:linear-gradient(150deg,#6b6775,#2b2832 30%,#45414e 62%,#1c1a21);box-shadow:inset 0 0 0 1px #ffffff1f}.phone__body{position:absolute;inset:3px;border-radius:43px;background:#050407}.phone__glass{position:absolute;left:9px;top:9px;width:360px;height:718px;border-radius:32px;background:var(--studio);color:var(--ink);transition:background-color .42s var(--ease-out-expo),color .42s var(--ease-out-expo)}.phone__status{position:absolute;left:0;right:0;top:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:2px 26px 0 34px;transition:opacity .32s var(--ease-out-expo)}.phone__time{font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.phone__island{position:absolute;left:50%;top:10px;width:102px;height:30px;translate:-50% 0;border-radius:15px;background:#000}.phone__icons{display:flex;align-items:center;gap:5px}.phone__icons svg{display:block}.phone__home{position:absolute;left:50%;bottom:10px;width:124px;height:5px;translate:-50% 0;border-radius:3px;background:currentColor;opacity:.85;transition:opacity .32s var(--ease-out-expo)}.phone__btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#26232c,#6b6775 55%,#2b2832)}.phone__btn--action{left:-3px;top:128px;height:30px}.phone__btn--up{left:-3px;top:184px;height:56px}.phone__btn--down{left:-3px;top:252px;height:56px}.phone__btn--power{right:-3px;top:214px;height:88px}.is-off .phone__glass{background:var(--stage)}.is-off :is(.phone__status,.phone__home){opacity:0}.is-moment .phone__glass{background:var(--mesh-night);color:var(--beeld)}.phone{position:relative;width:100%;max-width:384px;aspect-ratio:384 / 742;container-type:inline-size}.phone>.phone__dev{transform:scale(tan(atan2(100cqw,384px)));transform-origin:0 0}.phone>.phone__dev .phone__frame{box-shadow:inset 0 0 0 1px #ffffff1f,var(--lift-shadow-deep)}.phone>.scr-host{position:absolute;left:3.125%;top:calc(60 / 742 * 100%);width:93.75%;max-width:none;border-radius:0}.phone>.scr-host:after{content:none}.scr-host{position:relative;width:100%;max-width:360px;container-type:inline-size;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--radius);background:var(--studio)}.scr-host--land{max-width:720px;aspect-ratio:16 / 9;background:none}.scr-host--land:after{content:none}.scr-scale{position:absolute;left:0;top:0;width:360px;height:640px;transform:scale(tan(atan2(100cqw,360px)));transform-origin:0 0}.scr-host--land .scr-scale{width:640px;height:360px;transform:scale(tan(atan2(100cqw,640px)))}.scr{position:absolute;left:0;top:0;width:360px;height:640px;display:flex;flex-direction:column;overflow:hidden;background:var(--studio);color:var(--ink);font-size:14px;line-height:1.4;text-align:left}.scr--off{background:var(--stage)}.scr--vf{width:640px;height:360px;background:none}.cam{position:absolute;inset:0}.cam__svg{position:absolute;left:0;top:0;width:640px;height:360px;overflow:visible}.scr--vf .cam__svg{transform:translate(80px,78px) scale(.75);transform-origin:0 0}.cam__brand{font-family:var(--sans);font-size:17px;font-weight:800;letter-spacing:4.2px}.cam__ring{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:1.6px;fill:#fff;fill-opacity:.55}.cam__micro{font-family:var(--sans);font-size:8.5px;font-weight:700;letter-spacing:1.8px}.cam__lens,.cam__iris{transform-box:view-box;transform-origin:380px 192px}[data-motion] .cam .cam__plate,[data-motion] .cam .cam__shade{transition:opacity .32s var(--ease-out-expo) .3s}[data-motion] .cam .cam__top{transition:transform .46s var(--ease-in-out) .12s}[data-motion] .cam .cam__lens{transition:opacity .26s var(--ease-in-out),transform .52s var(--ease-in-out)}[data-motion] .cam:not(.is-cam) :is(.cam__plate,.cam__shade){opacity:0}[data-motion] .cam:not(.is-cam) .cam__top{transform:translateY(100px)}[data-motion] .cam:not(.is-cam) .cam__lens{opacity:0;transform:rotate(-50deg) scale(.62)}[data-motion] .cam.is-cam :is(.cam__plate,.cam__shade){transition:opacity .38s var(--ease-out-expo)}[data-motion] .cam.is-cam .cam__top{transition:transform .7s var(--ease-out-expo) .24s}[data-motion] .cam.is-cam .cam__lens{transition:opacity .24s var(--ease-out-expo) .46s,transform .9s var(--ease-out-expo) .46s}.cam__tally{transition:opacity .22s var(--ease-out-expo)}.cam__glint{transform:translate(-320px)}[data-motion] .cam:not(.is-live) .cam__tally{opacity:0}[data-motion] .cam:not(.is-live) .cam__iris{transform:rotate(-14deg) scale(1.22)}[data-motion] .cam.is-live .cam__iris{transition:transform .9s var(--ease-out-expo) .12s}[data-motion] .cam.is-live .cam__glint{transform:translate(320px);transition:transform 1.1s var(--ease-in-out) .2s}.ap__bar{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;box-shadow:inset 0 -1px 0 var(--line)}.ap__mark{display:block;height:16px;color:var(--ink)}.ap__count{margin-left:auto;color:var(--ink-2);font-size:13px}.ap__count b{color:var(--ink)}.ap__me{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:800}.ap__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;min-height:0}.ap__back{display:flex;align-items:center;gap:4px;color:var(--balk-text);font-size:13px;font-weight:700}.ap__title{font-size:22px;font-weight:800;line-height:1.12;letter-spacing:-.025em}.ap__chips{display:flex;flex-wrap:wrap;gap:6px}.ap__drop{--vf-inset: 6px;--vf-arm: 12px;--vf-w: 1.5px;--vf-c: var(--ink-3);position:relative;width:100%;display:grid;justify-items:center;gap:6px;padding:18px 12px;border-radius:var(--radius);background:var(--surface);color:var(--ink-2);font-weight:700;font-size:13px}.ap__drop .icon{color:var(--balk-text)}.ap__files{width:100%;margin:0;padding:0;list-style:none;display:grid}.ap__files li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;box-shadow:inset 0 -1px 0 var(--line)}.ap__files .t-mono{font-size:12px}.ap__up .scrub{flex:0 0 38%}.scrub--upload{--p: 72%}@media(prefers-reduced-motion:no-preference){.is-on .scrub--upload .scrub__fill,[data-mode=phone] .is-seen .scrub--upload .scrub__fill{animation:upload 3.2s var(--ease-out-expo) .4s both}}@keyframes upload{0%{width:18%}to{width:72%}}.ap__ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2)}.ap__cta{width:100%}.ap__push{margin-top:auto}.ap__spine{--p: 37.5%;width:100%;margin-top:4px}.ap__spine li{font-size:11px}.ap__note{width:100%;padding:12px;border-radius:var(--radius);background:var(--surface)}.ap__note .avatar{width:32px;height:32px}.ap__note .note__body{font-size:13px}.ap__brief{width:100%;display:grid;gap:8px;justify-items:start;font-size:13px;color:var(--ink-2)}.ap__label{color:var(--ink);font-weight:700}.ap__review{width:100%;display:grid;grid-template-columns:46% minmax(0,1fr);gap:14px;align-items:end}.ap__review-side{display:grid;gap:16px;padding-bottom:4px}.ap__scrub{--p: 25.6%}@media(prefers-reduced-motion:no-preference){.is-on .ap__scrub .scrub__fill,[data-mode=phone] .is-seen .ap__scrub .scrub__fill{animation:scrub-to 1.4s var(--ease-out-expo) .3s both}.is-on .ap__scrub .scrub__head,[data-mode=phone] .is-seen .ap__scrub .scrub__head{animation:scrub-head 1.4s var(--ease-out-expo) .3s both}.is-on .ap__comment,[data-mode=phone] .is-seen .ap__comment{animation:comment-in .62s var(--ease-out-expo) 1s both}}@keyframes scrub-to{0%{width:0}}@keyframes scrub-head{0%{left:0}}@keyframes comment-in{0%{opacity:0;transform:translateY(8px)}}.ap__comment{display:grid;gap:6px;justify-items:start;font-size:13px}.ap__two{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto}.scr--moment{background:var(--studio);color:var(--beeld)}.mo__bg{position:absolute;inset:0}.mo__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:28px 22px 22px}.mo__frame{align-self:center;width:196px;margin:auto 0;box-shadow:var(--lift-shadow-deep)}.mo__frame video{background:var(--stage)}.mo__cta{width:100%}@media(prefers-reduced-motion:no-preference){.is-on>.mo__bg,[data-mode=phone] .is-seen .mo__bg{animation:fill-up 1s var(--ease-out-expo) both}.is-on .mo__frame,[data-mode=phone] .is-seen .mo__frame{animation:frame-up .9s var(--ease-out-expo) .76s both}.is-on .mo__cta,[data-mode=phone] .is-seen .mo__cta{animation:fade-in .6s var(--ease-out-expo) 1.1s both}}@keyframes fill-up{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes frame-up{0%{opacity:0;transform:translateY(28px)}}.ap__ideas-title{margin-bottom:10px;font-size:16px;font-weight:800;letter-spacing:-.015em}.ap__ideas .ideas-list{gap:10px}.ap__ideas .ideas-list li{padding-left:20px;font-size:13.5px}.ap__ideas .ideas-list span{font-size:12.5px}.ideas-list{display:grid;gap:var(--s3);margin:0;padding:0;list-style:none;counter-reset:idea}.ideas-list li{position:relative;display:grid;gap:var(--s1);padding-left:26px;font-size:var(--fs-ui);line-height:1.35;counter-increment:idea}.ideas-list li:before{content:counter(idea);position:absolute;left:0;top:0;color:var(--balk-text);font-weight:800}.ideas-list b{font-weight:700}.ideas-list span{color:var(--ink-2);font-size:var(--fs-small)}.story__scene{--step: 56}.chaps{margin:0;padding:0;list-style:none}.story__lead{max-width:44ch;margin-top:calc(var(--s5) - var(--s7))}.chap__text{display:grid;gap:var(--s6);justify-items:start}.chap__them,.chap__derek{display:grid;gap:14px;justify-items:start}.chap__quote{margin:0;max-width:16ch;font-size:var(--fs-display-2);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.chap__derek{margin-left:var(--s6)}.chap__who{display:flex;align-items:center;gap:var(--s3)}.chap__derek .t-lead{max-width:36ch;text-wrap:pretty}[data-motion] .chap__derek{transition:opacity .64s var(--ease-out-expo) .46s,transform .9s var(--ease-out-expo) .46s}[data-motion=desk] .chap:not(.is-active,.is-past) .chap__derek,[data-motion=phone] .chap:not(.is-seen) .chap__derek{opacity:0;transform:translateY(16px);transition-duration:.3s;transition-delay:0ms}.story__cap{max-width:46ch}.story__stage{display:none}.rail{--p: calc(50% / var(--n));position:relative;padding-top:26px}.rail__line{position:absolute;top:var(--s3);left:0;right:0;height:3px;border-radius:var(--radius-inner);background:var(--line)}.rail__fill{position:absolute;inset:0;border-radius:var(--radius-inner);background:var(--track);clip-path:inset(0 calc(100% - var(--p)) 0 0);transition:clip-path .7s var(--ease-out-expo)}.rail__head{position:absolute;top:-10px;left:var(--p);width:4px;height:24px;translate:-50% 0;border-radius:var(--radius-inner);background:var(--ink);transition:left .7s var(--ease-out-expo)}.rail__head:before{content:"";position:absolute;top:-4px;left:50%;translate:-50% 0;width:13px;height:9px;border-radius:var(--radius-inner);background:var(--ink)}.rail__steps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:0;padding:0;list-style:none}.rail__step{position:relative;display:grid;justify-items:center;width:100%;padding:14px 2px 6px;border:0;border-radius:var(--radius);background:none;color:var(--ink-2);text-align:center;cursor:pointer}.rail__step:before{content:"";position:absolute;top:-18px;left:50%;translate:-50% 0;width:2px;height:11px;border-radius:var(--radius-inner);background:var(--ink-3)}.rail__step b{color:var(--ink-2);font-size:var(--fs-small);font-weight:700;letter-spacing:-.005em;transition:color var(--dur-emphasis) var(--ease-out-expo)}.rail__step:hover b{color:var(--ink)}.rail__step[aria-current=step] b{color:var(--balk-text);font-weight:800}[data-mode=desk] .chap__media{display:none}[data-mode=desk] .story__text{display:grid;gap:40px;align-content:center}[data-mode=desk] .rail{max-width:560px}[data-mode=desk] .story__stage{display:block;position:relative;perspective:1300px}[data-motion=desk] .chaps{display:grid}[data-mode=phone] .rail{position:sticky;top:var(--bar-h);z-index:6;margin:0 calc(-1 * var(--side));padding:34px var(--side) 0;background:var(--studio);box-shadow:inset 0 -1px 0 var(--line)}[data-mode=phone] .rail__line{top:20px;left:var(--side);right:var(--side)}[data-mode=phone] .rail__steps{margin:0 -2px}[data-mode=phone] .rail__step b{font-size:var(--fs-micro)}[data-mode=phone] .chap{display:grid;gap:28px;padding:var(--s7) 0 var(--s2);scroll-margin-top:calc(var(--bar-h) + 60px)}[data-mode=phone] .chap__media{display:grid;justify-items:center;gap:20px;perspective:900px}[data-mode=phone] .chap__media{--col: min(100vw - 2 * var(--side), 1280px);--pw: min(var(--col) * .76, 300px);--lw: min(var(--col), 720px);grid-template-columns:minmax(0,1fr)}[data-mode=phone] .chap__media .phone{width:var(--pw)}[data-mode=phone] .chap__media .phone>.phone__dev,[data-mode=phone] .chap__media .phone .scr-scale{transform:scale(var(--k, tan(atan2(var(--pw), 384px))))}[data-mode=phone] .chap__media .scr-host--land{width:var(--lw)}[data-mode=phone] .chap__media .scr-host--land .scr-scale{transform:scale(var(--k, tan(atan2(var(--lw), 640px))))}[data-mode=phone] .story__cap{margin-top:var(--s6)}[data-motion=phone] .chap__media>*{opacity:0;transform:translate3d(0,40px,-120px) rotateX(10deg);transition:opacity .6s var(--ease-out-expo),transform 1s var(--ease-out-expo)}[data-motion=phone] .chap__media>.scr-host--land{transform:rotate(90deg) scale(.5)}[data-motion=phone] .chap__media.is-seen>*{opacity:1;transform:none}[data-motion=phone] .chap__media.is-seen>:nth-child(2){transition-delay:.24s}[data-mode=static] .rail{display:none}[data-mode=static] .chaps{display:grid;gap:var(--s8)}[data-mode=static] .chap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7);align-items:center}[data-mode=static] .chap__media{display:grid;justify-items:center}[data-mode=static] .chap__media--two{grid-template-columns:1.6fr 1fr;gap:var(--s4);align-items:end}[data-mode=static] .chap__media>.phone:only-child{width:min(100%,300px)}[data-mode=static] .story__cap{margin-top:var(--s7)}@media(max-width:1023px){[data-mode=static] .chap{grid-template-columns:minmax(0,1fr)}}@media(max-width:719px){.story__lead{margin-top:calc(var(--s4) - var(--s6))}.chap__text{gap:var(--s5)}.chap__derek{margin-left:var(--s5)}[data-mode=static] .chap__media--two{grid-template-columns:minmax(0,1fr);justify-items:center}[data-mode=static] .chap__media--two .phone{width:min(76%,300px)}}.derek{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s8);align-items:center}.derek__step{position:relative}.derek__side{display:grid;gap:var(--s4);justify-items:start}.derek__side .derek__step{justify-self:stretch}.derek__linkedin{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-ui);font-weight:700;text-decoration:none}.derek__linkedin:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.derek__photo{position:relative;margin:0;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--surface-2)}.derek__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}.derek__nb{position:absolute;left:var(--s5);bottom:28px;right:var(--s5)}.derek__text{display:grid;gap:var(--s5);justify-items:start}.derek__lead{color:var(--ink);max-width:40ch}.derek__body{color:var(--ink-2);max-width:52ch;margin-bottom:var(--s2)}[data-motion] .derek{perspective:1400px}[data-motion] .derek__step{transform:translateZ(-90px);transition:transform 1.3s var(--ease-out-expo)}[data-motion] .derek__step:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--radius);box-shadow:var(--lift-shadow);opacity:0;transition:opacity 1.1s var(--ease-out-expo)}[data-motion] .derek__step.is-seen{transform:translate3d(0,-6px,0)}[data-motion] .derek__step.is-seen:after{opacity:1}@media(max-width:1023px){.derek{grid-template-columns:minmax(0,1fr)}.derek__side{max-width:520px}}@media(max-width:719px){.derek{gap:var(--s6)}.derek__nb{--nb-fs: 1.25rem;left:14px;bottom:var(--s4)}}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;gap:18px;padding:var(--s6) 28px 28px;border-radius:var(--radius);background:var(--studio);box-shadow:inset 0 0 0 1px var(--line)}.plan--featured{background:var(--surface)}.plan__tag{position:absolute;top:calc(-1 * var(--s4));left:20px}.plan__head{display:flex;align-items:baseline;gap:var(--s3);margin:0;font-weight:inherit}.plan__num{font-size:var(--fs-hero);line-height:.8;font-weight:800;letter-spacing:-.05em}.plan__unit{font-size:1.0625rem;font-weight:700;color:var(--ink-2)}.plan__for{color:var(--ink-2);font-size:var(--fs-ui);line-height:1.5;min-height:3em}.plan__price{margin-top:auto;font-size:var(--fs-body);color:var(--ink-2)}.plan__price b{color:var(--ink);font-size:var(--fs-display-2);font-weight:800;letter-spacing:-.03em;margin-right:6px}.plan__rate{margin-top:calc(-1 * var(--s3));font-size:var(--fs-small);color:var(--ink-2)}.plan__cta{width:100%}.month{margin:18px 0}.month__tick{position:absolute;top:50%;width:1px;height:6px;translate:-50% -50%;background:var(--ink-3)}.month__mark{position:absolute;top:50%;width:3px;height:20px;translate:-50% -50%;border-radius:var(--radius-inner);background:var(--balk-text)}.plan-terms{display:flex;flex-wrap:wrap;gap:var(--s2) 28px;margin:var(--s6) 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:var(--fs-ui)}.plan-terms li{position:relative;padding-left:var(--s4)}.plan-terms li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:3px;border-radius:var(--radius-inner);background:var(--balk-text)}.plan-note{margin-top:var(--s3);color:var(--ink-2);font-size:var(--fs-ui)}.plan-note+.plan-note{margin-top:var(--s1)}[data-motion=desk] .plans{perspective:1600px;transform-style:preserve-3d}[data-motion=desk] .plan{transition:transform 1.15s var(--ease-out-expo),opacity .7s var(--ease-out-expo)}[data-motion=desk] .plans.is-stacked .plan:nth-child(1){transform:translate3d(calc(100% + 20px),28px,-120px)}[data-motion=desk] .plans.is-stacked .plan:nth-child(3){transform:translate3d(calc(-100% - 20px),28px,-120px)}[data-motion=desk] .plans.is-stacked .plan:nth-child(2){transform:translateZ(0)}[data-motion=desk] .plans .plan:nth-child(3){transition-delay:70ms}[data-motion] .month__mark{transition:transform .7s var(--ease-out-expo),opacity .4s var(--ease-out-expo);transition-delay:calc(.7s + var(--m, 0) * 70ms)}[data-motion=desk] .plans.is-stacked .month__mark,[data-motion=phone] .plan:not(.is-seen) .month__mark{transform:translateY(-22px);opacity:0;transition-delay:0ms}[data-motion=phone] .month__mark{transition-delay:calc(.3s + var(--m, 0) * 70ms)}@media(max-width:1023px){.plans{grid-template-columns:minmax(0,1fr);max-width:560px;gap:36px}}@media(max-width:719px){.plan{padding:28px 20px 22px}}.price-group{display:flex;align-items:baseline;gap:var(--s3);margin:0 0 var(--s6);font-size:var(--fs-display-2);font-weight:800;letter-spacing:-.03em}.price-group span{font-size:var(--fs-ui);font-weight:700;color:var(--ink-2);letter-spacing:0}.price-group--next{margin-top:calc(var(--s7) * 1.5)}.shoots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shoot__name{font-size:var(--fs-display-2);font-weight:800;letter-spacing:-.03em}.shoot-incl{margin-top:var(--s6);padding:28px;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line)}.shoot-incl__title{margin:0 0 var(--s4);font-weight:700}.shoot-incl__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4) 28px;margin:0}.shoot-incl__list dt{font-size:var(--fs-small);color:var(--ink-2)}.shoot-incl__list dd{margin:2px 0 0;font-size:var(--fs-ui);line-height:1.45}@media(max-width:1023px){.shoots{grid-template-columns:minmax(0,1fr);max-width:560px}}.entry{padding-top:18px;border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-small);line-height:1.5}.entry b{color:var(--ink)}.entry__link{display:inline-block;margin-top:var(--s2);color:var(--ink);font-weight:700;white-space:nowrap}.faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--s7);align-items:start}.faq__list{display:grid}.faq__item{display:grid;gap:10px;padding:var(--s5) 0;box-shadow:inset 0 -1px 0 var(--line)}.faq__item:first-child{padding-top:var(--s1)}.faq__item .t-body{color:var(--ink-2);max-width:60ch}@media(max-width:1023px){.faq{grid-template-columns:minmax(0,1fr)}}.contact{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7) var(--s8);align-items:end}.contact__text,.contact__act{display:grid;gap:var(--s5);justify-items:start}.contact__text .t-lead{max-width:40ch}.contact__who{display:flex;align-items:flex-end;gap:20px;margin-top:var(--s2);padding-top:28px;box-shadow:inset 0 1px 0 var(--line);perspective:900px}.contact__obj{flex:none;width:92px}.contact__frame{width:100%;background:var(--surface-2);box-shadow:var(--lift-shadow)}.contact__frame img{object-position:50% 22%}.contact__side{display:grid;gap:22px;justify-items:start}.contact__id{display:grid;gap:var(--s2);justify-items:start}.contact__nb a,.contact__tel{color:inherit}.contact__tel{font-size:var(--fs-ui);font-weight:700}[data-motion] .contact__obj{opacity:0;transform:translate3d(40px,-30px,-320px) rotateY(-50deg);transition:opacity .6s var(--ease-out-expo),transform 1.4s var(--ease-out-expo)}[data-motion] .contact__who.is-seen .contact__obj{opacity:1;transform:none}@media(max-width:1023px){.contact{grid-template-columns:minmax(0,1fr)}}@media(max-width:719px){.contact__who{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s5) 18px;width:100%}.contact__side{display:contents}.contact__side .btn-nb,.contact__side>.btn{grid-column:1 / -1}.contact__side .btn-nb,.contact__side .btn{width:100%}.contact__obj{width:76px}}