@font-face{font-family:Josefin;src:url(/fonts/JosefinSans-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Josefin;src:url(/fonts/JosefinSans-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Josefin;src:url(/fonts/JosefinSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Josefin;src:url(/fonts/JosefinSans-SemiBold.woff2)format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Book.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Circular;src:url(/fonts/CircularStd-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--font-body:"Circular", system-ui, sans-serif;--font-display:"Josefin", system-ui, sans-serif;--ink:#191a1b;--paper:#fafbfc;--accent:#f5c518;--mute:#e8eaec;--g:12px;--line:1px solid var(--ink);--bar:56px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video,iframe{border:0;max-width:100%;display:block}button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline-offset:3px;outline:2px solid}::selection{background:var(--accent);color:var(--ink)}main{display:block;container-type:inline-size}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.split,.p-head h1,.p-head .lede,.b-quote blockquote,.p-next strong,.bio-text h2,.bio-text .lead,.values h3,.cta p,.lost strong,.contact-lead{font-family:var(--font-display)}.label,.top nav,.facts,.btn,.band>h2,.kit h3,.b-text h2,.b-split h2{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem;font-weight:400;line-height:1.5}.label b{font-weight:700}.link,.top nav a,.cap b,.contact a,.slider-nav button,.reel-bar button,.contact-head button,.menu-btn,.brand,.kit li,.socials a{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 50% / 0 100%;transition:background-size .22s var(--ease), color .22s}.top nav a[aria-current],.menu-btn[aria-expanded=true]{background-size:100% 100%}:is(.link,.top nav a,.contact a,.slider-nav button,.reel-bar button,.contact-head button,.menu-btn,.brand,.socials a):focus-visible,.card:focus-visible .cap b{color:var(--ink);background-size:100% 100%}.card:focus-visible .cover{outline:4px solid var(--accent);outline-offset:-4px}@media (hover:hover){:is(.link,.top nav a,.contact a,.slider-nav button,.reel-bar button,.contact-head button,.menu-btn,.brand,.kit li,.socials a):hover,.card:hover .cap b{color:var(--ink);background-size:100% 100%}.card:hover .cover{outline:4px solid var(--accent);outline-offset:-4px}.card:hover .cover>*{transform:scale(1.035)}.btn:hover{background:var(--accent);color:var(--ink)}.tone-ink .btn:hover,.contact .btn:hover{background:var(--paper)}.p-next a:hover{background:var(--accent)}.kit li:hover img{filter:none}.hello:hover .hello-mid{background:var(--ink);color:var(--accent)}.hello:hover .hello-rows{opacity:.5}.hello:hover .hello-rows span{animation-play-state:running}}.link{border-bottom:2px solid var(--accent);padding:2px 2px 1px}.btn{background:var(--ink);min-height:34px;color:var(--paper);justify-content:center;align-items:center;padding:0 22px;transition:background .2s,color .2s;display:inline-flex}.btn:focus-visible{background:var(--accent);color:var(--ink)}.btn:disabled{opacity:.6;cursor:default}.top{z-index:20;height:var(--bar);padding:0 var(--g);background:var(--paper);border-bottom:var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{align-items:center;margin-left:-8px;padding:7px 8px;display:flex}.brand svg{width:auto;height:34px}.top nav{align-items:center;gap:clamp(14px,2.2vw,32px);display:flex}.top nav a{padding:2px 4px}.top .n{opacity:.55}.menu-btn{display:none}@media (min-width:901px){.top nav{align-self:stretch}.top .contact-cell{min-height:0;margin:0 calc(-1 * var(--g)) 0 8px;border-left:var(--line);color:var(--ink);background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 50% / 0 100%;transition:background-size .25s var(--ease);align-self:stretch;gap:10px;padding:0 28px}.top .contact-cell:focus-visible{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 50% / 100% 100%;outline-offset:-4px}.top .contact-cell .arrow{transition:transform .25s var(--ease)}@media (hover:hover){.top .contact-cell:hover{background:linear-gradient(var(--accent), var(--accent)) no-repeat 0 50% / 100% 100%;color:var(--ink)}.top .contact-cell:hover .arrow{transform:translate(4px)}}}.split{padding:.2em var(--g) 0;font-weight:100;font-size:clamp(1.9rem, calc(var(--k,8) * 1cqw), 8.5rem);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;border-bottom:var(--line);align-items:center;gap:.2em;line-height:.95;display:flex}.split i{background:currentColor;flex:1;min-width:.5em;height:1px;margin-top:-.2em}.card{display:block}.cover{aspect-ratio:16/10;background:var(--mute);border:var(--line);position:relative;overflow:hidden}.cover>*{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.cap{justify-content:space-between;align-items:baseline;gap:12px;padding-top:9px;display:flex}.cap b{white-space:nowrap;margin-left:-3px;padding:1px 3px}.cap span{text-overflow:ellipsis;white-space:nowrap;text-align:right;opacity:.65;min-width:0;overflow:hidden}.slider{flex-direction:column;min-width:0;min-height:0;display:flex}.view{touch-action:pan-y;cursor:grab;flex:1;min-height:0;overflow:hidden}.view.drag{cursor:grabbing}.view.drag a{pointer-events:none}.belt{gap:var(--g);height:100%;padding-left:var(--g);will-change:transform;display:flex}.slide{flex:none}.view img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.slider-nav{padding:10px var(--g);border-top:var(--line);justify-content:space-between;align-items:center;display:flex;position:relative}.slider-nav button{margin-inline:-6px;padding:3px 6px}.progress{background:var(--accent);transform-origin:0;width:100%;height:3px;transition:transform .4s var(--ease);position:absolute;top:-2px;left:0}.home{--left:38.2vw;grid-template-columns:var(--left) minmax(0, 1fr);height:calc(100dvh - var(--bar));min-height:600px;display:grid}.me{border-right:var(--line);flex-direction:column;min-height:0;display:flex;container-type:inline-size}.photo{background:var(--ink);min-height:0;color:var(--paper);flex:1;position:relative;overflow:hidden}.photo img{object-fit:cover;object-position:50% 15%;filter:grayscale()contrast(1.06);width:100%;height:100%;transition:filter .6s;position:absolute;inset:0}.home .photo img{transform-origin:46% 38%;transform:scale(1.22)translate(-5%)}.intro{gap:calc(var(--g) * 2);padding:22% var(--g) calc(var(--g) + 4px);background:linear-gradient(#0000,#191a1bd1 52%,#191a1bf0);grid-template-columns:1fr 1.618fr;align-items:start;display:grid;position:absolute;inset:auto 0 0}.intro .words{justify-items:start;gap:12px;display:grid}.intro p{opacity:.86;font-size:.8125rem;font-weight:400;line-height:1.55}.intro .facts{gap:8px}.intro .facts div{grid-template-columns:1fr;gap:0}.facts{align-content:start;gap:3px;display:grid}.facts div{gap:var(--g);grid-template-columns:7.5em 1fr;display:grid}.facts dt{opacity:.6}.me .split{--k:13;border-bottom:0;border-top:var(--line);background:var(--paper)}.strips{grid-template:repeat(3,1fr)/minmax(0,1fr);min-height:0;display:grid}.strip{min-height:0;padding:9px 0 var(--g);flex-direction:column;display:flex}.strip+.strip{border-top:var(--line)}.strip-head{padding:0 calc(var(--g) - 2px) 7px;justify-content:space-between;display:flex}.strip-head .link{border-bottom:0}.strip .slider{flex:1}.strip .view{container-type:size}.strip .card{width:calc(160cqh - 44.8px)}.strip .cover{aspect-ratio:auto;height:calc(100cqh - 28px)}.reel{color:var(--paper);border-bottom:var(--line);background:#000;position:relative}.reel video{object-fit:cover;width:100%;height:min(78dvh,56.25cqw)}.reel-bar{padding:var(--g);justify-content:space-between;display:flex;position:absolute;inset:auto 0 0}.reel-bar button{border-bottom:2px solid var(--accent);padding:3px 6px}.cards{gap:28px var(--g);padding:var(--g) var(--g) 64px;grid-template-columns:repeat(3,1fr);display:grid}.rail{height:calc(100dvh - var(--bar));flex-direction:column;min-height:560px;display:flex}.rail .slider{flex:1}.rail .view{container-type:size}.rail .belt{padding-block:var(--g)}.rail .cover{height:calc(100cqh - 30px - 2 * var(--g));aspect-ratio:3/4}.rail .card{width:calc((100cqh - 30px - 2 * var(--g)) * .75)}.banner{border-bottom:var(--line)}.banner .cover{height:calc(100svh - var(--bar) - 46px);aspect-ratio:auto;border:0;border-bottom:var(--line)}.banner .cap{padding:13px var(--g) 12px}.p-head{gap:var(--g);padding:var(--g) var(--g) clamp(24px, 4vw, 56px);grid-template-columns:1fr 2fr;display:grid}.p-head .back{grid-column:1/-1;place-self:start;margin-bottom:clamp(24px,6vw,80px)}.p-head h1{letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-size:clamp(2.4rem,8cqw,7rem);font-weight:100;line-height:.95}.p-head .lede{max-width:34ch;margin-top:16px;font-size:clamp(1.1rem,2cqw,1.5rem);font-weight:300;line-height:1.35}.p-head .facts{align-content:end}.p-head .facts div{grid-template-columns:6em 1fr}.p-cover{border-block:var(--line);background:var(--mute)}.p-cover>*{object-fit:cover;aspect-ratio:16/9;width:100%;max-height:86dvh}.block{padding:clamp(32px, 6cqw, 88px) var(--g)}.block+.block:not([class*=tone-]){padding-top:0}[class*=tone-]+.block{padding-top:clamp(32px,6cqw,88px)!important}.tone-ink{background:var(--ink);color:var(--paper);--line:1px solid #3a3c3e}.tone-accent{background:var(--accent)}.block figcaption{opacity:.7;margin-top:9px}.block figure>:is(img,video,.embed),.block .items>*{border:var(--line);background:var(--mute);width:100%}.b-text,.b-split{gap:var(--g);grid-template-columns:1fr 2fr;display:grid}.b-text .body{gap:1em;max-width:62ch;font-size:1.0625rem;display:grid}.b-text h2,.b-split h2{padding-top:.5em}.b-image.contained figure{max-width:1040px;margin-inline:auto}.b-image.small figure{max-width:560px;margin-inline:auto}.b-grid .items{gap:var(--g);grid-template-columns:repeat(var(--cols), 1fr);display:grid}.b-grid .items>*{aspect-ratio:4/3;object-fit:cover}.b-split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5cqw,72px)}.b-split.flip figure{order:2}.b-split .words{gap:12px;max-width:46ch;display:grid}.b-split p{font-size:1.0625rem}.b-video figure{max-width:1240px;margin-inline:auto}.block.b-video figure>:is(video,.embed){aspect-ratio:16/9;object-fit:cover;background:#000}.embed iframe{width:100%;height:100%}.b-quote blockquote{letter-spacing:-.01em;text-wrap:balance;max-width:20ch;font-size:clamp(1.9rem,5.6cqw,5rem);font-weight:100;line-height:1.05}.b-quote cite{margin-top:20px;font-style:normal;display:block}.b-divider{padding-block:0!important}.b-divider hr{border:0;border-top:var(--line)}.p-next{border-top:var(--line);grid-template-columns:1fr 1fr;display:grid}.p-next a{padding:var(--g) var(--g) clamp(24px, 4vw, 48px);gap:6px;transition:background .25s;display:grid}.p-next a:focus-visible{background:var(--accent)}.p-next a+a{border-left:var(--line);text-align:right}.p-next strong{text-transform:uppercase;font-size:clamp(1.5rem,4cqw,3.5rem);font-weight:100;line-height:1}.bio-top{border-bottom:var(--line);grid-template-columns:2fr 3fr;display:grid}.bio-top .photo{top:var(--bar);height:calc(100dvh - var(--bar));border-right:var(--line);position:sticky}.bio-text{padding:clamp(24px, 4cqw, 64px) var(--g) clamp(40px, 6cqw, 96px);align-content:start;gap:1.1em;display:grid}.bio-text h2{letter-spacing:-.01em;text-wrap:balance;margin-bottom:.3em;font-size:clamp(2.2rem,5.4cqw,5rem);font-weight:100;line-height:1}.bio-text p{max-width:60ch;font-size:1.0625rem}.bio-text .lead{font-size:clamp(1.25rem,2.1cqw,1.6rem);font-weight:300;line-height:1.4}.band{gap:var(--g);padding:clamp(24px, 3cqw, 40px) var(--g) clamp(32px, 5cqw, 72px);border-bottom:var(--line);grid-template-columns:1fr 3fr;display:grid}.kit{gap:32px var(--g);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.kit h3{opacity:.6;margin-bottom:10px}.kit ul,.socials{gap:2px;padding:0;list-style:none;display:grid}.kit li{justify-self:start;align-items:center;gap:12px;margin-left:-8px;padding:5px 8px;display:flex}.kit img{object-fit:contain;filter:grayscale()brightness(.82);width:22px;height:22px;transition:filter .25s}.kit .web{grid-column:1/-1}.rows>div{gap:var(--g);border-top:var(--line);grid-template-columns:13em 1fr 2.4fr;padding:14px 0;display:grid}.rows>div:last-child{border-bottom:var(--line)}.rows .label{padding-top:.45em}.rows strong{font-weight:500}.rows b{font-weight:700}.values{gap:32px var(--g);grid-template-columns:repeat(2,1fr);display:grid}.values h3{margin-bottom:6px;font-size:clamp(1.4rem,2.6cqw,2.25rem);font-weight:300;line-height:1.1}.values p{max-width:34ch}.socials{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.socials a{align-items:center;gap:10px;margin-left:-10px;padding:9px 10px;display:inline-flex}.socials i{width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;background:currentColor}.cta{grid-template-columns:minmax(0,1fr) minmax(260px,28%);display:grid}.cta p{padding:clamp(48px, 9cqw, 140px) var(--g);letter-spacing:-.01em;text-wrap:balance;max-width:16ch;font-size:clamp(2rem,5.4cqw,5.5rem);font-weight:100;line-height:1.02}.hello{background:var(--accent);min-height:220px;color:var(--ink);position:relative;overflow:hidden}.hello:focus-visible{outline-offset:-6px}.hello-rows{opacity:0;transition:opacity .35s var(--ease);flex-direction:column;justify-content:center;font-size:.5625rem;line-height:1.75;display:flex;position:absolute;inset:0}.hello-rows span{white-space:pre;flex:none;width:max-content}.hello-mid{background:var(--accent);white-space:nowrap;padding:5px 12px;font-weight:700;transition:background .2s,color .2s;position:absolute;top:50%;left:50%;translate:-50% -50%}.hello:focus-visible .hello-mid{background:var(--ink);color:var(--accent)}.hello:focus-visible .hello-rows{opacity:.5}.hello:focus-visible .hello-rows span{animation-play-state:running}.lost{min-height:calc(100dvh - var(--bar));padding:var(--g);text-align:center;place-content:center;justify-items:center;gap:20px;display:grid}.lost strong{font-size:clamp(6rem,30cqw,20rem);font-weight:100;line-height:.8}dialog.contact{width:min(560px, calc(100vw - 2 * var(--g)));max-height:calc(100dvh - 2 * var(--g));background:var(--accent);color:var(--ink);border:0;margin:auto;padding:0;overflow:auto}dialog.contact::backdrop{background:#080809f7}.contact-in{padding:var(--g);gap:20px;display:grid}.contact-head{justify-content:space-between;display:flex}.contact-head button{background-image:linear-gradient(var(--paper), var(--paper));margin:-2px -6px;padding:2px 6px}.contact-lead{font-size:clamp(1.4rem,5vw,2rem);font-weight:300;line-height:1.2}.contact a{background-image:linear-gradient(var(--paper), var(--paper));border-bottom:1px solid}.contact form{gap:18px;display:grid}.contact label{gap:2px;display:grid}.contact :is(input,textarea){width:100%;font:inherit;color:inherit;caret-color:var(--ink);border:0;border-bottom:var(--line);resize:vertical;background:0 0;border-radius:0;padding:8px 0}.contact :is(input,textarea):focus-visible{border-bottom-width:3px;outline:0;padding-bottom:6px}.contact .hp{position:absolute;left:-9999px}.contact .btn{width:100%;min-height:44px}.contact-done{padding:24px 0 40px;font-size:1.25rem}@media (prefers-reduced-motion:no-preference){dialog.contact[open]{animation:rise .4s var(--ease)}dialog.contact[open]::backdrop{animation:.4s fade}main>*{animation:.5s both fade}.hello-rows span{animation:60s linear infinite paused slide}.hello-rows span:nth-child(2n){animation-direction:reverse}}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (max-width:900px){:root{--bar:56px}body{padding-bottom:var(--bar)}.top{border-bottom:0;border-top:var(--line);padding:0;position:fixed;inset:auto 0 0}.menu-btn{border-right:var(--line);align-self:stretch;padding:0 20px;display:block}.brand{padding:0 var(--g);background-position:100%;flex:1;justify-content:flex-end;align-self:stretch;margin:0}.brand svg{height:32px}.top nav{inset:0 0 var(--bar);padding:var(--g);background:var(--paper);visibility:hidden;opacity:0;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;transition:opacity .25s,visibility .25s;position:fixed}.top nav[data-open=true]{visibility:visible;opacity:1}.top nav a{border-top:var(--line);font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;gap:14px;padding:12px 4px 4px;font-size:2.4rem;font-weight:100;line-height:1.1;display:flex}.top nav .n{font-family:var(--font-body);letter-spacing:.1em;font-size:.6875rem;font-weight:400}.top nav .btn{min-height:48px;margin-top:var(--g)}.home{height:auto;display:block}.me{height:calc(100svh - var(--bar));border-right:0}.home .photo img{transform-origin:50% 30%;transform:scale(1.06)translate(-5%)}.bio-top .photo{flex:none;height:70svh}.intro{grid-template-columns:1fr;gap:14px}.intro .facts{gap:3px}.intro .facts div{gap:var(--g);grid-template-columns:7.5em 1fr}.intro p{font-size:.875rem}.me .split{border-bottom:var(--line)}.strip{border-top:var(--line);padding-bottom:20px}.strip:first-child{border-top:0}.strip .view,.rail .view{container-type:normal}.strip .card{width:78vw}.strip .cover{aspect-ratio:16/10;height:auto}.reel video{aspect-ratio:4/5;height:auto}.cards{grid-template-columns:1fr;padding-bottom:40px}.rail{height:calc(100svh - var(--bar));min-height:0}.rail .card{width:76vw}.rail .cover{height:auto}.rail .belt{align-items:center;padding-block:0}.banner .cover{aspect-ratio:4/5;height:auto}.p-head,.b-text,.b-split,.bio-top,.band,.cta{grid-template-columns:1fr}.p-head .facts{order:3;margin-top:12px}.p-cover>*{aspect-ratio:4/3}.b-split.flip figure{order:0}.b-grid .items{grid-template-columns:repeat(2,1fr)}.bio-top .photo{border-right:0;border-bottom:var(--line);position:relative;top:0}.rows>div{grid-template-columns:1fr;gap:4px}.values{grid-template-columns:1fr}.p-next strong{font-size:1.4rem}}
