:root{--color-ivory:#F4F0DF;--color-ink:#202838;--color-orange:#C66B18;--color-green:#00D77A;--color-stone:#E7E3D7;--color-sky:#7394BF}@font-face{font-family:Work;src:url(/assets/WorkSans-VariableFont_wght--AC0muF9.ttf);font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f4f0df;overflow-x:hidden;font-family:Work,Arial,sans-serif}#closet{position:fixed;inset:0;perspective:1600px;overflow:hidden;pointer-events:none;z-index:5}.door{position:absolute;top:0;bottom:0;width:50.1%;border:8px solid #202838;backface-visibility:hidden;will-change:transform}.left{left:0;transform-origin:left center;background:linear-gradient(100deg,#e9e4d3,#d9d3bf)}.right{right:0;transform-origin:right center;background:linear-gradient(100deg,#d9d3bf,#e9e4d3)}.panel{position:absolute;inset:30px;border:1px solid #b9b29d;box-shadow:inset 0 0 0 8px #e2ddcc,inset 0 0 0 9px #c9c1ac}.handle{position:absolute;top:52%;height:90px;width:10px;background:#202838;border-radius:5px;box-shadow:3px 3px #aaa38f}.left .handle{right:24px}.right .handle{left:24px}.interior{min-height:100svh;background:#f4f0df;display:grid;align-items:center;overflow:hidden;padding:70px 6%}.rack{position:relative;width:100%;max-width:1200px;margin:auto;padding:0 6% 85px}.rack-bar{position:absolute;top:14px;left:0;right:0;height:7px;border-radius:8px;background:#202838}.rack-leg{position:absolute;top:14px;bottom:0;width:6px;background:#202838;border-radius:6px}.rack-leg:after{content:"";position:absolute;width:58px;height:6px;bottom:0;left:-26px;background:#202838;border-radius:5px}.rack-leg-left{left:0}.rack-leg-right{right:0}.clothing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,3vw,45px);position:relative}.clothing-card{opacity:0;transform:translate(110vw);min-width:0}.jacket-card{position:relative;margin-top:0;isolation:isolate}.hoodie-image{width:100%;height:auto;display:block;position:relative}@media(max-width:600px){.interior{padding:40px 6%}.rack{padding:0 3% 65px}.clothing-cards{gap:8px}.rack-bar{height:4px;top:9px}.rack-leg{width:4px;top:9px}.rack-leg:after{width:28px;left:-12px;height:4px}.panel{inset:12px}.handle{width:7px}.left .handle{right:16px}.right .handle{left:16px}}@media(prefers-reduced-motion:reduce){.door{will-change:auto}.clothing-card{opacity:1;transform:none}}.hoodie-image{filter:grayscale(1);transition:filter .22s ease}.clothing-card.is-highlighted .hoodie-image{filter:none}@media(prefers-reduced-motion:reduce){.hoodie-image{transition:none}}.clothing-card:focus{outline:none}@keyframes hoodie-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.jacket-card.is-bouncing{animation:hoodie-bounce 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.jacket-card.is-bouncing{animation:none}}@font-face{font-family:Ultra;src:url(/assets/Ultra-Regular-RFfeanxo.ttf);font-display:swap}.interior{align-content:center;gap:45px}#section-title{font:clamp(32px,5vw,64px)/1.2 Ultra,serif;color:#202838;text-align:center;margin:0;opacity:0;min-height:1.2em}#section-title.is-ready{opacity:1}@media(max-width:600px){.interior{gap:30px}}[hidden]{display:none!important}.clothing-card{appearance:none;border:0;background:none;padding:0;font:inherit;cursor:pointer;text-align:inherit}.transition-surface{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;will-change:opacity}.hoodie-transition{position:fixed;z-index:10;pointer-events:none;transform-origin:center;will-change:transform,opacity}.hoodie-transition img{position:absolute;inset:0;width:100%;height:100%;display:block}.detail-page{min-height:100svh;background:#e7e3d7;color:#202838;padding:32px max(24px,calc((100vw - 1120px)/2)) 80px}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px}.detail-nav a{display:inline-flex;align-items:center;min-height:44px}.detail-page a{color:inherit;text-underline-offset:5px}.detail-content{padding-top:clamp(64px,12vh,144px);max-width:960px}.detail-eyebrow{font-size:14px;line-height:1.6}#detail-title{font:400 clamp(40px,7vw,88px)/1.12 Ultra,serif;margin:24px 0 40px;overflow-wrap:anywhere}#detail-title:focus{outline:none}.detail-intro{font-size:clamp(22px,3vw,30px);line-height:1.5;max-width:720px}#detail-body{font-size:17px;line-height:1.7}.project-list{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.project-list a{padding:24px 0;border-top:1px solid #20283840;text-decoration:none;font-weight:600;overflow-wrap:anywhere}.project-list span{display:block;margin-top:8px;font-size:14px;font-weight:400}.detail-page a:focus-visible{outline:2px solid #202838;outline-offset:5px}@media(max-width:600px){.detail-nav{align-items:flex-start;gap:16px;font-size:13px}.project-list{grid-template-columns:1fr}}.back-link{gap:12px;text-decoration:none}.back-link kbd{font:400 12px/1 Work,Arial,sans-serif;border:1px solid currentColor;border-radius:4px;padding:5px 7px;opacity:.75}html,body{background:var(--page-background,#f4f0df)}html.about-active,html.about-active body{background:#f4f0df}html.about-active,html.about-active body{overscroll-behavior:none;scrollbar-width:none}html.about-active::-webkit-scrollbar,html.about-active body::-webkit-scrollbar{display:none}.about-page{overflow:clip;position:relative;padding-top:0;padding-bottom:0}.about-background-tint{position:fixed;inset:0;pointer-events:none;will-change:opacity}.about-page .detail-nav{position:fixed;top:32px;z-index:1}.about-track{position:relative;--about-progress:0;--about-exit:var(--about-progress);--about-main-progress:clamp(0,calc(var(--about-progress) / .7),1);--about-enter:calc(var(--about-main-progress) * (2 - var(--about-main-progress)));--about-card-progress:clamp(0,calc((var(--about-progress) - .7) / .3),1);--about-card-enter:calc(var(--about-card-progress) * var(--about-card-progress) * (3 - 2 * var(--about-card-progress)));--hobbies-progress:0;height:calc(100svh + min(36svh,280px))}.about-hero{position:sticky;top:0;height:100svh;padding-top:calc(76px + clamp(64px,12vh,144px));padding-left:clamp(16px,4vw,60px);display:flow-root}.about-hero #detail-title{transform:translate(calc(var(--about-exit) * -120vw));will-change:transform}.about-hero .detail-intro{max-width:720px;transform:translate(calc(var(--about-exit) * 120vw));will-change:transform}.about-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px)}.about-photo{display:block;width:min(100%,440px,46svh);height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 65%;border-radius:50%;justify-self:center;transform:translate(calc(var(--about-exit) * 120vw)) rotate(calc(var(--about-exit) * 360deg));will-change:transform}@media(max-width:799px){.about-opening{grid-template-columns:minmax(0,1fr);gap:20px}.about-hero{padding-top:110px}.about-hero #detail-title{margin-bottom:24px}.about-copy .detail-intro{margin-bottom:0}.about-photo{width:min(100%,30svh)}}.about-more{position:absolute;top:calc(100px + clamp(64px,12vh,144px));left:calc(-1*max(24px,calc((100vw - 1120px)/2)));width:100vw;padding-left:calc(max(24px,calc((100vw - 1120px)/2)) + clamp(16px,4vw,60px));padding-right:max(24px,calc((100vw - 1120px)/2));font-size:clamp(22px,3vw,30px);line-height:1.5}.about-more p{margin:0}.about-more p+p{margin-top:1em}.about-more{max-height:calc(100svh - 132px - clamp(64px,12vh,144px));overflow-y:auto;overflow-x:hidden;scrollbar-width:none;font-size:clamp(17px,2vw,22px)}.about-more::-webkit-scrollbar{display:none}.about-more{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,64px);max-width:none;align-items:stretch;font-size:clamp(17px,1.45vw,20px)}.education-copy{transform:translate(calc((1 - var(--about-enter) + var(--hobbies-progress)) * -120vw));will-change:transform}.education-copy h2{font:400 clamp(28px,3.5vw,48px)/1.2 Ultra,serif;margin:0 0 24px;overflow-wrap:anywhere}.education-copy .education-degree{font-size:15px;line-height:1.7;margin-bottom:12px}.education-copy .education-award{font-size:14px;line-height:1.6;margin:0}.education-card{padding:18px 20px;margin-bottom:24px;background:#7394bf;color:#fff;border-radius:12px;box-shadow:0 6px 20px #20283808;transform:translate(calc((1 - var(--about-card-enter)) * -120vw));opacity:var(--about-card-enter);will-change:transform,opacity}.education-photo{display:block;width:100%;max-width:340px;height:auto;border-radius:8px;justify-self:center;transform:translate(calc((1 - var(--about-enter) + var(--hobbies-progress)) * 120vw));will-change:transform}@media(max-width:799px){.about-more{grid-template-columns:minmax(0,1fr);top:110px;max-height:calc(100svh - 142px)}.education-photo{max-width:280px}}.skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 8px}.skill-list li{border:1px solid #20283840;border-radius:24px;padding:5px 12px;font-size:13px}.project-card{padding:24px 0;border-top:1px solid #20283840}.project-card h2{font-size:21px;line-height:1.4;margin:0 0 12px}.project-card p{margin:0 0 14px}.project-card .project-technologies{font-size:13px;line-height:1.6;opacity:.8}.project-list .project-card a{display:inline;padding:0;border:0}.project-links,.contact-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.contact-links{margin-top:28px}.about-hobbies{display:block}.about-hobbies h2{font:400 clamp(28px,4vw,52px)/1.15 Ultra,serif;margin:0 0 20px;transform:translate(calc((1 - var(--hobbies-progress)) * -120vw));will-change:transform}.about-hobbies .hobbies-intro{margin:0 0 32px;transform:translate(calc((1 - var(--hobbies-progress)) * -120vw));will-change:transform}.about-hobbies .hobbies-intro{max-width:780px;line-height:1.7}.hobby-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center;transform:translate(calc((1 - var(--hobbies-progress)) * 120vw));will-change:transform}.hobby-photo{display:block;width:100%;height:min(34svh,300px);object-fit:contain}@media(max-width:799px){.hobby-gallery{grid-template-columns:1fr;gap:24px}.hobby-photo{height:auto;max-height:300px}}@media(prefers-reduced-motion:reduce){.about-hobbies h2,.about-hobbies .hobbies-intro,.hobby-gallery{transform:none;will-change:auto}}.about-scroll-hint{position:absolute;bottom:clamp(28px,6svh,56px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;appearance:none;border:0;background:transparent;padding:12px 16px;color:inherit;font-family:inherit;font-size:12px;letter-spacing:.04em;white-space:nowrap;cursor:pointer;opacity:.75}.about-scroll-hint:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:6px}.scroll-key-hint{font-size:11px;letter-spacing:0}.about-more:not(.about-hobbies){max-height:calc(100svh - 270px - clamp(64px,12vh,144px))}@media(max-width:799px){.about-more:not(.about-hobbies){max-height:calc(100svh - 270px)}}@media(prefers-reduced-motion:reduce){.about-more:not(.about-hobbies){max-height:none}}.scroll-hint-wheel{animation:scroll-hint-nudge 1.8s ease-in-out infinite}@keyframes scroll-hint-nudge{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(4px);opacity:.3}}@media(prefers-reduced-motion:reduce){.about-scroll-hint{display:none}.scroll-hint-wheel{animation:none}}@media(prefers-reduced-motion:reduce){.about-photo{transform:none;will-change:auto}}@media(prefers-reduced-motion:reduce){.education-copy,.education-photo{transform:none;will-change:auto}}@media(prefers-reduced-motion:reduce){.education-card{transform:none;opacity:1;will-change:auto}}@media(prefers-reduced-motion:reduce){.about-track{height:auto;min-height:100svh}.about-hero{position:relative;height:auto;min-height:100svh;padding-bottom:64px}.about-hero #detail-title,.about-hero .detail-intro,.about-more{transform:none;will-change:auto}.about-more{position:static;width:auto;padding:0;margin-top:64px;max-height:none;overflow:visible}}.projects-hero{padding-top:110px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.projects-hero #detail-title{transform:none;margin:0}.project-act{will-change:transform;width:100%;font-size:clamp(17px,2vw,22px);line-height:1.5}.project-act-label,.project-act-title{white-space:nowrap}.project-act h2{font:400 clamp(22px,3.5vw,44px)/1.4 Ultra,serif;margin:0;text-wrap:balance}.project-act-0{transform:translateZ(0)}.projects-hero .project-act.about-more{display:block;width:100vw;top:110px;max-height:calc(100svh - 144px)}.project-act-1{transform:translate3d(120vw,0,0)}.project-act-2{transform:translate3d(240vw,0,0)}.projects-hero .project-act h2{transform:none}.project-act-copy{max-width:720px;margin-top:32px;font-size:clamp(17px,2vw,22px);line-height:1.7}.projects-hero .project-act p{margin:0 0 20px}@media(prefers-reduced-motion:reduce){.project-act{transform:none;will-change:auto}.projects-hero .project-act.about-more{position:static;width:auto;margin-top:80px;padding:0;max-height:none}.projects-hero{padding-bottom:80px}.projects-hero .project-act{min-height:40svh}}.projects-hero .project-list{margin-top:32px;gap:40px 36px;align-items:start}.projects-hero .project-card{min-width:0;border:0;padding:0;font-size:15px;line-height:1.65}.project-card{--preview-background:var(--color-green)}.project-act-0 .project-card{--preview-background:var(--color-ivory)}.project-preview{position:relative;isolation:isolate;aspect-ratio:16/10;background:var(--preview-background);border:2px solid var(--color-ink);border-radius:64px 20px;overflow:hidden;transform:rotate(-1deg);transition:transform .18s ease}.project-card:nth-child(2n) .project-preview{border-radius:20px 64px;transform:rotate(1deg)}.project-preview-art,.project-preview-image{display:block;width:100%;height:100%;object-fit:cover}.project-preview-art{color:var(--color-ink)}.project-list .project-preview-tag{position:absolute;bottom:16px;left:24px;display:inline-block;margin:0;padding:5px 12px;border-radius:30px;background:var(--color-green);color:var(--color-ink);font-size:11px;font-weight:600;border:1px solid #20283830}.project-card-copy{padding:24px 4px 0}.projects-hero .project-card .project-course{font-size:11px;line-height:1.5;letter-spacing:.04em;margin:0 0 10px;opacity:.75}.project-card h3{font:600 clamp(20px,2vw,25px)/1.25 Work,Arial,sans-serif;margin:0 0 12px;text-wrap:balance}.projects-hero .project-card .project-summary{margin:0 0 12px;max-width:48ch}.project-card .project-links{gap:24px;font-size:13px}.project-card .project-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;font-weight:600}@media(hover:hover){.project-card:hover .project-preview{transform:rotate(0)}}@media(max-width:600px){.projects-hero .project-list{gap:32px}.project-preview{border-radius:48px 16px}.project-card:nth-child(2n) .project-preview{border-radius:16px 48px}}@media(prefers-reduced-motion:reduce){.project-preview{transition:none}}html.projects-active,html.projects-active body{height:100%;overflow:hidden;overscroll-behavior:none;background:#f4f0df}.projects-page{height:100svh;min-height:0;overflow:hidden}.projects-page .projects-track{height:100svh;min-height:0;touch-action:pan-y pinch-zoom}.projects-page .projects-hero{position:relative;height:100svh;min-height:0;padding:0}.projects-page .project-act,.projects-hero .project-act.about-more{position:absolute;top:100px;left:0;width:100%;height:calc(100svh - 200px);min-height:0;max-height:none;margin:0;padding:0;overflow:visible;display:flex;flex-direction:column;gap:0}.projects-hero .project-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px;min-height:0}.projects-page .project-card h3{font-size:20px;text-wrap:initial}.projects-page .project-card-copy{padding:18px 2px 0}.projects-page .project-card .project-summary{font-size:14px;line-height:1.5}.projects-page .project-card .project-course{font-size:10px}.projects-page .project-preview-tag{left:12px;bottom:12px;padding:3px 8px;font-size:10px}.project-controls{position:absolute;bottom:14px;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px}.projects-page .project-controls .about-scroll-hint{position:static;transform:none;display:flex;gap:4px;opacity:.75;padding:4px 16px}.project-controls .about-scroll-hint svg{height:28px;width:20px}.project-controls .scroll-key-hint{display:none}@media(max-width:1100px){.projects-hero .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:20px}.projects-page .project-preview{height:clamp(60px,12svh,120px);aspect-ratio:auto;border-radius:36px 16px}.projects-page .project-card:nth-child(2n) .project-preview{border-radius:16px 36px}.projects-page .project-card-copy{padding-top:10px}.projects-page .project-card .project-course{display:none}.projects-page .project-card h3{font-size:17px;margin-bottom:6px}.projects-page .project-card .project-summary{font-size:12px;line-height:1.4;margin-bottom:2px}.projects-page .project-card .project-links{gap:12px;font-size:12px}.projects-page .project-preview-tag{display:none}}@media(max-width:600px){.projects-page .project-act,.projects-hero .project-act.about-more{top:90px;height:calc(100svh - 180px)}.projects-hero .project-list{gap:12px 16px;margin-top:16px}.projects-page .project-card-copy{padding-top:8px}.projects-page .project-preview{height:clamp(48px,10svh,90px)}.projects-page .project-card h3{font-size:15px}.projects-page .project-card .project-summary{font-size:11px}.projects-page .project-card .project-links{font-size:11px;gap:10px}.projects-page .project-card .project-links a{min-height:40px}}@media(max-height:600px){.projects-page .project-act,.projects-hero .project-act.about-more{top:76px;height:calc(100svh - 150px)}.projects-hero .project-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:10px}.projects-page .project-act h2{font-size:22px}.projects-page .project-preview{height:clamp(36px,14svh,75px);aspect-ratio:auto}.projects-page .project-card-copy{padding-top:6px}.projects-page .project-card .project-course,.projects-page .project-preview-tag{display:none}.projects-page .project-card h3{font-size:13px;margin-bottom:4px}.projects-page .project-card .project-summary{font-size:10px;line-height:1.3}.projects-page .project-card .project-links a{min-height:28px;font-size:10px}.project-controls{height:56px;bottom:4px}}.project-preview-image{object-fit:contain}.project-image-filters{position:absolute;pointer-events:none}.project-preview-scanned{background:var(--color-ivory)}.project-preview-drawing{filter:url(#project-green-ink)}.project-card-chess .project-preview-image{object-position:58% 38%;transform:translate(3%,-4%)}.project-card-calendar .project-preview-image{clip-path:polygon(0 0,72% 0,72% 10%,100% 10%,100% 100%,0 100%)}.projects-page .project-act-copy{max-width:900px;margin-top:14px;font-size:16px;line-height:1.6;flex-shrink:0}.projects-page .project-act-copy p{margin:0}.projects-page .project-list{margin-top:22px}@media(max-width:1100px){.projects-page .project-act-copy{font-size:14px;margin-top:10px}.projects-page .project-list{margin-top:16px}}@media(max-width:600px){.projects-page .project-act-copy{font-size:12px;line-height:1.45;margin-top:8px}.projects-page .project-list{margin-top:12px}}@media(max-height:600px){.projects-page .project-act-copy{font-size:11px;line-height:1.35;margin-top:6px}.projects-page .project-list{margin-top:10px}}@media(min-width:901px){.projects-page .project-act,.projects-hero .project-act.about-more{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:0}.project-act-intro{min-width:0;padding-right:clamp(24px,4vw,56px)}.projects-page .project-act h2{font-size:clamp(25px,2.5vw,36px);text-wrap:initial;line-height:1.4}.projects-page .project-act-copy{max-width:38ch;font-size:17px;line-height:1.7;margin-top:22px}.projects-page .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;margin:0}.projects-page .project-preview{height:clamp(80px,16svh,160px);aspect-ratio:auto;border-radius:44px 16px}.projects-page .project-card:nth-child(2n) .project-preview{border-radius:16px 44px}.projects-page .project-card-copy{padding-top:12px}.projects-page .project-card h3{font-size:18px;margin-bottom:8px}.projects-page .project-card .project-summary{font-size:13px;line-height:1.5;margin-bottom:0}}@media(min-width:901px)and (max-height:650px){.projects-page .project-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:start}.projects-page .project-preview{height:70px}.projects-page .project-card-copy{padding:0}.projects-page .project-card h3{font-size:15px}.projects-page .project-card .project-summary{font-size:11px}.projects-page .project-act-copy{font-size:14px}}.project-card{position:relative}.project-card-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;border-radius:16px}.project-card-open:focus-visible{outline:2px solid var(--color-ink);outline-offset:7px}.project-detail{position:fixed;inset:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0;border:0;background:var(--color-ivory);color:var(--color-ink);overflow-y:auto;overscroll-behavior:contain;font-family:Work,Arial,sans-serif}.project-detail::backdrop{background:var(--color-ivory)}.project-detail .detail-nav{position:absolute;top:32px;left:max(24px,calc((100vw - 1120px)/2))}.project-detail-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);padding:clamp(120px,14vw,170px) clamp(24px,5vw,80px) 80px}.project-detail h2{font:400 clamp(34px,4.2vw,64px)/1.15 Ultra,serif;margin:0 0 28px;overflow-wrap:anywhere}.project-detail h2:focus{outline:none}.project-detail-lead{font-size:clamp(19px,1.8vw,25px);line-height:1.55;margin:0 0 28px}.project-detail-course{font-size:13px;line-height:1.6;padding:16px 0;border-top:1px solid #20283830;border-bottom:1px solid #20283830}.project-detail-story section{margin-top:36px;font-size:16px;line-height:1.8}.project-detail-story h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.project-detail-story section p{margin:0}.project-detail-story ul{padding-left:20px}.project-detail-story li+li{margin-top:12px}.project-detail-story .project-detail-technologies{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0}.project-detail-technologies li,.project-detail-technologies li+li{margin:0;padding:5px 12px;border:1px solid #20283840;border-radius:20px;font-size:12px}.project-detail-gallery figure{margin:0 0 28px}.project-detail-image{height:clamp(200px,36svh,380px);background:var(--color-ivory);border:1px solid #202838;border-radius:64px 18px;overflow:hidden}.project-detail-image img{display:block;width:100%;height:100%;object-fit:contain}.project-detail-gallery figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:11px;letter-spacing:.06em;opacity:.7}.project-detail-links>p{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:32px 0 12px}.project-detail-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border:1px solid var(--color-ink);border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;background:var(--color-green);margin-top:10px}.project-detail-links a:last-child{background:transparent}.project-detail a:focus-visible,.project-detail button:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media(max-width:700px){.project-detail-layout{grid-template-columns:minmax(0,1fr);gap:36px}.project-detail-image{height:auto;aspect-ratio:4/3;border-radius:44px 16px}.project-detail-story section{margin-top:28px}}.project-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}.project-timeline button{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 0 12px;border:0;background:none;color:var(--color-ink);font:500 14px Work,Arial,sans-serif;cursor:pointer}.project-timeline button:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:#20283830}.project-timeline button.is-reached:has(+.is-reached):after{background:var(--color-green)}.project-timeline-node{display:grid;place-items:center;width:38px;height:38px;border:1px solid #20283860;border-radius:50%;background:var(--color-ivory);font-size:12px;transition:background .18s ease,box-shadow .18s ease}.project-timeline .is-reached .project-timeline-node{background:var(--color-green);border-color:var(--color-ink)}.project-timeline [aria-selected=true]{font-weight:700}.project-timeline [aria-selected=true] .project-timeline-node{box-shadow:0 0 0 4px #00d77a25}.project-detail-story .project-story-panel{margin-top:22px;min-height:220px;padding:24px 0;border-top:1px solid #20283825}.project-story-panel:focus-visible{outline:2px solid var(--color-ink);outline-offset:5px}.project-story-content{animation:project-story-enter .22s ease-out}.project-story-content .project-detail-technologies{margin-top:22px}@keyframes project-story-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.project-story-content{animation:none}.project-timeline-node{transition:none}}.contact-content{max-width:1120px;padding-top:clamp(80px,17vh,180px)}.pond-heading{position:relative;isolation:isolate;padding:32px 0;margin:-32px 0}.contact-content #detail-title{position:relative;z-index:1;font-size:clamp(48px,8.5vw,112px);margin:0 0 32px;line-height:1.2;overflow-wrap:normal}.pond-word{display:inline-block;white-space:nowrap}.pond-letter{display:inline-block;transition:transform .22s ease-out}.contact-layout{position:relative;z-index:1;max-width:640px}.contact-invitation{margin:0;font-size:clamp(16px,2vw,20px);line-height:1.7}.contact-links{gap:22px;margin-top:36px;align-items:center}.contact-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:2px solid var(--color-ink);border-radius:18px 24px;padding:12px 20px;text-decoration:none;min-height:56px;font-weight:600;background:var(--color-ivory);box-shadow:4px 5px 0 var(--color-ink);transform:rotate(2deg);transition:transform .24s cubic-bezier(.2,.8,.3,1.3),box-shadow .18s ease,background .18s ease}.contact-links a span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:17px;transition:transform .24s cubic-bezier(.2,.8,.3,1.3)}.contact-links .contact-primary{background:var(--color-green);color:var(--color-ink);transform:rotate(-2deg)}@media(hover:hover){.contact-links a:hover{background:#fffdf5;transform:translateY(-5px) rotate(-3deg);box-shadow:6px 10px 0 var(--color-ink)}.contact-links .contact-primary:hover{background:#38ed9d;transform:translateY(-5px) rotate(2deg)}.contact-links a:hover span{transform:translate(3px,-3px) rotate(12deg)}}.contact-links a:focus-visible{outline:3px solid var(--color-ink);outline-offset:8px}.contact-links a:active{transform:translate(3px,4px) rotate(0);box-shadow:1px 1px 0 var(--color-ink)}@media(max-width:600px){.contact-content{padding-top:18vh}.contact-content #detail-title{font-size:clamp(40px,10vw,60px)}.contact-links a{gap:24px;padding:12px 20px}}@media(prefers-reduced-motion:reduce){.pond-letter,.contact-links a,.contact-links a span{transition:none}.contact-links a:hover,.contact-links a:active,.contact-links a:hover span{transform:none}}
