@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Noto+Sans+JP:wght@300;400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;font-weight:300;color:#1a1a1a;background:#f9f8f5;letter-spacing:.07em;line-height:1.9;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}:root{--bg: #f9f8f5;--ink: #1a1a1a;--muted: #777;--faint: #c5c0b8;--border: #eae7e2;--serif: "Cormorant Garamond", serif;--sans: "Noto Sans JP", sans-serif;--max: 840px;--pad: 44px}.lbl{font-size:12px;letter-spacing:.35em;color:var(--faint);text-transform:uppercase;margin-bottom:44px}.section-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.fv{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg)}.fv__left{padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between}.fv__logo{font-family:var(--serif);font-size:22px;letter-spacing:.22em;font-weight:400}.fv__nav{display:flex;flex-direction:column;gap:12px}.fv__nav a{font-size:10px;letter-spacing:.28em;color:#888;text-transform:uppercase;transition:color .3s;cursor:pointer}.fv__nav a:hover{color:var(--ink)}.fv__tagline{font-size:9px;letter-spacing:.2em;color:var(--faint)}.fv__right{position:relative;overflow:hidden;background:#dbd7d1}.fv__right img{width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.88) brightness(1.01)}.fv__scroll{position:absolute;bottom:28px;right:24px;font-size:8.5px;letter-spacing:.28em;color:#ffffff8c;text-transform:uppercase;writing-mode:vertical-rl}.about{padding:96px 0 88px;border-top:.5px solid var(--border)}.about__grid{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}.about__img{width:100%;aspect-ratio:3 / 4;background:#dbd7d1;overflow:hidden}.about__img img{width:100%;height:100%;object-fit:cover}.about__name{font-family:var(--serif);font-size:52px;font-weight:400;letter-spacing:.1em;line-height:1;margin-bottom:10px}.about__base{font-size:9px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase;margin-bottom:36px}.about__text{font-size:12px;color:var(--muted);line-height:2.3;letter-spacing:.09em;margin-bottom:36px}.about__skills{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.skill{display:flex;align-items:center;gap:16px}.skill__name{font-size:8.5px;letter-spacing:.26em;color:var(--faint);text-transform:uppercase;width:84px;flex-shrink:0}.skill__track{flex:1;height:.5px;background:#e8e4df}.skill__fill{height:.5px;background:var(--faint);transition:width 1s ease}.about__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:8.5px;letter-spacing:.24em;padding:5px 14px;border:.5px solid #ddd;color:#aaa;text-transform:uppercase}.photo{padding:88px 0 0;border-top:.5px solid var(--border)}.photo__wide{width:100%;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:3px;background:#d4d0ca}.photo__wide img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.86) brightness(1.02)}.photo__row{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:3px}.photo__tall{background:#d8d4ce;overflow:hidden;aspect-ratio:3 / 4}.photo__col{display:flex;flex-direction:column;gap:3px}.photo__sq{flex:1;background:#e0ddd7;overflow:hidden;aspect-ratio:1 / 1}.photo__tall img,.photo__sq img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) brightness(1.02)}.photo__foot{max-width:var(--max);margin:0 auto;padding:20px var(--pad) 80px;display:flex;justify-content:space-between;align-items:baseline}.photo__caption{font-family:var(--serif);font-size:14px;font-style:italic;color:#bbb;letter-spacing:.08em}.photo__link{font-size:9px;letter-spacing:.26em;color:var(--faint);text-transform:uppercase;cursor:pointer;transition:color .3s}.photo__link:hover{color:var(--ink)}.works{padding:88px 0;border-top:.5px solid var(--border)}.works__grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.work-card__screen{width:100%;aspect-ratio:16 / 10;background:#edeae6;overflow:hidden;margin-bottom:16px;position:relative;display:block;text-decoration:none;color:inherit}.work-card__screen img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.88);transition:transform .6s ease}.work-card__screen:hover img{transform:scale(1.03)}.mock{display:flex;flex-direction:column;height:100%}.mock__bar{height:16px;background:#e4e1dc;display:flex;align-items:center;padding:0 8px;gap:4px;flex-shrink:0}.mock__dot{width:5px;height:5px;border-radius:50%;background:#d0ccc7}.mock__url{flex:1;height:7px;background:#d8d5d0;border-radius:2px;margin:0 5px}.mock__body{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.mock__hero{height:36px;background:#d8d5d0;border-radius:2px}.mock__line{height:5px;background:#e6e3de;border-radius:2px}.work-card__title{font-size:11.5px;letter-spacing:.1em;color:#555;margin-bottom:4px}.work-card__cat{font-size:9px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase}.contact{padding:96px var(--pad);border-top:.5px solid var(--border);text-align:center}.contact__heading{font-family:var(--serif);font-size:58px;font-weight:300;letter-spacing:.14em;margin-bottom:14px}.contact__sub{font-size:11px;letter-spacing:.18em;color:var(--faint);margin-bottom:52px}.contact__form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px;text-align:left}.contact__input,.contact__textarea{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:.5px solid #ddd;font-family:var(--sans);font-size:11.5px;font-weight:300;letter-spacing:.08em;color:var(--ink);outline:none;transition:border-color .3s}.contact__input::placeholder,.contact__textarea::placeholder{color:#ccc;font-size:10px;letter-spacing:.2em}.contact__input:focus,.contact__textarea:focus{border-bottom-color:#aaa}.contact__textarea{resize:none;height:100px}.contact__btn{align-self:center;margin-top:16px;font-size:9.5px;letter-spacing:.3em;padding:14px 48px;border:.5px solid #ccc;background:transparent;color:#999;text-transform:uppercase;cursor:pointer;font-family:var(--sans);transition:border-color .3s,color .3s}.contact__btn:hover{border-color:var(--ink);color:var(--ink)}.footer{border-top:.5px solid var(--border);padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto}.footer__logo{font-family:var(--serif);font-size:16px;letter-spacing:.22em;color:#ccc}.footer__copy{font-size:8.5px;letter-spacing:.2em;color:#ccc}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 680px){:root{--pad: 24px}.fv{grid-template-columns:1fr;min-height:auto}.fv__left{min-height:50vw}.fv__right{aspect-ratio:3 / 4;min-height:auto}.about__grid{grid-template-columns:1fr;gap:36px}.about__img{max-width:240px}.about__name{font-size:38px}.photo__row{grid-template-columns:1fr}.photo__tall{aspect-ratio:4 / 3}.works__grid{grid-template-columns:1fr;gap:40px}.contact__heading{font-size:40px}.footer{flex-direction:column;gap:12px;text-align:center}}