:root{--phi: 1.61803398875;--space-3xs: .236rem;--space-2xs: .382rem;--space-xs: .618rem;--space-s: 1rem;--space-m: 1.618rem;--space-l: 2.618rem;--space-xl: 4.236rem;--space-2xl: 6.854rem;--space-3xl: 11.09rem;--black: #000;--white: #fff;--ink: rgb(255 255 255);--ink-strong: rgb(255 255 255 / .92);--ink-muted: rgb(255 255 255 / .66);--ink-faint: rgb(255 255 255 / .42);--line: rgb(255 255 255 / .16);--line-soft: rgb(255 255 255 / .08);--surface: rgb(255 255 255 / .035);--surface-strong: rgb(255 255 255 / .08);--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--step--1: clamp(.78rem, .74rem + .18vw, .91rem);--step-0: clamp(1rem, .96rem + .2vw, 1.125rem);--step-1: clamp(1.236rem, 1.09rem + .7vw, 1.618rem);--step-2: clamp(1.618rem, 1.28rem + 1.44vw, 2.618rem);--step-3: clamp(2.618rem, 1.82rem + 3.6vw, 4.236rem);--step-4: clamp(4.236rem, 2.5rem + 8vw, 11.09rem);--container: min(100% - clamp(1.236rem, 4vw, 4.236rem), 88rem);--header-height: 4.5rem}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--black);color-scheme:dark;scroll-behavior:smooth}body{min-height:100%;margin:0;background:var(--black);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px);background-position:center top;background-size:clamp(3rem,7vw,6.854rem) clamp(3rem,7vw,6.854rem);mask-image:linear-gradient(to bottom,rgb(0 0 0 / .72),transparent 72%)}main{min-height:60vh}img,svg,canvas,video,iframe{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration-thickness:.06em;text-underline-offset:.24em}a:hover{color:var(--ink)}:focus-visible{outline:1px solid var(--ink);outline-offset:.35rem}::selection{background:var(--ink);color:var(--black)}.skip-link{position:fixed;top:var(--space-s);left:var(--space-s);z-index:100;transform:translateY(-180%);border:1px solid var(--ink);background:var(--black);color:var(--ink);padding:var(--space-xs) var(--space-s);font-family:var(--font-mono);font-size:var(--step--1)}.skip-link:focus{transform:translateY(0)}.container{width:var(--container);margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line-soft);background:#000000db;backdrop-filter:blur(16px)}.site-header__inner{width:var(--container);min-height:var(--header-height);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-m)}.brand-lockup,.footer-brand{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--ink);font-weight:600;text-decoration:none}.brand-lockup__mark{display:grid;width:1.618rem;aspect-ratio:1;place-items:center;border:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem}.primary-nav,.footer-nav,.footer-socials{display:flex;align-items:center;gap:var(--space-m)}.nav-link,.footer-nav a,.footer-socials a,.footer-socials span,.footer-meta a{color:var(--ink-muted);font-family:var(--font-mono);font-size:var(--step--1);text-decoration:none}.nav-link{position:relative;padding-block:var(--space-xs)}.nav-link:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";transform:scaleX(0);transform-origin:left;background:var(--ink);transition:transform .18s ease}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.nav-link.is-active,.footer-nav a:hover,.footer-meta a:hover{color:var(--ink)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:var(--space-2xs) var(--space-xs);color:var(--ink);font-family:var(--font-mono);font-size:var(--step--1)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav__panel{position:absolute;top:calc(100% + var(--space-xs));right:0;width:min(80vw,17rem);display:grid;gap:var(--space-xs);border:1px solid var(--line);background:#000000f5;padding:var(--space-s)}.section-bleed{border-bottom:1px solid var(--line-soft)}.home-hero{min-height:calc(100svh - var(--header-height));display:flex;align-items:flex-end;padding-block:var(--space-2xl) var(--space-xl)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(18rem,1fr);gap:clamp(var(--space-l),7vw,var(--space-2xl));align-items:end}.home-hero h1,.page-intro h1{max-width:10ch;margin:0;color:var(--ink);font-size:var(--step-4);line-height:.92;font-weight:520}.page-intro h1{max-width:13ch;font-size:clamp(3rem,8vw,8rem)}.eyebrow,.section-label,.work-card__meta,.work-card__descriptor,.service-row__number,.button,.video-embed small{font-family:var(--font-mono);font-size:var(--step--1)}.eyebrow{margin:0 0 var(--space-m);color:var(--ink-faint)}.hero-tagline{max-width:38rem;margin:var(--space-l) 0 0;color:var(--ink-strong);font-size:var(--step-1);line-height:1.35}.hero-statement{max-width:45rem;margin:var(--space-s) 0 0;color:var(--ink);font-size:var(--step-2);line-height:1.18}.hero-body,.page-intro p,.section-heading p,.contact-band p,.prose-block p,.split-callout p{max-width:48rem;color:var(--ink-muted)}.hero-body{margin:var(--space-m) 0 0}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-l)}.button{display:inline-flex;min-height:2.618rem;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--black);color:var(--ink);padding:var(--space-xs) var(--space-s);text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.button:hover,.button--primary{border-color:var(--ink);background:var(--ink);color:var(--black)}.button--primary:hover{background:var(--black);color:var(--ink)}.home-hero__field{align-self:stretch;min-height:clamp(18rem,42vw,42rem)}.phi-field{position:relative;width:100%;height:100%;min-height:inherit;border:1px solid var(--line-soft);overflow:hidden}.phi-field:before,.work-card__media:before,.draumr-intro:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(to bottom,rgb(255 255 255 / .06),transparent 56%)}.phi-field canvas{width:100%;height:100%}.proof-strip{border-bottom:1px solid var(--line-soft)}.proof-strip__inner{display:grid;grid-template-columns:repeat(5,1fr)}.proof-strip__inner>span{min-height:6.854rem;display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);border-left:1px solid var(--line-soft);padding:var(--space-s);color:var(--ink-strong);font-size:var(--step--1)}.proof-strip__inner>span:last-child{border-right:1px solid var(--line-soft)}.proof-strip__inner span span{color:var(--ink-faint);font-family:var(--font-mono)}.section-shell,.page-intro,.contact-band{padding-block:clamp(var(--space-xl),9vw,var(--space-3xl))}.section-shell--compact{padding-block:var(--space-xl)}.section-shell--lined{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.section-grid,.page-intro__grid{display:grid;grid-template-columns:minmax(8rem,.382fr) minmax(0,1fr);gap:clamp(var(--space-l),7vw,var(--space-2xl))}.page-intro{border-bottom:1px solid var(--line-soft)}.page-intro--tall{min-height:calc(72svh - var(--header-height));display:flex;align-items:end}.section-label{display:flex;gap:var(--space-xs);align-self:start;color:var(--ink-faint);text-transform:uppercase}.section-content{min-width:0}.section-heading{display:grid;grid-template-columns:minmax(0,.618fr) minmax(16rem,.382fr);gap:var(--space-l);align-items:start;margin-bottom:var(--space-l)}.section-heading h2,.contact-band h2,.split-callout h2{max-width:13ch;margin:0;color:var(--ink);font-size:var(--step-3);line-height:1;font-weight:520}.section-heading p,.contact-band p,.split-callout p{margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-m);margin-bottom:var(--space-l)}.work-grid--full{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card{min-width:0;border:1px solid var(--line-soft);background:#ffffff05}.work-card__media{position:relative;aspect-ratio:1.618 / 1;display:grid;place-items:end start;overflow:hidden;border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,rgb(255 255 255 / .08) 1px,transparent 1px),linear-gradient(rgb(255 255 255 / .06) 1px,transparent 1px),var(--black);background-size:3.82rem 3.82rem}.work-card__media span{position:relative;z-index:1;padding:var(--space-s);color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--step-2)}.work-card__body{padding:var(--space-m)}.work-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-s);color:var(--ink-faint)}.work-card h2{margin:0;color:var(--ink);font-size:var(--step-1);line-height:1.16;font-weight:520}.work-card p{color:var(--ink-muted)}.work-card__descriptor{margin-bottom:0;color:var(--ink-faint)}.service-list{border-top:1px solid var(--line-soft)}.service-row{display:grid;grid-template-columns:minmax(3rem,.236fr) minmax(0,1fr);gap:var(--space-l);border-bottom:1px solid var(--line-soft);padding-block:var(--space-l)}.service-row__number{color:var(--ink-faint)}.service-row h2{margin:0;color:var(--ink);font-size:var(--step-2);line-height:1.08;font-weight:520}.service-row p{max-width:54rem;margin:var(--space-s) 0 0;color:var(--ink-muted)}.contact-band{border-top:1px solid var(--line-soft)}.contact-band__inner{display:grid;grid-template-columns:minmax(8rem,.382fr) minmax(0,1fr) auto;gap:var(--space-l);align-items:center}.prose-block{display:grid;gap:var(--space-m)}.prose-block p{margin:0;font-size:var(--step-1);line-height:1.45}.split-callout{display:flex;align-items:end;justify-content:space-between;gap:var(--space-l)}.draumr-intro{position:relative;overflow:hidden}.draumr-intro:after{background:linear-gradient(115deg,transparent 0 28%,rgb(255 255 255 / .06) 28% 28.2%,transparent 28.2%),linear-gradient(to bottom,transparent,rgb(255 255 255 / .03))}.inquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-m)}.inquiry-form label{display:grid;gap:var(--space-xs)}.inquiry-form span{color:var(--ink-faint);font-family:var(--font-mono);font-size:var(--step--1)}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{width:100%;border:1px solid var(--line);background:var(--black);color:var(--ink);padding:var(--space-s)}.inquiry-form textarea{resize:vertical}.form-field--wide{grid-column:1 / -1}.video-embed{aspect-ratio:16 / 9;border:1px solid var(--line-soft);background:var(--black)}.video-embed__button,.video-embed iframe{width:100%;height:100%;border:0}.video-embed__button{display:grid;place-items:center;gap:var(--space-xs);cursor:pointer;background:var(--black);color:var(--ink)}.video-embed small{color:var(--ink-faint)}.site-footer{border-top:1px solid var(--line-soft);padding-block:var(--space-l)}.site-footer__inner{width:var(--container);margin-inline:auto;display:grid;grid-template-columns:1fr auto auto;gap:var(--space-l);align-items:start}.site-footer p{max-width:24rem;margin:var(--space-xs) 0 0;color:var(--ink-faint);font-size:var(--step--1)}.footer-nav,.footer-meta,.footer-socials{align-items:flex-start}.footer-nav,.footer-meta{display:grid;gap:var(--space-xs)}.footer-socials{display:flex;flex-wrap:wrap;margin-top:var(--space-xs)}@media(max-width:1100px){.work-grid--full{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.contact-band__inner{grid-template-columns:1fr}.contact-band__inner{align-items:start}}@media(max-width:820px){:root{--header-height: 4rem}.primary-nav{display:none}.mobile-nav{display:block}.home-hero{min-height:auto;padding-block:var(--space-xl)}.hero-grid,.section-grid,.page-intro__grid,.service-row,.site-footer__inner{grid-template-columns:1fr}.home-hero__field{min-height:18rem}.proof-strip__inner{grid-template-columns:1fr}.proof-strip__inner>span,.proof-strip__inner>span:last-child{min-height:auto;border-right:0;padding-block:var(--space-s)}.section-label{margin-bottom:var(--space-xs)}.work-grid,.work-grid--full,.inquiry-form{grid-template-columns:1fr}.split-callout{display:grid}}@media(max-width:520px){.button-row,.button{width:100%}.button{justify-content:center}.home-hero h1,.page-intro h1{max-width:100%}.work-card__body{padding:var(--space-s)}.mobile-nav__panel{width:calc(100vw - 2 * var(--space-s))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
