@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{--paper:#f4f0e7;--white:#fffdf7;--ink:#332f28;--muted:#716757;--wheat:#e3d5b9;--light-wheat:#ece5d6;--coffee:#554630;--night:#302b24;--on-dark:#f7f0e2;--display:"Playfair Display",Georgia,serif;--body:"Be Vietnam Pro",sans-serif;color-scheme:light}html[data-theme=dark]{--paper:#24231f;--white:#302e27;--ink:#f1e9da;--muted:#beb29c;--wheat:#4b4334;--light-wheat:#353127;--coffee:#d7c29b;--night:#191813;--on-dark:#f7f0e2;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--coffee);outline-offset:5px}::selection{background:var(--coffee);color:var(--paper)}body{scrollbar-color:var(--coffee) var(--paper)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(36px,4vw,58px);line-height:1.16}h3{font-size:29px;line-height:1.25}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a svg,button svg{width:19px;height:19px;flex-shrink:0;transition:transform .25s}a:hover>svg,button:hover>svg{transform:translate(2px,-2px)}.wrap{width:calc(100% - 96px);max-width:1344px;margin-inline:auto}.section{padding-block:88px}.reading-line{position:fixed;inset:0 0 auto;height:3px;background:var(--coffee);transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none;z-index:50}.skip{position:absolute;top:-90px;left:25px;background:var(--white);padding:12px;z-index:60}.skip:focus{top:10px}.site-header{display:flex;gap:35px;align-items:center;padding-block:27px}.brand{font-size:31px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand span{color:var(--coffee)}.site-header nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.site-header nav a{padding-block:9px;position:relative}.site-header nav a:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.tools{display:flex;gap:5px;align-items:center}.tools button{min-width:40px;min-height:44px;padding:10px;font-size:12px}.tools svg{width:19px;height:19px;display:block}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:28px 60px;padding-top:25px;padding-bottom:0;align-items:center}.hero-words{padding-block:20px}.hero h1{font-size:clamp(85px,9vw,132px);letter-spacing:-.055em;line-height:.97}.hero-role{font-size:clamp(22px,2.5vw,35px);font-weight:500;letter-spacing:-.04em;line-height:1.28;margin-top:24px}.hero-intro{margin-top:22px;max-width:46ch;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:29px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;background:var(--coffee);color:var(--paper);font-size:13px;font-weight:500;min-height:49px;transition:transform .25s,background .25s}.action:hover{transform:translateY(-3px)}.quiet-action{display:inline-flex;align-items:center;gap:12px;padding:10px 0;font-size:13px;text-decoration:underline;text-underline-offset:6px}.availability{font-size:11px;display:flex;gap:9px;align-items:center;margin-top:27px;color:var(--muted)}.availability>span{width:7px;height:7px;border-radius:50%;background:var(--coffee);flex-shrink:0}.studio-card{position:relative;background:var(--wheat);padding:25px 26px 26px;min-width:0;transform:rotate(1deg)}.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px}.studio-heading>span:last-child{font-size:24px}.studio-card canvas{width:100%;height:320px;display:block;position:relative;z-index:1;cursor:grab}.studio-caption{display:flex;justify-content:space-between;align-items:end;gap:20px}.studio-caption>p{font:500 29px/1.15 var(--display);letter-spacing:-.035em;max-width:245px}.studio-caption>span{font-size:10px;max-width:100px;line-height:1.5;color:var(--muted)}.paper-tab{position:absolute;top:45px;right:15px;transform:rotate(8deg);font:italic 500 19px/1.2 var(--display);background:var(--white);padding:14px 19px;z-index:2;pointer-events:none}.hero-footnote{grid-column:1/-1;background:var(--white);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;margin-top:10px}.hero-footnote>span:first-child{font-weight:600}.hero-footnote>a{display:inline-flex;align-items:center;gap:18px}.hero-footnote svg{width:14px;height:14px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.section-heading>p{font-size:15px;line-height:1.8;max-width:48ch;justify-self:end}.about-spread{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;background:var(--white);padding:32px;align-items:start}.portrait{background:var(--light-wheat);padding:12px 12px 17px;position:relative;transform:rotate(-2deg)}.portrait:before{content:"";position:absolute;top:-9px;left:36%;height:22px;width:90px;background:#c7b590;opacity:.8;transform:rotate(5deg);z-index:2}.portrait-image{aspect-ratio:4/4.5;overflow:hidden;background:var(--light-wheat)}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 68%;transform:scale(1.24);transform-origin:50% 60%}.portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px}.portrait figcaption b{font:italic 500 37px/1 var(--display);letter-spacing:-.05em;transform:rotate(-7deg)}.about-story{padding:0 5px 0 0}.story-lead{font-size:15px;line-height:1.85;max-width:61ch}.discipline-set{margin-top:28px}.discipline-set>h3{font-size:29px;margin-bottom:23px}.discipline-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.group-caption{grid-column:1/-1;font-size:10px;color:var(--muted)}.discipline-pair article{display:flex;gap:13px;align-items:start}.discipline-pair article>svg{width:25px;height:25px;color:var(--coffee);flex-shrink:0;margin-top:2px}.discipline-pair h4{font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.35}.discipline-pair article p{font-size:11px;margin-top:8px;line-height:1.7;color:var(--muted);max-width:26ch}.discipline-pair.interests{margin-top:25px;background:var(--light-wheat);padding:19px 20px 21px;margin-left:-20px;margin-right:-5px}.work-section{background:var(--light-wheat)}.work-section .section-heading>p{font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-piece{min-width:0;background:var(--white)}.work-piece.build{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.work-art{min-width:0;overflow:hidden;aspect-ratio:1.8;background:#c6b38e;color:#443a29;display:flex;flex-direction:column;justify-content:space-between;padding:24px;position:relative}.build .work-art{aspect-ratio:auto;min-height:350px;background:#544c3e;color:#f3e9d6}.shape .work-art{background:#d8c5a3;color:#54432c}.explore .work-art{background:#d1d0c8;color:#47483f}.study-top,.study-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;position:relative;z-index:2}.study-main{display:flex;align-items:center;gap:35px;justify-content:center;padding-block:22px;position:relative}.study-main>strong{font:500 clamp(56px,6vw,90px)/1 var(--display);letter-spacing:-.05em;position:relative;z-index:1}.study-symbol{position:absolute;font:400 170px/1 var(--display);opacity:.12;left:10px;top:50%;transform:translateY(-50%) rotate(-8deg);white-space:nowrap}.build .study-main{min-height:180px}.shape .study-symbol{left:auto;right:0}.work-copy{padding:28px 30px 24px}.build .work-copy{padding:35px 38px;align-self:center}.sample-note{font-size:10px;color:var(--muted);margin-bottom:15px}.work-copy h3{font-size:32px}.work-copy>p:not(.sample-note){font-size:13px;margin-top:17px;line-height:1.8;max-width:55ch}.work-copy details{margin-top:24px;font-size:12px}.work-copy summary,.milestones summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;font-weight:500}.work-copy summary::-webkit-details-marker,.milestones summary::-webkit-details-marker{display:none}.work-copy summary>span,.milestones summary>span{font-size:22px;font-weight:400;transition:transform .2s}.work-copy details[open] summary>span,.milestones[open] summary>span{transform:rotate(45deg)}.work-copy details>p,.milestones>p{margin-top:16px;font-size:12px;line-height:1.8;color:var(--muted)}.community{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.community-intro>p{max-width:37ch;font-size:14px;margin-top:25px}.marginal-note{font:italic 500 44px/1.12 var(--display);letter-spacing:-.04em;transform:rotate(-8deg);color:var(--coffee);margin:45px 0 0 40px;max-width:200px}.community-record{background:var(--white);align-self:start}.president{padding:30px;background:var(--night);color:var(--on-dark)}.president>span{font-size:11px;color:#d1c3ab;display:block;margin-bottom:13px}.president h3{font-size:33px}.president>p{margin-top:13px;font-size:12px}.club-roles{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 30px}.club-roles h3{font-size:24px}.club-roles p{font-size:11px;line-height:1.8;margin-top:12px;color:var(--muted)}.milestones{padding:20px 30px;background:var(--wheat);font-size:12px}.contact-section{background:var(--night);color:var(--on-dark)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-block:65px}.contact h2{font-size:clamp(43px,4.5vw,65px)}.contact>div>p{font-size:13px;max-width:42ch;margin-top:23px;color:#d3c7b4}.contact .action{margin-top:26px}.action.light{background:#e2ca9b;color:#30281c}.contact small{display:block;margin-top:13px;font-size:10px;color:#c9bca5}.contact-links{padding-top:10px;display:flex;flex-direction:column;gap:25px;justify-content:center}.contact-links>div>p{font-size:11px;color:#c9bca5;margin-bottom:9px}.contact-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px}.email-address{font-size:clamp(17px,1.7vw,25px);font-weight:500;letter-spacing:-.035em;max-width:100%;overflow-wrap:anywhere}.phone-number{font-size:25px;font-weight:500;letter-spacing:-.03em}.contact .social-links{display:flex;gap:30px;font-size:13px}.contact-links>small{margin-top:-5px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px}.site-footer .brand{font-size:26px}.site-footer>span,.site-footer>a:last-child{font-size:11px;color:var(--muted)}.notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,150px);background:var(--ink);color:var(--paper);max-width:calc(100% - 40px);padding:17px 24px;z-index:60;transition:transform .3s;font-size:13px}.notice.shown{transform:translate(-50%)}@media(prefers-reduced-motion:no-preference){.hero-words{animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.studio-card{animation:unfold 1s cubic-bezier(.16,1,.3,1) both}.in-view .work-art .study-main{animation:arrive .8s cubic-bezier(.16,1,.3,1) both}.portrait.in-view{animation:paper-in .8s cubic-bezier(.16,1,.3,1) both}.discipline-pair.in-view article{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}.discipline-pair.in-view article:last-child{animation-delay:.1s}.community-record.in-view{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{0%{transform:translateY(22px);opacity:.65}to{transform:translateY(0);opacity:1}}@keyframes unfold{0%{clip-path:inset(0 0 100% 0);transform:rotate(3deg)}to{clip-path:inset(0);transform:rotate(1deg)}}@keyframes paper-in{0%{transform:rotate(-4deg) translateY(15px)}to{transform:rotate(-2deg) translateY(0)}}}@media(min-width:1600px){.hero{padding-top:40px}.studio-card canvas{height:350px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:30px}.hero h1{font-size:100px}.hero-role{font-size:28px}.studio-card{padding:20px}.studio-card canvas{height:290px}.studio-caption>p{font-size:25px}.paper-tab{font-size:16px;right:8px;padding:12px}.about-spread{gap:30px;padding:27px}.discipline-pair{grid-template-columns:1fr;gap:15px}.discipline-pair.interests{margin-left:0;margin-right:0}.discipline-pair article p{max-width:none;margin-top:4px}.section{padding-block:65px}.section-heading{gap:35px}.build .work-copy{padding:28px}.work-copy h3{font-size:29px}.club-roles{grid-template-columns:1fr;gap:23px}.community{gap:45px}.email-address{font-size:18px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:20px;gap:15px;flex-wrap:wrap}.brand{font-size:28px}.tools{margin-left:auto}.site-header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px;font-size:12px}.hero{padding-top:18px;grid-template-columns:1fr;gap:30px}.hero-words{padding:0}.hero h1{font-size:clamp(80px,20vw,108px)}.hero-role{font-size:30px;margin-top:20px}.hero-intro{font-size:14px;margin-top:20px}.hero-actions{margin-top:24px;gap:22px}.action{font-size:12px;gap:18px;padding:13px 17px}.availability{font-size:10px;margin-top:21px}.studio-card{margin:0 3px;padding:20px;transform:rotate(1deg)}.studio-card canvas{height:270px}.studio-caption{gap:12px}.studio-caption>p{font-size:26px;max-width:200px}.studio-caption>span{font-size:9px;max-width:80px}.paper-tab{top:42px;font-size:16px}.hero-footnote{margin-top:0;padding:18px 20px;display:grid;grid-template-columns:1fr;gap:9px;font-size:11px}.hero-footnote>a{justify-content:space-between}.section{padding-block:52px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-heading h2{font-size:37px}.section-heading>p{justify-self:start;font-size:14px;max-width:55ch}.about-spread{grid-template-columns:1fr;padding:23px;gap:30px}.portrait{max-width:420px;width:100%;margin:auto}.portrait-image{aspect-ratio:1.1}.about-story{padding:0}.story-lead{font-size:14px;line-height:1.8}.discipline-set{margin-top:26px}.discipline-set>h3{font-size:29px;margin-bottom:22px}.discipline-pair{gap:20px;grid-template-columns:1fr}.discipline-pair h4{font-size:20px}.discipline-pair article p{font-size:12px}.discipline-pair article>svg{width:28px;height:28px}.group-caption{font-size:11px}.discipline-pair.interests{padding:20px;margin-top:24px}.work-grid{grid-template-columns:1fr;gap:24px}.work-piece.build{display:block;grid-column:auto}.build .work-art{min-height:285px}.work-art{aspect-ratio:1.5;padding:22px}.study-main>strong{font-size:76px}.study-symbol{font-size:155px}.work-copy,.build .work-copy{padding:25px}.work-copy h3{font-size:30px}.work-copy>p:not(.sample-note){font-size:13px}.sample-note{font-size:10px;line-height:1.7}.work-copy details{margin-top:20px}.community{grid-template-columns:1fr;gap:30px}.community-intro{position:relative}.community-intro>p{font-size:14px;max-width:none}.marginal-note{display:none}.president{padding:26px}.president h3{font-size:31px}.club-roles{grid-template-columns:1fr;padding:26px;gap:25px}.club-roles h3{font-size:26px}.club-roles p{font-size:12px}.milestones{padding:20px 26px}.contact{grid-template-columns:1fr;gap:38px;padding-block:50px}.contact h2{font-size:47px}.contact-links{gap:24px;padding:0}.email-address{font-size:clamp(15px,4.4vw,21px);letter-spacing:-.035em}.email-address svg{width:16px}.contact-links>div>p{font-size:12px}.phone-number{font-size:26px}.contact small{font-size:11px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer>span{order:3;width:100%;font-size:10px}.site-footer>a:last-child{font-size:11px}.notice{width:max-content;max-width:calc(100% - 30px);font-size:12px}}.discipline-pair h4{font-size:22px;font-weight:600;line-height:1.35;letter-spacing:-.035em}.discipline-pair article p{font-size:12px}.group-caption{font-size:11px}.notice{visibility:hidden;opacity:0}.notice.shown{visibility:visible;opacity:1}.studio-card canvas{cursor:default}.work-copy .sample-note{margin-top:12px;margin-bottom:0}.studio-direction svg{width:23px;height:23px;transform:rotate(180deg);display:block}.site-footer>a:last-child{display:inline-flex;gap:10px;align-items:center}.site-footer>a:last-child svg{width:14px;height:14px}@media(max-width:760px){.discipline-pair h4{font-size:22px}.section-heading h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}