app-work-section{display:block}.project-showcase{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.48fr);gap:clamp(24px,4vw,72px);align-items:start;max-inline-size:var(--content-max);margin-inline:auto}.project-cursor{--cursor-x: 0px;--cursor-y: 0px;position:fixed;z-index:20;inset-block-start:0;inset-inline-start:0;display:grid;place-items:center;pointer-events:none;transform:translate3d(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%),0)}.project-cursor span{position:relative;isolation:isolate;display:grid;place-items:center;inline-size:112px;aspect-ratio:1;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:-.02em;opacity:0;transform:scale(.42);transition:opacity .17s ease,transform .36s var(--ease-emphasized)}.project-cursor span:before{position:absolute;z-index:0;inset:0;border-radius:inherit;background:#ffffff03;content:"";backdrop-filter:invert(1);-webkit-backdrop-filter:invert(1)}.project-cursor span em{position:relative;z-index:1;font-style:normal}.project-cursor.is-visible span{opacity:1;transform:scale(1)}@media(hover:hover)and (pointer:fine){.project-showcase__stage,.project-showcase__stage *{cursor:none}}.project-showcase__list{--dial-size: clamp(1080px, 76vw, 1560px);--dial-edge: calc(100% + clamp(10px, 1.2vw, 24px)) ;--dial-division-angle: 30deg;--dial-turn: 0deg;--project-scroll-step: clamp(340px, 48svh, 560px);position:relative;isolation:isolate;padding-block-end:16svh}.project-dial{position:sticky;inset-block-start:calc(50svh - (var(--dial-size) / 2));z-index:0;inline-size:var(--dial-size);block-size:var(--dial-size);margin-block-end:calc(-1 * var(--dial-size));margin-inline-start:calc((var(--dial-size) * -1) + var(--dial-edge));border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:#101010;box-shadow:inset 0 0 0 11px #ffffff08,inset 0 0 0 12px #ffffff1f,22px 30px 70px #0909092e;pointer-events:none;transition:transform 1.4s var(--ease-emphasized)}.project-dial:before{position:absolute;z-index:3;inset:2px;border-radius:inherit;background:repeating-conic-gradient(from 89.75deg,rgb(255 255 255 / 38%) 0 .22deg,rgb(255 255 255 / 9%) .22deg .68deg,rgb(0 0 0 / 54%) .68deg 1.18deg,transparent 1.18deg 1.8deg);content:"";pointer-events:none;mask:radial-gradient(circle,transparent 0 calc(100% - 19px),#000 calc(100% - 18px) calc(100% - 6px),transparent calc(100% - 5px));-webkit-mask:radial-gradient(circle,transparent 0 calc(100% - 19px),#000 calc(100% - 18px) calc(100% - 6px),transparent calc(100% - 5px))}.project-dial.is-exiting{transform:translate(-115%)}.project-dial__face{position:absolute;z-index:0;inset:10px;overflow:hidden;border-radius:inherit;background:repeating-radial-gradient(circle,transparent 0 13px,rgb(255 255 255 / 3.5%) 13px 14px),#101010;transform:rotate(var(--dial-turn));transition:transform .82s cubic-bezier(.18,.84,.16,1)}.project-dial__face:before{position:absolute;inset:0;border-radius:inherit;background:repeating-conic-gradient(from 89.91deg,rgb(255 255 255 / 54%) 0 .18deg,transparent .18deg var(--dial-division-angle));content:"";mask:radial-gradient(circle,transparent 0 46%,rgb(0 0 0 / 8%) 56%,rgb(0 0 0 / 50%) 70%,#000 83% 89%,transparent 89.4%);-webkit-mask:radial-gradient(circle,transparent 0 46%,rgb(0 0 0 / 8%) 56%,rgb(0 0 0 / 50%) 70%,#000 83% 89%,transparent 89.4%)}.project-dial__face:after{position:absolute;inset:20%;border:1px solid rgb(255 255 255 / 7%);border-radius:inherit;box-shadow:0 0 0 1px #00000047,inset 0 0 50px #0000003d;content:""}.project-dial__indicator{position:absolute;z-index:4;inset-inline-end:-16px;inset-block-start:50%;inline-size:32px;block-size:3px;border-radius:999px;background:var(--color-primary-bright);box-shadow:0 0 0 4px #101010;transform:translateY(-50%)}.project-dial__projects{position:absolute;inset:0;z-index:2}.project-dial__project{--project-turn: 0deg;position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:clamp(280px,29vw,560px);color:#fff;opacity:.1;filter:blur(2px);transform:rotate(var(--project-turn)) translate(clamp(110px,7vw,150px)) translateY(-50%);transform-origin:0 0;transition:opacity .52s ease,filter .62s var(--ease-emphasized),transform .82s cubic-bezier(.18,.84,.16,1)}.project-dial__project.is-active{z-index:1;opacity:1;filter:blur(0)}.project-dial__project h3{margin:0}.project-dial__project h3{max-inline-size:6ch;font-size:clamp(3.6rem,6.5vw,7.4rem);font-weight:780;letter-spacing:-.085em;line-height:.78}.project-chapter{position:relative;z-index:1;inline-size:100%;min-block-size:var(--project-scroll-step);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;outline:none}.project-chapter__label{display:none}.project-showcase__visual{display:contents}.project-carousel-controls{display:none}.project-showcase__stage{position:sticky;inset-block-start:5svh;justify-self:end;inline-size:min(100%,1440px);min-block-size:660px;block-size:auto;max-block-size:960px;aspect-ratio:3 / 2;overflow:hidden;background:#111}@media(min-width:641px){.project-showcase__stage{margin-inline-end:calc(-1 * var(--page-gutter))}}@media(min-width:2000px){.project-showcase{--wide-edge-extension: max(0px, calc(var(--page-gutter) - 48px))}.project-showcase__stage{justify-self:start;inline-size:min(calc(100% + var(--wide-edge-extension)),2000px);max-block-size:1334px;margin-inline-end:0}}.project-preview{position:absolute;inset:0;opacity:0;filter:blur(8px);transform:translateY(26px) scale(.98);pointer-events:none;transition:opacity .5s ease,filter .64s var(--ease-emphasized),transform .64s var(--ease-emphasized)}.project-preview.is-active{z-index:1;opacity:1;filter:blur(0);transform:translateY(0) scale(1);pointer-events:auto}.project-preview__link{position:absolute;z-index:3;inset:0}.project-preview__link:focus-visible{outline:3px solid white;outline-offset:-10px}.project-preview__hero-marker{position:absolute;z-index:4;inset-block-start:clamp(16px,2.4vw,36px);inset-inline-start:clamp(16px,2.4vw,36px);inline-size:clamp(38px,4vw,58px);aspect-ratio:1;object-fit:cover;pointer-events:none}.project-preview__info{position:absolute;inset-inline-start:clamp(16px,2.4vw,36px);inset-block-end:clamp(16px,2.4vw,36px);z-index:2;inline-size:min(38rem,calc(100% - clamp(32px,4.8vw,72px)));padding:clamp(20px,2.4vw,36px);isolation:isolate;color:#fff}.project-preview__info:before{position:absolute;z-index:-1;inset:-104px -136px;background:#09090903;content:"";pointer-events:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);mask-image:radial-gradient(ellipse at 33% 68%,#000 0 38%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at 33% 68%,#000 0 38%,transparent 74%)}.project-preview__summary{display:grid;gap:clamp(14px,2vw,24px)}.project-preview__summary{padding:0}.project-preview__summary h3,.project-preview__summary p{margin:0}.project-preview__summary h3{max-inline-size:12ch;font-size:clamp(2.8rem,4.4vw,5.4rem);font-weight:780;letter-spacing:-.08em;line-height:.8;text-shadow:0 3px 24px rgb(0 0 0 / 34%)}.project-preview__summary>p{max-inline-size:34ch;color:#ffffffe0;font-size:clamp(.78rem,1vw,1rem);line-height:1.48;text-shadow:0 2px 18px rgb(0 0 0 / 38%)}.project-preview__media{position:absolute;inset:0;z-index:0;background:var(--color-ink)}.project-media{position:relative;min-block-size:0;overflow:hidden;border-radius:clamp(10px,1vw,16px)}.project-media--main{block-size:100%;border-radius:0;background:#111 url(/assets/projects/syncup/assets/image2.jpg) center / contain no-repeat}@media(max-width:900px){.project-showcase__list{--dial-size: clamp(520px, 82vw, 700px);--dial-edge: clamp(165px, 26vw, 230px);--project-scroll-step: clamp(320px, 46svh, 440px)}.project-showcase{grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);gap:18px}.project-dial__project h3{font-size:clamp(3.1rem,7.2vw,5rem)}.project-showcase__stage{inset-block-start:3svh;min-block-size:0;block-size:auto}.project-preview__summary{grid-template-columns:1fr;gap:16px}.project-preview__summary h3{font-size:clamp(2.8rem,6vw,4.5rem)}.project-preview__summary>p{display:none}}@media(max-width:640px),(max-width:900px)and (max-height:500px){.work__heading{position:sticky;inset-block-start:max(28px,env(safe-area-inset-top));z-index:4}.project-showcase{grid-template-columns:1fr;grid-template-rows:auto;gap:0;align-items:stretch}.project-showcase__list,.project-showcase__visual{grid-column:1;grid-row:1}.project-showcase__list{--project-scroll-step: clamp(280px, 42svh, 360px);padding-block-end:14svh;pointer-events:none}.project-dial{display:none}.project-showcase__visual{position:sticky;inset-block-start:clamp(190px,30svh,230px);z-index:3;align-self:start;display:grid;gap:10px;min-inline-size:0}.project-showcase__stage{position:relative;inset-block-start:auto;justify-self:stretch;inline-size:100%;min-block-size:0;block-size:auto;max-block-size:none;aspect-ratio:3 / 2}.project-chapter{min-block-size:var(--project-scroll-step);visibility:hidden}.project-preview__info{inset-inline-start:8px;inset-block-end:8px;inline-size:calc(100% - 16px);padding:14px}.project-preview__hero-marker{inset-block-start:12px;inset-inline-start:12px;inline-size:38px}.project-preview__summary h3{font-size:clamp(1.9rem,8.5vw,2.8rem)}.project-carousel-controls{display:flex;justify-content:center;align-items:center;min-block-size:44px}.project-carousel-controls button{display:grid;place-items:center;border:0;background:transparent;color:var(--color-ink);cursor:pointer}.project-carousel-controls button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.project-carousel-controls__dots{display:flex;justify-content:center;min-inline-size:0}.project-carousel-controls__dots button{inline-size:44px;block-size:44px}.project-carousel-controls__dots button span{inline-size:8px;block-size:5px;border-radius:999px;background:#09090947;transition:inline-size .24s var(--ease-emphasized),background-color .18s ease}.project-carousel-controls__dots button.is-active span{inline-size:24px;background:var(--color-primary)}}@media(min-width:641px)and (max-width:900px)and (max-height:500px){.work__heading{position:relative;inset-block-start:auto}.project-showcase__visual{inset-block-start:max(8px,env(safe-area-inset-top));inline-size:min(100%,calc((100svh - 168px)*1.5));justify-self:center}.project-showcase__stage{margin-inline-end:0}.project-preview__info{inset-block-start:8px;inset-block-end:auto}.project-preview__summary h3{font-size:clamp(1.9rem,5vw,2.7rem)}}@media(prefers-reduced-motion:reduce){.project-dial{transition:none}.project-dial__face{transform:none}}@media(hover:none),(pointer:coarse){.project-cursor{display:none}}@font-face{font-family:Figtree;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/figtree-latin-variable.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/fraunces-latin-variable.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-400.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin-italic-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/space-mono-latin-400.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/space-mono-latin-700.woff2) format("woff2")}@property --nav-active-index{syntax: "<number>"; inherits: true; initial-value: 1;}@property --nav-cutout-y{syntax: "<length-percentage>"; inherits: true; initial-value: 50%;}:root{--color-primary: #a50f18;--color-primary-bright: #dc1826;--color-ink: #090909;--color-background: #f1f0ed;--color-paper: #faf9f6;--color-surface: var(--color-paper);--color-line: rgb(9 9 9 / 16%);--content-max: 120rem;--page-gutter: max(clamp(18px, 3vw, 48px), calc((100vw - var(--content-max)) / 2));--ease-emphasized: cubic-bezier(.2, .9, .18, 1);color-scheme:light;font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-background);color:var(--color-ink)}*{box-sizing:border-box}html{min-block-size:100%;scroll-behavior:smooth;scroll-padding-block-start:20px;background:var(--color-background)}body{min-block-size:100%;margin:0;overflow-x:hidden;background:var(--color-background);color:var(--color-ink)}img,video{max-inline-size:100%}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{background:var(--color-primary);color:#fff}.hero{position:relative;isolation:isolate;display:grid;min-block-size:max(760px,100svh);padding:38px var(--page-gutter);overflow:hidden;border-block-end:1px solid var(--color-line);background:var(--color-background)}.hero__raster{position:absolute;inset:0;z-index:0}.hero__raster-canvas{display:block;inline-size:100%;block-size:100%;pointer-events:none;contain:strict}.hero__headline{position:relative;z-index:1;pointer-events:auto;align-self:center;display:flex;flex-direction:column;width:max-content;margin:0 -2px;padding:2px;font-size:min(8.85vw,9.75rem);line-height:1}.hero__line{display:flex;align-items:flex-start;gap:.27em;block-size:1.3em;width:max-content;animation:hero-rise .8s var(--ease-emphasized) both}.hero__line--last{align-self:flex-start;margin-block-start:-.23em;margin-inline-start:.066em;animation-delay:.1s}.hero__word{display:flex;align-items:flex-end;block-size:1em}.hero__glyph{position:relative;display:block;flex:none;block-size:var(--glyph-height);aspect-ratio:var(--glyph-ratio);color:var(--color-ink);transform:translateY(var(--glyph-baseline-shift))}.hero__glyph[data-has-variant=true]{pointer-events:auto}.hero__glyph[data-has-variant=true]:before{position:absolute;z-index:1;inset:-.1em -.075em;content:""}.hero__glyph+.hero__glyph{margin-inline-start:.05em}.hero__glyph-shape,.hero__glyph-morph{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;transition:opacity .14s var(--ease-emphasized)}.hero__glyph-shape{overflow:visible}.hero__glyph-morph{overflow:visible;pointer-events:none;opacity:0}.hero__glyph.is-morph-ready .hero__glyph-shape{opacity:0}.hero__glyph.is-morph-ready .hero__glyph-morph{opacity:1}.hero__intro{position:absolute;inset-inline-end:var(--page-gutter);inset-block-end:68px;width:min(26rem,32vw);z-index:1;pointer-events:none}.hero__intro p{margin:0 0 20px;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.35}.hero__flag{display:inline-block;inline-size:1.4em;block-size:1.4em;margin-inline:-.08em;vertical-align:-.4em}.page-section{padding:clamp(88px,12vw,180px) var(--page-gutter)}.statement{background:var(--color-paper)}.statement h2{margin:0;font-size:clamp(3.7rem,7.7vw,8.4rem);font-weight:700;letter-spacing:-.075em;line-height:.88}.services{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.72fr);column-gap:clamp(40px,8vw,144px);align-items:start;background:var(--color-ink);color:#fff}.work{background:var(--color-background)}.work__heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin:clamp(52px,8vw,110px) 0 clamp(54px,8vw,100px)}.work__heading h2{margin:0;font-size:clamp(5.2rem,15vw,14rem);font-weight:850;letter-spacing:-.105em;line-height:.62}.work__heading h2 span{position:relative;display:inline-block;inline-size:1.85em;font-family:Fraunces,serif;font-style:normal;font-weight:400;font-optical-sizing:none;font-variation-settings:"opsz" 72,"wght" 360,"SOFT" 0;letter-spacing:-.045em;transition:color .36s ease,font-variation-settings .62s var(--ease-emphasized),transform .62s var(--ease-emphasized)}.work__heading:is(.is-emphasized) h2 span{color:var(--color-primary);font-variation-settings:"opsz" 144,"wght" 900,"SOFT" 100;transform:rotate(-2deg) scale(1.025)}.work__heading sup{color:var(--color-primary);font-family:"Instrument Serif",serif;font-size:.42em;font-weight:400}.work__heading>p{max-width:220px;margin:0;font-family:Space Mono,monospace;font-size:clamp(.62rem,.8vw,.78rem);line-height:1.45}[data-reveal]{--reveal-delay: 0ms;opacity:0;translate:0 52px;transition:opacity .72s var(--ease-emphasized) var(--reveal-delay),translate .82s var(--ease-emphasized) var(--reveal-delay),scale .82s var(--ease-emphasized) var(--reveal-delay),clip-path .9s var(--ease-emphasized) var(--reveal-delay)}[data-reveal=line]{opacity:1;translate:0;clip-path:inset(0 100% 0 0)}[data-reveal=fade]{translate:0}[data-reveal=scale]{translate:0 32px;scale:.94}[data-reveal=left]{translate:64px 0}[data-reveal].is-visible{opacity:1;translate:0 0;scale:1;clip-path:inset(0 0 0 0)}@keyframes hero-rise{0%{opacity:0;transform:translateY(.55em) rotate(2deg)}}.project-carousel{position:relative;display:grid;overflow:hidden}.project-block--text-wrap-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,7vw,128px);align-items:start}.project-carousel__slide{display:grid;grid-area:1 / 1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,32px)}.project-carousel__slide--forward{--project-carousel-enter-x: 100%;--project-carousel-leave-x: -100%}.project-carousel__slide--backward{--project-carousel-enter-x: -100%;--project-carousel-leave-x: 100%}.project-carousel__slide--enter{animation:project-carousel-slide-in .42s var(--ease-emphasized) both}.project-carousel__slide--leave{animation:project-carousel-slide-out .42s var(--ease-emphasized) both}@keyframes project-carousel-slide-in{0%{transform:translate(var(--project-carousel-enter-x))}}@keyframes project-carousel-slide-out{to{transform:translate(var(--project-carousel-leave-x))}}@media(max-width:760px){.project-carousel__slide,.project-block--text-wrap-pair{grid-template-columns:1fr}.project-block--text-wrap-pair .project-block--text-wrap-right{justify-items:start;margin-inline:0 auto;text-align:left}.project-block--text-wrap-pair .project-block--text-wrap-right p{text-align-last:left}}@media(max-width:1050px){.services{display:block}}@media(max-width:900px){.hero{min-block-size:max(700px,100svh)}.hero__intro{width:min(22rem,47vw)}}@media(max-width:640px){:root{--page-gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right))}.hero{min-block-size:max(620px,100svh);padding-block-start:38px;background:none}.hero__headline{align-self:start;margin-block-start:clamp(88px,18svh,150px)}.hero__line--last{align-self:flex-start}.hero__intro{inset-inline:var(--page-gutter);inset-block-end:max(156px,calc(env(safe-area-inset-bottom) + 140px));width:auto}.hero__intro p{max-width:28rem}.page-section{padding-block:84px}.statement h2{font-size:clamp(3.25rem,15vw,5rem)}.work__heading{grid-template-columns:1fr;align-items:start}.work__heading h2{font-size:clamp(5rem,25vw,8rem)}}@media(min-width:641px)and (max-height:700px){.hero{min-block-size:max(580px,100svh)}.hero__headline{font-size:min(8vw,7rem)}.hero__intro{inset-block-end:32px}}@media(max-width:420px){.hero__headline{font-size:8.625vw}.hero__line--last{margin-inline-start:.08em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;translate:0;scale:1;clip-path:none}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.project-block--statement{max-inline-size:var(--content-max);margin-inline:auto;padding:clamp(36px,5vw,88px);background:var(--color-primary);box-shadow:0 0 0 100vmax var(--color-primary);clip-path:inset(0 -100vmax);color:var(--color-paper)}.project-block--statement p{max-inline-size:60ch;margin:0;font-size:clamp(1.8rem,2.75vw,3.25rem);font-weight:500;letter-spacing:-.025em;line-height:1.12}