.skin-journal{border-top:1px solid var(--ord-line);background:var(--background);color:var(--foreground);padding:80px 5%}.skin-journal-heading{text-align:center;max-width:620px;margin:0 auto 44px}.skin-journal-heading h2{margin:12px 0 16px;font-size:36px;line-height:1.15;letter-spacing:0!important}.skin-journal-heading>p:last-child{color:var(--muted-foreground);font-size:14px;line-height:1.7}.skin-journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1200px;margin:auto;display:grid}.skin-journal-card{min-width:0}.skin-journal-photo{aspect-ratio:4/5;background:var(--ord-tile);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skin-journal-photo>svg{width:24px;height:24px;color:var(--muted-foreground);stroke-width:1px}.skin-journal-photo>span{color:var(--muted-foreground);font-size:11px;position:absolute;top:18px;left:18px}.skin-journal-caption{grid-template-columns:24px 1fr;gap:12px;padding:22px 2px 0;display:grid}.skin-journal-caption>span{color:var(--muted-foreground);padding-top:3px;font-size:11px}.skin-journal-caption h3{margin-bottom:9px;font-size:18px;line-height:1.3;letter-spacing:0!important}.skin-journal-caption p{color:var(--muted-foreground);max-width:310px;font-size:13px;line-height:1.7}@media (width<=700px){.skin-journal{padding:48px 6%}.skin-journal-heading{margin-bottom:30px}.skin-journal-heading h2{font-size:28px}.skin-journal-grid{grid-template-columns:1fr;gap:32px}.skin-journal-photo{aspect-ratio:5/4}.skin-journal-caption{padding-top:18px}.skin-journal-caption p{max-width:none}}video.hero-image{pointer-events:none}.hero-video{opacity:0}.hero-video.is-playing{opacity:1}.hero-video-poster{pointer-events:none}video.hero-image::-webkit-media-controls{display:none!important}video.hero-image::-webkit-media-controls-panel{display:none!important}video.hero-image::-webkit-media-controls-start-playback-button{display:none!important}video.hero-image::-webkit-media-controls-overlay-play-button{display:none!important}.hero-video-control{z-index:2;border:1px solid color-mix(in oklch, var(--foreground) 25%, transparent);width:32px;height:32px;color:var(--foreground);box-shadow:none;background:0 0;border-radius:50%;position:absolute;bottom:20px;right:20px}.hero-video-control svg{width:13px;height:13px}.hero-video-control:hover{background:color-mix(in oklch, var(--background) 25%, transparent)}@media (width<=700px){.hero-video-control{bottom:16px;right:16px}}