body{background:#fff}.about-site-header{max-width:1040px}.about-header-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--purple);font-size:12px;font-weight:700}.about-header-back svg{width:16px;height:16px}.about-page{max-width:940px;margin:0 auto;padding:56px 30px 90px}.about-intro{max-width:760px}.about-intro h1{margin:0 0 20px;color:var(--purple);font-family:Noto Sans JP,sans-serif;font-size:clamp(34px,4.7vw,52px);font-weight:900;line-height:1.45;letter-spacing:.012em}.about-lead{max-width:680px;margin:0;color:#514d5b;font-size:17px;line-height:1.95}.about-team-photo{width:min(100%,660px);margin:36px 0 0}.about-team-photo img{display:block;width:100%;height:auto}.about-signature{display:flex;align-items:center;gap:22px;width:min(100%,660px);margin-top:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-signature span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.16em;white-space:nowrap}.about-signature img{display:block;width:min(48%,250px);height:auto}.about-work{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:50px;padding:30px 34px;background:#f5f4fa;border-left:4px solid var(--purple)}.about-work h2{margin:0 0 13px;color:#231815;font-size:25px;font-weight:800;line-height:1.5}.about-work p{max-width:610px;margin:0;color:#514d5b;font-size:14px;line-height:1.9}.about-videos{margin-top:64px}.about-videos h2{margin:0 0 24px;color:var(--purple);font-size:30px;font-weight:900;line-height:1.4}.about-video-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 28px;align-items:start}.about-video-card{min-width:0}.about-video-card:nth-child(1){grid-column:1;grid-row:1}.about-video-card:nth-child(2){grid-column:2;grid-row:1 / span 2}.about-video-card:nth-child(3){grid-column:1;grid-row:2}.about-video-media{position:relative;aspect-ratio:16/9;background:#17151f}.about-video-card--portrait .about-video-media{aspect-ratio:9/16}.about-video-media video,.about-video-preview{display:block;width:100%;height:100%}.about-video-media video{object-fit:contain}.about-video-preview{position:relative;padding:0;border:0;background:transparent;cursor:pointer}.about-video-preview[hidden]{display:none}.about-video-preview img{display:block;width:100%;height:100%;object-fit:cover}.about-video-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#1e1a419e;transition:background .2s,transform .2s}.about-video-play:after{content:"";margin-left:4px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #fff}.about-video-preview:hover .about-video-play{transform:translate(-50%,-50%) scale(1.07);background:#36318fe6}.about-video-preview:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.about-video-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 4px}.about-video-caption h3{margin:0;color:#231815;font-size:16px;font-weight:800}.about-video-caption a{display:inline-flex;align-items:center;gap:3px;min-height:32px;color:var(--purple);font-size:12px;font-weight:700;white-space:nowrap}.about-video-caption a:hover{text-decoration:underline;text-underline-offset:3px}.about-video-caption svg{width:14px;height:14px}.about-contact{display:grid;grid-template-columns:1fr minmax(280px,360px);align-items:end;gap:28px;margin-top:70px;padding:40px;background:var(--purple);color:#fff}.about-contact h2{margin:0;font-size:clamp(27px,3.5vw,38px);font-weight:900;line-height:1.5}.about-contact-price{margin:18px 0 0;font-size:21px;font-weight:800}.about-contact-links{display:grid;gap:14px}.about-contact-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 19px;background:#fff;color:var(--purple);font-size:15px;font-weight:800}.about-contact-button:hover{background:#f4f2fc}.about-contact-button svg{width:19px;height:19px}.about-contact-mail{display:inline-flex;align-items:center;width:max-content;min-height:36px;color:#fff;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.about-actions{display:flex;align-items:center;gap:22px;margin-top:38px}.about-actions .primary{justify-content:space-between;min-width:340px;font-weight:700}.about-actions .primary svg{width:19px;height:19px}.about-return{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--purple);font-size:12px;font-weight:700}.about-return svg{width:16px;height:16px}.about-return:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.about-site-header{min-height:74px}.about-header-back{font-size:11px}.about-page{padding:30px 22px 62px}.about-intro h1{font-size:30px;line-height:1.48;margin:0 0 15px}.about-lead{font-size:14px;line-height:1.85}.about-team-photo{margin-top:26px}.about-signature{gap:14px;margin-top:16px;padding:20px 0}.about-signature span{font-size:9px}.about-signature img{width:min(58%,210px)}.about-work{display:block;margin-top:34px;padding:22px}.about-work h2{font-size:22px}.about-work p{font-size:13px}.about-videos{margin-top:42px}.about-videos h2{margin-bottom:18px;font-size:25px}.about-video-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.about-video-card:nth-child(n){grid-column:auto;grid-row:auto}.about-video-caption{padding-top:10px}.about-video-caption h3{font-size:15px}.about-contact{display:grid;grid-template-columns:1fr;gap:23px;margin-top:50px;padding:26px 22px}.about-contact h2{font-size:27px}.about-contact-price{margin-top:14px;font-size:18px}.about-contact-button{min-height:54px;font-size:14px}.about-actions{display:grid;gap:12px;margin-top:28px}.about-actions .primary{min-width:0;width:100%;font-size:13px}.about-return{justify-content:center}}