html { scrollbar-width: thin; scrollbar-color: #bfbfbf #000000; }
body::-webkit-scrollbar { display: block; width: 8px; }
body::-webkit-scrollbar-track { background: #000000; }
body::-webkit-scrollbar-thumb { background: #bfbfbf; border-radius: 8px; }
::selection { background: #222222; color: #fff; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
input, textarea { caret-color: #121212; }
app-cookie-consent, app-turn-device { display: none !important; }
.local-form-note { margin-top: 24px; font-size: 18px; line-height: 1.5; color: #121212; }
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto !important; }
 .btn, .btn * { transition-duration: .01ms !important; }
}


@media (prefers-reduced-motion: reduce) {
 .hero-webgl__poster { background: #000000 url('/portfolio/linework/demo/assets/local-hero-poster-desktop.png') center / cover no-repeat !important; opacity: 1 !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
 .hero-webgl__poster { background-image: url('/portfolio/linework/demo/assets/local-hero-poster-mobile.png') !important; }
}


.ui-light { --t-small: rgba(18,18,18,.75); }
.ui-dark { --t-small: rgba(255,255,255,.75); }
.form-control--float :is(input,textarea):is(:focus,:not(:placeholder-shown),:autofill) ~ .form-label,
.form-control--float.is-not-empty .form-label,
.form-control--float.is-focused:not(.form-control--select) .form-label,
.form-control--float--static .form-label {
 font-size: 16px !important; line-height: 1.25; transform: translateY(-20px) !important; color: #121212;
}

form app-button[type="submit"] > button.btn { pointer-events: auto !important; opacity: 1 !important; cursor: pointer; }

.header__started .gsd__menu { min-inline-size: min(320px, calc(100vw - 30px)); }
.gsd__menu .btn__text-inner { white-space: normal; }
@media (prefers-reduced-motion: reduce) { .gsd__menu { transition: none !important; } }

.gsd > .gsd__menu { display: none !important; }
.local-start-menu { position: fixed; z-index: 200; padding: 4px 12px; background: #121212; border-radius: 5px; color: #fff; }
.local-start-menu a { display: block; padding: 12px 0; font: 400 18px/1.4 Suisse, sans-serif; color: #fff; text-decoration: none; overflow-wrap: anywhere; }
.local-start-menu a + a { border-top: 1px solid rgba(18,18,18,.2); }
.local-start-menu a:hover, .local-start-menu a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
 .hero-sticky__title, .hero-box--intro { opacity: 1 !important; }
}


.js-truck-hover-pin-boxes, .js-truck-hover-pin-cabin, .js-truck-hover-pin-wheels { display: none !important; }


:root, .ui-light {
 --color-orange-dark: #121212; --color-orange: #121212; --color-pink: #626262;
 --color-white: #fff; --color-gray: #e5e5e5; --color-blue: #121212;
 --color-blue-light: #c9c9c9; --color-blue-dark: #000; --color-blue-text: #121212;
 --color-error: #121212; --color-navigation: #242424; --color-navigation-hover: #3d3d3d;
 --t-background: #fff; --t-background-alt: #f4f4f4; --t-text: #121212;
 --t-heading: #121212; --t-primary: #121212; --t-secondary: #626262;
 --t-small: rgba(18,18,18,.75); --t-line: rgba(18,18,18,.2);
 --t-line-thin: rgba(18,18,18,.06); --t-blur: rgba(18,18,18,.05);
}
.ui-dark {
 --color-orange-dark: #d9d9d9; --color-orange: #fff;
 --t-background: #121212; --t-background-alt: #000; --t-text: #fff;
 --t-heading: #fff; --t-primary: #fff; --t-secondary: #c9c9c9;
 --t-small: rgba(255,255,255,.75); --t-line: rgba(255,255,255,.22);
 --t-line-thin: rgba(255,255,255,.1); --t-blur: rgba(255,255,255,.05);
}
img, video { filter: grayscale(1); }
.hero-webgl { background: #000 !important; }
.hero-webgl__poster { background: #000 url('/portfolio/linework/demo/assets/local-hero-poster-desktop.png') center / cover no-repeat !important; }
.btn.btn--primary {
 --btn-fill: var(--t-text); --btn-fill-hover: var(--t-small);
 background: var(--t-text); color: var(--t-background);
}
.btn.btn--primary:hover, .btn.btn--primary:focus-visible { background: var(--t-small); }
.btn.btn--link { color: var(--t-text); }
.btn .btn__outline-draw { stroke: var(--t-text); }
.btn:focus-visible { outline-color: currentColor; }
.key-figures-card.key-figures-card--primary { background: #262626; color: #fff; }
.pin--visible .pin__background, .pin--large.pin--visible .pin__background { background: rgba(255,255,255,.08); }
.pin__info::before { border-color: #fff; }
.tooltip.ui-dark { background: #121212; }
.form-label__info, label.error, div.error { color: #121212; }
.form-control--input.form-control--error::after, .form-control--textarea.form-control--error::after { border-color: #121212; }
.error-message { background: #121212; }
.form-select__item:hover, .form-select__item:active, .form-select__item.is-focused { background: rgba(18,18,18,.06); }
.platform-navigation__overlay-content-inner.ui-light .platform-navigation-button .btn--secondary {
 background: rgba(18,18,18,.05); border-color: rgba(18,18,18,.2); color: #121212;
}
@media (prefers-reduced-motion: reduce) {
 .hero-webgl__poster { background: #000 url('/portfolio/linework/demo/assets/local-hero-poster-desktop.png') center / cover no-repeat !important; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
 .hero-webgl__poster { background-image: url('/portfolio/linework/demo/assets/local-hero-poster-mobile.png') !important; }
}

app-header[data-theme="light"] :is(.header__logo, .header__burger) { background: rgba(18,18,18,.1); }
app-header[data-theme="light"] :is(.header__logo, .header__burger):hover { background: rgba(18,18,18,.15); }
app-header[data-theme="light"] .header__burger { border-inline-start-color: rgba(18,18,18,.2); }
app-header[data-theme="light"] .header__burger span { background: #121212; }


#studio, #work, #featured, #request, #concept-note { scroll-margin-top: 100px; }
.header__logo img { width: 150px; height: 30px; object-fit: contain; }
.hero-box__image { object-fit: contain; }
.hero-box--intro .hero-box__main { background: rgba(8,8,8,.72); }
.leaders-card__image img { object-fit: contain; }
.key-figures__image { opacity: .55; }
.key-figures-card { background-image: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.25)),url('/portfolio/linework/demo/assets/creative/form-study.svg'); background-size: cover; background-position: center; }
.key-figures .row > div:nth-child(2) .key-figures-card { background-image: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.25)),url('/portfolio/linework/demo/assets/creative/frame-study.svg'); }
.key-figures .row > div:nth-child(3) .key-figures-card { background-image: linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.25)),url('/portfolio/linework/demo/assets/creative/footer-lines.svg'); }
.studies__content { background: rgba(0,0,0,.78) !important; }
.creative-concept-note { max-width: 72ch; margin: 0 auto; padding: 24px var(--spacing); font: 400 16px/1.6 Suisse,sans-serif; color: #595959; }
.request-section .text-default { line-height: 1.5; }
.footer__background { opacity: .65; }
@media (max-width: 667px) {
 .header__logo img { width: 120px; height: 26px; }
 .hero-box--intro .hero-box__main { background: rgba(0,0,0,.8); padding: 16px; }
 .hero-sticky h2.h1 { font-size: clamp(42px,11vw,72px); line-height: 1.05; }
 .creative-concept-note { padding: 24px 16px; }
}


.key-figures-card.key-figures-card--primary {
 background-image: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.15)),url('/portfolio/linework/demo/assets/creative/form-study.svg');
 background-size: cover; background-position: center;
}
.key-figures-card { background-repeat: no-repeat; background-size: cover !important; }
.studies__item-logo { display: none !important; }
.studies__image img { filter: grayscale(1) brightness(.4); }
app-header[data-theme="light"] :is(.header__logo,.header__burger) { background: rgba(18,18,18,.1) !important; }
app-header[data-theme="light"] .header__burger span { background: #121212 !important; }




app-preloader { display: none !important; }
@media (max-width: 700px) {
 .hero-webgl__poster { background-image: url('/portfolio/linework/demo/assets/local-hero-poster-mobile.png') !important; }
}


.hero-container { position: relative; }
.studio-replaced-deck, .studio-replaced-deck * { visibility: hidden !important; pointer-events: none !important; }
.studio-interlude {
 position: absolute; top: var(--interlude-position); inset-inline: 0; z-index: 8;
 box-sizing: border-box; min-height: 100svh; width: 100%;
 padding: clamp(64px,6vw,104px) clamp(24px,4vw,80px);
 color: #111; background: #f4f4f4; isolation: isolate;
}
.studio-interlude__title {
 margin: 0 0 40px; color: inherit; font-family: Suisse,helvetica,arial,sans-serif;
 font-size: clamp(80px,10.7vw,184px); font-weight: 400;
 line-height: .92; letter-spacing: -.04em; text-transform: uppercase;
}
.studio-interlude__title span { display: block; }
.studio-interlude__intro { max-width: 58ch; margin: 0 0 56px; font-size: clamp(18px,1.5vw,22px); line-height: 1.5; }
.studio-capabilities { margin-bottom: 40px; }
.studio-capabilities article { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); column-gap: 48px; padding: 24px 0; border-top: 1px solid #bdbdbd; }
.studio-capabilities h3 { color: inherit; margin: 0; font-size: clamp(24px,2.5vw,40px); font-weight: 400; line-height: 1.15; letter-spacing: -.02em; }
.studio-capabilities p { margin: 0; max-width: 58ch; font-size: 18px; line-height: 1.5; }
.studio-interlude__link { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 48px; padding-block: 12px; color: inherit; font-size: 18px; line-height: 1.4; text-decoration: none; border-bottom: 1px solid currentColor; }
.studio-interlude__link svg { flex: 0 0 24px; width: 24px; height: 24px; transition: transform 200ms ease-out; }
.studio-interlude__link:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
html.studio-paper-header .header__logo img { filter: brightness(0); }
html.studio-paper-header :is(.header__logo,.header__burger) { background: rgba(18,18,18,.1) !important; }
html.studio-paper-header .header__burger { border-inline-start-color: rgba(18,18,18,.2); }
html.studio-paper-header .header__burger span { background: #121212 !important; }
@media (hover: hover) and (pointer: fine) {
 .studio-interlude__link:hover svg { transform: translate(3px,-3px); }
 .studio-interlude__link:hover { text-decoration: underline; text-underline-offset: 5px; }
}
@media (max-width: 979px) {
 .studio-interlude__title { font-size: clamp(64px,11.4vw,112px); }
 .studio-capabilities article { column-gap: 32px; }
}
@media (max-width: 567px) {
 .studio-interlude { padding: 88px 24px 48px; }
 .studio-interlude__title { font-size: clamp(44px,12.7vw,72px); line-height: .95; margin-bottom: 32px; }
 .studio-interlude__intro { margin-bottom: 40px; }
 .studio-capabilities article { grid-template-columns: minmax(0,1fr); gap: 16px; }
 .studio-capabilities h3 { font-size: 28px; }
 .studio-interlude__link { width: 100%; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
 .studio-interlude__link svg { transition: none; }
 .studio-interlude__link:hover svg { transform: none; }
}