@font-face{font-family:"Archivo";src:url("../fonts/archivo-var.woff2?v=e2c15f59") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{--black:#000000;--white:#ffffff;--grey-100:#f2f2f2;--grey-200:#e6e6e6;--grey-400:#b3b3b3;--grey-700:#4d4d4d;--coral:#f97863;--todo:#ffe86b;--bg:var(--white);--fg:var(--black);--fg-muted:var(--grey-700);--rule:var(--black);--font:"Archivo",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--display-width:66%;--label-width:112%;--text-lg:1.25rem;--text-md:1.0625rem;--text-sm:0.9375rem;--text-xs:0.75rem;--measure:62ch;--gutter:5vw;--col-gap:clamp(1rem,2vw,2rem);--section-y:clamp(5rem,12vw,11rem);--section-y-sm:clamp(3rem,7vw,6rem);--ease-out:cubic-bezier(.2,.7,.2,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur:700ms;--dur-fast:260ms}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--text-md);line-height:1.55;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,svg{display:block;max-width:100%;height:auto}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}p{margin:0 0 1em;max-width:var(--measure)}p:last-child{margin-bottom:0}h1,h2,h3,h4{margin:0;font-weight:inherit;font-size:inherit}ul{margin:0;padding:0;list-style:none}figure{margin:0}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}::selection{background:var(--coral);color:var(--black)}.display{font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:0.88;letter-spacing:-0.01em;text-wrap:balance}.display--xl{font-size:clamp(3.6rem,12.5vw,13rem)}.display--lg{font-size:clamp(3rem,9.5vw,9.5rem)}.display--md{font-size:clamp(2.4rem,6.5vw,6.5rem)}.display--sm{font-size:clamp(1.75rem,4vw,3.6rem)}.display--xs{font-size:clamp(1.35rem,2.6vw,2.2rem)}.label{font-stretch:var(--label-width);font-weight:600;font-size:var(--text-xs);letter-spacing:0.02em;line-height:1.3}.lead{font-size:var(--text-lg);line-height:1.45;text-wrap:pretty}.small{font-size:var(--text-sm)}.muted{color:var(--fg-muted)}.quiet{font-weight:300}mark.todo{background:var(--todo);color:var(--black);padding:0 .2em;font-weight:500}.wrap{padding-inline:var(--gutter)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:clamp(2rem,4vw,4rem)}.section{padding-block:var(--section-y)}.section--tight{padding-block:var(--section-y-sm)}.section--dark{--bg:var(--black);--fg:var(--white);--fg-muted:var(--grey-400);--rule:var(--white);background:var(--bg);color:var(--fg)}.section--grey{--bg:var(--grey-100);background:var(--bg)}.rule{border:0;border-top:1px solid var(--rule);margin:0}[class*="span-"]{grid-column:1 / -1}@media (min-width:900px){.span-3{--span:3}.span-4{--span:4}.span-5{--span:5}.span-6{--span:6}.span-7{--span:7}.span-8{--span:8}.span-9{--span:9}[class*="span-"]{grid-column:span var(--span,12)}.start-7{grid-column:7 / span var(--span,6)}.start-8{grid-column:8 / span var(--span,5)}.start-9{grid-column:9 / span var(--span,4)}.self-end{align-self:end}}.mt-1{margin-top:.75rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2rem}.mt-4{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:1.5rem}.mb-3{margin-bottom:2rem}.mb-4{margin-bottom:3rem}.mb-section{margin-bottom:clamp(3rem,6vw,5rem)}.my-3{margin-block:2rem}.measure-sm{max-width:38ch}.measure-md{max-width:40ch}.measure-lg{max-width:48ch}.items-end{align-items:end}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.reveal.is-in{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--gutter);top:-4rem;background:var(--coral);color:var(--black);padding:.75rem 1rem;z-index:200}.skip-link:focus{top:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;gap:.6em;min-height:3.25rem;padding:0 1.5rem;font-stretch:var(--label-width);font-weight:600;font-size:var(--text-sm);background:var(--fg);color:var(--bg);border:1px solid var(--fg);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn .arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--coral);border-color:var(--coral);color:var(--black)}.btn:hover .arrow{transform:translateX(4px)}.btn--ghost{background:transparent;color:var(--fg)}.btn--ghost:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--lg{min-height:4rem;padding:0 2.25rem;font-size:var(--text-md)}.link{display:inline-flex;align-items:center;gap:.5em;font-stretch:var(--label-width);font-weight:600;font-size:var(--text-sm);border-bottom:1px solid currentColor;padding-bottom:.15em}.link .arrow{transition:transform var(--dur-fast) var(--ease-out)}.link:hover .arrow{transform:translateX(4px)}.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:4.5rem;padding-inline:var(--gutter);--bg:transparent;--fg:var(--white);color:var(--fg);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur) var(--ease-out)}.nav.is-solid{background:var(--white);--fg:var(--black);color:var(--black);box-shadow:0 1px 0 var(--grey-200)}.nav.is-hidden{transform:translateY(-100%)}.nav__logo img{height:1.75rem;width:auto}.nav__logo .logo-light,.nav__logo .logo-dark{transition:opacity var(--dur-fast)}.nav .logo-dark{display:none}.nav.is-solid .logo-dark{display:block}.nav.is-solid .logo-light{display:none}.nav__links{display:none;gap:2rem}.nav__links a{font-stretch:var(--label-width);font-weight:600;font-size:var(--text-sm);position:relative;padding-block:.25rem}.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-fast) var(--ease-out)}.nav__links a:hover::after,.nav__links a[aria-current="page"]::after{transform:scaleX(1)}.nav__cta{display:none}.nav__cta .btn{min-height:2.75rem;padding:0 1.1rem;color:var(--black)}.nav.is-solid .nav__cta .btn{color:var(--white)}.nav__cta .btn:hover{color:var(--black)}.nav__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:3rem;height:3rem;margin-right:-.75rem}.nav__toggle span{display:block;width:26px;height:2px;background:currentColor;margin-inline:auto;transition:transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast)}.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:90;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;gap:2rem;padding:6rem var(--gutter) 2.5rem;opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}.menu.is-open{opacity:1;visibility:visible;transition-delay:0s}.menu__links a{display:block;font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,12vw,4.5rem);line-height:1;padding-block:.25rem}.menu__links a[aria-current="page"]{color:var(--coral)}.menu .btn{--fg:var(--white);--bg:var(--black);align-self:flex-start}body.menu-open{overflow:hidden}body.menu-open .nav{--fg:var(--white);color:var(--white);background:transparent;box-shadow:none}body.menu-open .nav .logo-dark{display:none}body.menu-open .nav .logo-light{display:block}@media (min-width:900px){.nav{height:5.5rem}.nav__links,.nav__cta{display:flex}.nav__toggle,.menu{display:none}.nav__logo img{height:2rem}}.rows{border-top:1px solid var(--rule)}.row{border-bottom:1px solid var(--rule)}.row__head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;width:100%;text-align:left;padding:clamp(1.25rem,2.5vw,2rem) 0;transition:padding-left var(--dur-fast) var(--ease-out)}.row__head:hover{padding-left:.6em}.row__title{font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(2rem,6vw,5.5rem);letter-spacing:-.01em}.row__icon{position:relative;width:2.25rem;height:2.25rem;flex:none}.row__icon::before,.row__icon::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);transition:transform var(--dur-fast) var(--ease-out)}.row__icon::before{width:100%;height:2px}.row__icon::after{width:2px;height:100%}.row__head[aria-expanded="true"] .row__icon::after{transform:translate(-50%,-50%) rotate(90deg)}.row__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease-out)}.row__body>div{overflow:hidden}.row__head[aria-expanded="true"] + .row__body{grid-template-rows:1fr}.row__inner{display:grid;gap:1.5rem;padding:0 0 clamp(1.5rem,3vw,2.5rem)}.row__inner p{max-width:48ch}@media (min-width:900px){.row__inner{grid-template-columns:7fr 5fr;align-items:end}.row__inner .link{justify-self:start}}.video-grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}.video{position:relative;display:block;color:inherit;text-align:left;width:100%}.video__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--grey-200)}.video__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter var(--dur) var(--ease-out)}.video:hover .video__media img,.video:focus-visible .video__media img{transform:scale(1.04)}.video__play{position:absolute;inset:0;display:grid;place-items:center}.video__play span{display:grid;place-items:center;width:clamp(3.5rem,6vw,5.5rem);aspect-ratio:1;border-radius:50%;background:var(--coral);color:var(--black);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.video__play svg{width:40%;height:40%;margin-left:8%}.video:hover .video__play span{transform:scale(1.12);background:var(--white)}.video__meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.9rem}.video__title{margin-top:.4rem;font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(1.4rem,2.6vw,2.2rem);text-wrap:pretty}.video__desc{margin-top:.5rem;max-width:60ch}.video--featured .video__title{font-size:clamp(1.8rem,4vw,3.6rem)}.video__duration{position:absolute;right:.75rem;bottom:.75rem;background:var(--black);color:var(--white);padding:.2em .5em;font-size:var(--text-xs);font-stretch:var(--label-width);font-weight:600}@media (min-width:900px){.video-grid--home{grid-template-columns:repeat(12,minmax(0,1fr))}.video-grid--home .video--featured{grid-column:span 8;grid-row:span 2}.video-grid--home .video:not(.video--featured){grid-column:span 4}.video-grid--home .video:not(.video--featured) .video__title{font-size:clamp(1.1rem,1.5vw,1.4rem)}}.video-empty{border:1px solid var(--rule);padding:clamp(1.5rem,4vw,3rem);max-width:60ch}.video-empty p{margin-bottom:1rem}.skeleton .video__media{background:linear-gradient(90deg,var(--grey-200) 25%,var(--grey-100) 50%,var(--grey-200) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton .video__title{height:1.2em;width:70%;background:var(--grey-200)}@keyframes shimmer{to{background-position:-200% 0}}.video.is-sample .video__media{background:repeating-linear-gradient(135deg,var(--grey-200) 0 12px,var(--grey-100) 12px 24px)}.video.is-sample .video__media::after{content:"Sample — replaced by the live YouTube feed";position:absolute;left:.75rem;top:.75rem;background:var(--todo);color:var(--black);padding:.25em .5em;font-size:var(--text-xs);font-weight:600;font-stretch:var(--label-width)}.tut-list{border-top:1px solid var(--rule)}.tut{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--rule);align-items:center}.tut .video__media{aspect-ratio:16/9}.tut .video__title{font-size:clamp(1.3rem,2.4vw,2rem);margin-top:0}@media (min-width:700px){.tut{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--col-gap)}}@media (min-width:1100px){.tut{grid-template-columns:minmax(0,3fr) minmax(0,7fr) minmax(0,2fr)}.tut__aside{text-align:right}}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--fg);padding:.55rem .9rem;font-stretch:var(--label-width);font-weight:600;font-size:var(--text-xs);transition:background var(--dur-fast),color var(--dur-fast)}.chip:hover,.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg)}.search{display:flex;align-items:center;border-bottom:2px solid var(--fg)}.search input{flex:1;min-width:0;background:none;border:0;padding:.9rem 0;font-size:var(--text-lg)}.search input:focus{outline:none}.search input::placeholder{color:var(--grey-400)}.quote{font-stretch:78%;font-weight:300;font-size:clamp(2rem,6.2vw,6rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;max-width:22ch}.quote cite{display:block;font-style:normal;margin-top:1.5rem;font-size:var(--text-sm);font-stretch:var(--label-width);font-weight:600}.steps{border-top:1px solid var(--rule)}.step{display:grid;gap:1rem;padding:clamp(1.5rem,4vw,3rem) 0;border-bottom:1px solid var(--rule);align-items:center}.step__word{font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:.85;font-size:clamp(3rem,10vw,9rem);letter-spacing:-.02em}.step p{max-width:36ch}@media (min-width:900px){.step{grid-template-columns:8fr 4fr}.step p{justify-self:start}}.yt{--bg:var(--black);--fg:var(--white);--fg-muted:var(--grey-400);--rule:var(--grey-700);background:var(--bg);color:var(--fg)}.yt__channel{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid var(--rule)}.yt__handle{font-size:var(--text-lg)}.yt__subs:empty{display:none}.yt__subs{font-stretch:var(--display-width);font-weight:800;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.yt .btn{--fg:var(--white);--bg:var(--black)}.articles{border-top:1px solid var(--rule)}.article{display:grid;gap:.75rem;padding:clamp(1.25rem,2.5vw,2rem) 0;border-bottom:1px solid var(--rule);align-items:baseline}.article__title{font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(1.5rem,3.6vw,3.2rem);text-wrap:pretty}.article--featured .article__title{font-size:clamp(2.2rem,6vw,5.8rem)}.article__dek{max-width:52ch}.article a:hover .article__title{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.08em}@media (min-width:900px){.article{grid-template-columns:2fr 7fr 3fr}.article__meta{grid-column:1}.article__main{grid-column:2}.article__aside{grid-column:3;text-align:right}}.footer{--bg:var(--black);--fg:var(--white);--fg-muted:var(--grey-400);--rule:var(--grey-700);background:var(--bg);color:var(--fg);padding-top:var(--section-y)}.footer__nav{display:grid;gap:2rem;padding-block:3rem;border-top:1px solid var(--rule)}.footer__nav h3{font-stretch:var(--label-width);font-weight:600;font-size:var(--text-xs);color:var(--fg-muted);margin-bottom:1rem}.footer__nav a{display:block;padding-block:.25rem;font-size:var(--text-md)}.footer__nav a:hover{color:var(--coral)}.footer__legal{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;padding-block:1.5rem 2.5rem;border-top:1px solid var(--rule);color:var(--fg-muted);font-size:var(--text-sm)}.footer__legal ul{display:flex;gap:1.5rem}.footer__logo img{height:2.25rem;width:auto}.footer .btn{--fg:var(--white);--bg:var(--black)}@media (min-width:700px){.footer__nav{grid-template-columns:2fr 1fr 1fr 1fr}}.modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--gutter);background:rgba(0,0,0,.92);opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out),visibility 0s linear var(--dur-fast)}.modal.is-open{opacity:1;visibility:visible;transition-delay:0s}.modal__frame{width:min(100%,1400px);aspect-ratio:16 / 9;background:var(--black)}.modal__frame iframe{width:100%;height:100%;border:0}.modal__close{position:absolute;top:1.25rem;right:var(--gutter);color:var(--white);font-stretch:var(--label-width);font-weight:600;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:.5rem;min-height:3rem}.modal__close:hover{color:var(--coral)}body.modal-open{overflow:hidden}.frame{position:relative;overflow:hidden;background:var(--grey-200)}.frame--4x5{aspect-ratio:4 / 5}.frame--16x9{aspect-ratio:16 / 9}.frame--3x2{aspect-ratio:3 / 2}.frame img{width:100%;height:100%;object-fit:cover}.frame--placeholder{display:grid;place-items:center;border:1px dashed var(--grey-400);background:var(--grey-100);color:var(--fg-muted);text-align:center;padding:1rem}.prose{max-width:var(--measure);font-size:1.125rem;line-height:1.65}.prose h2{font-stretch:var(--display-width);font-weight:800;text-transform:uppercase;line-height:.95;font-size:clamp(1.8rem,3.4vw,2.8rem);margin:2.5em 0 .6em}.prose h3{font-weight:700;font-size:1.25rem;margin:2em 0 .5em}.prose ul{list-style:disc;padding-left:1.2em;margin-bottom:1em}.prose li{margin-bottom:.35em}.prose img,.prose .frame{margin:2rem 0}.prose pre{background:var(--black);color:var(--white);padding:1.25rem 1.5rem;overflow-x:auto;font-size:.9rem;line-height:1.5;margin:1.5rem 0}.prose code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.92em}.prose p code{background:var(--grey-100);padding:.1em .35em}.callout{border-left:4px solid var(--coral);background:var(--grey-100);padding:1.25rem 1.5rem;margin:2rem 0}.callout p{margin:0}.pull{font-stretch:78%;font-weight:300;font-size:clamp(1.6rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.01em;margin:3rem 0;padding-top:1.5rem;border-top:1px solid var(--rule)}.toc{position:sticky;top:7rem}.toc h2{font-stretch:var(--label-width);font-weight:600;font-size:var(--text-xs);color:var(--fg-muted);margin-bottom:.75rem}.toc a{display:block;padding-block:.3rem;border-bottom:1px solid var(--grey-200)}.toc a:hover{color:var(--coral)}.author{display:grid;grid-template-columns:4.5rem 1fr;gap:1.25rem;align-items:center;padding:2rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.author img{width:4.5rem;aspect-ratio:1;object-fit:cover;border-radius:50%}.embed{aspect-ratio:16/9;background:var(--black)}.embed iframe{width:100%;height:100%;border:0}.hero{position:relative;min-height:100svh;display:grid;align-content:end;background:var(--black);color:var(--white);overflow:hidden;isolation:isolate;--fg:var(--white);--bg:var(--black)}.hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero__media img,.hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%;transform:scale(var(--hero-scale,1));transform-origin:65% 40%;will-change:transform}.hero__media video{opacity:0;transition:opacity 1.2s var(--ease-out)}.hero__media video.is-ready{opacity:1}.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.62) 35%,rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 78%),linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 65%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 28%);opacity:var(--hero-shade,1)}.hero__inner{position:relative;padding:8rem var(--gutter) 3rem;display:grid;gap:clamp(1.5rem,3vw,2.5rem)}.hero__eyebrow{color:var(--grey-400)}.hero__title{--display-width:64%;font-size:min(clamp(2.6rem,11vw,11rem),12.5svh);line-height:.86}.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{display:block;transform:translateY(110%);transition:transform 1s var(--ease-out)}.is-loaded .hero__title .line>span{transform:none}.is-loaded .hero__title .line:nth-child(2)>span{transition-delay:.08s}.is-loaded .hero__title .line:nth-child(3)>span{transition-delay:.16s}.is-loaded .hero__title .line:nth-child(4)>span{transition-delay:.24s}.hero__foot{display:grid;gap:1.5rem}.hero__foot p{max-width:44ch;color:var(--grey-200)}.hero__ctas{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;align-items:center}.hero .btn{--fg:var(--white);--bg:var(--black)}.hero .link{color:var(--white)}.hero__scroll{position:absolute;right:var(--gutter);bottom:3rem;display:none;align-items:center;gap:.75rem;color:var(--grey-400);font-stretch:var(--label-width);font-size:var(--text-xs);font-weight:600}.hero__scroll::after{content:"";width:1px;height:3.5rem;background:currentColor;animation:scrollcue 2.4s var(--ease-in-out) infinite;transform-origin:top}@keyframes scrollcue{0%{transform:scaleY(0)}40%{transform:scaleY(1);transform-origin:top}41%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.hero__eyebrow,.hero__foot{opacity:0;transition:opacity 1s var(--ease-out) .5s}.is-loaded .hero__eyebrow,.is-loaded .hero__foot{opacity:1}@media (min-width:900px){.hero__inner{padding:8rem var(--gutter) 3.5rem;grid-template-columns:minmax(0,1fr)}.hero__foot{max-width:44ch;gap:1.75rem}.hero__scroll{display:flex;flex-direction:column}.hero__media img,.hero__media video{object-position:100% 40%}}@media (max-width:899px){.hero__media img,.hero__media video{object-position:50% 20%}.hero__inner{padding-top:40svh;gap:1rem}.hero__foot p{font-size:1rem}.hero__ctas .btn{width:100%;justify-content:center}}.page-hero{background:var(--black);color:var(--white);--fg:var(--white);--bg:var(--black);--fg-muted:var(--grey-400);padding:9rem var(--gutter) clamp(3rem,6vw,5rem)}.page-hero .display{max-width:12ch}.page-hero--light{background:var(--white);color:var(--black);--fg:var(--black);--bg:var(--white);--fg-muted:var(--grey-700)}.page-hero__grid{display:grid;gap:2rem;align-items:end}@media (min-width:900px){.page-hero__grid{grid-template-columns:8fr 4fr}}.statement .display{max-width:11ch}.statement__note{max-width:36ch}@media (min-width:900px){.statement__note{margin-top:3rem}}.sec-head{display:grid;gap:1.5rem;margin-bottom:clamp(2rem,5vw,4rem);align-items:end}.sec-head .display{max-width:12ch}@media (min-width:900px){.sec-head{grid-template-columns:8fr 4fr}.sec-head .link{justify-self:end}}.story__img{max-width:520px}.story__copy .display{max-width:10ch;margin-bottom:1.5rem}.about-hero{display:grid;gap:2rem;align-items:end}.about-hero .frame{max-width:440px}@media (min-width:900px){.about-hero{grid-template-columns:7fr 5fr}}.about-block{display:grid;gap:1.5rem;padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--rule)}.about-block h2{max-width:14ch}@media (min-width:900px){.about-block{grid-template-columns:4fr 8fr}.about-block h2{grid-column:1}.about-block>div{grid-column:2;max-width:60ch}}.studio-grid{display:grid;gap:1rem}@media (min-width:700px){.studio-grid{grid-template-columns:2fr 1fr}.studio-grid .frame:first-child{grid-row:span 2}}.tut-tools{display:grid;gap:1.5rem;padding-block:1.5rem}@media (min-width:900px){.tut-tools{grid-template-columns:5fr 7fr;align-items:end}}.tut-featured{display:grid;gap:1.5rem}@media (min-width:900px){.tut-featured{grid-template-columns:8fr 4fr;align-items:end}}.article-hero{padding:9rem var(--gutter) clamp(2rem,5vw,4rem)}.article-hero .display{max-width:14ch}.article-layout{display:grid;gap:3rem}@media (min-width:1000px){.article-layout{grid-template-columns:3fr 7fr 2fr}.article-layout .toc{grid-column:1}.article-layout .prose{grid-column:2}}.related{display:grid;gap:1.5rem}@media (min-width:700px){.related{grid-template-columns:repeat(3,1fr)}}.tut-chapters{border-top:1px solid var(--rule)}.tut-chapters li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule)}.tut-chapters time{font-stretch:var(--label-width);font-weight:600;font-size:var(--text-sm);color:var(--fg-muted)}@media print{.nav,.menu,.hero__media video,.hero__scroll,.modal{display:none!important}.hero{min-height:auto;color:#000;background:#fff}}