@font-face{font-family:Familjen;src:url("../fonts/FamiljenGrotesk-VariableFont_wght.ttf") format("truetype");font-weight:400 700;font-display:swap}
    @font-face{font-family:Manrope;src:url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype");font-weight:300 800;font-display:swap}
    @font-face{font-family:Plex Mono;src:url("../fonts/IBMPlexMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}

    :root{
      --paper:#f7f7f5;
      --ink:#140700;
      --quiet:#625c58;
      --line:rgba(20,7,0,.16);
      --ultra:#1b26c8;
      --red:#d63a17;
      --chalk:#f5f3ef;
      --serif:Georgia,"Times New Roman",serif;
      --sans:Manrope,Arial,sans-serif;
      --display:Familjen,Arial,sans-serif;
      --mono:"Plex Mono",monospace;
      --pad:18px;
      --page-max:1280px;
      --inner-pad:max(var(--pad),calc((100vw - var(--page-max))/2 + var(--pad)));
      --ease:cubic-bezier(.19,1,.22,1);
    }

    @property --page-theme{syntax:"<number>";inherits:true;initial-value:0}
    *{box-sizing:border-box}
    html{--page-bg:rgb(calc(247 - 227 * var(--page-theme)) calc(247 - 240 * var(--page-theme)) calc(245 - 245 * var(--page-theme)));--page-fg:rgb(calc(20 + 235 * var(--page-theme)) calc(7 + 248 * var(--page-theme)) calc(255 * var(--page-theme)));--page-muted:rgb(calc(98 + 110 * var(--page-theme)) calc(92 + 116 * var(--page-theme)) calc(88 + 112 * var(--page-theme)));scroll-behavior:smooth;background:var(--page-bg)}
    html.theme-ready{transition:--page-theme .5s cubic-bezier(.445,.05,.55,.95)}
    body{margin:0;background:var(--page-bg);color:var(--page-fg);font-family:var(--sans);font-size:16px;font-weight:450;line-height:1.3;overflow-x:hidden}
    body.menu-open{overflow:hidden}
    body.menu-open .site-header{pointer-events:none}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{color:inherit}
    img{display:block;max-width:100%}
    ::selection{background:var(--ultra);color:white}

    .site-header{position:fixed;z-index:80;inset:0 0 auto;height:74px;background:var(--page-bg);color:var(--page-fg);transition:transform .45s cubic-bezier(.215,.61,.355,1)}
    .site-header.is-hidden{transform:translateY(-100%)}
    .site-header.on-dark{background:var(--page-bg);color:var(--page-fg)}
    .header-inner{width:min(100%,var(--page-max));height:100%;margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"logo . menu";align-items:center;padding:24px var(--pad) 32px}
    .logo{grid-area:logo;width:30px;height:auto;display:flex;align-items:center;justify-self:start;overflow:visible}
    .logo img{width:30px;height:auto;transition:filter .35s ease,transform .8s var(--ease)}
    .logo:hover img{transform:scale(1.04)}
    .site-header.on-dark .logo img{filter:invert(1)}
    .menu-button{grid-area:menu;justify-self:end;position:relative;width:28px;height:18px;padding:0 6px;border:0;background:none;display:grid;place-items:center;cursor:pointer}
    .menu-button::before{content:"";position:absolute;width:48px;height:48px}
    .menu-button:focus{outline:none}
    .menu-button:focus-visible{outline:1px solid currentColor;outline-offset:6px;border-radius:1px}
    .menu-lines{width:16px;height:16px;overflow:visible;fill:currentColor;transition:transform .45s cubic-bezier(.645,.045,.355,1)}
    .menu-lines rect{transform-origin:center;transition:transform .45s cubic-bezier(.645,.045,.355,1)}
    .menu-button[aria-expanded="true"] .menu-lines{transform:rotate(180deg)}
    .menu-button[aria-expanded="true"] .menu-lines rect:first-child{transform:rotate(45deg) translateY(25%)}
    .menu-button[aria-expanded="true"] .menu-lines rect:last-child{transform:rotate(-45deg) translateY(-25%)}

    /* A solid rounded reveal and one shared content scale; no staggered fades. */
    .menu{--menu-max:1244px;--menu-edge:max(18px,calc((100vw - var(--menu-max))/2));--menu-column:calc((100vw - var(--menu-edge)*2 - 144px)/10);position:fixed;z-index:90;inset:0;height:100dvh;display:flex;flex-direction:column;background:var(--ink);color:white;visibility:hidden;clip-path:inset(0 max(0px,calc((100vw - var(--menu-max))/2)) 100% round 0 0 24px 24px);pointer-events:none;transition:clip-path .3s cubic-bezier(.5,.3,0,1),visibility 0s .3s;overflow:clip auto;overscroll-behavior:contain}
    .menu.open{visibility:visible;clip-path:inset(0 0 0 round 0 0 0 0);pointer-events:auto;transition:clip-path .3s cubic-bezier(.5,.3,0,1),visibility 0s}
    .menu-header{height:74px;flex:0 0 74px}
    .menu-header .logo img{filter:invert(1);transition:none}
    .menu-wrap{width:100%;flex:1 0 auto;min-height:calc(100dvh - 74px);padding:64px calc(var(--menu-edge) + var(--menu-column) + 16px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;grid-template-rows:1fr auto;row-gap:160px;align-items:center;transform:scale(.9);transform-origin:center;transition:transform .3s cubic-bezier(.5,.3,0,1)}
    .menu.open .menu-wrap{transform:scale(1);transition:transform .8s var(--ease)}
    .menu-primary{align-self:center;min-width:0;display:flex;flex-direction:column;gap:32px}
    .menu-primary nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-block:-.175em;font-size:72px}
    .menu-primary nav a{width:fit-content;font:400 72px/1 var(--serif);letter-spacing:-.02em;transition:color .7s cubic-bezier(.215,.61,.355,1)}
    .menu-primary nav:has(a:is(:hover,:focus-visible)) a:not(:hover):not(:focus-visible){color:#4c4c4c}
    .menu-primary nav a:is(:hover,:focus-visible){color:white;transition-duration:.45s}
    .menu-actions{padding-top:24px;display:flex;align-items:center;gap:32px;font-size:15px}
    .menu-actions a{transition:color .7s cubic-bezier(.215,.61,.355,1)}
    .menu-actions:has(a:is(:hover,:focus-visible)) a:not(.pill):not(:hover):not(:focus-visible){color:#4c4c4c}
    .pill{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:0 26px;border-radius:99px;border:1px solid currentColor;font-size:13px;white-space:nowrap;transition:transform .75s var(--ease),background .25s,color .25s}
    .pill:hover,.pill:focus-visible{transform:scale(1.04)}
    .pill:active{transform:scale(.98)}
    .pill.light{background:white;color:var(--ink);border-color:white}
    .pill.dark{background:var(--ink);color:white;border-color:var(--ink)}
    .menu-stories{align-self:center;justify-self:end;width:calc(var(--menu-column)*3 + 32px);display:flex;flex-direction:column;gap:16px}
    .menu-story{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:center;padding-right:8px}
    .menu-story::before{content:"";position:absolute;z-index:-1;inset:-8px;background:#1d1d1d;border-radius:16px;clip-path:inset(8px round 8px);opacity:0;transition:opacity .4s cubic-bezier(.215,.61,.355,1),clip-path .8s var(--ease)}
    .menu-story:is(:hover,:focus-visible)::before{clip-path:inset(0 round 16px);opacity:1}
    .menu-thumb{width:100%;aspect-ratio:1;border-radius:8px;display:grid;place-items:center;overflow:hidden;font:600 29px/1 var(--display);letter-spacing:-.06em}
    .menu-story:nth-child(1) .menu-thumb{background:var(--ultra)}
    .menu-story:nth-child(2) .menu-thumb{background:var(--red)}
    .menu-story:nth-child(3) .menu-thumb{background:var(--chalk);color:var(--ink)}
    .menu-story-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
    .menu-story small{display:flex;align-items:center;justify-content:space-between;color:#d0d0c8;font-size:16px;line-height:1.3}
    .menu-story strong{font-size:16px;font-weight:450;line-height:1.3;letter-spacing:-.01em}
    .menu-arrow{width:16px;height:16px;overflow:visible;fill:none;stroke:white;stroke-width:1.5}
    .menu-arrow path:first-child{stroke-dasharray:18;stroke-dashoffset:0}
    .menu-arrow path:last-child{stroke-dasharray:23;stroke-dashoffset:0}
    .menu-story:is(:hover,:focus-visible) .menu-arrow path:first-child{animation:menu-arrow-shaft .8s cubic-bezier(.215,.61,.355,1)}
    .menu-story:is(:hover,:focus-visible) .menu-arrow path:last-child{animation:menu-arrow-head .5s .1s cubic-bezier(.215,.61,.355,1)}
    @keyframes menu-arrow-shaft{to{stroke-dashoffset:-36}}
    @keyframes menu-arrow-head{from{stroke-dasharray:0 23;stroke-dashoffset:13}to{stroke-dasharray:23 23;stroke-dashoffset:46}}
    .menu-bottom{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:40px}
    .menu-bottom>div:first-child{position:relative}
    .menu-bottom .email-label{position:absolute;bottom:calc(100% + 14px);margin:0 0 0 9px;white-space:nowrap}
    .menu-bottom .email-field{height:44px}
    .email-label{margin:0 0 14px 9px;font-size:14px}
    .email-field{height:45px;min-width:248px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:99px;display:flex;gap:10px;align-items:center;color:#b8b2af;font-size:13px}
    .email-field svg{width:17px;flex:0 0 auto}
    .menu-meta{display:flex;gap:34px;font-size:14px;color:#d1ccca}

    .hero{width:min(100%,var(--page-max));min-height:90svh;margin-inline:auto;padding:0 var(--pad);display:grid;grid-template-rows:repeat(3,1fr);gap:64px;align-items:center}
    .hero h1{grid-row:2;margin-block:-.175em;text-align:center;font:400 clamp(54px,5.62vw,72px)/1 var(--serif);letter-spacing:-.025em;opacity:0;transform:translateY(26px);animation:hero-in 1.05s .2s var(--ease) forwards}
    .proof{grid-row:3;align-self:center;justify-self:center;text-align:center;font-size:11px;color:var(--quiet);opacity:0;animation:fade-in .8s .72s ease forwards}
    .proof-title{margin-bottom:19px}
    .proof-copy{max-width:600px;margin:0 auto;font-size:16px;line-height:1.5;text-wrap:pretty}
    .hero h1{text-wrap:balance}
    .proof-list{width:min(620px,calc(100vw - 36px));display:grid;grid-template-columns:repeat(4,1fr);gap:12px 0;align-items:center}
    .proof-item{display:block;padding:0 16px;border-left:1px solid rgba(20,7,0,.18);white-space:nowrap;text-align:center}
    .proof-item:nth-child(4n+1){border-left:0}

    .reel{position:relative;width:min(100%,var(--page-max));height:700px;margin:0 auto 152px;padding:0 var(--pad)}
    .reel-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:15px;background:var(--ultra);cursor:pointer;clip-path:inset(0 10% 15% 10% round 16px);will-change:clip-path}
    .reel-slide{position:absolute;inset:0;opacity:0;transform:scale(1.045);transition:opacity 1s ease,transform 1.8s var(--ease);overflow:hidden}
    .reel-slide.active{opacity:1;transform:scale(1);z-index:2}
    .reel-slide.one{background:var(--ultra);color:white;display:grid;place-items:center}
    .reel-slide.one .reel-big{font:600 clamp(80px,13vw,190px)/.77 var(--display);letter-spacing:-.085em;text-align:center;text-transform:uppercase}
    .reel-slide.two{background:var(--chalk);color:var(--ink);display:grid;grid-template-columns:1fr 1fr}
    .reel-slide.two .reel-half:first-child{border-right:1px solid var(--line)}
    .reel-half{position:relative;display:flex;align-items:flex-end;padding:42px}
    .reel-half strong{font:500 clamp(42px,6vw,84px)/.9 var(--serif);letter-spacing:-.05em}
    .reel-half img{position:absolute;inset:50% auto auto 50%;width:54%;transform:translate(-50%,-50%)}
    .reel-slide.three{background:var(--red);display:grid;place-items:center}
    .reel-slide.three img{width:min(62%,760px);filter:brightness(0) invert(1)}
    .reel-slide.four{background:var(--ink);color:white;display:flex;align-items:end;padding:48px}
    .reel-slide.four p{margin:0;max-width:920px;font:400 clamp(48px,7.2vw,102px)/.94 var(--serif);letter-spacing:-.05em}
    .reel-index{position:absolute;z-index:5;left:34px;bottom:26px;color:white;font:400 10px/1 var(--mono);mix-blend-mode:difference}
    .reel-progress{position:absolute;z-index:5;right:34px;bottom:26px;display:flex;gap:7px}
    .reel-progress button{width:44px;height:2px;border:0;padding:0;background:rgba(255,255,255,.38);cursor:pointer;overflow:hidden}
    .reel-progress button::after{content:"";display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left}
    .reel-progress button.active::after{animation:progress 4.8s linear forwards}

    .section{padding-left:var(--pad);padding-right:var(--pad)}
    .programs{width:min(100%,var(--page-max));margin-inline:auto;padding-top:96px;padding-bottom:96px;background:transparent;color:var(--page-fg)}
    .section-head{max-width:500px;margin-bottom:64px}
    .section-kicker{margin:0 0 16px;color:var(--quiet);font-size:15px}
    .section-title{margin:0 0 29px;font:400 clamp(32px,3vw,43px)/1.03 var(--serif);letter-spacing:-.035em}
    .programs .section-kicker{color:var(--page-muted)}
    .programs .pill.dark{background:var(--page-fg);border-color:var(--page-fg);color:var(--page-bg)}
    .service-list{position:relative;isolation:isolate}
    .service-row{position:relative;isolation:isolate;min-height:93px;display:grid;grid-template-columns:3fr 3fr 2fr;gap:16px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--page-fg) 20%,transparent);padding:32px 0;color:var(--page-fg);transition:opacity .25s cubic-bezier(.215,.61,.355,1),color .25s cubic-bezier(.215,.61,.355,1)}
    .service-row::before{content:"";position:absolute;z-index:-1;inset:0 -8px;background:var(--page-fg);border-radius:16px;opacity:0;transform:scaleX(1.01);box-shadow:0 12px 31px rgba(0,0,0,.12);transition:opacity .5s ease,transform .25s cubic-bezier(.215,.61,.355,1)}
    .service-row h3{margin:0;font:400 clamp(24px,2.18vw,28px)/1.05 var(--sans);letter-spacing:0;transition:transform .25s cubic-bezier(.215,.61,.355,1)}
    .service-row p{margin:0;font:400 16px/1.3 var(--sans);letter-spacing:-.01em;color:var(--page-muted);transition:color .25s cubic-bezier(.215,.61,.355,1)}
    .service-row .row-arrow{justify-self:end;color:transparent;transition:color .25s ease,transform .5s cubic-bezier(.215,.61,.355,1)}
    .service-list:has(.service-row:hover) .service-row,.service-list:has(.service-row:focus-visible) .service-row{opacity:.4}
    .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current{opacity:1;outline:none;color:var(--page-bg)}
    .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current::before{opacity:1;transform:scaleX(1)}
    .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current h3{transform:translateX(16px)}
    .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current p{color:color-mix(in srgb,var(--page-bg) 80%,var(--page-fg))}
    .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current .row-arrow{color:var(--page-bg);transform:translateX(-16px)}
    @supports (position-anchor:--service-active){
      .service-row::before{display:none}
      .service-row.is-current{anchor-name:--service-active}
      .service-list::before{content:"";position:absolute;z-index:-1;position-anchor:--service-active;inset:anchor(top) calc(anchor(right) - 8px) anchor(bottom) calc(anchor(left) - 8px);background:var(--page-fg);border-radius:16px;box-shadow:0 12px 31px rgba(0,0,0,.12);pointer-events:none;opacity:0;transform:scaleX(1.01);transition:inset .25s cubic-bezier(.215,.61,.355,1),transform .25s cubic-bezier(.215,.61,.355,1),opacity .5s ease}
      .service-list:has(.service-row:is(:hover,:focus-visible))::before{opacity:1;transform:scaleX(1)}
    }
    .all-link{display:inline-flex;gap:10px;align-items:center;margin-top:21px;font-size:13px}
    .all-link span{transition:transform .55s var(--ease)}.all-link:hover span{transform:translateX(5px)}

    .ways{position:relative;padding-top:120px;padding-bottom:80px;background:transparent;color:var(--page-fg)}
    .ways .section-kicker{color:var(--page-muted)}
    .ways .pill{background:var(--page-fg);border-color:transparent;color:var(--page-bg)}
    .ways .section-head{margin-left:max(0px,calc((100vw - var(--page-max))/2))}
    .shelf{position:relative;height:607px;margin:0 calc(var(--pad)*-1);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;padding:32px 0 32px var(--inner-pad);perspective:1000px}
    .shelf::-webkit-scrollbar{display:none}.shelf.dragging{cursor:grabbing}
    .shelf-track{position:relative;width:max-content;height:100%;display:flex;gap:16px;padding-right:var(--inner-pad)}
    .work-card{position:relative;width:362px;flex:0 0 362px;border-radius:15px;color:white;opacity:0;perspective:1500px;transition:opacity .25s cubic-bezier(.445,.05,.55,.95)}
    .work-card.visible{opacity:1}
    .work-card:nth-child(3n+1){height:543px;margin-top:0}.work-card:nth-child(3n+2){height:483px;margin-top:61px}.work-card:nth-child(3n){height:453px;margin-top:91px}
    .poster{height:100%;position:relative;padding:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:15px;clip-path:inset(100% 0 0 0 round 15px);transform:rotateX(50deg);transform-origin:bottom center;transition:clip-path .8s var(--ease),transform .8s var(--ease);will-change:transform}
    .work-card.visible .poster{clip-path:inset(0 0 0 0 round 15px);transform:rotateX(0)}
    @media (any-pointer:fine){
      .work-card.visible:hover .poster{transform:rotateX(-10deg)}
      .work-card.visible:hover:active .poster{transform:rotateX(0)}
    }
    .work-card.visible:focus-visible .poster{transform:rotateX(-10deg)}
    .work-card.visible:focus-visible:active .poster{transform:rotateX(0)}
    .poster small{font:400 11px/1.2 var(--mono)}
    .poster h3{margin:0;font:500 55px/.84 var(--display);letter-spacing:-.065em;text-transform:uppercase}
    .poster p{margin:0;max-width:260px;font-size:14px}
    .poster .card-mark{width:62%;align-self:center}
    .poster.a{background:var(--red)}.poster.b{background:var(--ultra)}.poster.c{background:#ebe7df;color:var(--ink)}.poster.d{background:#39332f}.poster.e{background:#8294ff;color:var(--ink)}

    .process-entry{position:relative}
    .process{position:relative;height:100vh;margin-top:0;background:var(--ink);color:white;overflow:hidden;isolation:isolate;transform:translateY(15rem);clip-path:inset(0 var(--inner-pad) 28% round 24px)}
    .process.in-view{transform:none;clip-path:inset(0 0 0 round 0);transition:transform 2s var(--ease),clip-path 2s var(--ease)}
    .process-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s cubic-bezier(.445,.05,.55,.95),visibility .5s;display:flex;align-items:center}
    .process-slide.active{opacity:1;visibility:visible;z-index:1}
    .process-art{position:absolute;inset:0;transform:scale(1.1);transform-origin:center top;transition:transform .5s cubic-bezier(.445,.05,.55,.95) .5s}
    .process-slide.active .process-art{transform:scale(1);transition:transform 1s var(--ease)}
    .process-art::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14)}
    .process-slide:nth-child(1) .process-art{background:var(--ultra)}.process-slide:nth-child(2) .process-art{background:var(--red)}.process-slide:nth-child(3){color:var(--ink)}.process-slide:nth-child(3) .process-art{background:#d9d6cf}.process-slide:nth-child(4) .process-art{background:#23201e}
    .process-slide .giant-number{position:absolute;right:2vw;bottom:-.15em;font:650 min(70vw,800px)/.7 var(--display);letter-spacing:-.13em;opacity:.16}
    .process-copy{position:relative;z-index:3;align-self:flex-start;margin-top:max(104px,calc(50vh - 120px));margin-left:var(--inner-pad);max-width:500px;pointer-events:none}
    .process-copy a{pointer-events:auto}
    .process-copy .section-kicker{color:inherit;opacity:.72}
    .process-copy h2{margin:0 0 28px;font:400 clamp(38px,4vw,58px)/1 var(--serif);letter-spacing:-.04em}
    .process-copy p{max-width:390px;margin:0 0 30px;font-size:15px;line-height:1.5}
    .process-nav{position:absolute;z-index:5;left:var(--inner-pad);bottom:20px;width:min(304px,calc(100% - var(--inner-pad)*2));display:flex;gap:16px}
    .process-nav button{flex:1;min-width:0;height:24px;padding:0;border:0;background:none;color:white;cursor:pointer;position:relative;display:flex;align-items:center}
    .process-track{display:block;width:100%;height:3px;border-radius:4px;overflow:hidden;background:rgba(248,248,247,.5);backdrop-filter:blur(2px)}
    .process-fill{display:block;width:100%;height:100%;background:white;clip-path:inset(0 calc((1 - var(--progress,0))*100%) 0 0 round 4px)}
    .process-controls{position:absolute;inset:0;z-index:0;display:flex}
    .process-controls button{flex:1;border:0;background:none;cursor:pointer;color:transparent}
    .process-controls button+button{flex:2}
    .process-controls button:focus-visible{outline:2px solid white;outline-offset:-8px}
    .process .process-link{position:absolute;z-index:6;right:var(--inner-pad);bottom:32px;background:rgba(248,248,247,.2);color:white;backdrop-filter:blur(12px)}
    .process .process-link:hover{background:rgba(248,248,247,.35)}

    .footer{position:relative;min-height:100svh;padding:74px max(24px,calc((100vw - var(--page-max))/2 + 144px)) 24px;background:var(--ink);color:white;display:grid;grid-template-rows:1fr auto;overflow:hidden}
    .footer-nav{display:flex;flex-direction:column;align-items:center;justify-content:center}
    .footer-nav>a{font:400 clamp(54px,5.5vw,76px)/1.16 var(--serif);letter-spacing:-.04em;transition:color .7s cubic-bezier(.215,.61,.355,1)}
    .footer-nav:has(>a:hover)>a:not(:hover){color:#5f5854}
    .footer-nav>a:hover{color:white}
    .footer-actions{display:flex;align-items:center;gap:36px;margin-top:43px;font-size:14px}
    .footer-actions a{font:450 14px/1.2 var(--sans);letter-spacing:normal;transition:color .7s cubic-bezier(.215,.61,.355,1)}
    .footer-actions:has(a:hover) a:not(:hover){color:#5f5854}
    .footer-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}
    .footer-meta{display:flex;gap:32px;color:#d1ccca;font-size:13px}
    .copy-email{cursor:pointer;background:none;color:inherit;text-align:left}
    .copy-status{margin-left:auto;color:white;font-size:11px}

    .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform 1s var(--ease)}
    .reveal.in-view{opacity:1;transform:none}
    .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

    @keyframes hero-in{to{opacity:1;transform:none}}
    @keyframes fade-in{to{opacity:1}}
    @keyframes progress{to{transform:scaleX(1)}}

    @media (max-width:800px){
      :root{--pad:18px}
      .site-header{height:80px}.header-inner{grid-template-areas:". logo menu";padding:24px var(--pad) 32px}.logo{width:30px;justify-self:center}.logo img{width:30px}
      .hero{min-height:90svh;gap:32px}.hero h1{margin-block:-.175em;font-size:48px;line-height:.98}.proof{padding-bottom:0}.proof-list{width:min(430px,calc(100vw - 36px));grid-template-columns:repeat(2,1fr);gap:12px 0}.proof-item{padding:0 10px}.proof-item:nth-child(4n+1){border-left:1px solid rgba(20,7,0,.18)}.proof-item:nth-child(2n+1){border-left:0}
      .reel{height:calc(100svh - 88px);min-height:560px;margin-bottom:105px}.reel-slide.two{grid-template-columns:1fr}.reel-slide.two .reel-half:first-child{border-right:0;border-bottom:1px solid var(--line)}.reel-half{padding:25px}.reel-slide.four{padding:26px}.reel-progress{right:22px}.reel-index{left:22px}
      .programs{padding-top:80px;padding-bottom:80px}.section-head{max-width:100%;margin-bottom:54px}.section-title{font-size:36px}
      .service-row{min-height:102px;grid-template-columns:1fr auto;padding:24px 0;align-content:center;gap:9px}.service-row h3{font-size:26px}.service-row p{grid-column:1;padding-right:20px;font-size:13px;transition:color .25s cubic-bezier(.215,.61,.355,1),transform .25s cubic-bezier(.215,.61,.355,1)}.service-row .row-arrow{grid-column:2;grid-row:1/3}.service-row::before{inset:0 -6px;border-radius:12px}.service-row:hover h3,.service-row:focus-visible h3{transform:translateX(12px)}.service-row:hover p,.service-row:focus-visible p{transform:translateX(12px)}.service-row:hover .row-arrow,.service-row:focus-visible .row-arrow{transform:translateX(-12px)}
      .ways{padding-top:88px;padding-bottom:56px}.ways .section-head{margin-left:0}.shelf{height:500px;padding-top:20px;padding-bottom:20px}.work-card{width:76vw;flex-basis:76vw}.work-card:nth-child(3n+1){height:440px;margin-top:0}.work-card:nth-child(3n+2){height:400px;margin-top:30px}.work-card:nth-child(3n){height:370px;margin-top:60px}.poster h3{font-size:45px}
      .process{margin-top:0}.process-copy{margin-left:var(--pad);margin-right:28px}.process-copy h2{font-size:43px}.process-slide .giant-number{font-size:128vw;right:-5vw;bottom:.04em}
      .footer{min-height:100svh;padding:80px 24px 24px}.footer-nav>a{font-size:47px}.footer-actions{gap:20px;flex-wrap:wrap;justify-content:center}.footer-bottom{display:block}.footer-meta{margin-top:28px;flex-wrap:wrap;gap:13px 22px}.email-field{min-width:100%}
    }

    @media (min-width:768px) and (max-width:959px){
      .menu{--menu-max:960px;--menu-edge:16px;--menu-column:calc((100vw - 32px - 112px)/8)}
      .menu-wrap{padding-inline:calc(var(--menu-edge) + var(--menu-column)*.5)}
      .menu-primary nav,.menu-primary nav a{font-size:58px}
      .menu-actions{gap:20px;flex-wrap:wrap}
      .site-header{height:74px}.header-inner{grid-template-areas:"logo . menu"}.logo{justify-self:start}
    }
    @media (max-width:767px){
      .process-nav{left:var(--pad);right:var(--pad);top:4px;bottom:auto;width:auto;gap:8px}.process-track{height:5px}.process .process-link{left:var(--pad);right:auto;bottom:16px}
      .menu{--menu-max:768px;--menu-edge:24px;--menu-column:calc((100vw - 96px)/4)}
      .site-header{height:82px}.header-inner{padding:32px 24px}
      .menu-header{height:82px;flex-basis:82px}
      .menu-wrap{min-height:calc(100dvh - 82px);padding:64px 24px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:60px}
      .menu-primary nav{align-items:center;text-align:center}
      .menu-primary nav,.menu-primary nav a{font-size:48px}
      .menu-actions{padding-top:0;gap:22px;flex-wrap:wrap;justify-content:center}
      .menu-stories{width:min(400px,100%);justify-self:center}
      .menu-bottom{grid-column:1;align-items:start;flex-direction:column;gap:32px}
      .menu-meta{font-size:13px}
    }

    @media (max-width:800px){
      .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current h3,
      .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current p{transform:translateX(12px)}
      .service-list:has(.service-row:is(:hover,:focus-visible)) .service-row.is-current .row-arrow{transform:translateX(-12px)}
    }
    @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}.process{transform:none;clip-path:none}}