:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-border: #e5e5e5;--color-gray-light: #f2f2f2;--color-gray-mid: #cccccc;--color-gray-dark: #4d4d4d;--color-black: #000000;--color-focus: #0047bd;--overlay-menu: rgba(26, 26, 26, .92);--overlay-weak: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .4);--font-jp: "Noto Serif JP", serif;--font-en: "Cormorant Garamond", serif;--fs-caption: 1.2rem;--fs-small: 1.4rem;--fs-body: 1.6rem;--fs-body-lg: 1.8rem;--fs-h4: clamp(2rem, 1.7rem + 1vw, 2.4rem);--fs-h3: clamp(2.4rem, 2rem + 1.6vw, 3.2rem);--fs-h2: clamp(3.2rem, 2.6rem + 2.6vw, 5rem);--fs-h1: clamp(4rem, 3rem + 5vw, 8rem);--ls-tight: -.05em;--ls-body: .07em;--ls-label: .1em;--lh-tight: 1.3;--lh-body: 1.9;--ease-out-strong: cubic-bezier(.19, 1, .22, 1);--duration-base: .5s;--duration-slow: .75s;--radius-sm: .25rem;--radius-md: .5rem;--radius-pill: 2.2rem;--radius-full: 9999px;--space-1: .8rem;--space-2: 1.6rem;--space-3: 2.4rem;--space-4: 3.2rem;--space-5: 4.8rem;--space-6: 6.4rem;--space-7: 9.6rem;--space-8: 13rem;--container-max: 120rem;--container-text-max: 62rem;--header-height: 8rem}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-jp);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,p,dl,dd{margin:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-text);color:var(--color-bg);padding:var(--space-1) var(--space-2);z-index:200}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-3)}.container--text{max-width:var(--container-text-max)}@media (min-width: 768px){.container{padding-inline:var(--space-5)}}.en-label{display:inline-block;font-family:var(--font-en);font-size:var(--fs-small);font-weight:500;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-gray-dark)}.en-label:before{content:"";display:inline-block;width:2.4rem;height:1px;background:var(--color-gray-dark);margin-right:var(--space-2);vertical-align:middle}.section-heading{font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-top:var(--space-2)}.hover-roll{position:relative;display:inline-block;overflow:hidden}.hover-roll__text{display:inline-block;transition:transform var(--duration-base) var(--ease-out-strong)}.hover-roll:hover .hover-roll__text{transform:translateY(-100%)}.hover-roll:after{content:attr(data-text);position:absolute;left:0;top:100%;transition:transform var(--duration-base) var(--ease-out-strong)}.hover-roll:hover:after{transform:translateY(-100%)}.button{display:inline-flex;align-items:center;gap:var(--space-2);padding:1.6rem 3.2rem;border:1px solid var(--color-text);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:600;letter-spacing:var(--ls-label);transition:background-color var(--duration-base) var(--ease-out-strong),color var(--duration-base) var(--ease-out-strong)}.button:hover{background-color:var(--color-text);color:var(--color-bg)}.button--arrow .button__arrow{transition:transform var(--duration-base) var(--ease-out-strong)}.button--arrow:hover .button__arrow{transform:translateY(.3rem)}.header{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding-inline:var(--space-3);background-color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border)}@media (min-width: 768px){.header{padding-inline:var(--space-5)}}.header__brand{display:flex;flex-direction:column;line-height:1.4}.header__brand__main{font-size:1.6rem;font-weight:600;letter-spacing:var(--ls-body)}.header__brand__sub{font-family:var(--font-en);font-size:1.1rem;letter-spacing:var(--ls-label);color:var(--color-gray-dark)}.header__nav{display:none;gap:var(--space-5)}@media (min-width: 900px){.header__nav{display:flex}}.header__nav a{font-size:var(--fs-small);font-weight:500;letter-spacing:var(--ls-label)}.header__toggle{display:flex;flex-direction:column;justify-content:center;gap:.5rem;width:3.2rem;height:3.2rem;z-index:210}@media (min-width: 900px){.header__toggle{display:none}}.header__toggle span{display:block;height:1px;background:var(--color-text);transition:transform var(--duration-base) var(--ease-out-strong),opacity var(--duration-base) var(--ease-out-strong)}.header__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.header__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.header__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background-color:var(--overlay-menu);color:var(--color-bg);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-base) linear}.menu-overlay.is-open{opacity:1;visibility:visible}.menu-overlay__list{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.menu-overlay__list a{font-family:var(--font-en);font-size:var(--fs-h4);letter-spacing:var(--ls-label)}.hero{position:relative;display:flex;align-items:center;min-height:calc(100svh - var(--header-height));padding-block:var(--space-6);overflow:hidden}.hero__bg-text{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-family:var(--font-jp);font-size:clamp(6rem,5rem + 10vw,18rem);font-weight:700;color:var(--color-gray-light);z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.hero__content{position:relative;z-index:1;max-width:72rem}.hero__title{margin-top:var(--space-3);font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.hero__lead{margin-top:var(--space-4);max-width:46rem;font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--color-gray-dark)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.hero__meta__item dt{font-family:var(--font-en);font-size:var(--fs-caption);letter-spacing:var(--ls-label);color:var(--color-gray-dark)}.hero__meta__item dd{margin-top:.4rem;font-size:var(--fs-body-lg);font-weight:600}.hero__cta{margin-top:var(--space-6)}.about{padding-block:var(--space-7);border-top:1px solid var(--color-border)}.about__body{margin-top:var(--space-3);font-size:var(--fs-body-lg);line-height:var(--lh-body)}.about__grid{margin-top:var(--space-6);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 700px){.about__grid{grid-template-columns:repeat(3,1fr)}}.about__stat{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.about__stat dt{font-family:var(--font-en);font-size:var(--fs-caption);letter-spacing:var(--ls-label);color:var(--color-gray-dark)}.about__stat dd{margin-top:var(--space-2);font-size:var(--fs-h3);font-weight:600;letter-spacing:var(--ls-tight)}.about__stat dd small{font-size:var(--fs-small);font-weight:400;color:var(--color-gray-dark);letter-spacing:var(--ls-body)}.works{padding-block:var(--space-7);border-top:1px solid var(--color-border)}.works__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.works__count{font-size:var(--fs-body-lg);color:var(--color-gray-dark)}.works__count strong{color:var(--color-text);font-size:var(--fs-h4);font-weight:700}.works__grid{margin-top:var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-6) var(--space-4)}@media (min-width: 640px){.works__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1080px){.works__grid{grid-template-columns:repeat(3,1fr)}}.work-card__frame{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-gray-light);aspect-ratio:3 / 4}.work-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-strong)}.work-card:hover .work-card__img{transform:scale(1.06)}.work-card__no{position:absolute;top:var(--space-2);left:var(--space-2);padding:.4rem 1.2rem;background:#ffffffd9;border-radius:var(--radius-full);font-family:var(--font-en);font-size:var(--fs-caption);letter-spacing:var(--ls-label)}.work-card__like{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ffffffd9;border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:600;transition:background-color var(--duration-base) var(--ease-out-strong)}.work-card__like:hover{background:#fff}.work-card__like__icon{width:1.8rem;height:1.8rem;flex-shrink:0}.work-card__like__icon path{fill:none;stroke:var(--color-text);stroke-width:1.6;transition:fill var(--duration-base) var(--ease-out-strong)}.work-card__like.is-liked .work-card__like__icon path{fill:var(--color-text)}.work-card__like.is-liked .work-card__like__icon{animation:likePop var(--duration-base) var(--ease-out-strong)}@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.work-card__body{margin-top:var(--space-3)}.work-card__meta{display:flex;justify-content:space-between;font-family:var(--font-en);font-size:var(--fs-caption);letter-spacing:var(--ls-label);color:var(--color-gray-dark);text-transform:uppercase}.work-card__title{margin-top:var(--space-2);font-size:var(--fs-h4);font-weight:600;letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.work-card__student{margin-top:.6rem;font-size:var(--fs-body);color:var(--color-gray-dark)}.footer{position:relative;padding-block:var(--space-7) var(--space-5);border-top:1px solid var(--color-border);overflow:hidden}.footer__bg-text{position:absolute;left:50%;bottom:-6rem;transform:translate(-50%);font-family:var(--font-en);font-size:clamp(6rem,5rem + 10vw,16rem);font-weight:600;color:var(--color-gray-light);white-space:nowrap;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none}.footer__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-4)}.footer__brand{font-size:var(--fs-h4);font-weight:600}.footer__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:var(--fs-small);color:var(--color-gray-dark)}.footer__backtop{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:1px solid var(--color-text);border-radius:50%;transition:background-color var(--duration-base) var(--ease-out-strong),color var(--duration-base) var(--ease-out-strong)}.footer__backtop:hover{background-color:var(--color-text);color:var(--color-bg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}