@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{--canvas:#f7f2ea;--canvas-up:#fbf8f3;--canvas-deep:#eee9e0;--canvas-stage:#eae4da;--cream:#181211;--cream-soft:#463d3c;--cream-faint:#615857;--rule:#1812112e;--rule-strong:#1812115c;--poster-ink:#181211;--portfolio-accent:#a21c10;--portfolio-accent-hover:#760a03;--portfolio-accent-on:var(--canvas);--portfolio-accent-line:#a21c1066;--portfolio-accent-soft:#a21c1014;--ease-out:cubic-bezier(.22,1,.36,1)}@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(92.4905% .918806 4.88182);--canvas-stage:lab(90.7525% .994802 5.26098);--cream:lab(6.12475% 2.54691 1.56175);--cream-soft:lab(26.8196% 3.52339 2.34253);--cream-faint:lab(38.42% 3.51739 2.33691);--rule:lab(6.12475% 2.54691 1.56175/.18);--rule-strong:lab(6.12475% 2.54691 1.56175/.36);--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(35.7143% 52.9074 43.4437/.08)}}.portfolio-site ::selection{background:var(--portfolio-accent);color:#fbf8f3;color:lab(97.7032% .459075 3.01486)}.portfolio-home{--font-sans:"Portfolio Grotesk","Helvetica Neue",Arial,sans-serif;--font-display:"Portfolio Grotesk","Helvetica Neue",Arial,sans-serif;font-family:var(--font-sans);font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;overflow:clip}.portfolio-home h2{font:500 clamp(2.75rem,1.9rem + 3.6vw,5.25rem)/.98 var(--font-sans);letter-spacing:-.045em;text-wrap:balance}.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);border-bottom:1px solid var(--rule);position:relative}.portfolio-poster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;column-gap:32px;max-width:1640px;margin:auto;padding:clamp(40px,5vw,72px) 48px clamp(24px,3vw,40px);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;place-items:end;display:grid}.portfolio-hero-phone{z-index:1;aspect-ratio:3/4;pointer-events:none;width:clamp(300px,min(100%,75svh - 150px),540px);position:relative}.portfolio-hero-phone:after{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(#18121142,#0000 68%);background:radial-gradient(lab(6.12475% 2.54691 1.56175/.26),#0000 68%);border-radius:50%;height:9%;position:absolute;bottom:3%;left:14%;right:14%}.portfolio-hero-copy{z-index:3;grid-area:2/1;max-width:34rem;padding-top:clamp(24px,3vw,40px);position:relative}.portfolio-hero-copy p{font:400 clamp(1.5rem,1.1rem + 1.4vw,2.375rem)/1.12 var(--font-sans);letter-spacing:-.035em;text-wrap:balance}.portfolio-button{background:var(--cream);min-height:52px;color:var(--canvas);font:500 1rem/1.3 var(--font-sans);letter-spacing:-.01em;transition:background .25s var(--ease-out),transform .25s var(--ease-out);border-radius:4px;align-items:center;gap:12px;padding:14px 22px;display:inline-flex}.portfolio-button:hover{background:var(--portfolio-accent);transform:translateY(-2px)}.portfolio-button:active{transform:translateY(0)scale(.985)}.portfolio-hero-copy .portfolio-button{margin-top:28px}.portfolio-hero-bottom{justify-content:flex-start;max-width:1640px;margin:auto;padding:0 48px 24px;display:flex}.portfolio-scroll{min-height:44px;font:500 .9375rem/1 var(--font-sans);letter-spacing:-.01em;color:var(--cream-soft);align-items:center;gap:12px;transition:color .2s;display:inline-flex}.portfolio-scroll:hover{color:var(--cream)}@media (max-width:1023px){.portfolio-poster{column-gap:24px;padding-inline:32px}.portfolio-hero-copy{padding-top:24px}.portfolio-hero-bottom{padding-inline:32px}}@media (max-width:767px){.portfolio-poster{grid-template-columns:minmax(0,1fr);padding:40px 20px 0}.portfolio-poster h1{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;max-width:none;padding-top:28px}.portfolio-hero-copy p{font-size:1.5rem}.portfolio-hero-copy .portfolio-button{margin-top:22px}.portfolio-hero-art{grid-area:3/1;justify-items:center;padding:32px 0 8px}.portfolio-hero-phone{width:min(78%,320px)}.portfolio-hero-bottom{padding:0 20px 16px}}.portfolio-nav{top:0;z-index:50;color:#f7f2ea;color:lab(95.626% .703812 4.53224);transition:transform .3s var(--ease-out),visibility .3s;background:#181211;background:lab(6.12475% 2.54691 1.56175);padding:0 32px;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:1576px;min-height:56px;margin:auto;display:flex}.portfolio-nav-name{letter-spacing:-.01em;font:500 14px/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 14px/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}@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-section{padding:clamp(56px,6vw,88px) 48px;scroll-margin-top:48px}.portfolio-section>*{max-width:1280px;margin-inline:auto}.portfolio-section-head{border-top:1px solid var(--rule-strong);gap:16px;margin-bottom:clamp(32px,4vw,48px);padding-top:18px;display:grid}.portfolio-section-head p{font:400 1.125rem/1.5 var(--font-sans);letter-spacing:-.01em;color:var(--cream-soft);text-wrap:pretty;max-width:48ch}.portfolio-band{background:var(--canvas-deep)}.portfolio-band+.portfolio-band{padding-top:0}.portfolio-band+.portfolio-band .portfolio-section-head{border-top-color:var(--rule)}.portfolio-catalog{padding-top:clamp(48px,5vw,72px)}.portfolio-featured-projects,.portfolio-more-projects:not([hidden]){grid-template-columns:minmax(0,1fr);gap:clamp(48px,5vw,72px);max-width:960px;display:grid}.portfolio-showcase{flex-direction:column;min-width:0;display:flex}.portfolio-project-heading{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.portfolio-project-heading h3{font:600 clamp(2rem,1.5rem + 1.6vw,2.75rem)/1.08 var(--font-sans);letter-spacing:-.04em;text-wrap:balance}.portfolio-project-heading h3 a:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:2px}.portfolio-project-date{font:400 .9375rem/1.5 var(--font-sans);color:var(--cream-faint)}.portfolio-project-stage{background:var(--canvas-stage);isolation:isolate;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:420px;margin-block:20px 24px;display:grid;position:relative}.portfolio-project-stage .device-iphone-3d-wrap,.portfolio-project-stage .device-iphone-3d-wrap *{pointer-events:none!important}.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{text-align:center}.portfolio-project-summary{font:400 clamp(1.3125rem,1.1rem + .7vw,1.625rem)/1.28 var(--font-sans);letter-spacing:-.025em;text-wrap:balance;max-width:34ch;margin-inline:auto}.portfolio-project-description{font:400 1.0625rem/1.6 var(--font-sans);letter-spacing:-.005em;max-width:56ch;color:var(--cream-soft);text-wrap:pretty;margin:12px auto 0}.portfolio-recognition{color:var(--cream);justify-content:center;align-items:center;gap:14px;margin:10px 0 0;padding:0;display:flex}.portfolio-laurel,.portfolio-pine{object-fit:contain;flex:none;width:48px;height:104px}.portfolio-pine{width:52px}.portfolio-recognition-copy{text-align:center;min-width:0;max-width:320px}.portfolio-recognition-source{font:400 .9375rem/1.4 var(--font-sans);color:var(--cream-faint);margin-bottom:5px}.portfolio-recognition-title{font:600 1.3125rem/1.15 var(--font-sans);letter-spacing:-.025em;text-wrap:balance}.portfolio-recognition ul{font:400 .9375rem/1.5 var(--font-sans);color:var(--cream-soft);text-wrap:balance;margin-top:7px}.portfolio-project-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 24px;margin-top:6px;display:flex}.portfolio-project-links a{min-height:44px;font:500 .9375rem/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:15px;height:15px}.portfolio-more-projects:not([hidden]){padding-top:clamp(48px,5vw,72px)}.portfolio-more-control{justify-content:center;margin-top:clamp(36px,4vw,56px);display:flex}.portfolio-more-control button{border-block:1px solid var(--rule-strong);min-height:60px;font:500 1.0625rem/1.4 var(--font-sans);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:56px;padding:14px 0;transition:color .2s;display:flex}.portfolio-more-control button:hover{color:var(--portfolio-accent)}@media (min-width:1600px){.portfolio-project-stage{height:480px}}@media (max-width:1100px){.portfolio-section{padding-inline:32px}.portfolio-project-stage{height:440px}}@media (max-width:767px){.portfolio-section{padding:48px 20px}.portfolio-catalog{padding-top:40px}.portfolio-section-head{margin-bottom:32px}.portfolio-project-heading h3{font-size:2.125rem}.portfolio-project-stage{height:370px;margin-block:16px 20px}.portfolio-project-visual{padding:20px 12px}.portfolio-project-visual .device-iphone-3d-wrap{max-width:100%;height:400px!important}.portfolio-recognition{gap:10px}.portfolio-laurel{width:36px;height:100px}.portfolio-pine{width:40px;height:100px}.portfolio-recognition-copy{max-width:250px}.portfolio-project-description{font-size:1rem}.portfolio-more-projects:not([hidden]){padding-top:40px}}@media (max-width:359px){.portfolio-project-stage{height:330px}.portfolio-laurel{width:30px;height:90px}.portfolio-pine{width:34px;height:90px}}.portfolio-about{border-top:1px solid var(--rule)}.portfolio-footer{background:var(--poster-ink);color:var(--canvas);padding:28px 48px}.portfolio-footer-inner{max-width:1280px;margin:auto}.portfolio-footer nav{flex-wrap:wrap;justify-content:space-between;gap:4px 32px;display:flex}.portfolio-footer nav a{min-height:44px;font:500 .9375rem/1.4 var(--font-sans);text-underline-offset:5px;justify-content:space-between;align-items:center;gap:20px;transition:color .2s;display:flex}.portfolio-footer nav a:hover{text-decoration:underline}.portfolio-footer-platform{align-items:center;gap:10px;display:inline-flex}.portfolio-footer-platform svg{flex-shrink:0;width:18px;height:18px}@media (max-width:1100px){.portfolio-footer{padding-inline:32px}}@media (max-width:767px){.portfolio-footer{padding:24px 20px}.portfolio-footer nav{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}}@media (prefers-reduced-motion:no-preference){.portfolio-poster h1 span{animation:portfolio-title-in .8s var(--ease-out)both}.portfolio-poster h1 span:last-child{animation-delay:80ms}.portfolio-hero-copy>*{animation:portfolio-title-in .8s var(--ease-out)both;animation-delay:.18s}.portfolio-hero-copy>*+*{animation-delay:.26s}.portfolio-hero-bottom{animation:portfolio-title-in .8s var(--ease-out)both;animation-delay:.4s}.portfolio-scroll>svg{animation:3.6s ease-in-out infinite portfolio-scroll-cue}.portfolio-showcase>:is(.portfolio-project-heading,.portfolio-project-copy,.portfolio-recognition,.portfolio-project-links),.portfolio-reveal{transition:opacity .65s ease,transform .65s var(--ease-out)}.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(14px)}to{opacity:1;transform:none}}@keyframes portfolio-scroll-cue{0%,55%,to{transform:translateY(0)}70%{transform:translateY(4px)}85%{transform:translateY(-1px)}}@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}.portfolio-nav,.portfolio-home :is(a,button){transition:none}}.portfolio-site,.portfolio-home{--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)}