@font-face{font-family:Porto Sans;src:url('fonts/PortoSans-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Porto Sans;src:url('fonts/PortoSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--blue:#6ea7db;--ink:#edf2f7;--muted:#acb8c6;--space:#060c14;font-family:Porto Sans,Arial,sans-serif;font-weight:300}*{box-sizing:border-box}html{background:var(--space)}body{margin:0;min-width:280px;min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#122b4438,transparent 53%),radial-gradient(ellipse at 50% 110%,#1d4b793d,transparent 50%),var(--space);color:var(--ink);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.94%,#6ea7db07 50%,transparent 50.06%);z-index:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 5vw;font-size:14px;letter-spacing:.06em;color:var(--muted)}header .disciplines{font-size:12px;letter-spacing:.12em}main{position:relative;z-index:1;min-height:calc(100svh - 133px);display:flex;align-items:center;justify-content:center;padding:24px 24px 44px}.composition{text-align:center;width:100%;max-width:690px;margin:auto}.identity{margin:0 auto 29px;display:flex;flex-direction:column;align-items:center}.final-symbol{width:92px;height:147.2px;display:block;overflow:visible}.wordmark{display:block;width:230px;height:auto;margin:18px auto 0}.tagline{color:#9fbcda;letter-spacing:.22em;font-size:12px;font-weight:400;text-transform:uppercase;margin:0 0 20px}h1{font-size:clamp(29px,3.2vw,44px);font-weight:300;line-height:1.18;letter-spacing:-.025em;margin:0 0 23px}.description{font-size:17px;line-height:1.75;color:var(--muted);max-width:615px;margin:0 auto}.description+.description{margin-top:10px}.project{margin:31px auto 0;max-width:415px;padding-top:25px;border-top:1px solid #6ea7db30}.project-label{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#8da4bc;margin:0 0 16px}.project-link{display:inline-flex;align-items:center;justify-content:center;gap:26px;text-decoration:none;border:1px solid #6ea7db52;padding:14px 25px;border-radius:2px;background:#6ea7db09;transition:background .2s,border-color .2s}.project-name{font-size:21px;letter-spacing:.23em}.project-link svg{width:18px;height:18px;color:var(--blue);transition:transform .2s}.project-link:hover{background:#6ea7db1c;border-color:var(--blue)}.project-link:hover svg{transform:translate(2px,-2px)}.project-note{font-size:14px;line-height:1.6;color:#9caec2;margin:14px auto 0;max-width:355px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}footer{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:26px;padding:20px 24px 25px;color:#8a9aad;font-size:12px;letter-spacing:.055em}.replay,.skip{border:0;background:none;cursor:pointer;padding:7px 3px}.replay{color:#a1b4c7;font-size:12px}.replay:hover{color:var(--blue)}.replay[hidden]{display:none}.intro{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 50%,#17375947,transparent 56%),var(--space);pointer-events:none;opacity:1}.intro[hidden]{display:none}.intro-math{position:absolute;top:13%;left:0;right:0;text-align:center;font-size:26px;font-weight:300;letter-spacing:.1em;color:#a8c9e8}.intro-math sup{font-size:.55em}.intro-svg{position:absolute;top:50%;left:50%;width:220px;height:352px;transform:translate(-50%,-50%);overflow:visible;transform-origin:50% 50%}.guide{stroke:#6ea7db;stroke-width:.4;opacity:.2}.curve{stroke:var(--blue);stroke-width:2.8;fill:none;stroke-linecap:butt;stroke-linejoin:round}.intro-status{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-size:12px;letter-spacing:.21em;color:#829bb5;text-transform:uppercase}.skip{position:absolute;right:5vw;bottom:28px;pointer-events:auto;font-size:13px;color:#b2c4d6}.pending .wordmark,.pending .copy,.pending .project,.pending footer,.pending header{opacity:0}.pending .final-symbol{visibility:hidden}
@media(max-width:600px){header{padding:22px 7vw}.disciplines{max-width:130px;text-align:right;line-height:1.6}main{min-height:calc(100svh - 149px);padding:22px 7vw 32px}.final-symbol{width:78px;height:124.8px}.wordmark{width:205px;margin-top:16px}.identity{margin-bottom:26px}.tagline{font-size:12px;letter-spacing:.15em}h1{font-size:32px;max-width:350px;margin:0 auto 20px}.description{font-size:16px;line-height:1.65}.project{margin-top:26px;padding-top:23px}.project-note{font-size:14px}footer{flex-wrap:wrap;gap:8px 24px}.intro-svg{width:170px;height:272px}.intro-math{top:15%}.intro-status{bottom:18%}}
@media(max-height:780px) and (min-width:601px){header{padding-top:19px;padding-bottom:19px}main{padding-top:12px;padding-bottom:23px}.final-symbol{width:71px;height:113.6px}.wordmark{width:205px;margin-top:13px}.identity{margin-bottom:22px}.tagline{margin-bottom:15px}h1{font-size:36px;margin-bottom:17px}.description{font-size:16px;line-height:1.65}.project{margin-top:23px;padding-top:20px}footer{padding:15px 24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none!important}.pending .wordmark,.pending .copy,.pending .project,.pending footer,.pending header{opacity:1}.pending .final-symbol{visibility:visible}}

.final-symbol{object-fit:contain}.refined-symbol{opacity:0}

.header-tools{display:flex;align-items:center;gap:32px}.languages{display:flex;align-items:center;gap:4px;font-size:13px;letter-spacing:.06em}.languages a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;text-decoration:none;color:#8a9aad}.languages a[aria-current="page"]{color:var(--blue)}.languages a:hover{color:#edf2f7}.languages>span{color:#45576a}.header-tools .disciplines{max-width:none}@media(max-width:600px){header{gap:12px}.header-tools{gap:8px}.header-tools .disciplines{display:none}.languages a{min-width:34px}}

.origin{margin:25px auto 0;max-width:650px}.origin summary{display:list-item;width:fit-content;margin:auto;cursor:pointer;color:#9fbcda;font-size:14px;letter-spacing:.04em;padding:8px 5px}.origin summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.origin-content{border-top:1px solid #6ea7db30;margin-top:22px;padding-top:30px}.origin-graphic{display:flex;flex-direction:column;align-items:center;gap:20px}.origin-graphic img{width:64px;height:103px;object-fit:contain}.identity-equation{display:flex;align-items:center;justify-content:center;gap:17px;color:var(--blue);font-size:25px}.identity-equation sup{font-size:.6em}.identity-caption{font-size:12px;letter-spacing:.13em;color:#8da4bc;margin:12px 0 23px}.origin h2{font-size:27px;line-height:1.3;font-weight:300;margin:0 0 22px}.origin-content>p:not(.identity-caption){font-size:16px;line-height:1.75;color:var(--muted);margin:16px auto;max-width:610px}.pending .origin{opacity:0}@media(prefers-reduced-motion:reduce){.pending .origin{opacity:1}}