@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d10;--ink:#eff0ed;--muted:#999b9f;--accent:#c6f7cd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 77% 41%,#19202b55,transparent 45%)}.page{max-width:1600px;margin:auto;padding:0 5.3vw;position:relative}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.wordmark{color:var(--ink);text-decoration:none;display:flex;align-items:center;font-size:22px;font-weight:700;letter-spacing:-1px;gap:11px}.wordmark svg{width:30px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.3}.mark-dot{color:var(--accent);margin-left:-10px}.header-note{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#909397}main{min-height:calc(100svh - 196px);display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.intro{z-index:1;padding:66px 0 70px}.eyebrow{color:#b5b9b9;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:11px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c6f7cd55}h1{font-size:clamp(74px,8.4vw,132px);font-weight:500;letter-spacing:-.085em;line-height:1.1;margin:27px 0 24px}h1 span{color:#969aa2}h1 i{color:var(--accent);font-style:normal}.lead{font-size:clamp(23px,2.2vw,32px);line-height:1.4;letter-spacing:-.7px;margin:0 0 22px;font-weight:500}.lead>span{color:#969aa2}.description{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 37px}.socials{display:flex;gap:12px;max-width:470px}.socials>a{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:1px solid #ffffff21;padding:17px 15px;text-decoration:none;color:var(--ink);border-radius:3px;background:#ffffff02;transition:background .25s,border-color .25s,transform .25s}.socials>a:hover{background:#c6f7cd09;border-color:#c6f7cd65;transform:translateY(-3px)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.social-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.socials a>span:nth-child(2){font-size:13px;font-weight:600;white-space:nowrap}.socials small{display:block;font-size:9px;font-weight:400;color:#999da3;margin-top:6px}.socials b{font-size:19px;font-weight:400;color:#a5aaa8;margin-left:auto;align-self:flex-start}.art{position:absolute;width:57%;right:-3%;height:100%;min-height:500px;pointer-events:none}canvas{width:100%;height:100%;display:block}.art-label{position:absolute;bottom:18%;left:18%;font-size:8px;letter-spacing:2px;color:#898f99}.art-label>span{color:#c6f7cd;margin-right:14px}.art-hint{position:absolute;top:21%;right:4%;font-size:9px;color:#7b828c;writing-mode:vertical-rl;letter-spacing:1px}.art-hint span{margin-top:20px;color:#b5cab9}footer{min-height:84px;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;align-items:center;color:#777d85;font-size:10px;letter-spacing:.3px}.footer-middle{display:flex;align-items:center;gap:15px}.tiny-star{font-size:21px;color:#b7cbbc}.footer-end{font-size:9px;letter-spacing:1.4px;text-transform:uppercase}@media(min-width:1600px){.page{padding:0 85px}}@media(max-width:900px){.page{padding:0 6vw}header{height:86px}.intro{padding-top:58px;padding-bottom:50px}main{min-height:calc(100svh - 160px)}h1{font-size:82px}.art{opacity:.65;right:-5%;width:60%}.socials{flex-direction:column;max-width:245px}.socials>a{padding:14px}.art-label{left:24%;bottom:12%;font-size:7px}.art-hint{right:0}.footer-middle{display:none}footer{min-height:74px}}@media(max-width:600px){header{height:77px}.wordmark{font-size:20px}.header-note{font-size:8px;letter-spacing:1px}main{display:flex;flex-direction:column;align-items:stretch;min-height:0}.intro{padding:49px 0 0}.eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:87px;margin:23px 0 21px}.lead{font-size:26px}.description{font-size:12px;margin-bottom:28px}.socials{flex-direction:row;max-width:none;gap:9px}.socials>a{padding:14px 11px;gap:9px}.socials small{font-size:8px}.socials a>span:nth-child(2){font-size:12px}.socials b{font-size:16px}.social-icon svg{width:19px;height:19px}.art{position:relative;right:auto;width:100%;height:350px;min-height:0;margin:0;opacity:1}.art-label{left:8%;bottom:7%;font-size:7px}.art-hint{top:20%;right:0;font-size:8px}footer{min-height:70px;font-size:9px}.footer-end{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The user explicitly requested this small, continuous cursor pulse. */
h1 .cursor{display:inline-block;position:relative;width:4px;height:.79em;margin-left:.13em;vertical-align:-.015em;background:#454a4e;opacity:.65;animation:caret-beacon 4.6s ease-in-out infinite}
h1 .cursor::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#d8ffe3 0%,#d4f2fa 32%,#e0d5f3 52%,#f0dae7 66%,#c6f7cd 100%);background-size:100% 250%;opacity:0;animation:caret-iridescence 4.6s ease-in-out infinite}
@keyframes caret-beacon{0%,12%,100%{opacity:.55;background-color:#454a4e;box-shadow:0 0 1px #c6f7cd00,0 0 4px #c6f7cd00,0 0 12px #d8c6f000}48%,58%{opacity:1;background-color:#e3ffeb;box-shadow:0 0 5px #e3ffebcc,0 0 15px #c6f7cd80,0 0 28px #d8c6f030}82%{opacity:.7;background-color:#778b81;box-shadow:0 0 2px #c6f7cd20,0 0 5px #c6f7cd10,0 0 12px #d8c6f000}}
@keyframes caret-iridescence{0%,12%,100%{opacity:0;background-position:50% 0%}48%{opacity:.55;background-position:50% 40%}60%{opacity:.65;background-position:50% 80%}82%{opacity:.1;background-position:50% 100%}}
.art-label{text-transform:uppercase;letter-spacing:1.5px}


.art-label{text-transform:none;letter-spacing:.2px;font-size:10px;line-height:1.6;max-width:75%}.art-label>.quote-main{display:block;color:#a0a9ae;margin:0}.art-label .quote-aside{display:block;font-size:8px;color:#78838a;margin-top:5px;margin-left:18px;letter-spacing:.1px}@media(max-width:600px){.art-label{font-size:10px;bottom:5%}.art-label .quote-aside{font-size:8px}}

.vector-quote{position:absolute;inset:0;pointer-events:none}.vector-label{position:absolute;white-space:nowrap;font-size:10px;line-height:1.5;letter-spacing:.35px;color:#a2adb1}.vector-one{transform:translate(-4px,calc(-100% - 12px))}.vector-two{transform:translate(10px,5px);white-space:normal;width:max-content;max-width:var(--label-room,130px)}.vector-three{transform:translate(-50%,8px)}@media(max-width:900px){.vector-label{font-size:9px;letter-spacing:.1px}}@media(max-width:600px){.vector-label{font-size:9px}.vector-one{transform:translate(-4px,calc(-100% - 10px))}.vector-two{transform:translate(8px,4px)}.vector-three{transform:translate(-50%,8px)}}

/* Keep links and caret intact in narrow browser panels. */
h1{white-space:nowrap}.socials>a>b,.social-icon{flex-shrink:0}.socials a>span:nth-child(2){min-width:0;white-space:normal}.socials small{line-height:1.5}@media(max-width:600px){h1{font-size:clamp(52px,22vw,87px)}}@media(max-width:360px){.socials{flex-direction:column}.socials>a{width:100%}.header-note{max-width:54%;text-align:right;font-size:7px;line-height:1.6}}

.lead-ideas{line-height:1.55}.lead-ideas .discipline{display:block;margin-left:clamp(32px,5vw,68px);white-space:nowrap}@media(max-width:600px){.lead-ideas{font-size:clamp(21px,6.2vw,26px)}.lead-ideas .discipline{margin-left:clamp(20px,6vw,36px)}}

/* Align the statement to the same two edges as the name and caret. */
.identity{width:max-content;max-width:100%}.identity h1{width:max-content}.identity .lead-ideas{width:100%}.identity .lead-ideas .discipline{margin-left:0;text-align:right}

/* Vector arrows stay monochrome on iOS instead of using emoji glyphs. */
.socials .link-arrow{display:block;width:18px;height:18px;flex:0 0 18px;margin-left:auto;align-self:flex-start;color:#a5aaa8}@media(max-width:600px){.socials .link-arrow{width:16px;height:16px;flex-basis:16px}}