@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500;1,600&display=swap');
:root{color-scheme:light;--paper:#fafafa;--ink:#171717;--muted:#686868;--serif:'Cormorant Garamond',Georgia,serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,canvas:focus-visible{outline:1px dashed var(--ink);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:white;padding:15px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{max-width:1200px;padding:27px 36px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-address{font-size:14px}.site-header nav{display:flex;gap:28px;font:18px var(--serif)}.portfolio{max-width:1040px;width:calc(100% - 80px);margin:0 auto 80px}.identity{display:grid;grid-template-columns:1fr 230px;grid-template-rows:1fr 1fr;column-gap:60px;align-items:center;max-width:720px;margin:15px auto 45px;min-height:255px}.wordmark{font:500 clamp(74px,10vw,130px)/1 var(--serif);letter-spacing:-5px;margin:0;grid-row:1;align-self:end}.description{font:14px var(--mono);margin:16px 0 0;grid-row:2;align-self:start}.avatar-panel{grid-column:2;grid-row:1/3;height:255px;width:230px}.viewer{width:100%;height:100%;position:relative}.viewer canvas{display:block;width:100%;height:100%;filter:grayscale(1);cursor:grab;touch-action:none}.viewer canvas:active{cursor:grabbing}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:12px}.loading[hidden]{display:none}.loader-ring{width:20px;height:20px;border:1px solid #ddd;border-top-color:#555;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collection{border-top:1px solid #d8d8d8}#experience-list{display:block}.experience-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:55px;padding:35px 0;border-bottom:1px solid #d8d8d8}.experience-image{aspect-ratio:16/9;overflow:hidden;background:#eee}.experience-image img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);transition:transform .4s}.experience-card:hover img{transform:scale(1.025)}.card-body h3{font:500 clamp(28px,3vw,44px)/1.1 var(--serif);letter-spacing:-.8px;margin:0;max-width:360px}.card-label{display:block;font:12px var(--mono);color:var(--muted);margin:25px 0 0}.card-index,.card-arrow{display:none}.experience-card:hover{text-decoration:none}.experience-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.fallback,.error-message{font:14px/1.7 var(--mono);text-align:center;padding:20px}.error-message a{text-decoration:underline}footer{max-width:1200px;margin:0 auto;padding:25px 36px 35px;display:flex;gap:20px;align-items:center;font:12px var(--mono);color:#555}footer span{display:none}footer p{margin:0 0 0 auto}.place-article{max-width:840px;width:calc(100% - 64px);margin:50px auto 95px}.article-back{display:inline-block;font-size:13px;margin-bottom:25px}.article-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:grayscale(1);background:#eee}.article-copy{max-width:640px;margin:36px auto 0}.article-copy h1{font:500 clamp(36px,5vw,58px)/1.05 var(--serif);letter-spacing:-1px;margin:0 0 30px}.article-description{font:16px/1.85 var(--mono);white-space:pre-line;margin:0 0 32px}.article-play{display:inline-block;font:14px var(--mono);padding:13px 0;border-bottom:1px solid #555}.article-nav{margin-top:55px;padding-top:24px;border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:25px;font-size:13px;line-height:1.5}.article-nav a:last-child{text-align:right}
@media(max-width:700px){.site-header{padding:23px 20px}.site-header nav{font-size:16px;gap:16px}.site-address{font-size:12px}.portfolio{width:calc(100% - 40px);margin-bottom:50px}.identity{grid-template-columns:1fr 135px;column-gap:10px;min-height:190px;margin:5px auto 30px}.wordmark{font-size:clamp(64px,13vw,90px);letter-spacing:-3px}.description{font-size:12px;margin-top:12px}.avatar-panel{width:135px;height:190px}.experience-card{grid-template-columns:1fr;gap:18px;padding:25px 0 28px}.card-body{display:flex;justify-content:space-between;gap:18px;align-items:center}.card-body h3{font-size:30px;max-width:75%}.card-label{font-size:12px;margin:0;white-space:nowrap}.place-article{width:calc(100% - 40px);margin-top:24px;margin-bottom:60px}.article-copy{margin-top:27px}.article-copy h1{font-size:40px}.article-description{font-size:16px;line-height:1.8}.article-nav{font-size:12px}footer{padding:20px;font-size:12px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}