@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400&display=swap);#root,body,html{min-height:100%}:root{--ink:#000;--paper:#fff;--tile:#f1f1f1;--rule:#b9b9b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}button,input{font:inherit}a{color:inherit}.site-shell{min-height:100vh;overflow:hidden}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:390px;padding:70px 28px 78px;text-align:center}.hero-name{cursor:default;display:grid;font-family:Bodoni Moda,Didot,Times New Roman,serif;font-size:clamp(4rem,9vw,9rem);font-weight:400;letter-spacing:-.045em;line-height:.82;margin:0;place-items:center;width:min(100%,1200px)}.hero-name span{grid-area:1/1;white-space:nowrap}.hero-name-hover,.hero-name:hover .hero-name-default{opacity:0}.hero-name:hover .hero-name-hover{opacity:1}.portfolio-section{padding:0 28px 110px}.portfolio-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1700px}.portfolio-card{aspect-ratio:1;background:var(--tile);border:0;border-radius:0;color:var(--ink);cursor:pointer;isolation:isolate;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left;text-decoration:none}.portfolio-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.portfolio-image-wrap{align-items:center;display:flex;inset:24px 24px 76px;justify-content:center;position:absolute}.portfolio-image{box-shadow:0 5px 9px #00000029,0 1px 2px #0000001a;display:block;height:auto;max-height:82%;max-width:82%;object-fit:contain;width:auto}.portfolio-card--film .portfolio-image{aspect-ratio:4/3;max-height:100%;max-width:100%;object-fit:cover;width:100%}.portfolio-card--paper .portfolio-image-wrap{align-items:flex-start}.portfolio-card--paper .portfolio-image{max-height:100%;max-width:100%}.portfolio-caption{bottom:16px;display:flex;flex-direction:column;gap:4px;left:18px;position:absolute;right:18px}.portfolio-caption span{font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.portfolio-caption strong{font-size:12px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-section{grid-gap:clamp(70px,12vw,220px);border-top:1px solid var(--rule);display:grid;gap:clamp(70px,12vw,220px);grid-template-columns:minmax(0,1.7fr) minmax(260px,.75fr);margin:0 22px;padding:58px 0 72px}.about-copy{max-width:880px}.film-modal h2{font-size:inherit;line-height:inherit;margin:0}.about-copy p,.about-links,.role{font-size:clamp(1rem,1.3vw,1.45rem);font-weight:600;line-height:1.25;margin:0}.about-copy p+p{margin-top:26px}.about-copy a,.about-links a{text-decoration-thickness:1px;text-underline-offset:3px}.about-links{align-items:flex-start;display:flex;flex-direction:column}.about-links .role{font-weight:700;margin-bottom:28px}.about-links a{text-decoration:none}.about-links a:focus-visible{text-decoration:underline}.footer{border-top:1px solid var(--rule);display:flex;font-size:11px;font-weight:700;gap:20px;justify-content:space-between;margin:0 22px;padding:20px 0 26px}.footer a{text-decoration:none}.footer-mark{align-items:flex-end;display:flex;gap:14px}.mini-piano{background:var(--paper);border-bottom:1px solid var(--ink);border-right:1px solid var(--ink);border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr);height:30px;position:relative;width:76px}.mini-piano-white{border-left:1px solid var(--ink)}.mini-piano-black{background:var(--ink);height:18px;position:absolute;top:0;transform:translateX(-50%);width:10px;z-index:1}.mini-piano-black--one{left:25%}.mini-piano-black--two{left:50%}.mini-piano-black--three{left:75%}.modal-backdrop{background:#0000008f;display:grid;inset:0;padding:30px;place-items:center;position:fixed;z-index:20}.film-modal{background:var(--paper);color:var(--ink);padding:18px;position:relative;width:min(100%,980px)}.film-modal video{background:#eee;display:block;width:100%}.modal-close{background:#0000;border:0;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:0;position:absolute;right:18px;top:-34px}.film-modal p{font-size:10px;font-weight:700;letter-spacing:.12em;margin:16px 0 5px;text-transform:uppercase}.film-modal h2{font-size:18px;font-weight:700}@media (max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{gap:60px;grid-template-columns:1fr}}@media (max-width:620px){.hero{min-height:330px;padding:54px 20px 62px}.hero-name{font-size:clamp(3rem,14vw,5rem)}.portfolio-section{padding:0 12px 80px}.portfolio-grid{gap:10px}.portfolio-image-wrap{inset:12px 12px 66px}.portfolio-image{max-height:90%;max-width:90%}.portfolio-caption{bottom:10px;left:10px;right:10px}.portfolio-caption span{font-size:7px}.portfolio-caption strong{font-size:9px}.about-section{gap:50px;margin:0 14px;padding:36px 0 50px}.about-copy p,.about-links,.role{font-size:1rem}.footer{margin:0 14px}.footer-mark{align-items:flex-start;flex-direction:column;gap:9px}.modal-backdrop{padding:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/*# sourceMappingURL=main.76fefa7a.css.map*/