.codej-studio .studio-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.codej-studio .studio-brand{align-items:center;min-height:44px;font-size:1.375rem;display:inline-flex}.codej-studio .studio-header nav{align-items:center;gap:32px;display:flex}.codej-studio .studio-header nav>a{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:.85rem;display:inline-flex}.codej-studio .studio-header nav>a[aria-current=page],.codej-studio .studio-header nav>a:hover{text-underline-offset:7px;text-decoration:underline}.codej-studio .studio-nav-contact{border:1px solid var(--studio-rule);border-radius:3px;gap:24px;margin-left:16px;padding:10px 17px}.codej-studio .studio-nav-contact>span{font-size:1.2rem}.codej-studio .studio-skip{z-index:20;background:var(--studio-ink);color:var(--studio-paper);padding:12px 18px;position:absolute;top:16px;left:20px;transform:translateY(-200%)}.codej-studio .studio-skip:focus{transform:none}.codej-studio .studio-section{padding-block:clamp(56px,6.6vw,100px)}.codej-studio .studio-section-heading{grid-template-columns:1fr 2fr;gap:32px;margin-bottom:50px;display:grid}.codej-studio .studio-section-heading>.studio-eyebrow{padding-top:8px}.codej-studio .studio-section-heading h2{font-size:clamp(2.3rem,4.7vw,4.5rem)}.codej-studio .studio-section-heading h2+p{max-width:48ch;color:var(--studio-muted);margin-top:22px}.codej-studio .studio-capabilities{--studio-fg:var(--studio-on-ink);--studio-fg-muted:var(--studio-on-ink-muted);--studio-line:var(--studio-line-ink);--studio-focus:var(--studio-signal);--studio-muted:var(--studio-fg-muted);--studio-rule:var(--studio-line);background:var(--studio-ink-1);color:var(--studio-fg)}.codej-studio .studio-capability-list{border-top:1px solid var(--studio-rule)}.codej-studio .studio-capability-list details{border-bottom:1px solid var(--studio-rule)}.codej-studio .studio-capability-list summary{cursor:pointer;grid-template-columns:1fr 7fr 44px;align-items:center;gap:24px;min-height:92px;padding:20px 0;list-style:none;display:grid}.codej-studio .studio-capability-list summary::-webkit-details-marker{display:none}.codej-studio .studio-capability-list summary:hover h3{color:var(--studio-mint)}.codej-studio .studio-service-number{font-variant-numeric:tabular-nums;color:var(--studio-muted);font-size:.72rem}.codej-studio .studio-capability-list h3{letter-spacing:-.03em;font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1.1}.codej-studio .studio-expand{border:1px solid var(--studio-rule);width:40px;height:40px;font-family:var(--studio-display);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.codej-studio .studio-capability-list details[open] .studio-expand{background:var(--studio-mint);color:var(--studio-ink);border-color:var(--studio-mint);transform:rotate(45deg)}.codej-studio .studio-capability-detail{grid-template-columns:1fr 1fr;gap:20px 40px;padding:0 68px 28px calc(12.5% + 9.5px);font-size:.9rem;display:grid}.codej-studio .studio-capability-detail>p{color:var(--studio-muted);max-width:35ch}.codej-studio .studio-capability-detail ul{margin:0;padding:0;list-style:none}.codej-studio .studio-capability-detail li+li{margin-top:8px}.codej-studio .studio-capability-detail>a{justify-self:start}.codej-studio .studio-capabilities-link{color:var(--studio-mint);margin-top:30px}.codej-studio .studio-contact{padding-block:clamp(56px,7vw,112px) clamp(16px,2vw,32px);scroll-margin-top:20px}.codej-studio .studio-contact-layout{grid-template-columns:1.55fr 1fr;align-items:end;gap:64px;display:grid}.codej-studio .studio-contact h2{margin-top:26px;font-size:clamp(2.6rem,5.6vw,5.5rem)}.codej-studio .studio-contact-copy{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:3px;display:flex}.codej-studio .studio-contact-copy>p{max-width:37ch;font-size:.93rem}.codej-studio .studio-contact-copy>p,.codej-studio .studio-contact-location{color:var(--studio-fg-muted)}.codej-studio .studio-contact-copy>.studio-contact-question{letter-spacing:-.01em;color:var(--studio-fg);font-size:1.0625rem;font-weight:560;line-height:1.3}.codej-studio .studio-contact-location{border-top:1px solid var(--studio-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 24px;margin-top:52px;padding-block:21px;font-size:.77rem;display:flex}.codej-studio .studio-contact-location .studio-text-link{font-size:inherit;overflow-wrap:anywhere}.codej-studio .studio-contact-form{gap:clamp(24px,3vw,36px);margin-top:clamp(36px,4vw,52px);display:grid}.codej-studio .studio-contact-rail{border:0;border-top:1px solid var(--studio-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:clamp(20px,2.4vw,28px) 0 0;display:grid}.codej-studio .studio-contact-tile{border:1px solid var(--studio-line);border-radius:var(--studio-r-card);min-width:0;min-height:48px;color:var(--studio-fg);cursor:pointer;background:0 0;align-content:space-between;gap:14px;padding:12px 16px 14px;display:grid;position:relative}.codej-studio .studio-contact-tile input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.codej-studio .studio-contact-tile input:focus-visible{outline:none}.codej-studio .studio-contact-tile-index{color:var(--studio-fg-muted)}.codej-studio .studio-contact-tile-label{overflow-wrap:anywhere;font-size:.9375rem;font-weight:500;line-height:1.3}@media (hover:hover){.codej-studio .studio-contact-tile:hover{border-color:var(--studio-edge-hi)}}.codej-studio .studio-contact-tile:has(input:checked){border-color:var(--studio-line-draft);background:var(--studio-ink-2)}.codej-studio .studio-contact-tile:has(input:checked) .studio-contact-tile-index{color:var(--studio-fg)}.codej-studio .studio-contact-tile:has(input:checked):after{content:"";background:var(--studio-signal);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:14px}@media (forced-colors:active){.codej-studio .studio-contact-tile:has(input:checked){outline-offset:-3px;border-color:highlight;outline:2px solid highlight}.codej-studio .studio-contact-tile:has(input:checked):after{forced-color-adjust:none;background:highlight}}.codej-studio .studio-contact-tile:has(input:focus-visible){outline:2px solid var(--studio-focus);outline-offset:3px}.codej-studio .studio-contact-actions{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px 48px;display:grid}.codej-studio .studio-contact-preview{max-width:52ch;color:var(--studio-fg-muted);text-transform:none;overflow-wrap:anywhere;padding-top:14px}.codej-studio .studio-contact-preview>span{display:block}.codej-studio .studio-contact-cta{text-align:end;flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex;position:relative}.codej-studio .studio-contact-cta .studio-button{max-width:100%;font:inherit;text-align:start;cursor:pointer;border:0;font-size:.9375rem;font-weight:500}.codej-studio .studio-contact-cta .studio-text-link{overflow-wrap:anywhere}.codej-studio .studio-contact-note{max-width:40ch;color:var(--studio-fg-muted);font-size:.8125rem}.codej-studio .studio-contact-handoff:empty{position:absolute}@media (prefers-reduced-motion:no-preference){.codej-studio .studio-contact-tile{transition:background-color var(--studio-dur-1) var(--studio-ease), border-color var(--studio-dur-1) var(--studio-ease)}.codej-studio .studio-contact-preview>span{animation:studio-fade var(--studio-dur-1) var(--studio-ease) both}}@media (width>=768px){.codej-studio .studio-contact-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1100px){.codej-studio .studio-contact-rail{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=700px){.codej-studio .studio-contact-actions{grid-template-columns:minmax(0,1fr);gap:20px}.codej-studio .studio-contact-preview{padding-top:0}.codej-studio .studio-contact-cta{text-align:start;align-items:flex-start}}@media (width<=359px){.codej-studio .studio-contact-rail{grid-template-columns:minmax(0,1fr)}}.codej-studio .studio-footer{--studio-focus:var(--studio-paper);background:var(--studio-ink);color:var(--studio-paper);padding-top:35px;padding-bottom:20px}.codej-studio .studio-footer-top,.codej-studio .studio-footer-bottom{justify-content:space-between;align-items:center;gap:24px;font-size:.77rem;display:flex}.codej-studio .studio-footer-top>p{max-width:32ch}.codej-studio .studio-footer nav{flex-wrap:wrap;gap:24px;display:flex}.codej-studio .studio-footer a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.codej-studio .studio-footer a:hover{text-underline-offset:4px;text-decoration:underline}.codej-studio .studio-footer-wordmark{margin-block:20px 30px;container-type:inline-size}.codej-studio .studio-footer-wordmark>span{font-size:13.5vw;font-size:calc(100cqi / var(--codej-word-em,6.106));padding-block:.02em;display:flex}.codej-studio .studio-footer-bottom{color:#bcc5bc;border-top:1px solid #475049;padding-top:15px;font-size:.69rem}@media (width<=1000px){.codej-studio .studio-contact-layout{gap:32px}}@media (width<=700px){.codej-studio .studio-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.codej-studio .studio-section-heading>.studio-eyebrow{padding-top:0}.codej-studio .studio-contact-layout{grid-template-columns:1fr;gap:32px}.codej-studio .studio-contact h2{margin-top:22px}.codej-studio .studio-contact-location{margin-top:32px}}@media (width<=600px){.codej-studio .studio-header-inner{flex-wrap:wrap;gap:0;padding-top:8px;padding-bottom:6px}.codej-studio .studio-brand{min-height:44px;font-size:1.25rem}.codej-studio .studio-header nav{justify-content:space-between;gap:15px;width:100%}.codej-studio .studio-header nav>a{min-height:44px;font-size:.77rem}.codej-studio .studio-nav-contact{border:none;gap:16px;margin:0;padding:4px 0 4px 10px}.codej-studio .studio-capability-list summary{grid-template-columns:22px 1fr 34px;gap:12px;min-height:84px}.codej-studio .studio-capability-list h3{font-size:1.45rem}.codej-studio .studio-expand{width:32px;height:32px}.codej-studio .studio-capability-detail{grid-template-columns:1fr;gap:15px;padding:0 0 25px 34px}.codej-studio .studio-footer-top{flex-direction:column;align-items:flex-start;gap:12px}.codej-studio .studio-footer nav{justify-content:space-between;gap:12px;width:100%}.codej-studio .studio-footer-wordmark{margin-block:22px 30px}.codej-studio .studio-footer-bottom{flex-wrap:wrap;align-items:center;gap:5px 18px}.codej-studio .studio-footer-bottom>p:nth-child(2){order:3;width:100%}}@media (width<=389.98px){.codej-studio .studio-header nav{gap:12px}.codej-studio .studio-nav-contact{gap:8px;padding-inline-start:0}}@media (width>=768px){.codej-studio .studio-work-sheet-hero,.codej-studio .studio-services-sheet-hero{min-height:min(78svh,820px)}}.codej-studio .studio-work-chapters{display:grid}.codej-studio .studio-chapter-inner{width:min(100%, calc(1600px - 2 * var(--studio-inset)));padding:clamp(40px, 7vw, 112px) var(--studio-gutter) clamp(36px, 6vw, 96px);grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,56px) clamp(12px,1.6vw,24px);margin-inline:auto;display:grid}.codej-studio .studio-chapter-inner>*{grid-column:1/-1;min-width:0}.codej-studio .studio-chapter-index{border-bottom:1px solid var(--studio-line);color:var(--studio-fg-muted);margin-bottom:clamp(20px,2.4vw,32px);padding-bottom:14px}.codej-studio .studio-chapter-title{color:var(--studio-fg);font-size:var(--studio-fs-h2);line-height:var(--studio-lh-h2);letter-spacing:var(--studio-ls-h2);font-weight:var(--studio-fw-h2)}.codej-studio .studio-chapter-category{color:var(--studio-fg-muted);margin-top:18px}.codej-studio .studio-chapter-frame{aspect-ratio:16/10;background-color:var(--studio-ink-2);overflow:clip}.codej-studio .studio-chapter-frame:after{z-index:1}.codej-studio .studio-chapter-capture,.codej-studio .studio-media,.codej-studio .studio-media-video{width:100%;height:100%;display:block}.codej-studio .studio-chapter-capture,.codej-studio .studio-media-video{object-fit:cover;object-position:top center}.codej-studio .studio-chapter-copy{align-content:start;gap:22px;display:grid}.codej-studio .studio-chapter-summary{max-width:var(--studio-measure-body);color:var(--studio-fg);font-size:var(--studio-fs-lede);line-height:var(--studio-lh-lede)}.codej-studio .studio-chapter-role{border-top:1px solid var(--studio-line);padding-top:18px}.codej-studio .studio-chapter-role>.studio-mono{color:var(--studio-fg-muted);margin-bottom:8px}.codej-studio .studio-chapter-role>p:last-child{max-width:var(--studio-measure-body);color:var(--studio-fg);font-size:var(--studio-fs-body);line-height:var(--studio-lh-body)}.codej-studio .studio-chapter-capabilities{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.codej-studio .studio-chapter-capabilities .studio-chip{white-space:normal;max-width:100%;color:var(--studio-fg-muted)}.codej-studio .studio-chapter-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.codej-studio .studio-chapter-dot{background-color:var(--studio-signal);width:6px;height:6px}.codej-studio .studio-chapter-status[data-status=in-production] .studio-chapter-dot{box-shadow:inset 0 0 0 1px var(--studio-signal);background-color:#0000}.codej-studio .studio-chapter-note{color:var(--studio-fg-muted);font-size:.875rem}.codej-studio .studio-chapter-blueprint{height:100%;padding:calc(var(--studio-mark-offset) + clamp(20px, 3vw, 48px));background-color:var(--studio-ink-0);align-content:end;display:grid}.codej-studio .studio-chapter-blueprint-title{color:#0000;-webkit-text-stroke:1px var(--studio-line-draft);font-family:var(--studio-font-display);font-size:var(--studio-fs-display);line-height:var(--studio-lh-display);letter-spacing:var(--studio-ls-display);font-weight:var(--studio-fw-display);overflow-wrap:anywhere}.codej-studio .studio-chapter-blueprint-title>span{display:block}@media (width>=1024px){.codej-studio .studio-chapter-head{grid-column:1/9}.codej-studio .studio-chapter-figure{grid-area:2/1/auto/9}.codej-studio .studio-chapter-copy{grid-area:2/9/auto/-1;align-self:end}.codej-studio .studio-chapter:nth-child(2n) .studio-chapter-head,.codej-studio .studio-chapter:nth-child(2n) .studio-chapter-figure{grid-column:5/-1}.codej-studio .studio-chapter:nth-child(2n) .studio-chapter-copy{grid-column:1/5}}.codej-studio .studio-media{position:relative}.codej-studio .studio-media-still{display:block;position:absolute;inset:0}.codej-studio .studio-media-still~.studio-media-video{position:relative}.codej-studio .studio-media-toggle{z-index:2;left:var(--studio-mark-offset);bottom:var(--studio-mark-offset);border:1px solid var(--studio-line-ink);border-radius:var(--studio-r-card);background-color:var(--studio-ink-0);min-height:44px;color:var(--studio-on-ink);cursor:pointer;align-items:center;gap:10px;padding:0 16px 0 14px;display:inline-flex;position:absolute}.codej-studio .studio-media-toggle svg{color:var(--studio-signal);flex:none}@media (hover:hover) and (pointer:fine){.codej-studio .studio-media-toggle:hover{background-color:var(--studio-ink-3)}}@media (prefers-reduced-motion:no-preference){.codej-studio .studio-media-toggle{transition:background-color var(--studio-dur-1) var(--studio-ease)}}.codej-studio .studio-experience{padding-block:var(--studio-pad-section);color:var(--studio-fg)}.codej-studio .studio-experience-heading{gap:20px;margin-bottom:clamp(40px,5vw,72px);display:grid}.codej-studio .studio-experience-heading>.studio-mono,.codej-studio .studio-experience-list .studio-mono{color:var(--studio-fg-muted)}.codej-studio .studio-experience-heading h2{font-size:var(--studio-fs-h2);line-height:var(--studio-lh-h2);letter-spacing:var(--studio-ls-h2);font-weight:var(--studio-fw-h2)}.codej-studio .studio-experience-heading h2+p{max-width:48ch;color:var(--studio-fg-muted);margin-top:22px}.codej-studio .studio-experience-list{border-top:1px solid var(--studio-line);margin:0;padding:0;list-style:none}.codej-studio .studio-experience-list>li{border-bottom:1px solid var(--studio-line)}.codej-studio .studio-experience-list article{gap:20px;padding-block:32px;display:grid}.codej-studio .studio-experience-list h3{font-size:var(--studio-fs-h3);line-height:var(--studio-lh-h3);letter-spacing:var(--studio-ls-h3);font-weight:var(--studio-fw-h3);margin-block:14px 10px}.codej-studio .studio-experience-list p:not(.studio-mono){max-width:var(--studio-measure-body);color:var(--studio-fg-muted)}.codej-studio .studio-experience-list .studio-experience-role{color:var(--studio-fg);margin-block:16px 8px}@media (width>=768px){.codej-studio .studio-experience-list article{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}}@media (width>=1024px){.codej-studio .studio-experience-heading{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(12px,1.6vw,24px)}.codej-studio .studio-experience-heading>.studio-mono{padding-top:12px}}.codej-studio .studio-services-index{width:min(100%,1600px);padding:clamp(28px, 4vw, 56px) calc(var(--studio-gutter) + var(--studio-inset));color:var(--studio-on-ink);margin-inline:auto;display:grid}.codej-studio .studio-services-index>a{border-bottom:1px solid var(--studio-line-ink);min-height:62px;font-size:var(--studio-fs-body);align-items:center;gap:20px;padding-block:17px;display:flex}.codej-studio .studio-services-index>a>.studio-mono{color:var(--studio-on-ink-muted);flex:none}.codej-studio .studio-services-index>a>.studio-roll{white-space:normal;min-width:0}.codej-studio .studio-services-index>a>span[aria-hidden]{flex:none;margin-inline-start:auto}@media (hover:hover) and (pointer:fine){.codej-studio .studio-services-index>a:hover{border-color:var(--studio-signal)}}@media (prefers-reduced-motion:no-preference){.codej-studio .studio-services-index>a{transition:border-color var(--studio-dur-1) var(--studio-ease)}}@media (width>=768px){.codej-studio .studio-services-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)}}.codej-studio .studio-services-list{display:grid}.codej-studio .studio-service-inner{width:min(100%, calc(1600px - 2 * var(--studio-inset)));padding:clamp(40px, 7vw, 112px) var(--studio-gutter) clamp(36px, 6vw, 96px);row-gap:clamp(28px,4vw,56px);margin-inline:auto;display:grid}.codej-studio .studio-service-inner>*{min-width:0}.codej-studio .studio-service-index-label{border-bottom:1px solid var(--studio-line);color:var(--studio-fg-muted);margin-bottom:clamp(20px,2.4vw,32px);padding-bottom:14px}.codej-studio .studio-service-title h2,.codej-studio .studio-services-note h2{color:var(--studio-fg);font-size:var(--studio-fs-h2);line-height:var(--studio-lh-h2);letter-spacing:var(--studio-ls-h2);font-weight:var(--studio-fw-h2);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.codej-studio .studio-service-description{align-content:start;gap:20px;display:grid}.codej-studio .studio-service-description>p{max-width:var(--studio-measure-body);color:var(--studio-fg-muted);font-size:var(--studio-fs-body);line-height:var(--studio-lh-body)}.codej-studio .studio-service-description>.studio-service-lede{color:var(--studio-fg);font-size:var(--studio-fs-lede);line-height:var(--studio-lh-lede)}.codej-studio .studio-service-deliverables>.studio-mono{color:var(--studio-fg-muted)}.codej-studio .studio-service-deliverables ul{border-top:1px solid var(--studio-line);margin:16px 0 0;padding:0;list-style:none}.codej-studio .studio-service-deliverables li{border-bottom:1px solid var(--studio-line);color:var(--studio-fg);font-size:var(--studio-fs-body);line-height:var(--studio-lh-body);padding-block:14px}.codej-studio .studio-services-note-body>p{max-width:48ch;color:var(--studio-fg-muted);font-size:var(--studio-fs-body);line-height:var(--studio-lh-body);margin-top:22px}@media (width>=1024px){.codej-studio .studio-service-entry .studio-service-inner{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,24px)}.codej-studio .studio-service-title{grid-area:1/1/span 2/7}.codej-studio .studio-service-description,.codej-studio .studio-service-deliverables{grid-column:7/-1}.codej-studio .studio-service-description{padding-top:calc(14px + 1.3 * var(--studio-fs-mono) + clamp(20px, 2.4vw, 32px));grid-row:1;align-self:start}.codej-studio .studio-service-deliverables{grid-row:2}}@font-face{font-family:CODEJ Studio Display;src:url(/studio/familjen-grotesk-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:CODEJ Studio Text;src:url(/studio/public-sans-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}.codej-studio{--studio-ink:var(--studio-ink-1);--studio-display:var(--studio-font-display);--studio-text:var(--studio-font-text);background:var(--studio-void);color:var(--studio-fg);font-family:var(--studio-font-text);font-feature-settings:normal;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.55}.codej-studio *,.codej-studio :before,.codej-studio :after{box-sizing:border-box}.codej-studio h1,.codej-studio h2,.codej-studio h3{font-family:var(--studio-display);letter-spacing:-.045em;font-weight:600;line-height:1.02}.codej-studio p,.codej-studio h1,.codej-studio h2,.codej-studio h3,.codej-studio figure{margin:0}.codej-studio a{color:inherit;text-decoration:none}.codej-studio ::selection{background:var(--studio-mint);color:var(--studio-ink-1)}.codej-studio .studio-shell{width:min(100%,1600px);padding-inline:var(--studio-gutter);margin-inline:auto}.codej-studio .studio-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.codej-studio .studio-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:500;line-height:1.5}.codej-studio .studio-period{color:var(--studio-signal-ink)}.codej-studio .studio-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px;display:flex}.codej-studio .studio-button{background:var(--studio-ink-1);min-width:174px;min-height:52px;color:var(--studio-paper);border-radius:3px;justify-content:space-between;align-items:center;gap:36px;padding:8px 10px 8px 22px;font-size:.9rem;font-weight:500;display:inline-flex}.codej-studio .studio-button>span:not(.studio-roll){background:var(--studio-mint);width:34px;height:34px;color:var(--studio-ink-1);border-radius:2px;place-items:center;font-size:1.3rem;display:grid}.codej-studio .studio-text-link{text-underline-offset:5px;align-items:center;gap:20px;min-height:44px;font-size:.84rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.codej-studio .studio-text-link>span[aria-hidden]{font-size:1.3rem}.codej-studio .studio-header nav>a,.codej-studio .studio-header nav>a:hover,.codej-studio .studio-header nav>a[aria-current=page]{text-decoration:none}.codej-studio .studio-text-link:has(>.studio-roll){text-decoration:none}.codej-studio .studio-text-link>.studio-roll,.codej-studio .studio-header nav>a[aria-current=page] .studio-roll{background:linear-gradient(currentColor 0 0) 0 100%/100% 1px no-repeat}.codej-studio .studio-header{z-index:30;background-color:color-mix(in oklab, var(--studio-void) 80%, transparent);color:var(--studio-on-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000;position:relative}.codej-studio .studio-nav-contact{border-color:color-mix(in oklab, currentColor 26%, transparent)}@media (width>=768px){.codej-studio:has(.studio-sheet-hero) .studio-header{height:88px}.codej-studio:has(.studio-sheet-hero) .studio-header-inner{height:100%;min-height:0;padding-inline:calc(var(--studio-gutter) + var(--studio-inset))}.codej-studio:has(.studio-sheet-hero) .studio-header :focus-visible{outline-color:currentColor}.codej-studio:has(.studio-sheet-hero) .studio-header .public-locale-switch button:focus-visible{outline-offset:-5px;outline:2px solid}}@supports (animation-timeline:scroll()){@media (width>=768px) and (prefers-reduced-motion:no-preference){.codej-studio .studio-header{animation:linear both studio-header-compact;animation-timeline:scroll(root);animation-range:0 80px;position:sticky;top:0}.codej-studio .studio-header-inner{animation:linear both studio-header-settle;animation-timeline:scroll(root);animation-range:0 80px}.codej-studio .studio-brand .studio-logo{transform-origin:0;animation:linear both studio-header-mark;animation-timeline:scroll(root);animation-range:0 80px}.codej-studio [id]{scroll-margin-top:80px}}}@keyframes studio-header-compact{to{translate:0 -16px}}@keyframes studio-header-settle{to{translate:0 8px}}@keyframes studio-header-mark{to{scale:.85}}.codej-studio .studio-sheet-hero{flex-direction:column;display:flex}.codej-studio .studio-sheet-hero-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.codej-studio .studio-sheet-hero-inner{width:min(100%, calc(1600px - 2 * var(--studio-inset)));padding:clamp(40px, 8vw, 64px) var(--studio-gutter) clamp(36px, 4vw, 52px);flex:1;grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;column-gap:clamp(12px,1.6vw,24px);margin-inline:auto;display:grid;position:relative}.codej-studio .studio-sheet-hero-inner>*{grid-column:1/-1}.codej-studio .studio-sheet-hero-kicker{color:var(--studio-fg-muted);margin-bottom:clamp(20px,2.4vw,32px)}.codej-studio .studio-sheet-hero-title{color:var(--studio-fg);font-size:var(--studio-fs-display);line-height:var(--studio-lh-display);letter-spacing:var(--studio-ls-display);font-weight:var(--studio-fw-display)}.codej-studio .studio-sheet .studio-period{color:var(--studio-signal)}.codej-studio .studio-sheet-hero-lede{max-width:var(--studio-measure-lede);color:var(--studio-fg-muted);font-size:var(--studio-fs-lede);line-height:var(--studio-lh-lede);margin-top:clamp(24px,3vw,40px)}.codej-studio .studio-sheet-hero-actions{margin-top:clamp(24px,2.6vw,36px)}.codej-studio .studio-sheet .studio-button{background:var(--studio-mint);color:var(--studio-ink-1)}.codej-studio .studio-sheet .studio-button>span:not(.studio-roll){background:var(--studio-ink-1);color:var(--studio-mint)}.codej-studio .studio-sheet-hero-titleblock{margin-top:clamp(40px,6vw,72px)}.codej-studio .studio-sheet-hero-mark{display:none}@media (width>=768px){.codej-studio .studio-sheet-hero{min-height:calc(100svh - 88px - 2 * var(--studio-inset))}.codej-studio .studio-sheet-hero-inner{padding-top:clamp(40px,5vw,72px)}.codej-studio .studio-sheet-hero-titleblock{justify-self:end}}@media (width>=1024px){.codej-studio .studio-sheet-hero-field{-webkit-mask-image:linear-gradient(90deg,#0006,#000 72%);mask-image:linear-gradient(90deg,#0006,#000 72%)}.codej-studio .studio-sheet-hero-lede,.codej-studio .studio-sheet-hero-actions{grid-column:1/7}.codej-studio .studio-sheet-hero-mark{aspect-ratio:1;height:min(40vh,26vw);color:var(--studio-fg);grid-area:3/8/span 3/-1;place-self:end;margin-top:clamp(24px,3vw,40px);display:block;position:relative}.codej-studio .studio-sheet-hero-titleblock{grid-row:6}}.codej-studio .studio-sheet-hero-monogram{width:87.1795%;height:82.0513%;position:absolute;top:0;left:12.8205%}.codej-studio .studio-sheet-hero-dims{width:100%;height:100%;color:var(--studio-signal);position:absolute;inset:0;overflow:visible}.codej-studio .studio-sheet-hero-dims text{font-family:var(--studio-font-mono);letter-spacing:.14em;font-size:1.05px}@media (prefers-reduced-motion:no-preference){.codej-studio .studio-sheet-hero-field{animation:studio-wipe var(--studio-dur-draw) var(--studio-ease) both}}.codej-studio .studio-button>span:not(.studio-roll){transition:transform .22s var(--studio-ease)}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.codej-studio .studio-button:hover>span:not(.studio-roll){transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.codej-studio .studio-button>span:not(.studio-roll){transition:none!important;transform:none!important}}@media (width<=600px){.codej-studio .studio-button{gap:16px;min-width:146px;padding-left:16px}}
