@font-face{font-family:Portfolio Anton;src:url(/fonts/Anton-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Portfolio Grotesk;src:url(/settostudio/type/SchibstedGrotesk-Latin-Variable.woff2)format("woff2");font-weight:400 700;font-display:swap}.portfolio-site{--portfolio-editorial-display:var(--font-display);--portfolio-editorial-sans:var(--font-sans);--canvas:#f7f2ea;--canvas-up:#fbf8f3;--canvas-deep:#ede5d9;--cream:#181211;--cream-soft:#463d3c;--cream-faint:#564d4c;--rule:#1812113d;--poster:#ff5139;--poster-ink:#181211;--portfolio-accent:#a21c10;--portfolio-accent-hover:#760a03;--portfolio-accent-on:var(--canvas);--portfolio-accent-line:#a21c1066;--portfolio-accent-soft:#ff51391a}@supports (color:lab(0% 0 0)){.portfolio-site{--canvas:lab(95.626% .703812 4.53224);--canvas-up:lab(97.7032% .459075 3.01486);--canvas-deep:lab(91.3489% 1.09228 6.82349);--cream:lab(6.12475% 2.54691 1.56175);--cream-soft:lab(26.8196% 3.52339 2.34253);--cream-faint:lab(33.7799% 3.51946 2.33883);--rule:lab(6.12475% 2.54691 1.56175/.24);--poster:lab(60.179% 65.8364 52.3452);--poster-ink:lab(6.12475% 2.54691 1.56175);--portfolio-accent:lab(35.7143% 52.9074 43.4437);--portfolio-accent-hover:lab(24.3948% 43.6685 35.5062);--portfolio-accent-line:lab(35.7143% 52.9074 43.4437/.4);--portfolio-accent-soft:lab(60.179% 65.8364 52.3452/.1)}}.portfolio-site ::selection{color:#fbf8f3;color:lab(97.7032% .459075 3.01486);background:#a21c10;background:lab(35.7143% 52.9074 43.4437)}.portfolio-home{--font-sans:"Portfolio Grotesk",Arial,sans-serif;--font-display:"Portfolio Anton",sans-serif;--portfolio-accent:#a21c10;--portfolio-accent-hover:#760a03;--portfolio-accent-on:var(--canvas);--portfolio-accent-soft:#ff51391f;--portfolio-accent-line:#a21c1066;font-family:var(--font-sans);overflow:clip}@supports (color:lab(0% 0 0)){.portfolio-home{--portfolio-accent:lab(35.7143% 52.9074 43.4437);--portfolio-accent-hover:lab(24.3948% 43.6685 35.5062);--portfolio-accent-soft:lab(60.179% 65.8364 52.3452/.12);--portfolio-accent-line:lab(35.7143% 52.9074 43.4437/.4)}}.portfolio-home .font-light{font-weight:400}.portfolio-home h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(64px,9vw,144px);font-weight:400;line-height:.98}.portfolio-home :is(a,button,[role=tabpanel]):focus-visible,.portfolio-nav :is(a,button):focus-visible{outline-offset:5px;outline:2px solid}.portfolio-home :is(a,button){-webkit-tap-highlight-color:transparent}.portfolio-page-container:has(>.portfolio-home){max-width:none;padding-inline:0}.portfolio-home.full-bleed,.portfolio-home>.full-bleed{width:100%;margin-inline:0;left:0;right:auto}.portfolio-hero{isolation:isolate;color:var(--cream);background:var(--canvas);position:relative}.portfolio-hero:before{content:"";z-index:-1;background:var(--poster);position:absolute;inset:0 0 0 calc(50% + min(12vw,216px))}.portfolio-poster{isolation:isolate;grid-template-columns:60% 40%;align-items:center;max-width:1800px;margin:auto;padding:clamp(40px,5vw,80px) 48px 24px;display:grid;position:relative}.portfolio-poster h1{z-index:2;pointer-events:none;font:600 clamp(6rem,13.5vw,14rem)/.91 var(--font-sans);letter-spacing:-.065em;grid-area:1/1/auto/-1;position:relative}.portfolio-poster h1 span{display:block}.portfolio-poster h1 span:last-child{margin-top:.04em;font-size:.8em}.portfolio-hero-art{grid-area:1/2/3;justify-items:end;display:grid}.portfolio-hero-phone{z-index:1;aspect-ratio:3/4;pointer-events:none;justify-self:end;width:min(100%,500px);position:relative}.portfolio-hero-copy{z-index:3;grid-area:2/1;padding-top:40px;padding-bottom:16px;position:relative}.portfolio-hero-copy p{font:400 clamp(1.5rem,2.5vw,2.5rem)/1.15 var(--font-sans);letter-spacing:-.035em}.portfolio-hero-copy a{background:var(--cream);min-height:56px;color:var(--canvas);font:500 1rem/1.4 var(--font-sans);border-radius:4px;align-items:center;gap:14px;margin-top:24px;padding:16px 22px;transition:background .2s,transform .2s;display:inline-flex}.portfolio-hero-copy a:hover{background:var(--portfolio-accent);transform:translateY(-2px)}.portfolio-hero-bottom{justify-content:flex-start;max-width:1800px;margin:auto;padding:0 48px 24px;display:flex}.portfolio-scroll{align-items:center;gap:16px;min-height:44px;font-size:.875rem;display:flex}@media (max-width:1023px){.portfolio-poster,.portfolio-hero-bottom{padding-inline:32px}}@media (max-width:767px){.portfolio-hero:before{content:none}.portfolio-poster{grid-template-columns:minmax(0,1fr);padding:32px 20px 0}.portfolio-poster h1{letter-spacing:-.065em;grid-column:1;font-size:clamp(4.5rem,22.5vw,10rem)}.portfolio-poster h1 span:last-child{font-size:.82em}.portfolio-hero-copy{grid-area:2/1;padding-top:28px;padding-bottom:0}.portfolio-hero-copy p{font-size:1.5rem}.portfolio-hero-copy p br{display:none}.portfolio-hero-copy a{margin-top:20px}.portfolio-hero-art{background:var(--poster);grid-area:3/1;justify-items:center;width:calc(100% + 40px);margin:24px -20px 0;padding:8px 20px 0}.portfolio-hero-phone{justify-self:center;width:min(84%,340px)}.portfolio-hero-bottom{z-index:3;background:var(--poster);padding:0 20px 16px;position:relative}}.portfolio-nav{z-index:50;color:#f7f2ea;color:lab(95.626% .703812 4.53224);background:#181211;top:0;background:lab(6.12475% 2.54691 1.56175);padding:0 32px;transition:transform .3s cubic-bezier(.22,1,.36,1),visibility .3s;position:fixed;inset-inline:0}.portfolio-nav[data-hidden=true]{visibility:hidden;pointer-events:none;transform:translateY(-100%)}.portfolio-nav-inner{justify-content:space-between;align-items:center;max-width:1736px;min-height:56px;margin:auto;display:flex}.portfolio-nav-name{font:500 13px/1.4 Portfolio Grotesk,Arial,sans-serif}.portfolio-nav-links{gap:32px;display:flex}.portfolio-nav-links a{text-underline-offset:5px;align-content:center;min-height:44px;font:500 13px/44px Portfolio Grotesk,Arial,sans-serif;display:block}.portfolio-nav-links a:hover,.portfolio-nav-links a[aria-current]{text-decoration:underline}.portfolio-nav-toggle{display:none}.portfolio-home #about>div{max-width:1500px;padding-inline:32px}.portfolio-home #about{background:var(--poster);color:var(--poster-ink);--canvas:var(--poster);--canvas-up:var(--poster);--cream:var(--poster-ink);--cream-soft:var(--poster-ink);--cream-faint:var(--poster-ink);--portfolio-accent:var(--poster-ink);--portfolio-accent-hover:var(--poster-ink);--portfolio-accent-on:var(--poster);border-top:1px solid var(--poster-ink)}.portfolio-home #about [class*=rounded]{box-shadow:none;border-radius:0}.portfolio-home #about [class*=font-serif-display]{font-family:var(--font-sans);letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,5vw,4.5rem);font-style:normal;font-weight:500;line-height:1.02}.portfolio-home #about [class*=font-display]{font-family:var(--font-sans)}.portfolio-home #about p:not(:first-child){max-width:65ch}.portfolio-home #about img{filter:none!important}.portfolio-footer{background:var(--poster-ink);color:var(--poster);padding:24px 32px}.portfolio-footer-inner{max-width:1500px;margin:auto}.portfolio-footer nav{flex-wrap:wrap;justify-content:space-between;gap:4px 32px;display:flex}.portfolio-footer nav a{text-underline-offset:4px;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:14px;display:flex}.portfolio-footer nav a:hover{text-decoration:underline}.portfolio-home [class~="text-[9px]"],.portfolio-home [class~="text-[10px]"]{font-size:11px}@media (max-width:767px){.portfolio-nav{padding-inline:20px}.portfolio-nav-links{display:none}.portfolio-nav-toggle{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:flex}.portfolio-nav-toggle span{background:currentColor;width:20px;height:1px;transition:transform .2s}.portfolio-nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.portfolio-nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.portfolio-nav-menu{top:56px;background:#181211;background:lab(6.12475% 2.54691 1.56175);border-top:1px solid;padding:12px 20px 24px;position:absolute;inset-inline:0}.portfolio-nav-menu a{min-height:48px;padding-block:12px;font:500 24px/1.2 Portfolio Grotesk,Arial,sans-serif;display:block}.portfolio-home #about>div{padding-inline:20px}.portfolio-home #about{padding-block:64px}.portfolio-home #about [class*=font-serif-display]{font-size:48px}.portfolio-footer{padding:24px 20px}.portfolio-footer nav{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}}.portfolio-catalog{padding:56px 48px 80px;scroll-margin-top:48px}.portfolio-catalog>*{max-width:1500px;margin-inline:auto}.portfolio-catalog>div:first-child{text-align:center;grid-template-columns:minmax(0,1fr);margin-bottom:40px}.portfolio-home .portfolio-catalog h2{font:500 clamp(3rem,6vw,6rem)/1.04 var(--font-sans);letter-spacing:-.05em}.portfolio-featured-projects,.portfolio-more-projects:not([hidden]){grid-template-columns:minmax(0,1fr);gap:48px;max-width:960px;display:grid}.portfolio-showcase{flex-direction:column;min-width:0;display:flex}.portfolio-project-heading{border-top:1px solid var(--rule);text-align:center;grid-template-columns:.75rem minmax(0,1fr) .75rem;align-items:baseline;gap:8px 16px;padding-top:24px;display:grid}.portfolio-project-number{font:400 .75rem/1.5 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cream-faint);grid-area:1/3}.portfolio-project-heading h3{font:600 clamp(2.25rem,2rem + .75vw,3rem)/1.1 var(--font-sans);letter-spacing:-.04em;text-wrap:balance;grid-area:1/2}.portfolio-project-heading h3 a:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.portfolio-project-date{font:400 .75rem/1.5 var(--font-mono);color:var(--cream-faint);grid-column:2}.portfolio-project-stage{isolation:isolate;background:#ebe5dc;background:lab(91.3326% .994504 5.26074);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:400px;margin-block:20px 24px;display:grid;position:relative}.portfolio-project-visual{grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;min-width:0;height:100%;padding:20px 24px;display:grid}.portfolio-project-visual>*{max-width:100%}.portfolio-project-visual>img{object-fit:contain;width:100%;height:100%}.portfolio-project-stage .device-frame-2d{transform:none}.portfolio-project-copy{flex:initial;text-align:center}.portfolio-project-summary{font:400 1.5rem/1.3 var(--font-sans);letter-spacing:-.025em;text-wrap:balance;max-width:36ch;margin-inline:auto}.portfolio-project-description{font:400 1rem/1.6 var(--font-sans);margin-top:12px;max-width:56ch;color:var(--cream-soft);text-wrap:balance;margin-inline:auto}.portfolio-recognition{justify-content:center;align-items:center;gap:12px;margin:0 0 24px;padding:0;display:flex}.portfolio-laurel{object-fit:contain;flex:none;width:48px;height:104px}.portfolio-recognition-copy{text-align:center;min-width:0;max-width:310px}.portfolio-recognition-source{font:400 .75rem/1.5 var(--font-mono);color:var(--cream-faint);margin-bottom:4px}.portfolio-recognition-title{font:600 1.25rem/1.2 var(--font-sans);letter-spacing:-.02em;text-wrap:balance}.portfolio-recognition ul{font:400 .875rem/1.5 var(--font-sans);color:var(--cream-soft);text-wrap:balance;margin-top:8px}.portfolio-project-awards{text-align:center;font:500 .875rem/1.5 var(--font-sans);color:var(--portfolio-accent);margin-bottom:16px}.portfolio-project-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;margin-top:8px;display:flex}.portfolio-project-links a{min-height:44px;font:500 .875rem/1.5 var(--font-sans);color:var(--portfolio-accent);text-decoration:underline;-webkit-text-decoration-color:var(--portfolio-accent-line);text-decoration-color:var(--portfolio-accent-line);text-underline-offset:5px;align-items:center;gap:8px;display:inline-flex}.portfolio-project-links a:hover{color:var(--portfolio-accent-hover);text-decoration-color:currentColor}.portfolio-project-links svg{width:16px;height:16px}.portfolio-project-status{font:400 .875rem/1.5 var(--font-sans);color:var(--cream-faint);align-items:center;gap:8px;display:flex}.portfolio-project-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.portfolio-more-projects:not([hidden]){padding-top:56px}.portfolio-more-control{justify-content:center;margin-top:48px;display:flex}.portfolio-more-control button{border-block:1px solid var(--rule);cursor:pointer;justify-content:space-between;align-items:center;gap:56px;min-height:60px;padding:14px 0;font-size:18px;display:flex}.portfolio-more-control button:hover{color:var(--portfolio-accent)}.portfolio-home :is(#background,#highlights){--font-display:var(--portfolio-editorial-display);--font-sans:var(--portfolio-editorial-sans);--canvas:#eee9e1;--canvas-up:#f9f6f2;--cream:#0c0806;--cream-soft:#0c0806c2;--cream-faint:#0c0806a3;--rule:#0c08062b;--portfolio-accent:#a21c10;--portfolio-accent-line:#a21c1066;--portfolio-accent-soft:#ff513914;background:var(--canvas);font-family:var(--font-sans)}@supports (color:lab(0% 0 0)){.portfolio-home :is(#background,#highlights){--canvas:lab(92.4883% .844449 4.5038);--canvas-up:lab(97.1176% .34073 2.25886);--cream:lab(2.46986% .669718 1.12961);--cream-soft:lab(2.46986% .669718 1.12961/.76);--cream-faint:lab(2.46986% .669718 1.12961/.64);--rule:lab(2.46986% .669718 1.12961/.17);--portfolio-accent:lab(35.7143% 52.9074 43.4437);--portfolio-accent-line:lab(35.7143% 52.9074 43.4437/.4);--portfolio-accent-soft:lab(60.179% 65.8364 52.3452/.08)}}.portfolio-home :is(#background,#highlights)>div{max-width:1280px;padding-inline:64px}.portfolio-home :is(#background,#highlights) h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(36px,4.8vw,64px);line-height:.95}.portfolio-home #background{padding-block:96px}.portfolio-home #highlights{padding-block:80px 96px}.portfolio-home #highlights [class*=font-display]{font-family:var(--font-display)}.portfolio-footer-platform{align-items:center;gap:10px;display:inline-flex}.portfolio-footer-platform svg{flex-shrink:0;width:18px;height:18px}@media (prefers-reduced-motion:no-preference){.portfolio-scroll>svg{animation:3.6s ease-in-out infinite portfolio-scroll-cue}}@keyframes portfolio-scroll-cue{0%,55%,to{transform:translateY(0)}70%{transform:translateY(4px)}85%{transform:translateY(-1px)}}@media (min-width:1600px){.portfolio-project-stage{height:460px}}@media (max-width:1100px){.portfolio-project-stage{height:440px}.portfolio-project-copy{flex:initial}.portfolio-recognition{justify-content:center}.portfolio-catalog{padding-inline:32px}.portfolio-home :is(#background,#highlights)>div{padding-inline:48px}}@media (max-width:767px){.portfolio-catalog{padding:64px 20px}.portfolio-catalog>div:first-child{margin-bottom:40px}.portfolio-home .portfolio-catalog h2{font-size:3rem}.portfolio-project-heading h3{font-size:2.25rem}.portfolio-project-heading{gap:8px 12px}.portfolio-project-stage{height:370px}.portfolio-project-visual{padding:20px 12px}.portfolio-project-visual .device-iphone-3d-wrap{max-width:100%;height:400px!important}.portfolio-recognition{justify-content:center;gap:8px}.portfolio-laurel{width:36px;height:100px}.portfolio-recognition-copy{max-width:250px}.portfolio-project-description{font-size:1rem}.portfolio-more-projects:not([hidden]){padding-top:48px}.portfolio-more-control{margin-top:56px}.portfolio-home :is(#background,#highlights){padding-block:64px}.portfolio-home :is(#background,#highlights)>div{padding-inline:24px}.portfolio-home :is(#background,#highlights) h2{font-size:42px}}@media (max-width:359px){.portfolio-project-stage{height:330px}.portfolio-laurel{width:30px;height:90px}.portfolio-home :is(#background,#highlights)>div{padding-inline:20px}.portfolio-home :is(#background,#highlights) h2{font-size:36px}}.portfolio-home :is(#background,#highlights)>div>.w-full>div>div:first-child,.portfolio-home #background h3,.portfolio-home #background h3>span{font-size:14px}.portfolio-home #background .group>div:first-child{font-size:13px}.portfolio-home #background .group>div:nth-child(2)>div:last-child{font-size:16px;line-height:1.4}.portfolio-home #highlights .group>div:nth-child(2)>div:first-child{font-size:14px}.portfolio-home #highlights .group>div:nth-child(2)>div:last-child{font-size:16px;line-height:1.4}.portfolio-home #highlights .group>div:last-child>span:first-child{font-size:13px}.portfolio-home :is(#background,#highlights) .font-light{font-weight:300}@media (max-width:767px){.portfolio-home #background .group{grid-template-columns:minmax(0,1fr) 40px;gap:8px 16px}.portfolio-home #background .group>div:first-child{grid-column:1;font-size:12px}.portfolio-home #background .group>div:nth-child(2){grid-column:1}.portfolio-home #background .group>span:last-child{grid-area:1/2/3}.portfolio-home #background .group>div:nth-child(2)>div:last-child{font-size:15px}.portfolio-home #highlights .group{column-gap:12px}.portfolio-home #highlights .group>div:nth-child(2)>div:first-child{font-size:11px}.portfolio-home #highlights .group>div:nth-child(2)>div:last-child{font-size:14px}}@media (prefers-reduced-motion:reduce){.portfolio-site *,.portfolio-site :before,.portfolio-site :after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){.portfolio-poster h1 span{animation:.7s cubic-bezier(.22,1,.36,1) both portfolio-title-in}.portfolio-poster h1 span:last-child{animation-delay:80ms}.portfolio-showcase>:is(.portfolio-project-heading,.portfolio-project-copy,.portfolio-recognition,.portfolio-project-links),.portfolio-reveal{transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1)}.portfolio-showcase[data-entered=false]>:is(.portfolio-project-heading,.portfolio-project-copy,.portfolio-recognition,.portfolio-project-links),.portfolio-reveal[data-entered=false]{opacity:0;transform:translateY(18px)}.portfolio-project-stage{transition:opacity .8s}.portfolio-showcase[data-entered=false] .portfolio-project-stage{opacity:.35}.portfolio-showcase[data-entered=true] .portfolio-project-stage{transition-delay:80ms}.portfolio-showcase[data-entered=true] .portfolio-project-copy{transition-delay:.12s}.portfolio-project-links a{transition:color .2s,text-underline-offset .2s}.portfolio-project-links a:hover{text-underline-offset:9px}}@keyframes portfolio-title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-nav,.portfolio-home :is(a,button){transition:none}}.portfolio-site,.portfolio-home,.portfolio-home :is(#about,#background,#highlights){--folio-canvas:var(--canvas);--folio-canvas-deep:var(--canvas-deep);--folio-surface:var(--canvas-up);--folio-ink:var(--cream);--folio-ink-soft:var(--cream-soft);--folio-ink-faint:var(--cream-faint);--folio-rule:var(--rule);--folio-accent:var(--portfolio-accent);--folio-accent-soft:var(--portfolio-accent-line);--folio-accent-wash:var(--portfolio-accent-soft)}