@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/studies/013-offscript/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/studies/013-offscript/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#20211e;font-synthesis:none;--page:#eeefed;--ink:#20211e;--muted:#62635d;--line:#cacbc5;--accent:#e86335;--action-ink:#23170f;--input:#f8f9f6;--gutter:4vw;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eeefed;font-family:DM Sans Variable,Arial,sans-serif}:root[data-theme=dark]{--page:#20221f;--ink:#eeefea;--muted:#b5b8ae;--line:#484b43;--accent:#ee875e;--action-ink:#201a13;--input:#2b2e27;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--page)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;display:block}h1,h2,h3,p{margin:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{background:var(--accent);color:var(--action-ink)}.skip{z-index:20;background:var(--ink);color:var(--page);padding:15px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.header{height:80px;padding:0 var(--gutter);border-bottom:1px solid var(--line);align-items:center;gap:32px;display:flex}.wordmark{letter-spacing:-2.3px;align-items:center;gap:5px;font-size:34px;font-weight:800;line-height:1;display:inline-flex}.brand-corner{color:var(--accent);margin-top:-8px;font-size:35px;font-weight:500;display:inline-block}.nav{align-items:center;gap:37px;margin-left:auto;font-size:14px;display:flex}.nav>a{align-items:center;min-height:44px;display:flex}.nav>a:hover{text-underline-offset:5px;text-decoration:underline}.nav-brief{border-bottom:1px solid var(--ink);align-items:center;gap:22px;min-height:44px;display:flex}.header-tools{gap:10px;display:flex}.icon-button{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:inline-flex}.icon-button:hover{transform:rotate(10deg)}.menu-toggle{display:none}.hero{padding:41px var(--gutter) 0}h1{letter-spacing:-.07em;font-size:clamp(65px,9.35vw,154px);font-weight:500;line-height:1.04}h1 span{color:var(--accent)}.hero-heading{overflow:hidden}.hero-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin:24px 0 31px;display:flex}.hero-intro p{letter-spacing:-.02em;font-size:16px;line-height:1.45}.text-link{border-bottom:1px solid var(--ink);white-space:nowrap;align-items:center;gap:42px;min-height:44px;font-size:15px;display:inline-flex}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(6px)}.hero-art{background:#d5d6d4;width:100%;display:block;overflow:hidden}.hero-art img{object-position:center 53%;height:clamp(300px,34vw,520px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.hero-art:hover img{transform:scale(1.035)}.hero-caption{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 44px;align-items:center;gap:25px;min-height:64px;font-size:14px;display:grid}.hero-caption>span:first-child{font-weight:600}.hero-caption>span:nth-child(2){color:var(--muted);font-size:12px}.section-space{margin:0 var(--gutter);padding:108px 0}h2{letter-spacing:-.055em;font-size:clamp(42px,4.35vw,72px);font-weight:500;line-height:1.04}.work-heading p{color:var(--muted);margin-top:24px;font-size:15px}.work-grid{grid-template-columns:1.17fr 1fr;align-items:start;gap:6vw;margin-top:54px;display:grid}.project-1{padding-top:155px}.project-image{background:#d5d6d4;width:100%;display:block;overflow:hidden}.project-image img{aspect-ratio:1.14;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-1 .project-image img{aspect-ratio:.94}.project-image:hover img{transform:scale(1.055)}.project-caption{justify-content:space-between;align-items:flex-start;gap:15px;padding-top:21px;display:flex}.project-caption h3{letter-spacing:-.04em;font-size:27px;font-weight:500}.project-caption h3 button{text-align:left;min-height:35px}.project-caption p{color:var(--muted);margin-top:7px;font-size:13px}.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:34px;font-size:12px}.studio-statement h2{font-size:clamp(42px,5.25vw,82px)}.studio-statement h2 span{color:var(--muted)}.studio-bottom{grid-template-columns:1fr 1fr;gap:12vw;margin-top:69px;display:grid}.studio-copy{letter-spacing:-.035em;max-width:410px;font-size:20px;line-height:1.5}.service{border-bottom:1px solid var(--line)}.service:first-child{border-top:1px solid var(--line)}.service h3{letter-spacing:-.03em;font-size:23px;font-weight:500}.service h3 button{justify-content:space-between;align-items:center;width:100%;min-height:72px;display:flex}.service p{color:var(--muted);max-width:380px;padding-bottom:25px;font-size:15px;line-height:1.5}.invitation{justify-content:space-between;align-items:flex-end;gap:50px;padding-top:115px;padding-bottom:119px;display:flex}.invitation h2{letter-spacing:-.065em;font-size:clamp(64px,8vw,125px);line-height:.99}.invitation h2 span{color:var(--accent)}.invitation-action p{margin-bottom:26px;font-size:16px;line-height:1.5}.primary-button{background:var(--accent);min-height:59px;color:var(--action-ink);white-space:nowrap;justify-content:space-between;align-items:center;gap:44px;padding:0 23px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex}.primary-button:hover{transform:translateY(-3px)}button:active{transform:translateY(1px)}.footer{border-top:1px solid var(--line);margin:0 var(--gutter);align-items:center;gap:30px;padding:31px 0;display:flex}.footer .wordmark{font-size:27px}.footer .brand-corner{font-size:29px}.footer p{color:var(--muted);margin-left:auto;font-size:11px}.source-link{text-underline-offset:3px;align-items:center;gap:6px;min-height:44px;font-size:11px;text-decoration:underline;display:inline-flex}dialog{color:var(--ink);background:var(--page);overscroll-behavior:contain;border:0;width:min(960px,92vw);max-width:none;max-height:90dvh;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f110eb3}.dialog-top{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 27px;font-size:12px;display:flex}.dialog-art{object-fit:contain;background:#d5d6d4;height:43vh;max-height:480px}.project-story{padding:35px 40px 25px}.project-kind{color:var(--muted);margin-bottom:14px;font-size:12px}.project-story h2{font-size:52px}.project-story h3{margin:25px 0 12px;font-size:19px;font-weight:500}.project-story>p:not(.project-kind){max-width:610px;color:var(--muted);font-size:16px;line-height:1.55}.project-story ul{flex-wrap:wrap;gap:10px 24px;margin:27px 0 4px;padding:0;font-size:12px;list-style:none;display:flex}.project-pagination{border-top:1px solid var(--line);justify-content:space-between;padding:20px 30px;display:flex}.project-pagination button{align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.brief-dialog{width:min(600px,92vw)}.brief-content{padding:8px 34px 25px}.brief-content .dialog-top{padding:0 0 10px}.brief-content h2{font-size:56px}.form-intro{color:var(--muted);max-width:370px;margin:20px 0 25px;font-size:14px;line-height:1.5}form>label,legend{margin-bottom:9px;font-size:13px;font-weight:600;display:block}input:not([type=radio]),textarea,select{background:var(--input);border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);border-radius:0;margin:0 0 23px;padding:13px 14px;font-size:14px;display:block}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:92px;max-height:230px}fieldset{border:0;margin:0 0 23px;padding:0}.direction-options{gap:9px;display:flex}.direction-options label{border:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;padding:12px;font-size:13px;display:flex}.direction-options .selected{border-color:var(--ink);background:var(--input)}input[type=radio]{accent-color:var(--ink);margin:0}.download{width:100%}.form-status{min-height:34px;color:var(--muted);align-items:center;gap:7px;margin-top:15px;font-size:12px;display:flex}@media (prefers-reduced-motion:no-preference){.hero-heading h1{animation:.9s cubic-bezier(.2,.7,.2,1) both type-in}.hero-art{animation:1.1s .1s both appear}.will-reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(25px)}.will-reveal.seen{opacity:1;transform:none}@keyframes type-in{0%{transform:translateY(110%)}to{transform:none}}@keyframes appear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}}@media (width>=1700px){:root{--gutter:max(4vw,calc((100vw - 1570px)/2))}}@media (width<=980px){.hero{padding-top:36px}.hero-art img{height:400px}.section-space{padding:80px 0}.project-1{padding-top:100px}.work-grid{gap:4vw}.studio-bottom{gap:7vw}.studio-copy{font-size:18px}.footer{flex-wrap:wrap;gap:14px 25px}.footer p{margin-left:auto}}@media (width<=767px){:root{--gutter:22px}html{scroll-padding-top:20px}.header{gap:14px;height:72px}.wordmark{font-size:31px}.header-tools{margin-left:auto}.menu-toggle{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.nav{background:var(--page);border-bottom:1px solid var(--line);z-index:10;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:20px 22px 25px;display:none;position:absolute;top:71px;left:0;right:0}.nav.mobile-open{display:flex}.nav-brief{justify-content:space-between}.hero{padding-top:36px}h1{letter-spacing:-.065em;max-width:600px;font-size:clamp(58px,12.8vw,97px);line-height:1}.hero-intro{flex-direction:column;align-items:flex-start;gap:18px;margin-top:24px;margin-bottom:25px}.hero-intro p{font-size:15px}.text-link{gap:35px;min-height:41px;font-size:14px}.hero-art img{object-position:53% 50%;height:365px}.hero-caption{grid-template-columns:1fr 44px;gap:0;padding:12px 0}.hero-caption>span:nth-child(2){grid-area:2/1;font-size:11px}.hero-caption .icon-button{grid-area:1/2/3}.section-space{padding:66px 0}h2{font-size:42px}.work-heading p{margin-top:20px;font-size:14px}.work-grid{margin-top:35px;display:block}.project-1{padding-top:44px}.project-image img,.project-1 .project-image img{aspect-ratio:1.1}.project-caption{padding-top:15px}.project-caption h3{font-size:25px}.studio-statement h2{font-size:clamp(33px,6.3vw,48px);line-height:1.1}.eyebrow{margin-bottom:25px}.studio-bottom{grid-template-columns:1fr;gap:35px;margin-top:35px}.studio-copy{max-width:500px}.service h3{font-size:22px}.service h3 button{min-height:65px}.invitation{display:block}.invitation h2{font-size:80px}.invitation-action{margin-top:35px}.invitation-action p{margin-bottom:23px;font-size:15px}.footer{align-items:flex-start;gap:17px;padding:27px 0}.footer p{width:100%;margin-left:0;line-height:1.5}.source-link{min-height:35px}.project-story{padding:26px 22px}.project-story h2{font-size:38px}.dialog-top{padding:8px 13px}.dialog-art{height:31vh}.project-pagination{padding:13px}.project-pagination button{gap:7px;font-size:12px}.brief-content{padding:8px 22px 20px}.brief-content h2{font-size:46px}.direction-options{flex-wrap:wrap;gap:5px}.direction-options label{padding:12px 10px;font-size:12px}}@media (width<=360px){:root{--gutter:18px}h1{font-size:55px}.hero-art img{height:310px}.studio-statement h2{font-size:29px}h2{font-size:36px}.invitation h2{font-size:68px}.brief-content{padding-inline:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.will-reveal{opacity:1!important;transform:none!important}}