html[data-fresh] .header{opacity:0}html[data-fresh] [data-page=home] .wordmark,html[data-fresh] [data-page=home] .hero-win,html[data-fresh] [data-page=home] .hero-meta>*{opacity:0}[data-page=home]{--wm-size: clamp(2rem, 4.2vw, 5rem);position:relative;.wordmark{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;mix-blend-mode:difference}.wm-back{z-index:0}.wm-front{z-index:50}.w-ghost{visibility:hidden}.wordmark-inner{display:flex;font-weight:400;font-size:var(--wm-size);line-height:1.3;letter-spacing:-.02em;white-space:nowrap;column-gap:.1em}.wordmark p{margin:0}.w-studio{color:#4d4d4d}.w-audur{color:var(--bg)}.char{display:inline-block;will-change:transform}.wm-gl{position:absolute;left:0;top:50%;translate:0 -50%;width:100%;pointer-events:none}&.gl .w-studio,&.gl .w-audur{color:transparent}.hero{position:relative;height:240vh;height:240svh}.hero-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}.hero-win{width:calc((100% - 2 * var(--pad) - 11 * var(--gap)) / 12 * 4 + 3 * var(--gap));aspect-ratio:4 / 5;overflow:hidden;background:var(--surface);position:relative}.hero-media{position:absolute;left:50%;top:0;height:100%;translate:-50% 0;will-change:transform}.hero-media video,.hero-media .poster{width:100%;height:100%;object-fit:cover;max-width:none;filter:grayscale(1) brightness(1.04)}.hero-media .poster{position:absolute;inset:0}.hero-media video{position:relative}.hero-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);display:flex;justify-content:space-between;gap:20px}@media(max-width:700px){.hero-win{width:40vw}}.studio{position:relative;padding:clamp(100px,14vw,200px) var(--pad) clamp(60px,8vw,120px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:clamp(60px,9vw,140px)}.studio>span{grid-column:1 / span 3;grid-row:1}.studio .about{grid-column:7 / -1;grid-row:1}.about-text{max-width:22em}.about-flow{display:none}.studio figure{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:subgrid}.about-model{position:fixed;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none}.about-model[hidden]{display:none}.about-model canvas{display:block;width:min(11.6vw,190px);aspect-ratio:1}.studio.wrapped .about{position:relative}.studio.wrapped .about-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.studio.wrapped .about-flow{display:block;position:absolute;inset:0;pointer-events:none}.about-flow span{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform}.sketch{grid-column:1 / 6;width:100%;aspect-ratio:632 / 470;object-fit:cover;mix-blend-mode:multiply}.studio figcaption{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-top:12px}.studio figcaption span:first-child{grid-column:1 / 6;text-align:right}.studio figcaption span:last-child{grid-column:9 / -1;text-align:right}@media(max-width:800px){.studio>span,.studio .about{grid-column:1 / -1;grid-row:auto}.studio figure{grid-row:auto}.sketch,.studio figcaption span:first-child,.studio figcaption span:last-child{grid-column:1 / -1}.studio figcaption span:first-child{text-align:left}}.work{padding:clamp(100px,14vw,180px) var(--pad) clamp(80px,10vw,140px)}@media(max-width:800px){.studio{padding-top:80px;padding-bottom:48px;row-gap:48px}.work{padding:80px var(--pad) 56px}}}
