:root{--color-ink: #0a0e17;--color-navy: #10182b;--color-accent: #0f766e;--color-accent-dark: #115e59;--color-accent-light: #5eead4;--color-accent-glow: rgba(15,118,110,0.15);--color-paper: #fbfbf8;--color-line: #1a1a1a;--color-line-soft: #c9c9c2;--color-stamp: #c2272d;--color-white: #ffffff;--color-surface: #f3f4f6;--color-border: #d1d5db;--color-text: #111827;--color-muted: #4b5563;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-error: #b91c1c;--color-error-bg: #fef2f2;--color-purple: #7c3aed;--color-purple-bg: #f5f3ff;--font-sans: system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--font-tech: 'Plex Condensed','Arial Narrow',system-ui,sans-serif;--font-size-base: 1rem;--line-height-base: 1.6;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 1180px;--container-pad: clamp(1.25rem,5vw,2.5rem);--header-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(4,8,15,.06);--shadow-md: 0 8px 24px rgba(4,8,15,.10);--shadow-lg: 0 16px 48px rgba(4,8,15,.14);--transition: 180ms ease}@font-face{font-family: 'Plex Condensed';src: url('/static/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2') format('woff2');font-weight: 600;font-style: normal;font-display: swap}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{font-family: var(--font-sans);font-size: var(--font-size-base);line-height: var(--line-height-base);color: var(--color-text);background: var(--color-paper);-webkit-font-smoothing: antialiased}body > main{min-height: calc(100dvh - var(--header-height))}img{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none}ul{list-style: none}h1,h2,h3{line-height: 1.2;font-weight: 700}h1{font-size: clamp(2rem,4vw,3rem)}h2{font-size: clamp(1.5rem,3vw,2.1rem)}.container{max-width: var(--container-max);margin: 0 auto;padding-left: var(--container-pad);padding-right: var(--container-pad)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: 0.6rem 1.25rem;border-radius: var(--radius-md);font-family: var(--font-sans);font-size: 0.9rem;font-weight: 600;border: 1.5px solid var(--color-border);background: var(--color-white);color: var(--color-text);cursor: pointer;transition: background var(--transition),border-color var(--transition),color var(--transition)}.btn:hover{border-color: var(--color-accent);color: var(--color-accent)}.btn--primary{background: var(--color-accent);border-color: var(--color-accent);color: var(--color-white)}.btn--primary:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark);color: var(--color-white)}.btn--outline{background: transparent}.btn--block{width: 100%}.btn--sm{padding: 0.4rem 0.9rem;font-size: 0.85rem}.form-group{margin-bottom: var(--space-4)}.form-label{display: block;font-size: 0.85rem;font-weight: 600;margin-bottom: var(--space-2)}.form-input{width: 100%;padding: 0.65rem 0.85rem;border: 1.5px solid var(--color-border);border-radius: var(--radius-md);font-family: var(--font-sans);font-size: 0.95rem;background: var(--color-white);transition: border-color var(--transition)}.form-input:focus{outline: none;border-color: var(--color-accent);box-shadow: 0 0 0 3px var(--color-accent-glow)}.form-input--error{border-color: var(--color-error)}.form-check{display: flex;align-items: center;gap: var(--space-2);font-size: 0.88rem;margin-bottom: var(--space-5);cursor: pointer}.form-alert{padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);font-size: 0.88rem;margin-bottom: var(--space-4)}.form-alert--error{background: var(--color-error-bg);color: var(--color-error)}.form-alert--success{background: var(--color-success-bg);color: var(--color-success)}
.nav{position: sticky;top: 0;z-index: 100;height: var(--header-height);box-sizing: border-box;background: rgba(251,251,248,0.94);backdrop-filter: blur(8px);border-bottom: 1px solid var(--color-line)}.nav__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-6);height: 100%}.nav__logo{display: flex;align-items: center;color: var(--color-ink)}.nav__name{font-family: var(--font-tech);font-weight: 600;font-size: 1.1rem}.nav__links{display: flex;gap: var(--space-6)}.nav__link{font-size: 0.9rem;font-weight: 500;color: var(--color-muted);transition: color var(--transition)}.nav__link:hover{color: var(--color-ink)}.nav__actions{display: flex;gap: var(--space-4);align-items: center}@media (max-width: 720px){.nav__links{display: none}}
.footer{border-top: 1px solid var(--color-line);padding: var(--space-6) 0;font-size: 0.82rem;color: var(--color-muted);background: var(--color-paper)}.footer__inner{display: flex;justify-content: space-between;align-items: center;gap: var(--space-4);flex-wrap: wrap}.footer__list{display: flex;gap: var(--space-5)}.footer__list a{text-decoration: underline;text-underline-offset: 3px}.footer__list a:hover{color: var(--color-ink)}
.cookie-banner{position: fixed;bottom: var(--space-5);left: 50%;transform: translateX(-50%);z-index: 9999;width: calc(100% - 2rem);max-width: 680px;background: var(--color-navy);color: var(--color-white);border-radius: var(--radius-lg);box-shadow: 0 8px 32px rgba(0,0,0,0.25);padding: var(--space-4) var(--space-6);animation: cookie-slide-up 0.3s ease}@keyframes cookie-slide-up{from{opacity: 0;transform: translateX(-50%) translateY(12px)}to{opacity: 1;transform: translateX(-50%) translateY(0)}}.cookie-banner[hidden]{display: none}.cookie-banner__inner{display: flex;align-items: center;gap: var(--space-5);flex-wrap: wrap}.cookie-banner__text{flex: 1;min-width: 200px;font-size: 0.88rem;line-height: 1.5;color: rgba(255,255,255,0.85)}.cookie-banner__actions{display: flex;gap: var(--space-2);flex-shrink: 0}.cookie-banner__btn{padding: 0.5rem 1.1rem;border-radius: var(--radius-md);font-family: var(--font-sans);font-size: 0.85rem;font-weight: 700;cursor: pointer;border: 1.5px solid transparent;transition: background var(--transition),color var(--transition),border-color var(--transition)}.cookie-banner__btn--accept{background: var(--color-accent);color: var(--color-white);border-color: var(--color-accent)}.cookie-banner__btn--accept:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark)}.cookie-banner__btn--dismiss{background: transparent;color: rgba(255,255,255,0.7);border-color: rgba(255,255,255,0.25)}.cookie-banner__btn--dismiss:hover{background: rgba(255,255,255,0.08);color: var(--color-white)}@media (max-width: 480px){.cookie-banner{bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;width: 100%}.cookie-banner__inner{flex-direction: column;align-items: flex-start;gap: var(--space-3)}}
:root{--sheet-grey: #8f8f88}.sheet{position: relative;max-width: 1120px;margin: var(--space-3) var(--space-2) var(--space-8);border: 1px solid var(--color-line);background: var(--color-paper)}.sheet__inner{padding: var(--space-5) var(--space-4) var(--space-8)}.sheet__ruler{display: none}@media (min-width: 900px){.sheet{margin: var(--space-8) auto var(--space-12);margin-inline: max(var(--space-6),calc((100% - 1120px) / 2));outline: 1px solid var(--sheet-grey);outline-offset: 6px;padding: 22px}.sheet__inner{border: 1.5px solid var(--color-line);padding: var(--space-10) var(--space-12) var(--space-12)}.sheet__ruler{position: absolute;display: flex;justify-content: space-around;font-size: 0.7rem;color: var(--sheet-grey);pointer-events: none}.sheet__ruler--top{top: 2px;left: 22px;right: 22px;height: 20px;align-items: center}.sheet__ruler--left,.sheet__ruler--right{top: 22px;bottom: 22px;width: 22px;flex-direction: column;align-items: center}.sheet__ruler--left{left: 0}.sheet__ruler--right{right: 0}}.tb__label{display: block;font-size: 0.8rem;color: var(--color-muted);line-height: 1.3}.hero-sheet__drawing{margin: 0 0 var(--space-4)}.hero-sheet__drawing img{width: 100%;max-height: 90px;object-fit: contain;object-position: left bottom;mix-blend-mode: multiply;opacity: 0.55}.tb{display: grid;grid-template-columns: 96px 1fr;border: 1.5px solid var(--color-line);background: var(--color-white)}.tb__cell{padding: var(--space-2) var(--space-3)}.tb__photo{border-right: 1px solid var(--color-line)}.tb__photo img{width: 100%;height: 100%;object-fit: cover}.tb__cell--name{padding-top: var(--space-3);align-self: center}.tb__cell--name h1{font-family: var(--font-tech);font-weight: 600;font-size: clamp(1.9rem,8vw,3.6rem);line-height: 1;letter-spacing: -0.01em;color: var(--color-ink)}.tb__role{margin-top: var(--space-1);font-size: 0.95rem;color: var(--color-muted);line-height: 1.35}.tb__meta{grid-column: 1 / -1;display: grid;grid-template-columns: repeat(3,1fr);border-top: 1px solid var(--color-line)}.tb__meta .tb__cell + .tb__cell{border-left: 1px solid var(--color-line-soft)}.tb__meta dd{font-size: 0.9rem;color: var(--color-text)}@media (max-width: 520px){.tb__meta{grid-template-columns: 1fr 1fr}.tb__meta .tb__cell:first-child{grid-column: 1 / -1;border-bottom: 1px solid var(--color-line-soft)}.tb__meta .tb__cell:nth-child(2){border-left: 0}}@media (min-width: 900px){.hero-sheet__drawing img{max-height: 160px}.tb{grid-template-columns: 160px 1fr}.tb__cell--name{padding: var(--space-6)}.tb__meta .tb__cell{padding: var(--space-3) var(--space-6)}}.actions{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2);margin-top: var(--space-3)}.action{display: flex;align-items: center;gap: var(--space-3);min-height: 54px;padding: var(--space-2) var(--space-3);border: 1px solid var(--color-line-soft);background: var(--color-white);color: var(--color-ink);font-weight: 600;font-size: 0.95rem;line-height: 1.2;transition: background var(--transition),border-color var(--transition),transform var(--transition)}.action small{display: block;font-weight: 400;font-size: 0.8rem}@media (max-width: 420px){.action{gap: var(--space-2);font-size: 0.9rem;padding: var(--space-2)}.action svg{width: 20px;height: 20px}}.action svg{flex: none;width: 22px;height: 22px;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.action:hover{border-color: var(--color-line)}.action:active{transform: translateY(1px)}.action--primary{background: var(--color-accent);border-color: var(--color-accent);color: var(--color-white)}.action--primary small{color: rgba(255,255,255,0.9)}.action--primary:hover{background: var(--color-accent-dark);border-color: var(--color-accent-dark)}@media (min-width: 900px){.actions{grid-template-columns: repeat(4,1fr);gap: var(--space-3)}.action{min-height: 60px;padding: var(--space-3) var(--space-4)}}.hero-sheet__pitch{margin-top: var(--space-6);max-width: 60ch;font-size: 1.1rem;line-height: 1.6}.sec{margin-top: var(--space-16);scroll-margin-top: calc(var(--header-height) + var(--space-4))}@media (min-width: 900px){.sec{margin-top: var(--space-20)}}.sec-title{font-family: var(--font-tech);font-weight: 600;font-size: clamp(1.6rem,4vw,2.1rem);color: var(--color-ink)}.dim{position: relative;height: 1px;margin: var(--space-3) 0 var(--space-6);background: var(--sheet-grey);transform-origin: left center}.dim::before,.dim::after{content: "";position: absolute;top: -5px;width: 1px;height: 11px;background: var(--sheet-grey)}.dim::before{left: 0}.dim::after{right: 0}.js .dim{transform: scaleX(0);transition: transform 700ms cubic-bezier(.2,.7,.2,1)}.js .dim.is-drawn{transform: scaleX(1)}.about{max-width: 64ch;display: grid;gap: var(--space-4);font-size: 1.05rem}.project-intro{max-width: 64ch;margin-bottom: var(--space-6)}.project-intro h3{font-size: 1.15rem;margin-bottom: var(--space-1)}.project-intro p{color: var(--color-muted)}.drawings{display: grid;gap: var(--space-5)}@media (min-width: 720px){.drawings{grid-template-columns: repeat(3,1fr)}}.rail{position: relative;container-type: inline-size}.rail__btn{display: none}@media (min-width: 720px){.rail__viewport{overflow: hidden}.drawings--rail{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: calc((100% - 2 * var(--space-5)) / 3)}.rail__btn{position: absolute;z-index: 4;top: calc((100cqw - 2 * var(--space-5)) / 3 / 1.42 / 2);display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;padding: 0;border: 1px solid var(--color-line);border-radius: 50%;background: var(--color-white);color: var(--color-ink);box-shadow: 0 2px 8px rgba(10,14,23,0.12);cursor: pointer;transform: translateY(-50%);transition: background var(--transition),color var(--transition)}.rail__btn svg{width: 22px;height: 22px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.rail__btn:hover{background: var(--color-ink);color: var(--color-white)}.rail__btn:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.rail__btn--prev{left: 0;translate: -50% 0}.rail__btn--next{right: 0;translate: 50% 0}}.drawing__link{display: flex;flex-direction: column;height: 100%;border: 1px solid var(--color-line-soft);background: var(--color-white);transition: border-color var(--transition)}.drawing__link:hover{border-color: var(--color-line)}.drawing__frame{position: relative;display: block;border-bottom: 1px solid var(--color-line-soft);overflow: hidden}.drawing__frame img{width: 100%;height: auto;aspect-ratio: 1.42;object-fit: cover}.drawing__stack{display: block;position: relative;transition: transform 400ms ease}.drawing__link:hover .drawing__stack{transform: scale(1.04)}.drawing__zoom{z-index: 3;position: absolute;right: var(--space-2);bottom: var(--space-2);display: grid;place-items: center;width: 36px;height: 36px;background: var(--color-white);border: 1px solid var(--color-line-soft);color: var(--color-ink)}.drawing__zoom svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round}.drawing__body{display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-4)}.drawing__title{font-size: 1.05rem}.drawing__caption{font-size: 0.92rem;color: var(--color-muted);line-height: 1.5}.drawing__link:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 3px}.project + .project{margin-top: var(--space-16)}.reveal-on .drawings > .drawing{opacity: 0;transform: translateY(28px);transition: opacity 600ms ease,transform 750ms cubic-bezier(.2,.7,.2,1);transition-delay: var(--reveal-delay,0ms)}.reveal-on .drawings > .drawing.is-in{opacity: 1;transform: none}.reveal-on .drawings > .drawing.is-instant{transition: none}.model{position: relative;display: flex;flex-direction: column;height: 100%;border: 1px solid var(--color-line-soft);background: var(--color-white);transition: border-color var(--transition)}.model{cursor: pointer}.model:hover{border-color: var(--color-line)}.model__stage{aspect-ratio: 1.42;background: var(--color-white)}.model__poster{width: 100%;height: 100%;aspect-ratio: auto;object-fit: cover;transition: opacity 500ms ease,transform 400ms ease}.model.is-live .model__poster{opacity: 0}.model__canvas{position: absolute;inset: 0;display: block;width: 100%;height: 100%;touch-action: pan-y;transition: transform 400ms ease}.model:hover .model__canvas,.model:hover .model__poster{transform: scale(1.04)}.model__open{position: absolute;right: var(--space-2);bottom: var(--space-2);z-index: 1;display: grid;place-items: center;width: 36px;height: 36px;background: var(--color-white);border: 1px solid var(--color-line-soft);color: var(--color-ink);cursor: pointer}.model__open:hover{border-color: var(--color-line)}.model__open:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 3px}.model__open svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.model-viewer__stage{position: relative;flex: 1;background: var(--color-white);cursor: grab}.model-viewer__stage:active{cursor: grabbing}.model-viewer__stage .model__canvas{touch-action: none}.legend{display: grid;gap: var(--space-8)}@media (min-width: 720px){.legend{grid-template-columns: 1fr 1fr;gap: var(--space-12)}}.legend__title{font-size: 1.05rem;margin-bottom: var(--space-2)}.legend__list{display: grid}.legend__item{position: relative;padding: var(--space-1) 0 var(--space-1) 1.2rem}.legend__item::before{content: "-";position: absolute;left: 0.2rem;color: var(--sheet-grey)}.revs{width: 100%;border-collapse: collapse;border: 1px solid var(--color-line-soft);background: var(--color-white);font-size: 0.95rem}.revs th{text-align: left;font-weight: 400;font-size: 0.8rem;color: var(--color-muted);padding: var(--space-2) var(--space-3);border-bottom: 1px solid var(--color-line-soft)}.revs td{vertical-align: top;padding: var(--space-3);border-top: 1px solid var(--color-line-soft)}.revs__date{width: 10rem;font-size: 0.85rem;white-space: nowrap;color: var(--color-muted);font-variant-numeric: tabular-nums}.revs__type{width: 7rem}.revs summary{cursor: pointer;list-style: none;display: flex;flex-wrap: wrap;gap: 0 var(--space-3);align-items: baseline}.revs summary::-webkit-details-marker{display: none}.revs summary::after{content: "+";margin-left: auto;color: var(--sheet-grey)}.revs details[open] summary::after{content: "−"}.revs__place{color: var(--color-muted);font-size: 0.9rem}.revs details ul{margin-top: var(--space-2);padding-left: 1.1rem;list-style: disc;color: var(--color-muted);font-size: 0.92rem}.tag{font-size: 0.8rem;color: var(--color-muted)}.tag--uddannelse{color: var(--color-accent);font-weight: 600}@media (max-width: 640px){.revs thead{display: none}.revs,.revs tbody,.revs tr,.revs td{display: block;width: auto}.revs tr{display: grid;grid-template-columns: 1fr auto;gap: 0 var(--space-3);padding: var(--space-3);border-top: 1px solid var(--color-line-soft)}.revs tbody tr:first-child{border-top: 0}.revs td{padding: 0;border: 0 !important}.revs__date{align-self: center}.revs__desc{grid-column: 1 / -1;margin-top: var(--space-1)}.revs__type{grid-column: 2;grid-row: 1}}.notes{max-width: 64ch;list-style: none;display: grid;gap: var(--space-2)}.notes li{position: relative;padding-left: 1.2rem}.notes li::before{content: "-";position: absolute;left: 0.2rem;color: var(--sheet-grey)}.approve{display: grid;border: 1.5px solid var(--color-line);background: var(--color-white);overflow: clip}@media (min-width: 820px){.approve{grid-template-columns: 1.4fr 1fr}}.approve__field{position: relative;padding: var(--space-6);display: grid;gap: var(--space-5);align-content: start}.approve__lead{font-family: var(--font-tech);font-weight: 600;font-size: 1.5rem;line-height: 1.2;color: var(--color-ink)}.approve__sign{position: relative;height: 72px}.approve__line{position: absolute;left: 0;right: 0;bottom: 22px;border-bottom: 1px solid var(--color-line)}.approve__sign-label{position: absolute;left: 0;bottom: 0}.approve__btn{justify-self: start;padding: 0.85rem 1.6rem;font-size: 1rem;border-radius: 0}.approve__stamp{position: absolute;left: 50%;top: 40%;padding: 0.15rem 0.9rem;border: 3px solid var(--color-stamp);border-radius: 6px;color: var(--color-stamp);font-family: var(--font-tech);font-weight: 600;font-size: 2rem;letter-spacing: 0.04em;mix-blend-mode: multiply;opacity: 0;transform: translate(-50%,-50%) rotate(-8deg) scale(2.4);pointer-events: none}.approve.is-approved .approve__stamp{animation: stamp 420ms cubic-bezier(.3,1.4,.5,1) forwards}@keyframes stamp{0%{opacity: 0;transform: translate(-50%,-50%) rotate(-8deg) scale(2.4)}60%{opacity: 1;transform: translate(-50%,-50%) rotate(-8deg) scale(0.94)}100%{opacity: 0.92;transform: translate(-50%,-50%) rotate(-8deg) scale(1)}}.approve__contact{display: grid;align-content: center;border-top: 1px solid var(--color-line)}@media (min-width: 820px){.approve__contact{border-top: 0;border-left: 1px solid var(--color-line-soft)}}.approve__contact > div{padding: var(--space-4) var(--space-6)}.approve__contact > div + div{border-top: 1px solid var(--color-line-soft)}.approve__contact dd{font-size: 1.05rem;overflow-wrap: anywhere}.approve__contact a{color: var(--color-accent);text-decoration: underline;text-underline-offset: 3px}.viewer{width: 100vw;height: 100dvh;max-width: none;max-height: none;margin: 0;border: 0;padding: 0;background: var(--color-paper);color: var(--color-ink);display: none;flex-direction: column}.viewer[open]{display: flex}.viewer::backdrop{background: rgba(10,14,23,0.6)}.viewer__bar{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-2) var(--space-3);border-bottom: 1px solid var(--color-line-soft)}.viewer__heading{display: flex;flex-direction: column;min-width: 0}.viewer__heading strong{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.viewer__meta{font-size: 0.8rem;color: var(--color-muted)}.viewer__tools{display: flex;gap: var(--space-1)}.viewer__btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);width: 44px;height: 44px;padding: 0;border: 1px solid var(--color-line-soft);background: var(--color-white);color: var(--color-ink);cursor: pointer;text-decoration: none;transition: border-color var(--transition),background var(--transition)}.viewer__btn svg{width: 20px;height: 20px;flex: none}.viewer__btn:hover{border-color: var(--color-line)}.viewer__btn:focus-visible{outline: 3px solid var(--color-accent);outline-offset: 2px}.viewer__btn--text{width: auto;padding: 0 var(--space-3) 0 var(--space-2);font-size: 0.9rem;font-weight: 600}.viewer__close{background: var(--color-ink);border-color: var(--color-ink);color: var(--color-white)}.viewer__close:hover{background: var(--color-navy);border-color: var(--color-navy)}.viewer__play .viewer__icon-play{display: none}.viewer__play.is-paused .viewer__icon-play{display: block}.viewer__play.is-paused .viewer__icon-pause{display: none}.viewer__btn[hidden]{display: none}.viewer{overflow: hidden}.viewer__snap{position: fixed;z-index: 2;pointer-events: none;display: block}.viewer__snap{background: #fff;overflow: hidden}.viewer__snap canvas{position: absolute;display: block}.viewer__snap--in{box-shadow: 0 0 28px rgba(10,14,23,0.18)}.viewer__nav{z-index: 4}.viewer__nav{position: absolute;top: 50%;margin-top: 26px;transform: translateY(-50%);background: rgba(255,255,255,0.94);box-shadow: var(--shadow-sm)}.viewer__nav--prev{left: var(--space-4)}.viewer__nav--next{right: var(--space-4)}@media (max-width: 520px){.viewer__nav--prev{left: var(--space-2)}.viewer__nav--next{right: var(--space-2)}}.drawing__preview{position: relative;background: var(--color-white)}.drawing__preview + .drawing__preview{position: absolute;inset: 0;height: 100%}.drawing__frame:not(.is-cycling) .drawing__preview + .drawing__preview{display: none}.drawing__frame.is-cycling .drawing__preview{visibility: hidden}.drawing__frame.is-cycling .drawing__preview.is-active,.drawing__frame.is-cycling .drawing__preview.is-leaving{visibility: visible}.drawing__preview.is-active{z-index: 1}.drawing__preview.is-entering{z-index: 2;animation: sheet-in 900ms cubic-bezier(.22,.8,.24,1) both;box-shadow: -10px 0 18px rgba(10,14,23,0.14)}.drawing__preview.is-leaving{z-index: 0;animation: sheet-out 900ms cubic-bezier(.22,.8,.24,1) both}@keyframes sheet-in{from{transform: translateX(100%)}to{transform: translateX(0)}}@keyframes sheet-out{from{transform: translateX(0);filter: none}to{transform: translateX(-18%);filter: brightness(0.9)}}.viewer__stage{flex: 1;overflow: auto;touch-action: pan-x pan-y;cursor: grab;background: var(--color-white);overscroll-behavior: contain}.viewer__stage.is-dragging{cursor: grabbing}.viewer__stage{position: relative}.viewer.is-vector .viewer__stage{overflow: hidden}.viewer.is-vector .viewer__img{visibility: hidden}.viewer__pdf-view{position: absolute;inset: 0;overflow: auto;background: var(--color-white);cursor: grab;touch-action: none;opacity: 0;transition: opacity 200ms ease}.viewer.is-vector .viewer__pdf-view{opacity: 1}.viewer__pdf-view.is-dragging{cursor: grabbing}.viewer__pdf-view .pdfViewer .page{margin: 0 auto;box-shadow: none}.viewer__pdf-view::-webkit-scrollbar{display: none}.viewer__pdf-view{scrollbar-width: none}.viewer__img{display: block;max-width: none;user-select: none;-webkit-user-drag: none;margin: auto}@media (prefers-reduced-motion: reduce){.js .dim{transform: none;transition: none}.approve.is-approved .approve__stamp{animation: none;opacity: 0.92;transform: translate(-50%,-50%) rotate(-8deg)}.drawing__frame img,.drawing__stack{transition: none}.model__poster,.model__canvas{transition: none}.model:hover .model__canvas,.model:hover .model__poster{transform: none}}html:has(dialog.viewer[open]){overflow: hidden}
@font-face{font-family: 'BC Condensed';src: url('/static/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2') format('woff2');font-weight: 600}@font-face{font-family: 'BC Sans';src: url('/static/fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');font-weight: 400}@font-face{font-family: 'BC Sans';src: url('/static/fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');font-weight: 600}.bc{--bc-ink: #0a0e17;--bc-line: #1a1a1a;--bc-soft: #c9c9c2;--bc-muted: #4b5563;--bc-accent: #0f766e;--bc-blue: #193141;--bc-blue-tint: #d1d6d9;position: relative;width: 85mm;height: 55mm;background: #fff;color: var(--bc-ink);font-family: 'BC Sans',system-ui,sans-serif;font-weight: 400;line-height: 1.25;overflow: hidden;box-sizing: border-box}.bc *,.bc *::before,.bc *::after{box-sizing: border-box;margin: 0;padding: 0}.bc__frame{position: absolute;inset: 4mm;border: 0.3mm solid var(--bc-line);display: flex}.bc--front .bc__frame{flex-direction: column}.bc__drawing{flex: 1;display: flex;align-items: flex-end;justify-content: center;padding: 2.5mm 3mm 1.5mm;min-height: 0}.bc__drawing img{display: block;max-width: 100%;max-height: 100%;object-fit: contain}.bc__tb{border-top: 0.3mm solid var(--bc-line);padding: 2mm 3mm 2.2mm}.bc__name{font-family: 'BC Condensed','Arial Narrow',sans-serif;font-weight: 600;font-size: 15pt;line-height: 1;letter-spacing: -0.01em}.bc__role{margin-top: 0.8mm;font-size: 6.5pt;color: var(--bc-muted)}.bc--back .bc__frame{display: block}.bc__shape{position: absolute;display: block;background: var(--bc-blue)}.bc__shape--tl{left: 0;top: 0;width: 16mm;height: 16mm;clip-path: polygon(0 0,100% 0,0 100%)}.bc__shape--tri{right: 0;bottom: 0;width: 40.5mm;height: 40.5mm;background: var(--bc-blue-tint);clip-path: polygon(100% 0,100% 100%,0 100%)}.bc__info{position: absolute;left: 6mm;top: 10mm;right: 29mm;bottom: 3mm;display: flex;flex-direction: column;justify-content: center}.bc__contact{list-style: none;display: flex;flex-direction: column;gap: 1.5mm;margin-top: 3.2mm}.bc__contact li{display: flex;align-items: center;gap: 1.8mm;font-size: 6.8pt;white-space: nowrap}.bc__icon{flex: none;width: 2.8mm;height: 2.8mm;fill: none;stroke: var(--bc-blue);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.bc__qr{position: absolute;right: -0.3mm;bottom: -0.3mm;width: 27.3mm;height: 27.3mm}.bc__qr svg{display: block;width: 100%;height: 100%}@page{size: A4;margin: 0}.bc-print{margin: 0;-webkit-print-color-adjust: exact;print-color-adjust: exact}.bc-page{position: relative;width: 210mm;height: 297mm;overflow: hidden;break-after: page}.bc-page:last-child{break-after: auto}.bc-grid{position: absolute;left: 20mm;top: 11mm;display: grid;grid-template-columns: repeat(2,85mm);grid-template-rows: repeat(5,55mm)}.bc-slot{width: 85mm;height: 55mm}.bc-cut{position: absolute;display: block}.bc-cut--v{width: 0;height: 5mm;border-left: 0.15mm solid #000}.bc-cut--h{height: 0;width: 6mm;border-top: 0.15mm solid #000}
.intro{position: fixed;inset: 0;z-index: 1000;display: grid;place-items: center;background: var(--color-paper);cursor: pointer;animation: intro-failsafe 400ms ease 4s forwards}.intro.is-running{animation: none}@keyframes intro-failsafe{to{opacity: 0;visibility: hidden}}.intro__stage{perspective: 1600px}.intro__card{position: relative;width: 85mm;height: 55mm;transform-style: preserve-3d;zoom: 1.6}.intro__face{position: absolute;inset: 0;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-shadow: 0 2px 6px rgba(10,14,23,0.08),0 18px 48px rgba(10,14,23,0.16)}.intro__face--front{transform: rotateY(180deg)}.intro-running .hero-sheet__drawing img:not(.intro-landed),.intro-running #name:not(.intro-landed),.intro-running .tb__role:not(.intro-landed){opacity: 0}.intro-fly{position: fixed;margin: 0;z-index: 1001;transform-origin: 0 0;pointer-events: none}@media (prefers-reduced-motion: reduce){.intro{display: none}}