.area-visual{--visual-accent:#ff7d86;position:relative;isolation:isolate;min-width:0;height:600px;padding:0 0 45px 30px;margin:10px 0 15px}.area-visual__glow{position:absolute;inset:5% -15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#a22f442b,transparent 65%);filter:blur(30px)}.area-visual__photo{position:relative;display:block;height:100%;overflow:hidden;border:1px solid #ffffff2a;border-radius:24px 110px 24px 24px;box-shadow:0 35px 75px #0007;transform:rotate(3deg);animation:area-image-enter 1.1s ease both;transition:transform .6s,box-shadow .6s}.area-visual__photo>img{object-fit:cover;object-position:center;animation:area-image-zoom 2.5s ease both;transition:scale 1s ease}.area-visual__veil{position:absolute;inset:0;background:linear-gradient(180deg,#070a0d55,transparent 35%,#07090ff2);pointer-events:none}.area-visual__eyebrow{position:absolute;left:25px;right:25px;top:32px;color:#ffffffe0;letter-spacing:.17em;font-size:8px;line-height:1.7;max-width:220px}.area-visual__caption{position:absolute;bottom:35px;left:27px;right:27px;color:#fff}.area-visual__caption>strong{display:block;font-size:clamp(29px,3vw,41px);line-height:1.08;letter-spacing:-.045em;max-width:350px}.area-visual__note{position:absolute;left:-30px;top:140px;width:220px;background:linear-gradient(140deg,#1e2029f5,#0d0e14f5);color:#f3f0ed;border:1px solid #ffffff26;padding:23px;box-shadow:0 20px 45px #0005;border-radius:13px;transform:rotate(-7deg);pointer-events:none;animation:area-note-enter 1.2s cubic-bezier(.2,.7,.2,1) .15s both}.area-visual__note-label{display:flex;align-items:center;gap:8px;color:var(--visual-accent)}.area-visual__note-label span{font-size:7px;letter-spacing:.12em;line-height:1.7}.area-visual__note>strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.03em;margin:17px 0}.area-visual__steps{display:grid;grid-gap:12px;gap:12px}.area-visual__steps>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#c7c5cd}.area-visual__steps b{display:grid;place-items:center;width:21px;height:21px;flex:none;border:1px solid #ff7d8645;color:var(--visual-accent);font-size:8px;border-radius:50%;font-weight:400}.area-visual__note-line{height:2px;margin-top:20px;background:linear-gradient(90deg,var(--visual-accent),transparent);transform-origin:left;animation:area-line-enter 1s .7s both}.area-visual__tags{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;color:#b6b1b8;animation:area-tags-enter 1s .4s both}.area-visual__tags>span{display:flex;align-items:center;gap:6px;font-size:9px}.area-visual__tags svg{color:var(--visual-accent)}.area-visual--training{--visual-accent:#cab3ff}.area-visual--training .area-visual__photo{border-radius:150px 150px 24px 24px;transform:rotate(2deg)}.area-visual--training .area-visual__eyebrow{top:65px;left:50px}.area-visual--training .area-visual__note{top:70px;background:linear-gradient(145deg,#282039,#151220)}.area-visual--training .area-visual__steps b{border-color:#cab3ff40}.area-visual--photography{--visual-accent:#d9b181}.area-visual--photography .area-visual__photo{border-radius:5px;transform:rotate(4deg);border:8px solid #e5d9c6}.area-visual--photography .area-visual__photo>img{object-position:65% center}.area-visual--photography .area-visual__caption>strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.area-visual--photography .area-visual__note{background:#f0e4d1;color:#5b4938;border-radius:2px;border:1px solid #d5c1a1;padding:22px;outline:1px solid #b7997240;outline-offset:-8px;top:125px}.area-visual--photography .area-visual__note-label{color:#856644}.area-visual--photography .area-visual__note>strong{font:24px/1.15 Georgia,serif;font-weight:400}.area-visual--photography .area-visual__steps>span{color:#715d49}.area-visual--photography .area-visual__steps b{color:#8f6c40;border-color:#ab8c5c50}.area-visual__viewfinder{position:absolute;right:25px;top:95px;width:90px;height:70px;opacity:.8}.area-visual__viewfinder i{position:absolute;width:18px;height:18px;border:1px solid #fff}.area-visual__viewfinder i:first-child{left:0;top:0;border-right:0;border-bottom:0}.area-visual__viewfinder i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.area-visual__viewfinder i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}.area-visual__viewfinder i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}.area-visual--about{--visual-accent:#f3bea7}.area-visual--about .area-visual__photo{border-radius:130px 24px 24px 24px}.area-visual--about .area-visual__eyebrow{left:55px;top:55px}.area-visual--about .area-visual__note{top:145px;background:linear-gradient(145deg,#312423,#161114)}@media(hover:hover){.area-visual__photo:hover{transform:rotate(0);box-shadow:0 40px 90px #0008,0 0 40px #ff1f2d12}.area-visual__photo:hover>img{scale:1.055}}@keyframes area-image-enter{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes area-image-zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes area-note-enter{0%{opacity:0;translate:-20px 25px;rotate:-5deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes area-line-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes area-tags-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-width:901px) and (max-width:1120px){.page-hero:has(.area-visual) .page-hero__inner{grid-template-columns:1.1fr 1fr;gap:35px}.area-visual{height:540px}.area-visual__note{left:-15px;width:195px;padding:20px}.area-visual__caption{left:22px;right:22px}.area-visual__caption>strong{font-size:30px}}@media(max-width:900px){.area-visual{width:min(510px,100%);height:590px;margin:20px auto 10px;padding-left:45px}.area-visual__note{left:0}.page-hero:has(.area-visual) .page-hero__inner{gap:35px}}@media(max-width:620px){.area-visual{height:515px;max-width:370px;padding-left:35px}.area-visual__note{top:100px;width:170px;padding:17px}.area-visual__note>strong{font-size:18px;margin-block:13px}.area-visual__steps{gap:9px}.area-visual__steps>span{font-size:9px}.area-visual__steps b{width:18px;height:18px;font-size:7px}.area-visual__note-label span{font-size:6px}.area-visual__caption{left:23px;right:23px;bottom:25px}.area-visual__caption>strong{font-size:28px}.area-visual__eyebrow{font-size:7px;max-width:190px}.area-visual__tags{gap:13px}.area-visual__tags>span{font-size:8px}.area-visual--training .area-visual__note{top:80px}.area-visual--photography .area-visual__note{top:100px;padding:17px}.area-visual--photography .area-visual__note>strong{font-size:21px}.area-visual--about .area-visual__note{top:120px}.area-visual__viewfinder{width:60px;height:50px;right:15px;top:100px}}@media(prefers-reduced-motion:reduce){.area-visual *{animation:none!important;transition:none!important}.area-visual__photo:hover,.area-visual__photo:hover>img{scale:1;transform:none}}.area-visual__photo{cursor:default}.area-visual--training .area-visual__eyebrow{top:32px;left:0;right:0;max-width:none;padding-inline:45px;text-align:center;font-size:7px;letter-spacing:.12em}