:root{--bg:#171816;--fg:#eeeae1;--muted:#999b90;--line:#353630;--accent:#ff713e;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.mono{font-family:var(--mono);font-size:10px;letter-spacing:1px}.orange,.dot,.question{color:var(--accent)}
.site-wrap{width: min(100%,1600px);min-height:100svh;padding:0 6%;margin:auto;display:flex;flex-direction:column}header{height:clamp(60px,10svh,100px);flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:-2px}.wordmark span{margin-left:5px;color:var(--accent)}.local-time{display:flex;gap:12px;align-items:center;color:var(--muted)}i{width:5px;height:5px;background:var(--accent);border-radius:50%}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4svh,48px) 0}.hero-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}h1{font-family:'Manrope',sans-serif;font-size:min(22vw,29svh,330px);line-height:1.14;letter-spacing:-.082em;font-weight:600;margin:0 0 0 -.035em;white-space:nowrap}.question{display:inline-block;transform:rotate(9deg);margin-left:.03em}.definition{display:flex;align-items:flex-start;gap:13px;margin-top:clamp(4px,1svh,12px)}.definition>.orange{font-size:21px;line-height:1.2}.definition p{margin:0;display:flex;gap:20px;align-items:baseline}.definition .mono{font-size:9px}.translation{font-size:12px;color:var(--muted)}.intro-row{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end;margin-top:clamp(25px,5svh,65px)}h2{font-size:clamp(25px,3.5vw,48px);line-height:1.12;letter-spacing:-1.5px;font-weight:400;margin:0}.intro p{color:var(--muted);font-size:12px;line-height:1.8;margin:17px 0 0}.socials a{display:flex;align-items:center;gap:20px;min-height:clamp(42px,6.5svh,67px);border-top:1px solid var(--line);font-size:18px;transition:color .2s,padding .2s}.socials a:last-child{border-bottom:1px solid var(--line)}.number{font-size:8px;color:var(--muted)}.arrow{margin-left:auto;font-size:23px}.socials a:hover{color:var(--accent);padding:0 8px}footer{height:clamp(44px,7svh,70px);flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px}footer .orange{font-size:21px;margin-left:12px;vertical-align:middle}
@media(max-width:600px){.site-wrap{padding:0 7%}header{height:65px}.wordmark{font-size:26px}.local-time{font-size:8px;gap:8px}.hero-top{font-size:7px;letter-spacing:.5px}.index{display:none}h1{font-size:22vw;line-height:1.3}.definition p{flex-direction:column;gap:7px}.definition .mono{font-size:8px;letter-spacing:.6px}.translation{font-size:11px}.intro-row{grid-template-columns:1fr;gap:clamp(20px,4svh,34px);margin-top:clamp(24px,4svh,38px)}h2{font-size:clamp(26px,4.5svh,37px)}.intro p{font-size:11px;margin-top:12px}.socials a{min-height:clamp(38px,6svh,51px);font-size:16px}.socials .arrow{font-size:20px}main{padding:20px 0}footer{height:48px;font-size:7px;letter-spacing:.5px}}
@media(max-height:700px) and (min-width:601px){main{padding:15px 0}.intro-row{margin-top:20px}h2{font-size:29px}.intro p{margin-top:10px}h1{font-size:min(21vw,29svh)}.socials a{min-height:40px}}
@media(max-height:700px) and (max-width:600px){header{height:48px}main{padding:12px 0}.intro-row{margin-top:18px;gap:18px}h1{font-size:min(22vw,17svh)}.intro p{margin-top:8px}footer{height:38px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.intro-row{align-items:center}.intro h2{font-size:clamp(25px,3.4vw,46px)}.also{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:12px;letter-spacing:0;color:var(--muted)}#phrase{color:var(--fg);min-width:20ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.projects{display:flex;gap:30px;align-items:baseline;border-top:1px solid var(--line);padding-top:20px;margin-top:clamp(25px,4svh,45px)}.projects-label{font-size:8px;color:var(--muted);white-space:nowrap}.projects-label .orange{margin-left:8px}.project-links{display:flex;flex-wrap:wrap;gap:14px 25px}.project-links a{font-size:12px;padding:4px 0;white-space:nowrap}.project-links a span{color:var(--muted);font-size:11px;margin-left:5px}.project-links a:hover,.project-links a:hover span{color:var(--accent)}
@media(max-width:900px){.projects{flex-direction:column;gap:10px}.project-links{gap:8px 22px}}
@media(max-width:600px){.intro h2{font-size:29px}.also{margin-top:8px;font-size:11px}.intro-row{gap:18px;margin-top:24px}.projects{margin-top:24px;padding-top:15px;gap:9px}.project-links{gap:5px 18px}.project-links a{font-size:11px}.socials a{min-height:39px}}
@media(max-height:700px){.projects{margin-top:18px;padding-top:12px}}
@media(max-height:700px) and (max-width:600px){.intro-row{margin-top:16px;gap:12px}.definition p{gap:4px}.intro h2{font-size:26px}.also{margin-top:5px}.projects{margin-top:16px}.socials a{min-height:35px}}

.intro h2{font-family:var(--mono);font-size:clamp(23px,2.65vw,37px);font-weight:500;line-height:1.3;letter-spacing:-1.1px}
@media(max-width:600px){.intro h2{font-size:25px;letter-spacing:-.8px;line-height:1.25}}
@media(max-height:700px) and (max-width:600px){.intro h2{font-size:22px}}

.hero-top{font-size:12px;letter-spacing:0}.identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.separator{color:#696c60;margin:0 7px}.identity .also{margin:0;gap:9px;font-size:12px}.identity .also-separator{margin:0 3px 0 0}#phrase{color:var(--accent)}.intro-row{display:block;margin-top:clamp(30px,6svh,70px)}.socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.socials a,.socials a:last-child{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:65px}.socials a{gap:14px}
@media(max-width:600px){.hero-top{font-size:11px}.identity{display:block}.identity .also{margin-top:6px;font-size:11px}.identity .also-separator{display:none}.identity>.separator{margin:0 5px}.intro-row{margin-top:30px}.socials{grid-template-columns:1fr;gap:0}.socials a{min-height:46px;border-bottom:0}.socials a:last-child{min-height:46px}.projects{margin-top:24px}}
@media(max-height:700px) and (max-width:600px){.intro-row{margin-top:22px}.socials a,.socials a:last-child{min-height:40px}.projects{margin-top:18px}}

.site-wrap{position:relative;z-index:1}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;--pointer-x:65vw;--pointer-y:35vh;opacity:0;transition:opacity .7s}.ambient.is-active{opacity:1}.ambient-glow{position:absolute;width:700px;height:700px;left:0;top:0;background:radial-gradient(circle,rgba(255,113,62,.09),rgba(255,113,62,.025) 42%,transparent 68%);transform:translate(calc(var(--pointer-x) - 350px),calc(var(--pointer-y) - 350px));will-change:transform}.ambient-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,144,97,.38) .8px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle 240px at var(--pointer-x) var(--pointer-y),#000,transparent);-webkit-mask-image:radial-gradient(circle 240px at var(--pointer-x) var(--pointer-y),#000,transparent)}.social-icon{width:19px;height:19px;flex-shrink:0;color:var(--muted);transition:color .2s}.soundcloud-icon{width:23px}.socials a:hover .social-icon{color:var(--accent)}.contact{display:flex;align-items:center;gap:25px;margin-top:22px}.contact>.mono{font-size:8px;color:var(--muted)}.contact a{font-size:14px}.contact a span{margin-left:8px;color:var(--accent)}.contact a:hover{color:var(--accent)}
@media(max-width:600px){.social-icon{width:17px;height:17px}.soundcloud-icon{width:21px}.contact{margin-top:18px;gap:20px}.contact a{font-size:13px}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.ambient{display:none}}

.contact a{font-family:inherit;font-size:12px}.social-icon{width:14px;height:14px}.soundcloud-icon{width:17px}
@media(max-width:600px){.contact a{font-size:11px}.social-icon{width:13px;height:13px}.soundcloud-icon{width:16px}}

@media(pointer:fine) and (prefers-reduced-motion:no-preference){
  html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}
  .cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:100;opacity:0;will-change:transform,opacity}
  .cursor-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin:-2.5px 0 0 -2.5px;transition:opacity .18s}
  .cursor-ring{width:26px;height:26px;margin:-13px 0 0 -13px;border:1px solid rgba(255,113,62,.7);border-radius:50%;display:grid;place-items:center;color:var(--bg);font-family:var(--mono);font-size:12px;line-height:1;transition:width .2s,height .2s,margin .2s,background .2s,border-color .2s,color .2s,opacity .18s}
  .cursor-ring::after{content:'';transform:translate(-1px,1px);transition:transform .2s,font-size .2s,color .2s}
  html.cursor-visible .cursor-dot,html.cursor-visible .cursor-ring{opacity:1}
  .cursor-ring.is-link{width:36px;height:36px;margin:-18px 0 0 -18px;background:var(--accent);border-color:var(--accent);color:#000;overflow:visible}
  .cursor-ring.is-link::after{content:'';position:absolute;left:50%;top:50%;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M3 25 25 3M9 3h16v16' fill='none' stroke='%23eeeae1' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:translate(calc(-50% + 12px),calc(-50% - 12px))}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none}}

.socials{position:relative;isolation:isolate}
.socials a{position:relative;overflow:visible;background:rgba(23,24,22,.62)}
.socials a>span{position:relative;z-index:1}
.socials .social-icon{position:absolute;z-index:-1;left:18px;top:50%;width:108px;height:108px;transform:translateY(-50%) rotate(-12deg);color:var(--fg);opacity:.13;background:none;box-shadow:none;transition:color .25s,opacity .25s,transform .25s}
.socials .soundcloud-icon{width:140px;height:120px}
.socials a:hover .social-icon{color:var(--accent);opacity:.25;transform:translateY(-50%) rotate(-5deg)}
.projects{position:relative}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}
.wordmark .ui-icon{vertical-align:-.06em}
#phrase .apple-icon{width:12px;height:14px;vertical-align:-2px}
.distortion-defs{position:absolute;pointer-events:none;overflow:hidden}
h1{position:relative}
.glyph{display:inline-block;transform-origin:50% 74%;will-change:transform}
h1.is-kneading{filter:url(#title-dough);will-change:filter}
@media(prefers-reduced-motion:reduce),(pointer:coarse){h1.is-kneading{filter:none}h1 .glyph{transform:none!important}}
.social-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0;line-height:1.35}
.social-handle{font-family:var(--mono);font-size:10px;letter-spacing:0;color:var(--muted);white-space:nowrap}
.socials a:hover .social-handle{color:var(--accent)}
@media(max-width:600px){.socials{gap:22px}.socials a{border-bottom:1px solid var(--line)}.socials .social-icon{left:22px;width:72px;height:72px}.socials .soundcloud-icon{width:96px;height:82px}}