@font-face{font-family:geistMono;src:url(../media/GeistMono_400-s.p.08hbbknvbgrcb.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.oKqHaW_className{font-family:geistMono,geistMono Fallback;font-weight:400}.oKqHaW_variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
@font-face{font-family:anton;src:url(../media/Anton_Regular-s.p.44-lrkefphrp_.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:anton Fallback;src:local(Arial);ascent-override:127.93%;descent-override:35.79%;line-gap-override:0.0%;size-adjust:91.94%}.DYfgha_className{font-family:anton,anton Fallback;font-weight:400}.DYfgha_variable{--font-anton:"anton", "anton Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:var(--font-geist-mono), ui-monospace, monospace;--spacing:.25rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-geist-mono), ui-monospace, monospace;--radius:0rem;--color-base:#eff2f4;--color-panel:#e4e9ec;--color-surface:#d8dee2;--color-line:#cbd2d7;--color-text:#1d2329;--color-muted:#505b65;--color-accent:#3b4a57;--color-accent-fill:#1d2329;--color-accent-deep:#1d2329;--font-display:var(--font-anton), sans-serif;--font-body:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-8:64px;--ease-expo:cubic-bezier(.16, 1, .3, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--c-bg:var(--color-base);--c-text:var(--color-text);--c-muted:var(--color-muted);--c-hair:var(--color-line);--c-acc:var(--color-accent);--c-fill:var(--color-accent-fill);--c-on-fill:var(--color-base)}.on-tief{--c-bg:var(--color-panel);--c-text:var(--color-text);--c-muted:var(--color-muted);--c-hair:var(--color-line);--c-acc:var(--color-accent);--c-fill:var(--color-accent-fill);--c-on-fill:var(--color-base);background:var(--c-bg);color:var(--c-text)}.on-accent{--c-bg:var(--color-accent-deep);--c-text:var(--color-text);--c-muted:var(--color-text);--c-hair:#1d232973}@supports (color:color-mix(in lab, red, red)){.on-accent{--c-hair:color-mix(in srgb, var(--color-text) 45%, transparent)}}.on-accent{--c-acc:var(--color-text);--c-fill:var(--color-text);--c-on-fill:var(--color-accent-deep);background:var(--c-bg);color:var(--c-text)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-base);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow-wrap:break-word}::selection{background:var(--color-accent);color:var(--color-base)}:focus-visible{outline:3px solid var(--c-text);outline-offset:3px}:focus:not(:focus-visible){outline:none}.skip-link{z-index:100000;background:var(--color-base);color:var(--color-text);font-family:var(--font-body);padding:14px 20px;font-size:13px;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:opacity,color,background-color,border-color,fill,stroke,text-decoration-color!important;transition-duration:.15s!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,5vw,80px)}.grid12{gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@media (max-width:899px){.grid12{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr))}}.section{padding-block:clamp(72px,8vw,112px)}.section-tight{padding-block:clamp(48px,6vw,88px)}.section-anchor{scroll-margin-top:84px}@media (max-width:820px){.section-anchor{scroll-margin-top:76px}}.t-display{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;color:var(--c-text);font-size:clamp(52px,10.5vw,184px);font-weight:700;line-height:.86}.t-section{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;color:var(--c-text);font-size:clamp(32px,5vw,72px);font-weight:700;line-height:.94}.t-body{font-family:var(--font-body);color:var(--c-muted);font-size:clamp(16px,1.15vw,19px);font-weight:400;line-height:1.6}.t-lead{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:var(--c-text);font-size:clamp(22px,2.8vw,40px);font-weight:500;line-height:1.2}.betont{color:var(--c-acc)}.t-label{font-family:var(--font-body);letter-spacing:.055em;text-transform:uppercase;color:var(--c-muted);font-size:12px;font-weight:650}.t-num{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-acc);font-size:12px}.t-fine{font-family:var(--font-body);letter-spacing:.05em;color:var(--c-muted);font-size:11px;line-height:1.5}.rule{align-items:baseline;gap:var(--space-2);border-top:1px solid var(--c-text);padding-top:var(--space-2);margin-bottom:clamp(32px,5vw,64px);display:flex}.btn{min-height:56px;padding:0 var(--space-4);background:var(--c-fill);color:var(--c-on-fill);font-family:var(--font-body);letter-spacing:.045em;text-transform:uppercase;border:2px solid var(--c-fill);transition:background .15s ease, color .15s ease, border-color .15s ease, transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn:focus-visible{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.btn:active{transform:scale(.97)}.link{color:var(--c-text);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}.link:focus-visible{color:var(--c-acc)}.link-quiet{font-family:var(--font-body);letter-spacing:.06em;color:var(--c-muted);font-size:12px;text-decoration:none}.link-quiet:focus-visible{color:var(--c-text);text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--color-accent);color:var(--c-on-fill);border-color:var(--color-accent)}.link:hover{color:var(--c-acc)}.link-quiet:hover{color:var(--c-text);text-underline-offset:3px;text-decoration:underline}}.hair{border-bottom:1px solid var(--c-hair)}.eintrag-titel{font-family:var(--font-body);color:var(--c-text);font-size:16px;font-weight:500;line-height:1.3;display:block}.eintrag-detail{font-family:var(--font-body);color:var(--c-muted);margin-top:3px;font-size:14px;line-height:1.45;display:block}.eintrag-note{max-width:48ch;font-family:var(--font-body);color:var(--c-text);margin-top:7px;font-size:13px;line-height:1.5;display:block}.stationen{border-top:1px solid var(--c-text);margin:0;padding:0;list-style:none}.stationen li{gap:var(--space-2);border-bottom:1px solid var(--c-hair);grid-template-columns:52px minmax(0,1fr);align-items:start;padding-block:14px;display:grid}.bild-unterschrift{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--c-text)}@media (hover:none){.link-quiet,.tap{align-items:center;min-height:44px;display:inline-flex}}.site-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eff2f4eb;border-bottom:1px solid #1d23291a;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding-inline:clamp(20px,5vw,80px);display:flex;position:fixed;top:0;left:0;right:0}.site-nav-brand{color:#1d2329;font:700 16px/1 var(--font-body);letter-spacing:-.02em;white-space:nowrap;text-decoration:none}.site-nav-brand-short{display:none}.site-nav-track{align-items:center;gap:clamp(10px,2vw,28px);display:flex}.site-nav-link{color:#505b65;min-height:44px;font-family:var(--font-body);white-space:nowrap;transition:color .15s var(--ease-out);justify-content:center;align-items:center;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.site-nav-link:hover,.site-nav-brand:hover{color:#1d2329}}@media (max-width:600px){.site-nav{gap:12px;min-height:58px;padding-inline:16px}.site-nav-brand-full{display:none}.site-nav-brand-short{display:inline}.site-nav-track{gap:clamp(8px,2.5vw,16px)}.site-nav-link{font-size:11px}}.site-nav-cta{color:#eff2f4;min-height:40px;transition:background .15s var(--ease-out), transform .16s var(--ease-out);background:#1d2329;border-radius:999px;padding-inline:16px}.site-nav-cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.site-nav-cta:hover{color:#eff2f4;background:#3b4a57}}@media (max-width:600px){.site-nav-cta{min-height:36px;padding-inline:12px}}.work-index .rule{margin-bottom:clamp(20px,2.5vw,32px)}.work-group+.work-group{margin-top:clamp(80px,10vw,160px)}.work-grid{gap:clamp(40px, 5vw, 72px) var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.work-tile.span-12{grid-column:1/-1}.work-tile.span-7{grid-column:span 7}.work-tile.span-5{grid-column:span 5;margin-top:clamp(48px,7vw,120px)}.work-tile-link{color:var(--c-text);text-decoration:none;display:block}.work-media{aspect-ratio:16/9;background:var(--color-surface);border-radius:6px;display:block;position:relative;overflow:hidden}.work-media video,.work-media img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-out);display:block}.work-caption{justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;display:flex}.work-title{font:400 clamp(26px, 2.6vw, 44px)/1.1 var(--font-display);text-transform:uppercase;letter-spacing:-.005em}.work-tile.span-12 .work-title{font-size:clamp(32px,4vw,64px)}.work-tile.span-5 .work-caption{flex-direction:column;gap:6px}.work-meta{color:var(--c-muted);font:500 13px/1.4 var(--font-body);white-space:nowrap;gap:clamp(10px,1.5vw,24px);display:flex}.work-arrow{color:var(--c-text);transition:translate .45s var(--ease-out)}.work-note{color:var(--c-muted);font:400 12px/1.5 var(--font-body);margin-top:6px;display:block}@media (hover:hover) and (pointer:fine){.work-tile-link:hover .work-media video,.work-tile-link:hover .work-media img{scale:1.03}.work-tile-link:hover .work-arrow{translate:6px}}@media (max-width:767px){.work-tile.span-7,.work-tile.span-5{grid-column:1/-1;margin-top:0}.work-caption{flex-direction:column;gap:6px}}.split-word{vertical-align:top;margin-block:-.24em -.08em;padding-block:.24em .08em;display:inline-block;overflow:clip}.split-char{display:inline-block}@media (prefers-reduced-motion:no-preference){[data-reveal=on] .split:not([data-shown]) .split-char{translate:0 1.1em}[data-reveal=on] .split[data-shown] .split-char{animation:char-enter .7s cubic-bezier(.33,1,.68,1) calc(var(--i) * 18ms) both}[data-reveal=on] .work-tile:not([data-shown]){opacity:0;translate:0 48px}[data-reveal=on] .work-tile[data-shown]{animation:.9s cubic-bezier(.33,1,.68,1) backwards tile-enter}}@keyframes tile-enter{0%{opacity:0;translate:0 48px}to{opacity:1;translate:0}}.services .rule{margin-bottom:clamp(28px,4vw,48px)}.services-heading{max-width:14ch;color:var(--c-text);font:650 clamp(44px, 6.7vw, 104px)/.97 var(--font-display);letter-spacing:-.055em;margin:0}.services-summary{max-width:48ch;color:var(--c-muted);font:400 clamp(16px, 1.35vw, 19px)/1.55 var(--font-body);margin:clamp(20px,2.5vw,32px) 0 0}.services-list{border-top:1px solid var(--c-hair);margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none}.services-item{border-bottom:1px solid var(--c-hair);grid-template-columns:minmax(0,4fr) minmax(0,5fr) auto;align-items:center;gap:clamp(16px,2.5vw,40px);padding-block:clamp(22px,3vw,36px);display:grid}.services-title{color:var(--c-text);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(26px,3.4vw,48px);font-weight:600;line-height:1.05}.services-copy{max-width:46ch;color:var(--c-muted);font-family:var(--font-body);margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.55}.services-link{background:var(--c-fill);min-height:44px;color:var(--c-on-fill);font:700 13px/1 var(--font-body);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;transition:background .15s var(--ease-out), color .15s var(--ease-out), transform .16s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:8px;padding-inline:20px;text-decoration:none;display:inline-flex}.services-link:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.services-link:hover{background:var(--color-accent)}}@media (max-width:900px){.services-item{grid-template-columns:minmax(0,1fr);justify-items:start;gap:12px}.services-title{font-size:clamp(28px,8vw,38px)}}.process .rule{margin-bottom:0}.process-list{border-top:1px solid var(--c-hair);margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none}.process-item{border-bottom:1px solid var(--c-hair);grid-template-columns:48px minmax(200px,4fr) minmax(280px,5fr);align-items:start;gap:clamp(16px,2.5vw,40px);padding-block:clamp(22px,3vw,36px);display:grid}.process-number{color:var(--c-muted);font-family:var(--font-mono);font-size:13px;line-height:1.4}.process-title{color:var(--c-text);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(26px,3.4vw,48px);font-weight:600;line-height:1.05}.process-copy{max-width:46ch;color:var(--c-muted);font-family:var(--font-body);margin:0;font-size:clamp(15px,1.15vw,18px);line-height:1.55}@media (max-width:720px){.process-item{grid-template-columns:24px minmax(0,1fr);gap:8px 16px}.process-title{font-size:clamp(28px,8vw,38px)}.process-copy{grid-column:2}}.frame{aspect-ratio:16/9;background:var(--color-base);border:1px solid var(--c-hair);width:100%;display:block;position:relative;overflow:hidden}.frame img,.frame video,.frame iframe{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.play{justify-content:flex-start;align-items:flex-end;gap:var(--space-2);width:100%;height:100%;padding:var(--space-3);cursor:pointer;text-align:left;color:var(--color-text);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;font-size:12px;font-weight:650;display:flex;position:absolute;inset:0}.play:before,.play:after{content:"";position:absolute;inset:0}.play:before{background:linear-gradient(#0000 0%,#11110f26 45%,#11110fc7 100%)}.play:after{opacity:0;transition:opacity .2s var(--ease-out);background:linear-gradient(#0000 0%,#11110f52 40%,#11110fe6 100%)}.play>*{position:relative}@media (hover:hover) and (pointer:fine){.play:hover:after{opacity:1}.frame img{transition:transform .26s var(--ease-out)}.frame:hover img,.frame:focus-within img{transform:scale(1.04)}}.play:focus-visible:after{opacity:1}.play-dot{background:var(--color-text);width:52px;height:52px;color:var(--color-base);transition:transform .16s var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.play:active .play-dot{transform:scale(.94)}.play-sub{opacity:.75;letter-spacing:.02em;text-transform:none;display:block}.play-triangle{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:16px solid;width:0;height:0;margin-left:3px}.stripe{z-index:2;background:var(--color-text);color:var(--color-base);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;font-size:11px;font-weight:650;position:absolute;top:0;left:0}.hero-reel{min-width:0;margin:0}.reel-screen{background:#d8dbdc;position:relative;overflow:hidden}.reel-screen video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.reel-screen-label{color:#f1efe9;font:500 11px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.045em;background:#11110fe3;align-items:center;gap:10px;padding:9px 12px;display:flex;position:absolute;top:16px;left:16px}.reel-screen-label strong{font-weight:600}.reel-screen-label>span:first-child{color:#9d9b95}.reel-spec{border-left:1px solid #6f6d67;padding-left:10px}.reel-toggle{color:#11110f;cursor:pointer;background:#f1efe9;border:0;place-items:center;min-width:48px;min-height:48px;padding:8px;font-size:18px;display:grid;position:absolute;bottom:16px;right:16px}.reel-caption{justify-content:space-between;align-items:center;gap:16px;padding-block:12px 16px;font-size:12px;display:flex}.reel-caption>span{color:var(--c-muted)}.reel-caption a{text-underline-offset:4px;align-items:center;min-height:36px;text-decoration:underline;display:inline-flex}.reel-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reel-chapters button{color:#a7a49e;text-align:left;cursor:pointer;background:0 0;border:0;border-top:2px solid #4c4b47;min-width:0;min-height:64px;padding:11px 6px 12px 0}.reel-chapters button[aria-current=true]{color:#f1efe9;border-top-color:#f1efe9}.reel-chapters button:hover{color:#f1efe9}.reel-chapter-number{font:500 10px/1 var(--font-mono);margin-bottom:6px;display:block}.reel-chapter-name{font:600 13px/1.25 var(--font-body);display:block}.reel-chapter-spec{color:#8f8c86;font:400 10px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;display:block}.reel-timeline{margin-top:4px;display:block}.reel-timeline input{accent-color:#f1efe9;cursor:ew-resize;width:100%;height:30px;display:block}@media (max-width:1100px){.reel-layout{grid-template-columns:minmax(0,1fr);gap:56px}.reel-hero{min-height:0}.reel-eyebrow{margin-bottom:32px}.reel-copy h1{white-space:normal}.hero-reel{max-width:850px}}@media (max-width:767px){.reel-hero{padding-block:64px 56px}.reel-layout{gap:40px}.reel-copy h1{font-size:clamp(48px,11vw,72px)}.reel-description{font-size:18px}.reel-actions{margin-top:20px}.reel-caption{align-items:flex-start;font-size:11px}.reel-caption a{text-align:right;max-width:12ch}.reel-chapters{gap:5px}.reel-chapters button{min-height:78px}.reel-chapter-name{overflow-wrap:anywhere;font-size:11px}.reel-chapter-spec{font-size:9px}.reel-screen-label{gap:6px;padding:6px 7px;font-size:9px;top:8px;left:8px}.reel-spec{padding-left:6px}.reel-toggle{min-width:42px;min-height:42px;bottom:8px;right:8px}}.intro-copy{max-width:1000px}.intro-copy h1{font:550 clamp(42px, 6.4vw, 92px)/1.04 var(--font-display);letter-spacing:-.055em;margin:0 0 28px}.intro-copy p{font:400 clamp(17px, 1.7vw, 22px)/1.55 var(--font-body);color:var(--c-muted);max-width:54ch;margin:0}.intro-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:32px;display:flex}.intro-contact{align-items:center;min-height:44px;font-size:16px;display:inline-flex}.intro-contact:hover{color:var(--color-accent)}.pistl-story-block{max-width:1100px;margin-top:clamp(56px,7vw,96px)}.pistl-story-block>p{max-width:60ch;color:var(--c-muted);font-size:17px;line-height:1.6}.pistl-story-block .website-case{margin:32px 0 24px}.website-showcase{grid-template-columns:minmax(0,1fr) minmax(0,.25fr);align-items:center;gap:clamp(16px,3vw,40px);display:grid}.website-showcase a{display:block}.website-showcase img{width:100%;height:auto;display:block}.website-contribution{max-width:60ch;margin-top:32px}.website-contribution h4{font:550 28px/1.2 var(--font-display);letter-spacing:-.03em;margin:0 0 16px}.website-contribution p{color:var(--c-muted);margin:0 0 16px;font-size:17px;line-height:1.6}.pistl-launches{margin-top:64px}.pistl-launches .project-subheading{margin-bottom:28px;font-size:clamp(28px,3vw,42px)}.profile-photo{max-width:360px;margin:0 0 36px}.profile-photo img{object-fit:cover;object-position:center 35%;filter:grayscale();width:100%;height:auto;max-height:440px;display:block}.profile-photo figcaption{color:var(--c-muted);margin-top:12px;font-size:12px;line-height:1.6}@media (max-width:767px){.intro-hero{padding-top:64px}.intro-copy h1{font-size:clamp(38px,7.8vw,58px)}.intro-actions{gap:24px}.website-showcase{grid-template-columns:minmax(0,1fr);gap:24px}.website-showcase .website-mobile{justify-self:center;width:55%;max-width:260px}.profile-photo{max-width:320px}}.motion-hero{color:var(--c-text);padding-block:112px 36px;overflow:hidden}.motion-hero>.wrap{flex-direction:column;display:flex}.hero-lead{transition:opacity .5s var(--ease-out), translate .6s var(--ease-out);flex-wrap:wrap;align-items:center;gap:16px 40px;margin:-8px 0 36px;display:flex}.hero-lead-copy{max-width:46ch;color:var(--c-muted);font:400 clamp(16px, 1.3vw, 19px)/1.5 var(--font-body);margin:0}.hero-lead-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.hero-lead-actions .link{align-items:center;min-height:44px;font-size:15px;display:inline-flex}@media (prefers-reduced-motion:no-preference){.motion-hero:not([data-intro=done]) .hero-lead{opacity:0;animation:1ms 2.6s both lead-reveal;translate:0 10px}}@keyframes lead-reveal{to{opacity:1;translate:0}}.motion-slogan{font:400 clamp(56px, 8vw, 112px)/1.02 var(--font-anton), sans-serif;letter-spacing:-.015em;text-transform:uppercase;margin:0 0 32px}.slogan-line{margin-block:-.08em;padding-block:.08em;display:inline-block;overflow:clip}.slogan-line+.slogan-line{margin-left:.15em}.slogan-char{display:inline-block}.slogan-dot{transform-origin:50% 100%;background:currentColor;border-radius:.012em;width:.175em;height:.146em;margin:0 .026em 0 .027em}.reel-compact{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}.reel-compact .reel-screen{background:var(--color-surface)}.reel-compact .reel-screen video{aspect-ratio:auto;object-fit:cover;height:min(56.25vw,100svh - 120px);min-height:240px}.reel-compact .reel-toggle{color:#f1efe9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11110fb8;border-radius:50%;bottom:24px;right:clamp(20px,5vw,80px)}.reel-compact .reel-caption{padding:14px clamp(20px,5vw,80px) 0;font-size:12px}.reel-compact .reel-caption a{max-width:none}.reel-ink{background:var(--c-text);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.slogan-char{animation:char-enter .7s cubic-bezier(.33,1,.68,1) calc(80ms + var(--i) * 24ms) both}.motion-hero:not([data-intro=done]) .reel-compact .reel-screen{clip-path:inset(50%);animation:1ms 2.6s both reel-reveal}.motion-hero:not([data-intro=done]) .reel-compact .reel-caption{opacity:0;animation:1ms 2.6s both caption-reveal}}@keyframes char-enter{0%{translate:0 1.1em}to{translate:0}}@keyframes reel-reveal{to{clip-path:inset(0)}}@keyframes caption-reveal{to{opacity:1}}@media (max-width:767px){.motion-hero{padding-block:104px 28px}.hero-lead{order:2;margin:24px 0 0}.motion-slogan{margin-bottom:24px;font-size:clamp(48px,11vw,76px)}.slogan-line{width:fit-content;display:block}.slogan-line+.slogan-line{margin-left:0}.reel-compact .reel-screen video{height:56.25vw;min-height:0}}.showreel-dialog{--c-text:#f1efe9;--c-muted:#aaa8a3;color:#f1efe9;background:#11110f;border:1px solid #4c4b47;width:min(1040px,100vw - 40px);max-height:90svh;margin:auto;padding:28px;overflow:auto}.showreel-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1}.showreel-dialog-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.showreel-dialog-header h2{font:500 24px/1.1 var(--font-display);letter-spacing:-.03em}.showreel-dialog-header button{color:#f1efe9;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:14px}.project-folders{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:clamp(36px,5vw,80px);margin-top:24px;display:grid}@media (max-width:900px){.gallery-controls{flex-wrap:wrap}.gallery-project-links{flex-basis:100%;order:3;justify-content:space-between}.project-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.project-folders>:last-child{grid-column:1/-1}}@media (max-width:600px){.gallery-hero{padding-block:106px 32px}.gallery-copy .reel-eyebrow{gap:8px;margin-bottom:24px;font-size:10px}.gallery-copy h1{font-size:clamp(44px,10.5vw,60px)}.gallery-copy .reel-description{margin-top:20px;font-size:16px}.gallery-copy .reel-actions{gap:24px;margin-top:16px}.portfolio-orbit{height:235px;margin-block:12px}.gallery-controls{gap:16px}.gallery-project-links{gap:12px}.gallery-project-links a{font-size:11px}.gallery-pause{width:48px;height:48px;font-size:10px}.showreel-dialog{width:calc(100vw - 24px);padding:16px}.showreel-dialog-header h2{font-size:20px}.project-folders{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:0}}.project-section{padding-top:48px}.project-section figure{min-width:0;margin:0}.project-heading{font:550 clamp(28px, 3.6vw, 52px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0 0 clamp(48px,6vw,80px)}.project-intro{margin-bottom:32px;position:relative}.project-category{color:var(--c-muted);margin:0 0 12px;font-size:14px}.project-title{font:650 clamp(68px, 10vw, 144px)/.95 var(--font-display);letter-spacing:-.065em;margin:0 0 24px}.project-description{max-width:44ch;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.5}.project-site-link{border-bottom:1px solid var(--c-muted);align-items:center;gap:24px;min-height:44px;margin-top:24px;font-size:17px;display:inline-flex}.project-site-link:hover{color:var(--color-accent)}.project-caption{flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:16px;font-size:15px;line-height:1.5;display:flex}.project-caption h4{font:550 24px/1.2 var(--font-display);letter-spacing:-.03em;margin:0}.project-caption>:last-child:not(:first-child){color:var(--c-muted)}.pistl-details{max-width:70ch;margin-top:48px}.pistl-story h4{font:550 clamp(24px, 2.5vw, 36px)/1.15 var(--font-display);letter-spacing:-.035em;margin:0 0 20px}.pistl-story p{max-width:48ch;color:var(--c-muted);margin:0 0 20px;font-size:17px;line-height:1.65}.pistl-story .project-status{font-size:14px}.pistl-story .project-scope{color:var(--c-text);font-size:13px}.project-socials{flex-wrap:wrap;gap:8px 24px;display:flex}.project-socials a{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.project-socials a:hover{color:var(--color-accent)}.motion-projects,.film-projects{margin-top:clamp(72px,10vw,144px)}.project-subheading{font:550 clamp(36px, 5vw, 68px)/1.05 var(--font-display);letter-spacing:-.05em;margin:0 0 20px}.project-subcopy{color:var(--c-muted);margin:0 0 32px;font-size:18px}.project-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;display:grid}.spec-caption p{color:var(--c-muted);max-width:48ch;margin:16px 0 0;font-size:16px;line-height:1.55}.spec-caption .spec-disclosure{font-size:13px}.project-privacy{color:var(--c-muted);max-width:70ch;margin:24px 0 0;font-size:13px;line-height:1.6}.video-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.video-error button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px}.frame video{object-fit:contain}@media (min-width:1000px){.project-site-link{position:absolute;bottom:0;right:0}}@media (max-width:767px){.pistl-details,.project-pair{grid-template-columns:minmax(0,1fr);gap:36px}.project-heading{max-width:18ch}.pistl-details{margin-top:32px}.project-caption{font-size:13px}.project-description{font-size:18px}.project-subcopy{font-size:16px}.project-section .play{padding:16px}.project-section .play-dot{width:44px;height:44px}}@media (max-width:900px){.brand-title{grid-column:1/-1}.brand-summary{grid-column:1/span 8;max-width:48ch}}@media (max-width:600px){.brand-content{gap:20px}.brand-title{font-size:clamp(42px,12vw,64px)}.brand-summary{grid-column:1/-1}}.work-page{min-height:100dvh;padding-top:clamp(104px,10vw,136px)}.work-back{margin:0 0 clamp(40px,6vw,72px)}.work-feature{margin:clamp(24px,3vw,40px) 0 0}.work-cta{max-width:52ch;margin-top:clamp(72px,10vw,144px)}.work-cta-title{font:550 clamp(28px, 3.6vw, 52px)/1.1 var(--font-display);letter-spacing:-.04em;margin:0 0 20px}.work-cta p{color:var(--c-muted);margin:0 0 32px;font-size:17px;line-height:1.65}.work-more{border-top:1px solid var(--c-hair);padding-top:var(--space-2);margin-top:clamp(72px,10vw,144px)}.work-more h2{margin:0 0 16px}.work-more ul{flex-wrap:wrap;gap:4px 32px;margin:0;padding:0;list-style:none;display:flex}.work-more a{align-items:center;min-height:44px;font-size:17px;display:inline-flex}.work-link{color:inherit;text-decoration:none}.work-link:focus-visible{text-underline-offset:4px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.work-link:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}}.about-claim{grid-column:1/span 6}.about-list{grid-column:8/span 5}.work-lead{grid-column:1/span 7}.work-major{grid-column:span 6}.work-minor{grid-column:span 4}.contact-grid{align-items:start;margin-top:clamp(40px,6vw,72px)}.contact-copy{grid-column:1/span 5}.contact-form{grid-column:7/span 6}.inquiry{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr;display:grid}.inquiry-wide{grid-column:1/-1}.inquiry-field{font-family:var(--font-body);gap:6px;display:grid}.inquiry-field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);font-size:12px}.inquiry-field :is(input,select,textarea){width:100%;color:var(--c-text);font:400 17px/1.4 var(--font-body);appearance:none;background:0 0;border:0;border-bottom:1px solid #8a96a0;border-radius:0;padding:10px 0;transition:border-color .15s}.inquiry-field select{cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--c-muted) 50%), linear-gradient(135deg, var(--c-muted) 50%, transparent 50%);background-position:right 6px center,right 0 center;background-repeat:no-repeat;background-size:6px 6px;padding-right:20px}.inquiry-field select option{background:var(--color-panel);color:var(--color-text)}.inquiry-field textarea{resize:vertical;min-height:112px}.inquiry-field :is(input,select,textarea):focus{border-bottom-color:var(--c-text);box-shadow:0 1px 0 0 var(--c-text);outline:none}.inquiry-field textarea::placeholder{color:#7a8590}.inquiry-sent-title:focus,.inquiry-status:focus{outline:none}.inquiry-field [aria-invalid=true]{border-bottom-color:#b3402a}.inquiry-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.inquiry-actions{justify-items:start;gap:var(--space-2);margin-top:var(--space-1);display:grid}.inquiry-actions .btn{cursor:pointer}.inquiry-actions .btn:disabled{opacity:.6;cursor:progress}.inquiry-status{min-height:1.4em;font:400 15px/1.5 var(--font-body);color:var(--c-text);margin:0}.inquiry-status:empty{display:none}.inquiry-note{max-width:46ch;font:400 13px/1.5 var(--font-body);color:var(--c-muted);margin:0}.inquiry-sent{border-top:1px solid var(--c-text);padding-top:var(--space-3)}.inquiry-sent-title{margin:0 0 var(--space-1);font:500 clamp(24px, 2.4vw, 32px)/1.2 var(--font-display);letter-spacing:-.01em}@media (max-width:599px){.inquiry{grid-template-columns:1fr}}@media (max-width:899px){.about-claim,.about-list,.work-lead,.work-major,.work-minor,.contact-copy,.contact-form{grid-column:1/-1}}:root{font-synthesis-weight:none}.t-display,.t-section,.t-lead,.services-heading,.services-title,.process-title,.project-heading,.project-title,.project-subheading,.work-cta-title,.inquiry-sent-title,.website-contribution h4,.project-caption h4,.pistl-story h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;font-weight:400;line-height:1.1}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-5{top:calc(var(--spacing) * 5)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded-2xl{border-radius:var(--radius-2xl)}.fill-accent{fill:#3b4a57}.text-wrap{text-wrap:wrap}.italic{font-style:italic}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:cubic-bezier(.23, 1, .32, 1);transition-timing-function:cubic-bezier(.23,1,.32,1)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
