:root{color-scheme:light;--frame: 12px;--viewport-radius: 10px;--orb-safe: -60px;--grain-opacity: .45;--scrollbar-size: 12px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 235, 217, .14);--scrollbar-thumb-hover: rgba(255, 235, 217, .22);--scrollbar-thumb-active: rgba(255, 235, 217, .3);--scrollbar-border: rgba(255, 235, 217, .12);--cream-1: #ffebd9;--cream-2: #8f7e6f;--brown-900: #1e0b00;--glass: rgba(0, 0, 0, .2);--font-display: "Raleway", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--motion-multiplier: 1;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-orb: cubic-bezier(.37, 0, .63, 1);--dur-fast: .2s;--dur-normal: .3s;--orbA-k1-x: 120px;--orbA-k1-y: -90px;--orbA-k2-x: 210px;--orbA-k2-y: -40px;--orbB-k1-x: 140px;--orbB-k1-y: -18px;--orbB-k2-x: 90px;--orbB-k2-y: 58px;--orbC-k1-x: -90px;--orbC-k1-y: 80px;--orbC-k2-x: -160px;--orbC-k2-y: 160px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%}body{margin:0;background:var(--cream-1);color:#121212;font-family:var(--font-sans);padding:var(--frame);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){:root{--motion-multiplier: 3;--orbA-k1-x: 60px;--orbA-k1-y: -45px;--orbA-k2-x: 105px;--orbA-k2-y: -20px;--orbB-k1-x: 70px;--orbB-k1-y: -10px;--orbB-k2-x: 45px;--orbB-k2-y: 28px;--orbC-k1-x: -45px;--orbC-k1-y: 40px;--orbC-k2-x: -80px;--orbC-k2-y: 80px}}.viewport{height:calc(100dvh - (var(--frame) * 2));border-radius:var(--viewport-radius);overflow:hidden;background:linear-gradient(90deg,var(--brown-900) 0%,var(--brown-900) 100%);color:var(--cream-1);position:relative;isolation:isolate}.viewport:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:url(/assets/figma/brown.png);background-size:1267.384765625px 1267.384765625px;background-position:top left;background-repeat:repeat;opacity:var(--grain-opacity)}.viewportScroll{height:100%;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;scroll-padding:24px;position:relative;z-index:2;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.caseScroller{height:calc(100dvh - (var(--frame) * 2));overflow-y:auto;overflow-x:hidden;isolation:isolate;--scrollbar-thumb: rgba(143, 126, 111, .35);--scrollbar-thumb-hover: rgba(143, 126, 111, .55);--scrollbar-thumb-active: rgba(143, 126, 111, .75);--scrollbar-border: transparent}body:has(.caseScroller){background:#1e0b00}.caseViewport{color:#111;font-family:var(--font-sans);background:#fff}.scrollElegant{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-hover) var(--scrollbar-track)}.scrollElegant::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.scrollElegant::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollElegant::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease}.scrollElegant:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover)}.scrollElegant::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}.scrollElegant::-webkit-scrollbar-corner{background:transparent}.section{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;z-index:1}.sectionInner{padding:clamp(20px,5vw,71px) clamp(20px,7vw,142px);width:100%}.orbLayer{position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;overflow:hidden;border-radius:inherit}.orb{position:absolute;opacity:.78;filter:saturate(.98);will-change:transform}.orbA{width:min(520px,46vmin);right:var(--orb-safe);bottom:-130px;animation:driftA calc(18s * var(--motion-multiplier)) var(--ease-orb) infinite alternate}.orbB{width:min(220px,20vmin);right:100px;top:55%;transform:translate3d(0,-50%,0);opacity:.62;animation:driftB calc(26s * var(--motion-multiplier)) var(--ease-orb) infinite alternate}.orbC{width:min(200px,18vmin);left:var(--orb-safe);top:var(--orb-safe);opacity:.38;animation:driftC calc(34s * var(--motion-multiplier)) var(--ease-orb) infinite alternate}@keyframes driftA{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(var(--orbA-k1-x),var(--orbA-k1-y),0) scale(1.02)}to{transform:translate3d(var(--orbA-k2-x),var(--orbA-k2-y),0) scale(1.01)}}@keyframes driftB{0%{transform:translate3d(0,-50%,0) scale(1)}55%{transform:translate3d(var(--orbB-k1-x),calc(-50% + var(--orbB-k1-y)),0) scale(1.015)}to{transform:translate3d(var(--orbB-k2-x),calc(-50% + var(--orbB-k2-y)),0) scale(.99)}}@keyframes driftC{0%{transform:translateZ(0) scale(1)}45%{transform:translate3d(var(--orbC-k1-x),var(--orbC-k1-y),0) scale(1.02)}to{transform:translate3d(var(--orbC-k2-x),var(--orbC-k2-y),0) scale(1)}}.helloGrid,.aboutGrid,.videoGrid{width:100%;display:grid;align-items:flex-end}.helloGrid{gap:32px;grid-template-columns:1.2fr .8fr}.helloGridWrapper{width:fit-content}.helloGridTitle{font-family:var(--font-display);font-weight:300;margin:0;text-transform:uppercase;letter-spacing:.01em;line-height:.8;font-size:clamp(64px,10vw,200px);width:fit-content}.helloGridExtra{margin:10px 0 0;color:var(--cream-2);font-size:17px;letter-spacing:-.43px;text-align:right}.helloAside{display:grid;gap:22px;justify-items:left}.helloHighlights{width:min(575px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.helloHighlight{display:grid;grid-template-rows:28px auto;gap:10px;align-items:start}.helloHighlightIcon{width:22px;height:22px;opacity:.9}.helloHighlightTitle{font-size:17px;line-height:1.3;letter-spacing:-.43px;font-weight:510;color:var(--cream-1)}.helloHighlightSubtitle{font-size:17px;line-height:1.3;letter-spacing:-.43px;font-weight:500;color:var(--cream-2)}.aboutGrid{gap:32px;grid-template-columns:1.2fr .8fr;align-items:flex-end}.videoGrid{grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}.workCards{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:32px;--scrollbar-size: 10px}.workCard{border:1px solid var(--cream-2);border-radius:26px;background:var(--glass);backdrop-filter:blur(10px);padding:clamp(34px,4vw,61px) clamp(28px,3.4vw,49px);min-height:520px;display:flex;flex-direction:column;align-content:end;box-shadow:-17px 17px 38px #0000004d;transition:transform var(--dur-normal) var(--ease-out-quart),border-color var(--dur-normal) var(--ease-out-quart),background var(--dur-normal) var(--ease-out-quart)}.workCards a:hover .workCard{transform:translateY(-3px);border-color:#ffebd98c;background:#00000042}.workCards a:focus-visible{outline:none}.workCards a:focus-visible .workCard{outline:2px solid rgba(255,235,217,.95);outline-offset:4px}.workKicker{margin:0 0 auto;color:var(--cream-2);letter-spacing:.4px;font-size:17px}.workTitle{margin:0;font-size:clamp(28px,2.3vw,40px);line-height:1.18;font-weight:510;letter-spacing:.38px}.workChip{display:inline-flex;align-items:center;gap:10px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,235,217,.22);background:#00000038;margin:0 0 18px;width:fit-content;min-height:30px;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.workChip:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(120% 220% at 0% 0%,#74e2f138,#a6d8b23d,#d8ce733d 44%,#f2ebe700 72%),radial-gradient(140% 200% at 100% 120%,#74e2f11f,#d8ce731a 28%,#f2ebe700 70%);opacity:.9}.workChip:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url(/assets/figma/brown.png);background-size:1267.384765625px 1267.384765625px;background-position:top left;background-repeat:repeat;opacity:.14;mix-blend-mode:soft-light}.workChip>*{position:relative;z-index:1}.workChipIcon{width:18px;height:13px;display:block;opacity:.95}.workChipText{margin:0;font-size:17px;letter-spacing:-.43px;font-weight:590;color:var(--cream-1)}@media(max-width:980px){.helloGrid,.aboutGrid,.videoGrid{grid-template-columns:1fr;align-items:start}.helloGridExtra{text-align:left}.helloGridTitle{font-size:clamp(64px,12vw,200px)}.sectionNav{display:none}.viewportScroll{scroll-snap-type:none}.viewportScroll,.caseScroller{scrollbar-width:none}.viewportScroll::-webkit-scrollbar,.caseScroller::-webkit-scrollbar{display:none}.helloAside{justify-items:start}.helloHighlights{grid-template-columns:1fr;width:min(420px,100%)}.helloHighlight{grid-template-columns:22px 1fr;grid-template-rows:none;align-items:center;gap:12px}.videoGrid{gap:28px}.workCards{grid-template-columns:1fr}}@media(max-width:780px){.workCards{display:grid;grid-template-columns:1fr;gap:16px;overflow-x:unset;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.workCards>a{scroll-snap-align:unset}.workCard{min-height:280px;padding:28px 24px}.workTitle{font-size:clamp(22px,5.5vw,28px)}}.sectionNav{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:20;display:grid;place-items:center;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-out-quart)}.sectionNav:hover,.sectionNav:focus-within{opacity:.9}.sectionNavList{list-style:none;margin:0;padding:8px;display:grid;gap:3px;background:#00000014;pointer-events:auto}.sectionNavDot{width:8px;height:8px;padding:0;border-radius:999px;border:1px solid transparent;background:#ffebd98c;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),opacity var(--dur-fast) var(--ease-out-quart);opacity:.15}.sectionNavDot[data-active=true]{background:#ffebd98c;transform:scale(1.05);opacity:.95}.sectionNavDot:focus-visible{outline:2px solid rgba(255,235,217,.95);outline-offset:3px}@media(max-width:1024px){.sectionNav{display:none!important}}