@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Shippori+Mincho:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--paper:#ece3d2;--ink:#211f1a;--muted-ink:#6f695e;--vermillion:#a73a2a;--line:#211f1a38}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:#ece3d2;background:var(--paper)}body{color:#211f1a;color:var(--ink);font-family:DM Sans,sans-serif;margin:0}a{color:inherit}.App{min-height:100vh}.hero{min-height:100svh;padding:clamp(5.8rem,9vw,7.5rem) clamp(1.25rem,4vw,4rem) clamp(1.25rem,4vw,3.5rem);position:relative}.fluid-background,.hero{background:#ece3d2;background:var(--paper)}.fluid-background{cursor:crosshair;inset:0;overflow:hidden;position:absolute;touch-action:none}.fluid-background:after{background-image:repeating-linear-gradient(92deg,#0000 0 7px,rgba(73,63,48,.045) 8px,#0000 9px),repeating-linear-gradient(2deg,#0000 0 11px,#ffffff1f 12px,#0000 14px);content:"";inset:0;mix-blend-mode:multiply;opacity:.24;pointer-events:none;position:absolute}.fluid-background canvas{display:block;height:100%;width:100%}.site-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ece3d2e0;border-bottom:1px solid #211f1a1f;display:flex;justify-content:space-between;left:0;padding:.9rem clamp(1.25rem,4vw,4rem);position:fixed;right:0;top:0;z-index:50}.monogram{background:#a73a2a;background:var(--vermillion);box-shadow:0 3px 12px #4c221824;color:#f5eee0;display:grid;font-family:Shippori Mincho,serif;font-size:1.15rem;height:2.65rem;line-height:1;place-items:center;text-decoration:none;width:2.65rem}.monogram span{transform:translateY(-.06em)}.header-note{color:#6f695e;color:var(--muted-ink);font-size:.68rem;font-weight:500;letter-spacing:.2em;margin:0;text-decoration:none;text-transform:uppercase}.header-note span{color:#a73a2a;color:var(--vermillion);margin:0 .55rem}.portfolio-layout{grid-gap:clamp(3rem,7vw,8rem);align-items:stretch;display:grid;gap:clamp(3rem,7vw,8rem);grid-template-columns:minmax(19rem,.76fr) minmax(29rem,1.24fr);margin:0 auto;min-height:calc(100svh - clamp(7rem, 12vw, 10rem));width:min(100%,88rem)}.simulation-panel{border:1px solid #4a423552;box-shadow:0 18px 50px #4a392614;min-height:43rem;overflow:hidden;position:relative}.simulation-panel:after{border:.65rem solid #ece3d22e;content:"";inset:0;pointer-events:none;position:absolute}.simulation-caption{align-items:center;bottom:1.15rem;color:#6f695e;color:var(--muted-ink);display:flex;font-size:.58rem;font-weight:500;justify-content:space-between;left:1.25rem;letter-spacing:.16em;pointer-events:none;position:absolute;right:1.25rem;text-transform:uppercase;z-index:2}.simulation-caption span:first-child{color:#a73a2a;color:var(--vermillion)}.content-panel{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(1rem,3vh,2.5rem) 0 0}.intro-mark{color:#a73a2a;color:var(--vermillion);font-size:.68rem;letter-spacing:.28em;margin:0 0 1.2rem}.hero h1,.intro-mark{font-family:Shippori Mincho,"Noto Serif JP",serif}.hero h1{font-size:clamp(4rem,7.4vw,7.5rem);font-weight:500;letter-spacing:-.08em;line-height:.88;margin:0}.hero-description{color:#3f3b34;font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.8;margin:1.5rem 0 0}.rigidbody-demo{border:1px solid #4a42353d;height:clamp(9rem,18vh,12rem);margin-top:clamp(1.5rem,4vh,2.5rem);overflow:hidden;position:relative}.rigidbody-demo>span{bottom:.7rem;color:#6f695e;color:var(--muted-ink);font-size:.54rem;font-weight:500;letter-spacing:.14em;pointer-events:none;position:absolute;right:.9rem;text-transform:uppercase}.projects{margin-top:clamp(1.5rem,3vh,2.25rem)}.section-heading{align-items:center;border-bottom:1px solid #211f1a38;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.section-heading h2,.section-heading span{font-size:.65rem;font-weight:500;letter-spacing:.2em;margin:0;text-transform:uppercase}.section-heading span{color:#a73a2a;color:var(--vermillion)}.project{border-bottom:1px solid #211f1a38;border-bottom:1px solid var(--line)}.rigidbody{height:100%;position:relative;width:100%}.rigidbody canvas{cursor:pointer;display:block;height:100%;touch-action:none;width:100%}.project-list{height:min(27vh,16rem);min-height:11rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#a73a2a #211f1a14;scrollbar-color:var(--vermillion) #211f1a14;scrollbar-width:thin}.project-list::-webkit-scrollbar{width:3px}.project-list::-webkit-scrollbar-track{background:#211f1a14}.project-list::-webkit-scrollbar-thumb{background:#a73a2a;background:var(--vermillion)}.project-copy,.project-row{align-items:flex-start;display:flex;gap:1.2rem;padding:1rem 0 1.2rem}.project-link{color:inherit;text-decoration:none;transition:background-color .18s ease,padding .18s ease}.project-link:focus-visible,.project-link:hover{background:#fffcf36b;outline:none;padding-left:.75rem;padding-right:.75rem}.project-number{color:#6f695e;color:var(--muted-ink);font-size:.6rem;font-weight:500;letter-spacing:.14em}.project h3{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:500;margin:-.22rem 0 .25rem}.project p{color:#6f695e;color:var(--muted-ink);font-size:.72rem;line-height:1.5;margin:0}.project-row{position:relative}.project-arrow{color:#a73a2a;color:var(--vermillion);font-size:1rem;margin-left:auto}.motion-section{grid-gap:clamp(2rem,5vw,6rem);align-items:center;border-top:1px solid #211f1a38;border-top:1px solid var(--line);display:grid;gap:clamp(2rem,5vw,6rem);grid-template-columns:3rem minmax(15rem,.7fr) minmax(24rem,1.3fr);margin:0 auto;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4rem);width:min(100%,96rem)}.section-index{align-items:center;align-self:stretch;color:#6f695e;color:var(--muted-ink);display:flex;font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:.62rem;gap:1rem;letter-spacing:.16em;writing-mode:vertical-rl}.section-index span:first-child{color:#a73a2a;color:var(--vermillion)}.motion-copy h2{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(2.8rem,5vw,5.5rem);font-weight:500;letter-spacing:-.06em;line-height:.95;margin:0}.experience-list{height:min(52vh,28rem);margin-top:1.75rem;min-height:16rem;overflow-y:auto;overscroll-behavior:contain;padding-right:.75rem;scrollbar-color:#a73a2a #211f1a14;scrollbar-color:var(--vermillion) #211f1a14;scrollbar-width:thin}.experience-list::-webkit-scrollbar{width:3px}.experience-list::-webkit-scrollbar-track{background:#211f1a14}.experience-list::-webkit-scrollbar-thumb{background:#a73a2a;background:var(--vermillion)}.experience-item{border-bottom:1px solid #211f1a38;border-bottom:1px solid var(--line);padding:1.15rem 0 1.25rem}.experience-item:first-child{padding-top:.35rem}.experience-item:last-child{border-bottom:none}.experience-meta{align-items:center;color:#6f695e;color:var(--muted-ink);display:flex;flex-wrap:wrap;font-size:.58rem;font-weight:500;gap:.55rem 1rem;letter-spacing:.14em;margin-bottom:.55rem;text-transform:uppercase}.experience-meta time{color:#a73a2a;color:var(--vermillion)}.experience-item h3{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;margin:0}.experience-org{color:#211f1a;color:var(--ink);font-size:.72rem;font-weight:500;letter-spacing:.06em;margin:.35rem 0 .65rem}.experience-item>p:last-child{color:#6f695e;color:var(--muted-ink);font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:.82rem;line-height:1.7;margin:0}.interaction-note{color:#a73a2a;color:var(--vermillion);display:block;font-size:.6rem;font-weight:500;letter-spacing:.16em;margin-top:2rem;text-transform:uppercase}.motion-demo{border:1px solid #4a423552;box-shadow:0 18px 50px #4a392614;justify-self:end;width:min(100%,39rem)}.motion-planning{aspect-ratio:1;background:#ece3d2;background:var(--paper);overflow:hidden;position:relative;width:100%}.motion-planning canvas{cursor:crosshair;display:block;height:100%;touch-action:none;width:100%}.motion-planning-label{bottom:.8rem;color:#6f695e;color:var(--muted-ink);font-size:.55rem;font-weight:500;letter-spacing:.13em;pointer-events:none;position:absolute;right:1rem;text-transform:uppercase}.blog-section{grid-gap:clamp(2rem,5vw,6rem);align-items:start;border-top:1px solid #211f1a38;border-top:1px solid var(--line);display:grid;gap:clamp(2rem,5vw,6rem);grid-template-columns:3rem minmax(17rem,.8fr) minmax(25rem,1.2fr);margin:0 auto;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4rem);width:min(100%,96rem)}.closing-copy h2{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(3rem,5.5vw,5.8rem);font-weight:500;letter-spacing:-.07em;line-height:.9;margin:0}.closing-copy h2 span{display:block;margin-left:clamp(1.25rem,4vw,4rem)}.closing-lede{color:#6f695e;color:var(--muted-ink);font-size:.95rem;line-height:1.8;margin:2rem 0 0 clamp(1.25rem,4vw,4rem);max-width:26rem}.blog-seal,.closing-lede{font-family:Shippori Mincho,"Noto Serif JP",serif}.blog-seal{background:#a73a2a;background:var(--vermillion);box-shadow:0 8px 20px #5e261c1f;color:#ece3d2;color:var(--paper);display:grid;font-size:.72rem;height:3.4rem;letter-spacing:.08em;margin:2.5rem 0 0 clamp(1.25rem,4vw,4rem);place-items:center;width:3.4rem}.blog-list{border-top:1px solid #211f1a38;border-top:1px solid var(--line);min-width:0}.blog-item{background:#0000;border:0;border-bottom:1px solid #211f1a38;border-bottom:1px solid var(--line);color:#211f1a;color:var(--ink);cursor:pointer;font:inherit;padding:clamp(1.5rem,3vw,2.25rem) clamp(0rem,2vw,1.5rem);position:relative;text-align:left;transition:background-color .18s ease,padding .18s ease;width:100%}.blog-item:hover{background:#fffcf366;padding-left:clamp(.75rem,3vw,2.25rem);padding-right:clamp(.75rem,3vw,2.25rem)}.blog-meta{align-items:center;color:#a73a2a;color:var(--vermillion);display:flex;font-size:.58rem;font-weight:500;justify-content:space-between;letter-spacing:.14em;margin-bottom:.8rem;text-transform:uppercase}.blog-item h3{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 .7rem}.blog-item p{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:.85rem;line-height:1.7;margin:0;max-width:32rem}.blog-item p,.blog-topic{color:#6f695e;color:var(--muted-ink)}.blog-topic{display:block;font-size:.55rem;letter-spacing:.13em;margin-top:1rem}.blog-open,.blog-topic{font-weight:500;text-transform:uppercase}.blog-open{bottom:clamp(1.5rem,3vw,2.25rem);color:#a73a2a;color:var(--vermillion);font-size:.56rem;letter-spacing:.12em;position:absolute;right:clamp(0rem,2vw,1.5rem)}.blog-reader{background:linear-gradient(90deg,#fffcf333,#0000 35%),#ece3d2;background:linear-gradient(90deg,#fffcf333,#0000 35%),var(--paper);color:#211f1a;color:var(--ink);inset:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:100}.reader-article{margin:0 auto;padding:0 0 clamp(5rem,10vw,9rem);width:min(100% - 2.5rem,72rem)}.reader-back{background:linear-gradient(#ece3d2 70%,#ece3d200);background:linear-gradient(var(--paper) 70%,#ece3d200);border:0;color:#6f695e;color:var(--muted-ink);cursor:pointer;font:inherit;font-size:.62rem;font-weight:500;letter-spacing:.13em;padding:1.5rem 0 1rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;width:100%;z-index:2}.reader-back:focus-visible,.reader-back:hover{color:#a73a2a;color:var(--vermillion);outline:none}.reader-header{border-bottom:1px solid #211f1a38;border-bottom:1px solid var(--line);max-width:62rem;padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,6vw,5rem)}.reader-type{color:#a73a2a;color:var(--vermillion);font-weight:500;letter-spacing:.2em;margin:0 0 1.25rem}.reader-meta,.reader-type{font-size:.62rem;text-transform:uppercase}.reader-meta{color:#6f695e;color:var(--muted-ink);display:flex;gap:1.5rem;letter-spacing:.12em;margin-bottom:1.5rem}.reader-header h1{font-size:clamp(3rem,7vw,6.5rem);font-weight:500;letter-spacing:-.065em;line-height:.98;margin:0;max-width:60rem}.reader-header h1,.reader-header>p:last-child{font-family:Shippori Mincho,"Noto Serif JP",serif}.reader-header>p:last-child{color:#6f695e;color:var(--muted-ink);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.7;margin:2rem 0 0;max-width:40rem}.reader-body{margin:0 auto;padding-top:clamp(3rem,7vw,6rem);width:min(100%,46rem)}.reader-body section+section{margin-top:clamp(3rem,6vw,5rem)}.reader-body h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:0 0 1.25rem}.reader-body h2,.reader-body p{font-family:Shippori Mincho,"Noto Serif JP",serif}.reader-body p{color:#403c35;font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.95;margin:0}.reader-body p+p{margin-top:1.25rem}.reader-sources{border-top:1px solid #211f1a38;border-top:1px solid var(--line);padding-top:2.5rem}.reader-sources ol{color:#6f695e;color:var(--muted-ink);margin:0;padding-left:1.2rem}.reader-sources li{font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:.82rem;line-height:1.7;padding-left:.5rem}.reader-sources li+li{margin-top:.8rem}.reader-sources a{-webkit-text-decoration-color:#a73a2a73;text-decoration-color:#a73a2a73;text-underline-offset:.2em}.reader-sources a:hover{color:#a73a2a;color:var(--vermillion)}.contact-section{grid-gap:clamp(2rem,5vw,6rem);align-items:center;background:#211f1a;background:var(--ink);box-shadow:0 0 0 100vmax #211f1a;box-shadow:0 0 0 100vmax var(--ink);-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax);color:#ece3d2;color:var(--paper);display:grid;gap:clamp(2rem,5vw,6rem);grid-template-columns:3rem minmax(18rem,.9fr) minmax(24rem,1.1fr);grid-template-rows:1fr auto;margin:0 auto;min-height:min(48rem,82svh);padding:clamp(6rem,10vw,9rem) clamp(1.25rem,4vw,4rem) 2rem;width:min(100%,96rem)}.contact-index span:first-child,.contact-label,.contact-section .intro-mark{color:#cf5846}.contact-section .closing-lede,.contact-section .section-index{color:#ece3d29e}.contact-section .closing-lede{margin-left:clamp(1.25rem,4vw,4rem)}.contact-links{border-top:1px solid #ece3d238;min-width:0}.contact-link{align-items:baseline;border-bottom:1px solid #ece3d238;color:#ece3d2;color:var(--paper);display:flex;gap:1rem;padding:1.5rem 0;text-decoration:none;transition:padding .18s ease,background-color .18s ease}.contact-link:not(.contact-link-pending):focus-visible,.contact-link:not(.contact-link-pending):hover{background:#ece3d212;outline:none;padding-left:.75rem;padding-right:.75rem}.contact-label{display:block;flex:0 0 5.5rem;font-size:.58rem;font-weight:500;letter-spacing:.14em;margin-bottom:0;text-transform:uppercase}.contact-value{flex:1 1;font-family:Shippori Mincho,"Noto Serif JP",serif;font-size:clamp(1rem,1.6vw,1.25rem);letter-spacing:-.02em}.contact-link-pending{color:#ece3d285}.contact-link .project-arrow{color:#cf5846;margin-left:0}.contact-footer{border-top:1px solid #ece3d229;color:#ece3d270;font-size:.58rem;grid-column:2/-1;letter-spacing:.16em;margin:3rem 0 0;padding-top:1.25rem;text-transform:uppercase}.contact-footer span{color:#cf5846;margin:0 .6rem}.closing-grid{align-items:stretch;border-top:1px solid #211f1a38;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;width:min(100%,96rem)}.closing-grid .blog-section,.closing-grid .contact-section{align-content:start;border:0;gap:2.25rem;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;margin:0;min-height:48rem;padding:clamp(3rem,5vw,5rem);width:100%}.closing-grid .blog-section{border-right:1px solid #211f1a38;border-right:1px solid var(--line)}.closing-grid .contact-section{box-shadow:none;-webkit-clip-path:none;clip-path:none}.closing-grid .section-index{align-self:auto;flex-direction:row;justify-content:flex-start;writing-mode:horizontal-tb}.closing-grid .closing-copy h2{font-size:clamp(2.7rem,4.3vw,4.7rem)}.closing-grid .blog-seal,.closing-grid .closing-copy h2 span,.closing-grid .closing-lede{margin-left:0}.closing-grid .blog-seal{display:none}.closing-grid .blog-list,.closing-grid .contact-links{align-self:end}.closing-grid .contact-footer{grid-column:1;margin-top:0}@media (max-width:900px){.portfolio-layout{gap:2.5rem;grid-template-columns:minmax(15rem,.8fr) minmax(22rem,1.2fr)}.blog-section,.contact-section,.motion-section{gap:2rem;grid-template-columns:2rem minmax(12rem,.65fr) minmax(20rem,1.35fr)}.closing-grid .blog-section,.closing-grid .contact-section{gap:2rem;grid-template-columns:1fr;padding:3rem 2rem}}@media (max-width:700px){.header-note{line-height:1.7;max-width:9rem;text-align:right}.header-note span{display:none}.portfolio-layout{gap:3.5rem;grid-template-columns:1fr}.simulation-panel{min-height:min(140vw,40rem);width:min(100%,26rem)}.hero h1{font-size:clamp(3.6rem,17vw,6.5rem)}.hero h1 span{display:block}.content-panel{padding:0}.projects{margin-top:2.5rem}.project-list{height:23rem}.motion-section{gap:2.5rem;grid-template-columns:1fr}.blog-section,.contact-section{gap:2rem;grid-template-columns:1fr}.contact-section{align-content:center;grid-template-rows:auto;min-height:100svh;padding-top:5rem}.blog-seal,.closing-copy h2 span,.closing-lede{margin-left:0}.section-index{flex-direction:row;justify-content:flex-start;writing-mode:horizontal-tb}.motion-demo{justify-self:stretch;width:100%}.experience-list{height:auto;max-height:none;min-height:0;overflow:visible;padding-right:0}.contact-link{flex-wrap:wrap}.contact-label{flex-basis:100%}.contact-footer{grid-column:1;line-height:1.7;margin-top:1rem}.closing-grid{grid-template-columns:1fr}.closing-grid .blog-section,.closing-grid .contact-section{min-height:auto;padding:4rem 1.25rem}.closing-grid .blog-section{border-right:0}.closing-grid .contact-section{min-height:100svh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=main.248f70da.css.map*/