.field{flex-direction:column;gap:6px;width:100%;display:flex}.field__label{font-family:var(--font-body);color:var(--color-text);font-size:12px}.field__required{color:var(--color-danger);margin-left:3px;font-weight:400}.field__error{color:var(--color-danger);font-size:11px}.field__error[hidden]{display:none}.control{border:var(--border);border-radius:var(--radius-sm);background:var(--control-bg,var(--color-surface));width:100%;color:var(--color-text);padding:4px 6px}.control::placeholder{color:var(--color-text-secondary);opacity:1}.control--input{height:32px}.control--textarea{resize:none;height:128px}.control--invalid{border-color:var(--color-danger)}@media (hover:none) and (pointer:coarse){.control{font-size:16px;line-height:1.4}}.contact-form{--control-bg:var(--color-bg);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;flex:1;align-items:flex-start;gap:16px;min-width:320px;padding:24px;display:flex}.contact-form__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-form__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:8px;display:flex}.quote{border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 1px 2px #2a3b530f,0 6px 16px #2a3b5314}.quote__label{font-weight:700}.quote__text{text-transform:uppercase}.quote--sm .quote__text{font-size:10px;line-height:1.55}.quote__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.contact{flex-wrap:wrap;gap:48px;padding-block:80px;display:flex}.contact__aside{flex-direction:column;flex:1;gap:48px;min-width:320px;padding:48px 0;display:flex}@media (width<=767.98px){.contact{flex-direction:column}.contact__aside{order:-1;padding-block:0}}.testimonial{max-width:550px}.testimonial .quote__text{min-height:54px}.testimonial__typing .testimonial__cursor{animation:none}.testimonial__cursor{background-color:var(--color-accent);vertical-align:text-bottom;width:.6em;height:1.05em;margin-bottom:1px;margin-left:2px;animation:1s step-end infinite testimonial-blink;display:inline-block}@keyframes testimonial-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero{height:calc(100vh - var(--header-height));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";z-index:3;pointer-events:none;position:absolute}.hero:before{border-left:1px dashed var(--color-border);top:0;bottom:0;left:50%}.hero:after{border-top:1px dashed var(--color-border);top:50%;left:0;right:0}@media (width<=767.98px){.hero{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto}.hero:before,.hero:after,.hero .hero__mark{display:none}}.hero__cell{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.hero__cell--main{justify-content:flex-start;gap:8px;padding:24px;position:relative;overflow:hidden}.hero__cell--video{justify-content:flex-end;align-items:flex-start;padding:24px;overflow:visible}.hero__cell--meta{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;padding:20px 16px}.hero__glyph{--glyph-opacity:.5;z-index:var(--z-base);color:var(--color-accent);font-family:var(--font-logo);letter-spacing:-.04em;opacity:var(--glyph-opacity);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:min(120vh,68vw);font-weight:700;line-height:.72;position:absolute}.hero__glyph--u{bottom:-.42em;left:-.12em;transform:scaleY(-1)}.hero__glyph--m{top:-.18em;right:-.08em}@media (prefers-reduced-motion:no-preference){.hero__glyph{animation:.9s cubic-bezier(.2,.7,.2,1) both glyph-rise}.hero__glyph--u{animation-name:glyph-rise-flipped}.hero__glyph--m{animation-delay:80ms}}.hero__mark{z-index:var(--z-overlay);width:13px;height:13px;color:var(--color-accent);pointer-events:none;position:absolute}.hero__mark:before,.hero__mark:after{content:"";background:currentColor;position:absolute}.hero__mark:before{width:1px;height:13px;top:0;left:6px}.hero__mark:after{width:13px;height:1px;top:6px;left:0}.hero__mark--center{top:calc(50% - 6px);left:calc(50% - 6px)}.hero__mark--n{top:10px;left:calc(50% - 6px)}.hero__mark--s{bottom:10px;left:calc(50% - 6px)}.hero__mark--w{top:calc(50% - 6px);left:10px}.hero__mark--e{color:var(--color-surface);top:calc(50% - 6px);right:10px}.hero-thesis{z-index:var(--z-raised);flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex;position:relative}.hero-thesis__text{max-width:500px}@media (width<=767.98px){.hero-thesis__action{border-top:1px dashed var(--color-border);width:100%;margin-top:8px;padding-top:24px}}.hero-meta{z-index:var(--z-raised);letter-spacing:.02em;text-transform:uppercase;max-width:300px;font-size:11px;line-height:1.5;position:relative}@media (width<=639.98px){.hero-meta{text-align:right;align-self:flex-end}}@keyframes glyph-rise{0%{opacity:0;transform:translateY(4vh)}to{opacity:var(--glyph-opacity);transform:translateY(0)}}@keyframes glyph-rise-flipped{0%{opacity:0;transform:translateY(4vh)scaleY(-1)}to{opacity:var(--glyph-opacity);transform:scaleY(-1)}}.subtitle{font-family:var(--font-body);letter-spacing:-.5px;text-transform:uppercase;font-size:12px}.pipeline{--pipeline-columns:56px minmax(0, 1fr) minmax(0, 1.6fr);--pipeline-column-gap:24px;border-bottom:var(--border);background:0 0;flex-direction:column;gap:32px;padding:80px 0;display:flex}.pipeline__header{padding-block:12px}.pipeline__columns{grid-template-columns:var(--pipeline-columns);gap:var(--pipeline-column-gap);border-bottom:var(--border);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;padding-block:8px;font-size:10px;display:grid}.pipeline__columns span:first-child{border-right:var(--border);align-self:stretch}@media (width<=767.98px){.pipeline__columns{display:none}}.pipeline__steps{counter-reset:pipeline-step}.pipeline-step{grid-template-columns:var(--pipeline-columns);gap:var(--pipeline-column-gap);border-bottom:var(--border);counter-increment:pipeline-step;padding-block:16px;display:grid}.pipeline-step:before{content:counter(pipeline-step, decimal-leading-zero);border-right:var(--border);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;transition:color var(--transition-fast);align-self:stretch;padding-top:3px;font-size:11px}.pipeline-step__stage{transition:transform var(--transition-fast)}.pipeline-step__outcome{color:var(--color-text-secondary);text-transform:uppercase;transition:color var(--transition-fast);align-self:center;font-size:10px;line-height:1.55}.pipeline-step:hover:before{color:var(--color-accent)}.pipeline-step:hover .pipeline-step__outcome{color:var(--color-text)}@media (prefers-reduced-motion:no-preference){.pipeline-step:hover .pipeline-step__stage{transform:translate(4px)}}@media (width<=767.98px){.pipeline-step{gap:4px var(--pipeline-column-gap);grid-template-columns:40px minmax(0,1fr)}.pipeline-step:before{grid-row:span 2}.pipeline-step__stage,.pipeline-step__outcome{grid-column:2}.pipeline-step__outcome{align-self:start}}.window{text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;font-family:inherit;display:flex;position:relative}.window__bar{padding:var(--window-bar-padding,9px 10px 9px 12px);flex-shrink:0;align-items:center;gap:8px;display:flex}.window__dots,.window__controls{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.window__controls{gap:6px}.window__dot{width:8px;height:8px;transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:50%}.window__label{color:var(--color-text-secondary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.window__body{align-items:flex-start;gap:var(--window-body-gap,10px);padding:var(--window-body-padding,12px);flex-direction:column;flex:1;display:flex}.window--terminal{border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.window--terminal{background-color:var(--color-glass-opaque)}}@media (prefers-reduced-transparency:reduce){.window--terminal{background-color:var(--color-glass-opaque)}}.window--terminal .window__bar{border-bottom:var(--border);background-color:var(--color-surface-muted)}.window--terminal .window__dot{border:1px solid var(--color-text-secondary);opacity:.45}.window--terminal.window--interactive:hover{border-color:var(--color-accent)}.window--terminal.window--interactive:hover .window__dot{border-color:var(--color-accent);opacity:1}.window--blueprint{border:var(--border);background-color:var(--color-surface);box-shadow:2px 2px 3px var(--color-accent)}.window--blueprint .window__bar{border-bottom:1px dashed var(--color-border)}.window--blueprint .window__dot{border:1px solid var(--color-text-secondary);opacity:.5;border-radius:0;width:7px;height:7px}.window--blueprint.window--interactive:hover{border-color:var(--color-accent)}.window--blueprint.window--interactive:hover .window__dot{border-color:var(--color-accent);opacity:1}.window--accent .window__label{color:var(--color-accent)}.window--accent .window__dot{border-color:var(--color-accent);opacity:1;background-color:#0000}.window--accent.window--interactive:hover{border-color:var(--color-accent);background-color:var(--color-surface-muted)}.project__figure{border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.project__figure:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:40%;position:absolute;inset:auto 0 0}.project__shot{object-fit:cover;width:100%;height:100%;display:block}.project__title{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.3}.project__summary{color:var(--color-text-secondary);font-size:12px;line-height:1.55}.project__meta{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin-top:auto;font-size:10px}.project__actions{flex-wrap:wrap;gap:8px 20px;margin-top:auto;display:flex}.project__actions .project__action{margin-top:0}.project__action[hidden]{display:none}.project__action{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;align-items:center;margin-top:auto;font-size:10px;display:inline-flex}.project__control{border:1px solid var(--color-text-secondary);width:12px;height:12px;color:var(--color-text-secondary);opacity:.45;appearance:none;transition:border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast);background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex}.project__control:before{opacity:0;transition:opacity var(--transition-fast)}.project__control--close:before{content:"✕"}.project__control--expand:before{content:"＋"}.project__control:disabled{opacity:.25;cursor:default}.project:hover .project__control:not(:disabled),.project__control:focus-visible{border-color:var(--color-accent);color:var(--color-accent);opacity:1}.project:hover .project__control:not(:disabled):before,.project__control:focus-visible:before{opacity:1}.project--cta .project__plus{border:1px dashed var(--color-accent);border-radius:var(--radius-lg);width:100%;color:var(--color-accent);aspect-ratio:4/3;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex}.portfolio{background-color:var(--color-surface);background-image:radial-gradient(var(--color-border) 1px, transparent 1px);background-size:26px 26px}.portfolio__grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=768px){.portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1020px){.portfolio__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio__grid--focused{grid-template-columns:repeat(6,minmax(0,1fr))}.portfolio__grid--focused .portfolio__detail{order:-1;grid-area:span 2/span 3}.portfolio__detail[hidden]{display:none}.portfolio__detail{--window-body-padding:20px;--window-body-gap:12px}.portfolio__detail .project__figure{aspect-ratio:16/10;flex:1;min-height:0}.portfolio__detail .project__shot{object-position:top}.portfolio__detail .project__title{letter-spacing:.02em;font-size:18px}.portfolio__detail .project__summary{font-size:14px}@media (width<=1019.98px){.portfolio__grid--focused{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio__grid--focused .portfolio__detail{grid-area:span 3/span 2}}.project{cursor:pointer}@media (width<=767.98px){.project[data-project]{cursor:default}}.project--selected{border-color:var(--color-accent)}.project--selected .window__label{color:var(--color-accent)}.project--selected .project__control--expand:before{content:"－";opacity:1}:where(.portfolio__grid--focused .project){--window-bar-padding:6px 8px;--window-body-padding:8px;--window-body-gap:8px}:where(.portfolio__grid--focused .project) .project__summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:where(.portfolio__grid--focused .project) .project__figure,:where(.portfolio__grid--focused .project) .project__plus{aspect-ratio:16/9}:where(.portfolio__grid--focused .project) .project__shot{object-position:top}:where(.portfolio__grid--focused) .project--cta .project__plus{aspect-ratio:16/9}.service-card{flex:0 258px;max-width:258px}.service-card--cta{min-height:122px}.service-card__slash{color:var(--color-accent);margin-right:6px}.service-card__title{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.3}.service-card__text{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px;line-height:1.55}.service-card__action{color:var(--color-accent);text-transform:uppercase;align-items:center;margin-top:auto;font-size:11px;display:inline-flex}.services__heading{position:relative}.services__grid{border-right:var(--border);border-bottom:var(--border);background-color:var(--color-bg);background-image:repeating-linear-gradient(to right, var(--color-border) 0, var(--color-border) 1px, transparent 1px, transparent 18px), repeating-linear-gradient(to bottom, var(--color-border) 0, var(--color-border) 1px, transparent 1px, transparent 18px);background-position:50%;padding:32px 24px;position:relative}
