:root{--background:#020914;--text:#eeeae3;--muted:#a0b0b9;--accent-turquoise:#6abfc1;--accent-orange:#efbd87;--membrane-highlight:#fff;--line:#203440;--logo-rest:#e9e6df;--spark:#ffe1ad;--glow:#0b2630;--accent:var(--accent-orange);--link:var(--accent-orange);--heading-accent:var(--accent-orange);--top-glow:color-mix(in srgb, var(--accent-turquoise) 18%, transparent);--background-glow:color-mix(in srgb, var(--glow) 27%, transparent);--header-background:color-mix(in srgb, var(--background) 55%, transparent);--surface-hover:color-mix(in srgb, var(--accent-turquoise) 6%, transparent)}html,body{background-color:var(--background)}@font-face{font-family:"EB Garamond 12";src:url(/fonts/EBGaramond12-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:Inter, "Helvetica Neue", Arial, sans-serif;--font-display:Georgia, serif;--font-brand:"EB Garamond 12", Georgia, serif;--text-xs:12px;--text-sm:14px;--text-md:17px;--text-lg:clamp(24px, 3vw, 32px);--text-xl:clamp(48px, 6.7vw, 88px);--leading-small:1.4;--leading-body:1.7;--leading-heading:1.2;--leading-title:1.06;--weight-normal:400;--weight-label:500;--tracking-heading:-.03em;--tracking-label:.18em;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--text);background:var(--background);font-synthesis:none;--bar-height:100px;--link-gap:6px}*{box-sizing:border-box}html{scrollbar-gutter:stable}@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}body{margin:0}a{color:inherit;text-decoration:none}.arrow-link{justify-content:flex-start;align-items:flex-start;gap:var(--link-gap);line-height:var(--leading-heading);display:inline-flex}.link-arrow{color:inherit;flex-shrink:0;font-size:1em;line-height:1;transform:translateY(-.15em)}.title-link{color:var(--text);justify-content:space-between;gap:24px;width:100%;display:flex}.title-link .link-arrow,.title-link:hover,a:hover .title-link,a:focus-visible .title-link{color:var(--link)}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent-turquoise);color:var(--background)}.site-shell{isolation:isolate;background:radial-gradient(ellipse at 55% 65%, var(--background-glow), transparent 65%);flex-direction:column;min-height:100dvh;display:flex;position:relative}.site-header,.site-footer{justify-content:space-between;align-items:center;margin-inline:clamp(24px,5vw,80px);display:flex}.site-header{z-index:5;background:var(--header-background);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:var(--bar-height);flex-shrink:0;grid-template-columns:1fr auto;align-content:center;align-items:baseline;gap:20px;margin-inline:0;padding-inline:clamp(24px,5vw,80px);display:grid;position:sticky;top:0}.site-header>:is(.wordmark,nav){top:var(--header-row-offset,0px);position:relative}.site-header:after{content:"";bottom:0;border-bottom:1px solid var(--line);position:absolute;inset-inline:clamp(24px,5vw,80px)}#main{scroll-margin-top:var(--bar-height)}.wordmark{font-family:var(--font-brand);font-size:var(--text-lg);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:0;color:var(--muted);justify-self:start;align-items:baseline;display:flex}.wordmark:hover,.wordmark[aria-current=page]{color:var(--text)}.wordmark .brand-mark{width:auto;height:29px;color:var(--text);flex-shrink:0;margin-right:6px}.wordmark[aria-current=page] .brand-mark{color:var(--accent)}.wordmark sup{font-size:var(--text-xs);align-self:flex-start;margin:6px 0 0 4px}.brand-mark{aspect-ratio:var(--mark-ratio);-webkit-mask:var(--mark) center / 100% 100% no-repeat;mask:var(--mark) center / 100% 100% no-repeat;-webkit-mask:var(--mark) center / 100% 100% no-repeat;background:currentColor;display:block}nav{gap:clamp(20px,3.5vw,46px);display:flex}.site-header nav,.site-footer nav,.site-footer>span{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:0}nav a{font-size:inherit;color:var(--muted);padding-block:14px;position:relative}nav a:hover{color:var(--text)}nav a[aria-current]{color:var(--link)}.header-active-dot{z-index:1;background:var(--text);pointer-events:none;border-radius:50%;width:5px;height:5px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:-2px;left:0}.site-footer{min-height:var(--bar-height);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs);letter-spacing:0;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-content:center;align-items:center;gap:clamp(8px,2vw,20px);display:grid}.site-footer>span{font-size:var(--text-md)}.footer-clock{font-size:var(--text-md);line-height:var(--leading-heading);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:3;justify-self:end}:is(.site-header,.site-footer) a{filter:drop-shadow(0 0 4px #0000)drop-shadow(0 0 12px #0000);transition:color .35s,filter .35s}:is(.site-header,.site-footer) a:is(:hover,:focus-visible){filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 55%, transparent)) drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 30%, transparent))}.page-loading{place-items:center;display:grid}.page-loading>[role=status]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-content{display:contents}.page-content-reveal>main{animation:1s ease-out both page-fade-in}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-content-reveal>main{animation:none}}.page-spinner{transform-origin:50%;width:64px;height:64px;animation:7s linear infinite loading-wobble;display:block;overflow:visible;transform:rotate(-35deg)}.page-spinner path,.fire-circle path{fill:none;stroke:var(--accent);stroke-width:2.8px;stroke-linecap:round;stroke-dasharray:1 1.02;stroke-dashoffset:1.01px;filter:drop-shadow(0 0 5px var(--accent-orange)) drop-shadow(0 0 17px var(--accent-orange))}.page-spinner{--circle-size:min(60vh, 580px, 80vw);filter:drop-shadow(0 0 calc(var(--circle-size) / 120) var(--accent-orange)) drop-shadow(0 0 calc(var(--circle-size) * 17 / 600) var(--accent-orange))}.page-spinner path{stroke-width:calc(var(--circle-size) * 2.8 / 64);stroke-dasharray:1 1.06;stroke-dashoffset:1.03px;filter:none;animation:1s infinite loading-circle}@keyframes loading-circle{0%{stroke-dashoffset:1.03px;opacity:0;animation-timing-function:ease-in-out}2%{opacity:1}50%{stroke-dashoffset:0;animation-timing-function:ease-in-out}98%{opacity:1}to{stroke-dashoffset:-1.03px;opacity:0}}@keyframes loading-wobble{0%{transform:rotate(-35deg)scale(1)}25%{transform:rotate(55deg)scale(1.015,.985)}50%{transform:rotate(145deg)scale(.985,1.015)}75%{transform:rotate(235deg)scale(1.015,.985)}to{transform:rotate(325deg)scale(1)}}@media (prefers-reduced-motion:reduce){.page-spinner{animation:none}.page-spinner path{stroke-dashoffset:0;animation:none}}.eyebrow{text-transform:uppercase;font-size:var(--text-xs);font-weight:var(--weight-label);line-height:var(--leading-small);letter-spacing:var(--tracking-label);color:var(--muted)}.home{flex:1;grid-template-rows:1fr auto 1fr;justify-items:center;min-height:620px;padding:34px 24px;display:grid;position:relative;overflow-x:clip}.home[aria-hidden=true]{visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home[aria-hidden=true] *{visibility:hidden!important}.home-top,.home-bottom{text-align:center;justify-items:center;width:100%;min-width:0;display:grid}.home-top{align-content:end}.home-bottom{opacity:0;align-content:start;transition:opacity 1s linear}.home-bottom.is-visible{opacity:1;transition-duration:2s}.home-caption{text-align:center;z-index:1;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:0;margin:0;font-style:italic}.hero-art{aspect-ratio:1;place-items:center;width:min(60vh,580px,80vw);margin-block:12px;display:grid;position:relative}.hero-toggle{cursor:pointer;z-index:1;background:0 0;border:0;width:64%;padding:0}.hero-toggle:disabled{cursor:default}.hero-logo{width:100%;color:var(--logo-rest)}.hero-logo-vector{shape-rendering:geometricprecision;height:auto;transition:color 6s,filter 6s;display:block}.hero-logo-glow.is-lit .hero-logo-vector{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.hero-logo-glow{display:block;position:relative}.hero-logo-aura{opacity:0;filter:url(#hero-outer-glow);transition:opacity 1s;position:absolute;inset:0}.hero-logo-glow.is-glowing .hero-logo-aura{opacity:1}.hero-logo-fire{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fire-sparks{fill:var(--spark);filter:drop-shadow(0 0 2px var(--accent-orange))}.fire-circle{transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fire-circle path{visibility:hidden;transition:stroke 6s,filter 6s}.home-tagline{font-size:var(--text-md);letter-spacing:0;color:var(--muted);text-align:center;margin:0}.page{flex:1;width:min(1120px,100% - 96px);margin:0 auto;padding:80px 0 100px}.page-heading{margin-bottom:76px}h1{font-size:var(--text-xl);font-weight:var(--weight-normal);letter-spacing:var(--tracking-heading);line-height:var(--leading-title);margin:26px 0 28px}h1 em{font-family:var(--font-display);font-weight:var(--weight-normal);color:var(--heading-accent);letter-spacing:inherit}.page-heading h1 em{font-size:.85em}h2,h3,p{margin-top:0}h2,h3{color:var(--text);font-weight:var(--weight-normal);font-size:var(--text-lg);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}p{font-size:var(--text-md);line-height:var(--leading-body)}.page>section,.story-section,.project{border-top:1px solid var(--line)}.story-section{padding-top:36px}.story-section p,.name-story p{font-size:var(--text-md);color:var(--muted)}.story-section p:last-child{margin-bottom:0}.name-section{grid-template-columns:1fr 1.65fr;gap:64px;margin:72px 0;padding:48px 0;display:grid}.name-pair{justify-content:space-between;align-self:center;align-items:center;gap:20px;display:flex}.name-pair div{flex-direction:column;gap:1px;display:flex}.name-pair div>span{font-family:serif;font-size:var(--text-xl);color:var(--accent);margin-bottom:19px;line-height:1}.name-pair strong{font-size:var(--text-md);font-weight:var(--weight-normal)}.name-pair small{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-small)}.plus{color:var(--muted);font-size:var(--text-lg);align-self:center;line-height:1}.name-story a:hover{color:var(--link)}.name-story p:last-child{margin-bottom:0}.page>.brands-section{border-top:0;padding-top:0}.brand-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.brand-card{--logo-size:78px;border:1px solid var(--line);align-items:flex-start;gap:20px;padding:24px;transition:border-color .2s,background .2s;display:flex}.brand-card:hover{border-color:var(--link);background:var(--surface-hover)}.brand-logo{width:calc(var(--logo-size) * 1.1);height:var(--logo-size);color:var(--accent);flex-shrink:0;justify-content:center;align-items:flex-start;display:flex}.brand-logo>:is(.brand-mark,.hyx-mark){height:var(--logo-size);min-height:var(--logo-size);max-height:var(--logo-size);flex-shrink:0;display:block}.brand-logo .brand-mark{width:auto;aspect-ratio:var(--mark-ratio)}.brand-logo .hyx-mark{width:var(--logo-size)}.brand-card>div{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.brand-card h3{margin:12px 0}.brand-card p{color:var(--muted);font-size:var(--text-sm);margin-bottom:0}.project{grid-template-columns:120px minmax(0,1fr);gap:24px;padding:36px 0 42px;display:grid}.project-index{font-size:var(--text-xs);flex-direction:column;align-items:flex-start;gap:12px;padding-top:3px;display:flex}.project-meta{color:var(--muted);font-size:var(--text-xs);letter-spacing:0;flex-wrap:wrap;gap:20px;margin-bottom:22px;display:flex}.status{align-items:center;gap:7px;display:flex}.status i{background:var(--accent-turquoise);border-radius:50%;width:5px;height:5px}.project h2{margin-bottom:16px}.project p{color:var(--muted);font-size:var(--text-md)}.contact-locations,.contact-methods{grid-template-columns:1fr 1fr;gap:40px;padding-top:36px;display:grid}.contact-location{flex-direction:column;align-items:flex-start;display:flex}.contact-location h2{margin-bottom:8px}.contact-location p{color:var(--muted);margin-bottom:24px}.contact-methods{margin-top:48px}.text-link{font-size:var(--text-md);line-height:var(--leading-heading);color:var(--link);border-bottom:1px solid #0000}.text-link:hover{border-bottom-color:currentColor;text-decoration:none}.skip-link{background:var(--text);color:var(--background);z-index:10;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1500px){.home{min-height:720px}}@media (width<=800px){.page{width:calc(100% - 48px);padding-top:56px}.name-section{grid-template-columns:1fr;gap:24px}.name-pair{justify-content:flex-start;gap:40px}.brand-grid{grid-template-columns:1fr}.project{grid-template-columns:96px minmax(0,1fr);gap:12px}}@media (width<=480px){:root{--bar-height:80px}.contact-locations,.contact-methods{grid-template-columns:1fr;gap:40px}nav{gap:20px}.home{min-height:570px;padding-top:34px}.hero-art{width:88vw;margin-block:24px}.page-heading{margin-bottom:50px}.project{grid-template-columns:1fr;gap:16px}.project-index{gap:12px}.brand-card{--logo-size:65px;gap:16px;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.fire-circle{display:none}.hero-logo-glow{opacity:1}}.flow-background{z-index:-1;pointer-events:none;opacity:0;transition:opacity 2s ease-out;position:fixed;inset:0;overflow:hidden}.flow-background.is-ready{opacity:.5}.flow-background:before{content:"";background:radial-gradient(ellipse 65vw 22vh at 50% -4vh, var(--top-glow), transparent 100%);position:absolute;inset:0}.flow-background canvas{width:100%;height:100%;display:block}
