@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fdf7ec;--ink:#111;--accent:#0e3c2c;--gold:#b38830;--wash:#e5e7da;--rule:#0e3c2c2e;--font:"Inter Variable", Arial, sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;scroll-padding-top:130px}body{isolation:isolate;background:radial-gradient(ellipse at 50% 35%, #ffffff4d, transparent 75%), var(--paper);flex-direction:column;min-height:100svh;margin:0;display:flex}body:before{content:"";z-index:-1;pointer-events:none;opacity:.15;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2385634c' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px;position:fixed;inset:0}main{flex:1;scroll-margin-top:130px}a{color:inherit;text-underline-offset:6px}button{font:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:2px}::selection{background:#0e3c2c2b}.skip-link{z-index:20;background:var(--accent);color:#fff;padding:12px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.header-shell{z-index:30;background:#f0ecdf;border-bottom:1px solid #0000;flex-shrink:0;width:100%;transition:background-color .22s,border-color .22s,box-shadow .22s;position:sticky;top:0}.header-shell.is-scrolled{border-bottom-color:var(--rule);backdrop-filter:blur(14px)saturate(110%);background:#f0ecdfcc;box-shadow:0 4px 20px #0e3c2c08}@supports not (backdrop-filter:blur(1px)){.header-shell.is-scrolled{background:#f0ecdff0}}.site-header{z-index:5;justify-content:space-between;align-items:center;gap:32px;width:100%;margin:0;padding:14px 4.2% 14px 1.5%;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:24px;text-decoration:none;display:flex}.brand-lockup{flex-shrink:0;width:clamp(190px,16.5vw,260px);height:auto;display:block}.institute-name{border-left:1px solid var(--accent);letter-spacing:-.02em;padding-left:24px;font-size:clamp(11px,1.22vw,19px);font-weight:450;line-height:1.35}.site-header nav{align-items:center;gap:clamp(20px,2.05vw,33px);display:flex}.site-header nav a{white-space:nowrap;padding:10px 0;font-size:clamp(13px,1.18vw,18px);font-weight:500;text-decoration:none;display:inline-block;position:relative}.site-header nav a:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .2s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.site-header nav a[aria-current=page]{color:var(--accent)}.menu-toggle{display:none}.hero{flex-direction:column;justify-content:space-between;align-items:center;max-width:1720px;min-height:max(700px,100svh - 159px);margin:0 auto;padding:clamp(74px,8vw,130px) 4% 28px;display:flex}.hero-copy{flex-direction:column;align-items:center;width:100%;display:flex}.hero-subtitle{letter-spacing:-.012em;text-align:center;text-wrap:pretty;max-width:850px;color:var(--ink);margin:28px auto 0;font-size:clamp(17px,1.45vw,23px);font-weight:400;line-height:1.65}.hero h1{z-index:1;max-width:1180px;color:var(--ink);letter-spacing:-.048em;text-align:center;margin:0;font-size:clamp(50px,5.8vw,96px);font-weight:450;line-height:1.16;position:relative}.hero h1 span{display:block}.book-scene{width:100%;height:clamp(290px,25vw,410px);color:var(--accent);flex-shrink:0;margin-top:75px;position:relative}.outline-book{width:100%;height:auto;display:block;position:absolute;bottom:0;left:0;overflow:visible}.glyph{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.7vw,61px);font-style:italic;line-height:1;animation:10s ease-in-out infinite drift;position:absolute}.glyph-lambda,.glyph-n{color:var(--gold)}.outline-book path:nth-child(3),.outline-book path:nth-child(5){fill:var(--gold)}.glyph-a{animation-delay:-1s;top:4%;left:5%}.glyph-lambda{animation-delay:-4s;top:13%;left:16%}.glyph-yan{font-size:clamp(32px,3.3vw,54px);font-style:normal;animation-delay:-6s;top:32%;left:9%}.glyph-k{animation-delay:-8s;top:36%;left:24%}.glyph-beta{animation-delay:-2s;top:4%;right:10%}.glyph-bha{font-style:normal;animation-delay:-5s;top:27%;right:18%}.glyph-n{animation-delay:-7s;top:28%;right:3%}.glyph-dad{animation-delay:-3s;top:40%;right:11%}@keyframes drift{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-9px)rotate(1deg)}}.page-wash{background:linear-gradient(180deg, var(--wash), #e5e7da80);border-radius:40px 40px 0 0;flex-shrink:0;width:100%;height:50px}.design-page{width:100%;max-width:1300px;min-height:calc(100svh - 160px);margin:0 auto;padding:clamp(90px,13vw,170px) 7%}.design-page h1,.error-page h1{letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:450;line-height:1.15}.error-page{min-height:70svh;padding:90px 7%}.error-page a{margin-top:30px;display:inline-block}@media (width>=1700px){.hero{min-height:850px}}@media (width<=1100px){.site-header{gap:24px;padding-left:1.5%;padding-right:4%}.brand{gap:16px}.institute-name{padding-left:16px}.site-header nav{gap:18px}.hero{min-height:690px}}@media (width<=980px){.site-header{flex-wrap:wrap;row-gap:12px}.site-header nav{gap:28px;margin-left:auto}.site-header nav a{font-size:15px}.institute-name{font-size:14px}.brand-lockup{width:220px}.hero{min-height:calc(100svh - 210px);padding-top:70px}.hero h1{font-size:clamp(45px,6.3vw,62px)}.book-scene{margin-top:65px}}@media (width<=760px){.site-header{gap:14px;padding:12px 6% 12px 3%}.brand{gap:14px}.brand-lockup{width:180px}.institute-name{display:none}.menu-toggle{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0 10px 8px;font-size:13px;display:flex}.menu-icon{border-top:1px solid;border-bottom:1px solid;width:16px;height:10px}.site-header nav{border-top:1px solid var(--rule);flex-wrap:wrap;flex-basis:100%;gap:10px 26px;margin:0;padding:16px 0 8px;display:none}.menu-toggle[aria-expanded=true]+nav{display:flex}.site-header nav a{font-size:15px}.site-header nav a:after{bottom:2px}.hero{justify-content:space-between;min-height:calc(100svh - 125px);padding:86px 6% 35px}.hero-subtitle{max-width:520px;margin-top:25px;font-size:17px;line-height:1.6}.hero h1{letter-spacing:-.045em;max-width:620px;font-size:clamp(38px,6.8vw,53px);line-height:1.22}.hero h1 span{display:inline}.hero h1 span+span:before{content:" "}.book-scene{height:clamp(235px,53vw,310px);margin-top:80px}.glyph{font-size:clamp(30px,6.4vw,44px)}.glyph-yan{font-size:29px}.glyph-a{top:9%;left:3%}.glyph-lambda{top:22%;left:21%}.glyph-yan{top:42%;left:9%}.glyph-k{top:38%;left:34%}.glyph-beta{top:8%;right:6%}.glyph-bha{top:27%;right:22%}.glyph-n{top:38%;right:2%}.glyph-dad{top:46%;right:14%}.page-wash{border-radius:25px 25px 0 0;height:38px}.design-page{min-height:calc(100svh - 123px);padding:100px 7%}}@media (width<=380px){.site-header{padding-left:3%;padding-right:5%}.brand{gap:10px}.institute-name{padding-left:10px;font-size:8px}.brand-lockup{width:160px}.menu-toggle{gap:6px;font-size:12px}.hero{padding-top:65px}.hero-subtitle{font-size:16px}.hero h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.home-hero{--hero-height:620px;--hero-lift:60px;isolation:isolate;min-height:calc(var(--hero-height) - var(--hero-lift) - var(--hero-lift));grid-template-columns:minmax(0,1fr);justify-content:normal;place-items:center;padding:45px 4% 55px;display:grid;position:relative;overflow:hidden}.home-hero .hero-copy{z-index:1;position:relative}.home-hero>.book-scene{inset:calc(0px - var(--hero-lift)) 0 auto;width:100%;height:calc(100% + var(--hero-lift) + var(--hero-lift));z-index:0;opacity:.18;pointer-events:none;user-select:none;margin:0;position:absolute;transform:translateY(90px)}.home-hero .outline-book{width:110%;bottom:22%;left:-5%}.home-hero .glyph{opacity:.7}.home-hero .hero-subtitle{max-width:850px}.section-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:15px;font-size:11px;font-weight:600;display:block}.project-carousel{background:#eee7da;width:100%;margin:0;padding:60px 0 85px}.projects-heading{justify-content:space-between;align-items:center;gap:25px;margin:0 0 44px;padding:0 5%;display:flex}.projects-heading h2{color:var(--accent);letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,3.7vw,56px);font-weight:400;line-height:1.15}.mission-inner h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.4vw,49px);font-weight:450;line-height:1.16}.carousel-controls{align-items:center;gap:12px;display:flex}.carousel-controls[hidden]{display:none}.carousel-arrow{width:50px;height:50px;color:var(--accent);cursor:pointer;background:#fdf7ecb3;border:1px solid #0e3c2c21;border-radius:50%;place-items:center;transition:background-color .2s,opacity .2s;display:grid}.carousel-arrow:hover:enabled{background:#fff}.carousel-arrow:disabled{opacity:.35;cursor:default}.carousel-arrow svg{width:23px;height:23px}.carousel-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#0e3c2c35 transparent;padding:0 5% 18px;scroll-padding-left:5vw;overflow-x:auto}.carousel-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.carousel-track{align-items:stretch;gap:28px;display:flex;position:relative}.project-slide{scroll-snap-align:start;background:#fff;border:1px solid #d9ceba;border-radius:22px;flex:0 0 calc(44.4444% - 12.4444px);min-width:0;overflow:hidden}.project-art{width:100%;height:clamp(220px,21vw,320px);color:var(--accent);border-bottom:1px solid #d9ceba;place-items:center;padding:25px;display:grid}.project-art svg{width:100%;max-width:440px;height:auto;max-height:100%;display:block}.project-art-rule{stroke:var(--gold)}.project-art-dot{fill:var(--gold)}.project-art-letter{fill:currentColor;font-family:Georgia,serif;font-size:112px;font-style:italic}.project-art-small{fill:var(--gold);font-family:Georgia,serif;font-size:68px;font-style:italic}.project-slide-copy{padding:30px 32px 40px}.project-preview-label{color:#927021;text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px;font-size:12px;font-weight:600;display:inline-block}.project-slide h3{color:var(--accent);letter-spacing:-.02em;margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,2.3vw,34px);font-weight:400;line-height:1.3}.project-slide p{color:#646458;margin:0;font-size:17px;line-height:1.7}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mission-section{border-top:1px solid var(--rule);background:#e5e7da57}.mission-inner{grid-template-columns:1fr 1.25fr;gap:12%;max-width:1440px;margin:0 auto;padding:85px 6% 100px;display:grid}.mission-inner h2{color:var(--accent)}.mission-copy p{letter-spacing:-.01em;max-width:650px;margin:0 0 22px;font-size:18px;line-height:1.7}.mission-goals{counter-reset:goals;margin:25px 0 0;padding:12px 0 0;list-style:none}.mission-goals li{counter-increment:goals;border-top:1px solid var(--rule);align-items:baseline;gap:20px;padding:16px 0;font-size:15px;line-height:1.5;display:flex}.mission-goals li:before{content:"0" counter(goals);color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px}@media (width>=1700px){.home-hero{--hero-height:680px}}@media (width<=980px){.home-hero{--hero-height:580px;--hero-lift:50px;padding:45px 5% 60px}.project-carousel{padding-top:50px}.project-slide{flex-basis:62%}.mission-inner{gap:7%}}@media (width<=760px){.home-hero{--hero-height:550px;padding:45px 6% 50px}.home-hero .outline-book{width:170%;bottom:46%;left:-35%}.home-hero>.book-scene{opacity:.14}.home-hero .hero-subtitle{max-width:480px}.project-carousel{padding:40px 0 45px}.projects-heading{gap:16px;margin-bottom:28px;padding:0 6%}.projects-heading h2{font-size:34px}.carousel-controls{gap:8px}.carousel-arrow{width:40px;height:40px}.carousel-viewport{padding:0 6% 15px;scroll-padding-left:6vw}.carousel-track{gap:18px}.project-slide{border-radius:18px;flex-basis:88%}.project-art{height:205px;padding:22px}.project-slide-copy{padding:26px 25px 35px}.project-preview-label{margin-bottom:20px;font-size:11px}.project-slide p{font-size:16px}.mission-inner{grid-template-columns:1fr;gap:34px;padding:60px 7% 70px}.mission-inner h2 br{display:none}.mission-copy p{font-size:17px}}
