.profile-book{width:min(1160px,90%);margin:32px auto 80px;padding:72px 0 40px;border-top:1px solid #d9ded9;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(40px,7vw,110px);gap:clamp(40px,7vw,110px);align-items:center;color:#24352c}.profile-book__stage{perspective:1400px;text-align:center;padding:25px 30px}.profile-book__object{display:block;position:relative;width:min(100%,340px);margin:auto;padding:0;border:0;background:none;cursor:zoom-in;transform:rotateY(-15deg) rotate(-3deg);transform-style:preserve-3d;transition:transform .55s ease;box-shadow:15px 24px 34px #172b322b}.profile-book__object>img{position:relative;display:block;width:100%;height:auto;border-radius:2px 5px 5px 2px;box-shadow:inset 6px 0 6px #0002}.profile-book__object:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0003,transparent 3%,#ffffff30 4%,transparent 6%);border-radius:2px}.profile-book__pages{position:absolute;left:100%;top:1%;width:22px;height:98%;background:repeating-linear-gradient(0deg,#f6f2e9 0 2px,#d6d3ca 2px 3px);transform:rotateY(90deg);transform-origin:left;border:1px solid #d4d2c8}.profile-book__object:focus-visible,.profile-book__object:hover{transform:rotateY(-5deg) rotate(0) translateY(-8px)}.profile-book__link:focus-visible,.profile-book__object:focus-visible{outline:2px solid #917246;outline-offset:7px}.profile-book__hint{display:block;margin-top:38px;font-size:10px;letter-spacing:.12em;color:#748076}.profile-book__copy>span{font-size:11px;letter-spacing:.15em;color:#8c7351}.profile-book__copy h2{font:400 clamp(40px,4.6vw,70px)/1.06 Georgia,Times New Roman,serif;letter-spacing:-.035em;margin:24px 0;color:#233542}.profile-book__subtitle{font-size:clamp(16px,1.5vw,21px);line-height:1.7;max-width:460px;color:#69756c;margin:0}.profile-book__topics{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:25px;margin-top:28px;border-top:1px solid #d9ded9;font-size:12px;color:#748076}.profile-book__link{background:none;border:0;border-bottom:1px solid #89958d;padding:12px 0;margin-top:24px;color:inherit;font:inherit;font-size:14px;cursor:pointer;display:flex;gap:35px}.profile-book__preview{border:0;padding:52px 24px 24px;background:#fff;color:#24352c;width:min(680px,94vw);max-height:94svh;overflow:auto}.profile-book__preview::-webkit-backdrop{background:#15231ecc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-book__preview::backdrop{background:#15231ecc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-book__preview>button{position:absolute;right:20px;top:14px;background:none;border:0;padding:6px;font-size:14px;cursor:pointer;color:inherit}.profile-book__preview>img{display:block;max-width:100%;width:auto;height:auto;max-height:80svh;margin:auto;object-fit:contain}@media(max-width:700px){.profile-book{grid-template-columns:1fr;gap:30px;padding-top:42px;margin-top:24px}.profile-book__stage{padding:20px 30px}.profile-book__object{width:min(72%,280px)}.profile-book__copy{max-width:460px;margin:auto;width:100%}.profile-book__copy h2{font-size:44px}.profile-book__pages{width:15px}}@media(prefers-reduced-motion:reduce){.profile-book__object{transition:none}}.profile-book__link{width:-moz-fit-content;width:fit-content;text-decoration:none}.my-work-page{position:relative;min-height:100svh;background:#fff;color:#24352c;padding:145px 0 24px;font-family:Arial,Microsoft YaHei,sans-serif}body:has(.my-work-page){background:#fff}.my-work-film{width:min(1160px,90%);margin:0 auto 64px}.my-work-film header>span{font-size:11px;letter-spacing:.14em;color:#897453}.my-work-film h1{font-size:clamp(38px,5vw,72px);font-weight:500;letter-spacing:-.045em;margin:16px 0 34px;line-height:1.1}.my-work-film header>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.my-work-film h2{font-size:clamp(20px,2vw,30px);font-weight:500;margin:0}.my-work-film header>div>span{font-size:12px;color:#7b837d;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.my-work-film video{display:block;width:100%;aspect-ratio:16/9;background:#161c19;object-fit:contain;border-radius:8px}@media(max-width:600px){.my-work-page{padding-top:140px}.my-work-film{margin-bottom:42px}.my-work-film h1{margin-bottom:24px}}.my-work-page .portfolio-header .khata-divider{height:17px;bottom:-13px;background-size:auto 26px;border-bottom:1px solid #d6c9b2;opacity:.85}@media(max-width:760px){.my-work-page .portfolio-header .khata-divider{height:12px;bottom:-9px;background-size:auto 21px}}