/* The Human Format: visual treatment for the UGC guide only. */
.ugc-guide{--ugc-pink:#f04c83;--ugc-paper:#f3f0e9;--ugc-dark:#101117}
.ugc-guide-hero{background:var(--ugc-dark);color:var(--ugc-paper);padding:30px var(--gutter) 0;overflow:hidden;position:relative;isolation:isolate}
.ugc-guide-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 22% 46%,#ed3f7c20,transparent 50%);z-index:-1;pointer-events:none}
.ugc-guide-hero .breadcrumbs{font-size:13px;color:#bdb4c3;margin-bottom:35px}
.ugc-guide-cover{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;max-width:1700px;margin:auto;min-height:680px}
.ugc-guide-copy{position:relative;z-index:3;padding-block:22px 35px}
.ugc-guide-copy .section-kicker{font-size:12px;color:#f690b7;letter-spacing:1.7px;margin-bottom:25px}
.ugc-guide-copy h1{font-size:clamp(54px,5.4vw,100px);line-height:1.12;letter-spacing:-.05em;font-weight:800;margin:0 0 27px}
.ugc-guide-copy h1>span{color:#f26098}
.ugc-guide-intro{font-size:clamp(19px,1.4vw,24px);line-height:1.85;color:#ccc5cf;max-width:630px;margin:0 0 26px}
.ugc-cover-link{display:inline-flex;align-items:center;gap:30px;min-height:50px;padding:9px 0;font-size:18px;border-bottom:1px solid #f04c83;color:#fff5ed;text-decoration:none}
.ugc-cover-link>span{font-size:27px;color:#f26098;transition:transform .2s}.ugc-cover-link:hover>span{transform:translate(-4px,4px)}
.ugc-guide-copy .article-meta{font-size:13px;border-top:0;margin-top:25px;padding-top:0;gap:6px 18px;color:#a99dac}.ugc-guide-copy .article-meta time{flex-basis:auto}
.ugc-scene{--ugc-x:0;--ugc-y:0;height:650px;position:relative;direction:ltr;perspective:1200px;isolation:isolate;min-width:0}
.ugc-scene-grid{position:absolute;inset:4% -5%;background-image:linear-gradient(#f2609812 1px,transparent 1px),linear-gradient(90deg,#f2609812 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:rotate(-8deg);pointer-events:none}
.ugc-ghost-type{position:absolute;left:-4%;top:18%;font:800 clamp(140px,17vw,290px)/1 Heebo,Arial;letter-spacing:-15px;color:transparent;-webkit-text-stroke:1px #f690b742;writing-mode:vertical-rl;pointer-events:none}
.ugc-scene-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(calc(var(--ugc-x)*-5deg)) rotateX(calc(var(--ugc-y)*4deg));transition:transform .45s ease-out}
.ugc-main-frame{position:absolute;width:76%;height:86%;left:19%;top:2%;margin:0;overflow:hidden;border:1px solid #e7ccd43d;border-radius:10px;transform:rotate(-5deg);box-shadow:0 40px 80px #0008;animation:ugc-main-float 10s ease-in-out infinite;isolation:isolate}
.ugc-main-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:ugc-photo-drift 17s ease-in-out infinite}
.ugc-main-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(#05050855,transparent 28%,transparent 55%,#08090de8);pointer-events:none;z-index:1}
.ugc-frame-hud{position:absolute;left:19px;right:19px;top:20px;display:flex;justify-content:space-between;align-items:center;font:9px/1.5 Arial;letter-spacing:1px;color:white;z-index:4;text-shadow:0 1px 8px #000}.ugc-frame-hud>span:first-child{display:flex;gap:7px;align-items:center}.ugc-frame-hud i{width:6px;height:6px;background:#f04c83;border-radius:50%;box-shadow:0 0 10px #f04c83}
.ugc-focus-brackets{position:absolute;inset:26% 15% 22%;z-index:3;pointer-events:none;animation:ugc-focus 8s ease-in-out infinite}.ugc-focus-brackets i{position:absolute;width:25px;height:25px;border-style:solid;border-color:#fff9;border-width:0}.ugc-focus-brackets i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.ugc-focus-brackets i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.ugc-focus-brackets i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.ugc-focus-brackets i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.ugc-frame-scan{position:absolute;left:10%;right:10%;top:16%;height:1px;z-index:3;background:linear-gradient(90deg,transparent,#ffb5d1,transparent);box-shadow:0 0 18px #f04c83;animation:ugc-scan 9s ease-in-out infinite;pointer-events:none}
.ugc-main-frame figcaption{position:absolute;right:25px;left:25px;bottom:45px;z-index:4;direction:rtl;text-align:right}.ugc-main-frame figcaption>span{font:9px/1.5 Arial;letter-spacing:1.5px;color:#e6ced7}.ugc-main-frame figcaption strong{display:block;font-size:clamp(28px,2.6vw,43px);line-height:1.2;font-weight:800;margin-top:9px;color:#fff5ed}
.ugc-film-timeline{display:flex;position:absolute;left:24px;right:24px;bottom:22px;height:5px;gap:4px;z-index:5}.ugc-film-timeline i{flex:1;background:#fff5}.ugc-film-timeline b{position:absolute;left:0;top:-4px;width:2px;height:13px;background:#f04c83;box-shadow:0 0 12px #f04c83;animation:ugc-timeline 9s linear infinite}
.ugc-detail-frame{position:absolute;left:-3%;bottom:2%;width:49%;height:35%;margin:0;overflow:hidden;border:7px solid #f3f0e9;border-bottom-width:31px;background:#f3f0e9;transform:rotate(7deg) translateZ(65px);box-shadow:0 20px 50px #0008;animation:ugc-detail-float 10s ease-in-out infinite}
.ugc-detail-frame>img{width:100%;height:100%;object-fit:cover;display:block}.ugc-detail-frame figcaption{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(#10111766,transparent 40%,#101117cc);text-align:right;direction:rtl}.ugc-detail-frame figcaption>span{font:8px/1.5 Arial;letter-spacing:1px;color:white}.ugc-detail-frame strong{font-size:18px;line-height:1.35;color:white}
.ugc-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;position:absolute;left:0;right:2%;bottom:-42px;color:#b7a8ba;font-size:12px;direction:rtl}.ugc-motion-toggle{display:inline-flex;gap:8px;align-items:center;min-height:44px;background:transparent;color:#e6c9d7;border:0;padding:5px;cursor:pointer;font:inherit;font-size:13px}.ugc-motion-toggle>span:first-child{color:#f690b7;font-size:17px}.ugc-motion-toggle:disabled{cursor:default;opacity:.7}
.ugc-cover-rail{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 28px;margin-top:65px;border-top:1px solid #ffffff24;font:700 clamp(17px,2.1vw,34px)/1.2 Heebo,Arial;letter-spacing:-.03em;direction:ltr;color:#f3f0e9}.ugc-cover-rail i{font-style:normal;font-size:28px;color:#f04c83}.ugc-rail-outline{color:transparent;-webkit-text-stroke:1px #f3f0e97a}
.ugc-guide .article-layout{grid-template-columns:220px minmax(0,900px);gap:7%;padding-block:85px}
.ugc-guide .article-toc{top:35px}.ugc-guide .article-body>section{scroll-margin-top:110px;margin-bottom:65px}
.ugc-guide .article-body>section>h2{font-size:clamp(32px,3vw,46px)}
.ugc-format-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border:1px solid #d4c8ce;background:#fffaf4}.ugc-format-map>div{padding:24px 20px;display:flex;flex-direction:column;position:relative;min-width:0}.ugc-format-map>div+div{border-right:1px solid #d4c8ce}.ugc-format-index{font:600 54px/1 Heebo,Arial;color:#b4265b;letter-spacing:-3px;margin-bottom:25px}.ugc-guide .ugc-format-map h3{font-size:21px;line-height:1.4;margin:0 0 10px}.ugc-guide .ugc-format-map p{font-size:17px;line-height:1.8;margin:0 0 25px;color:#655660}.ugc-format-tag{margin-top:auto;padding-top:15px;border-top:1px solid #d4c8ce;font-size:12px;color:#a92d5b;line-height:1.5}
.ugc-story-photo{position:relative;margin:30px 0 35px;isolation:isolate;background:#101117;overflow:hidden}
.ugc-story-photo>img{width:100%;aspect-ratio:1.6;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.ugc-story-photo:hover>img{transform:scale(1.035)}
.ugc-story-overlay{position:absolute;inset:0 0 40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;direction:rtl;text-align:right;padding:35px;background:linear-gradient(transparent 30%,#08090ac9);color:white;pointer-events:none}
.ugc-story-overlay>span{font:10px/1.5 Arial;letter-spacing:2px;margin-bottom:13px}.ugc-story-overlay strong{font-size:clamp(32px,3.6vw,54px);line-height:1.12}.ugc-story-overlay em{color:#ff91ba;font-style:normal}
.ugc-story-photo figcaption{position:relative;padding:12px 20px;background:#101117;color:#cabcc9;font-size:13px;line-height:1.65}
.ugc-guide .article-body>.ugc-visual-lab{background:#101117;color:#f3f0e9;padding:32px;margin:50px 0 65px;border:1px solid #3c303c;position:relative;overflow:hidden}
.ugc-lab-heading .section-kicker{font-size:10px;letter-spacing:1.4px;color:#ed8caf;margin-bottom:17px}.ugc-guide .ugc-lab-heading h2{font-size:clamp(31px,3vw,45px);margin:0 0 16px;line-height:1.17}.ugc-lab-heading h2>span{color:#f690b7}.ugc-guide .ugc-lab-heading p{font-size:18px;line-height:1.7;color:#c4b8c6;margin:0 0 27px}
.ugc-stage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:7px}.ugc-stage-tabs button{min-height:62px;display:flex;justify-content:center;align-items:center;gap:13px;padding:13px 8px;border:1px solid #5b4253;border-bottom-width:3px;background:#191820;color:#efe4ed;font:600 18px/1.4 var(--body);cursor:pointer;transition:background .25s,color .25s}.ugc-stage-tabs button>span{font:12px Arial;color:#c29aaf}.ugc-stage-tabs button:hover{background:#362431}.ugc-stage-tabs button[aria-selected=true]{background:#c12c66;color:#fff;border-color:#f690b7}.ugc-stage-tabs button[aria-selected=true]>span{color:#ffe0ec}
.ugc-stage-panel{display:grid;grid-template-columns:1fr 1fr;direction:ltr;min-height:410px;background:#1b1922;animation:ugc-panel-enter .4s ease-out}.ugc-stage-panel[hidden]{display:none}
.ugc-stage-photo{position:relative;min-height:410px;overflow:hidden}.ugc-stage-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.ugc-stage-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#10111755,transparent 45%,#101117a3);pointer-events:none}.ugc-stage-number{position:absolute;top:18px;left:20px;color:#fff;font:500 55px/1 Heebo,Arial;letter-spacing:-3px;z-index:2}.ugc-stage-tag{position:absolute;bottom:20px;left:20px;z-index:2;font:10px/1.5 Arial;letter-spacing:2px;color:#fff}.ugc-stage-photo-action>img{object-position:70% center;transform:scale(1.07)}
.ugc-stage-copy{padding:29px 25px;text-align:right;direction:rtl;display:flex;flex-direction:column;justify-content:center;min-width:0}.ugc-stage-kicker{font-size:13px;color:#f690b7;line-height:1.5;margin-bottom:16px}.ugc-guide .ugc-stage-copy h3{font-size:clamp(27px,2.5vw,37px);line-height:1.25;color:#fff5ed;margin:0 0 20px}.ugc-guide .ugc-stage-copy p{font-size:18px;line-height:1.85;color:#d3c8d3;margin:0 0 17px}.ugc-guide .ugc-stage-copy .ugc-shot-note{font-size:15px;padding-top:18px;border-top:1px solid #ffffff29;margin-top:auto;margin-bottom:0;color:#b9abbf}.ugc-shot-note strong{color:#f690b7}
.ugc-next-step{position:absolute;left:20px;right:20px;bottom:54px;background:#f3f0e9;color:#101117;z-index:3;direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;font-size:16px;font-weight:600;border-left:3px solid #f04c83}.ugc-next-step>span{font-size:23px;color:#b4265b}
.ugc-lab-footer{padding-top:23px;display:flex;flex-direction:column;gap:16px}.ugc-lab-footer>span{font-size:12px;color:#aa9aae;line-height:1.7}.ugc-lab-footer a{font-size:17px;line-height:1.7;color:#f690b7;align-self:flex-start;text-decoration:none;border-bottom:1px solid #734357;padding-bottom:4px}.ugc-lab-footer a:hover{color:#fff}
.ugc-guide .article-signature{align-items:center;gap:22px}.ugc-guide .article-signature img{width:84px;height:84px;border-radius:50%;background:#edc5d7;object-fit:cover;object-position:50% 18%;flex-shrink:0}
.ugc-revealed{animation:ugc-reveal .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes ugc-main-float{0%,100%{transform:rotate(-5deg) translate3d(0,6px,0)}50%{transform:rotate(-2deg) translate3d(0,-10px,0)}}
@keyframes ugc-detail-float{0%,100%{transform:rotate(7deg) translate3d(0,0,65px)}50%{transform:rotate(3deg) translate3d(-7px,-14px,65px)}}
@keyframes ugc-photo-drift{0%,100%{transform:scale(1.03) translateY(0)}50%{transform:scale(1.08) translateY(5px)}}
@keyframes ugc-focus{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(.85) translateY(12px);opacity:1}}
@keyframes ugc-scan{0%,100%{transform:translateY(0);opacity:0}15%{opacity:.8}75%{transform:translateY(300px);opacity:.3}85%{transform:translateY(320px);opacity:0}}
@keyframes ugc-timeline{to{left:100%}}
@keyframes ugc-reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes ugc-panel-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.ugc-guide-cover{gap:8%;min-height:760px}.ugc-scene{height:730px}.ugc-guide-copy .section-kicker{font-size:14px}.ugc-guide-copy .article-meta{font-size:15px}.ugc-cover-link{font-size:22px}.ugc-guide-hero .breadcrumbs{font-size:15px}}
@media(max-width:1100px) and (min-width:761px){.ugc-guide-cover{gap:4%;grid-template-columns:1.1fr 1fr;min-height:580px}.ugc-guide-copy h1{font-size:5.8vw}.ugc-guide-intro{font-size:18px}.ugc-scene{height:520px}.ugc-main-frame{width:83%;left:9%;height:85%}.ugc-detail-frame{width:58%;height:31%;left:-2%;bottom:1%}.ugc-detail-frame strong{font-size:15px}.ugc-cover-rail{font-size:20px;margin-top:60px}.ugc-guide .article-layout{grid-template-columns:180px minmax(0,1fr);gap:5%}.ugc-format-map{grid-template-columns:1fr}.ugc-format-map>div{display:grid;grid-template-columns:55px 1fr;gap:8px 18px;padding:22px}.ugc-format-map>div+div{border-right:0;border-top:1px solid #d4c8ce}.ugc-format-index{grid-row:1/3;margin:0;font-size:40px}.ugc-guide .ugc-format-map h3{margin:0}.ugc-guide .ugc-format-map p{grid-column:2;margin:0}.ugc-format-tag{grid-column:2;margin:0;padding-top:8px}.ugc-guide .article-body>.ugc-visual-lab{padding:23px}.ugc-stage-panel{grid-template-columns:1fr}.ugc-stage-photo{min-height:310px}.ugc-stage-copy{padding:26px}.ugc-stage-copy h3 br{display:none}.ugc-stage-tabs button{font-size:16px;gap:8px}.ugc-guide .ugc-stage-copy .ugc-shot-note{margin-top:10px}}
@media(max-width:760px){.ugc-guide-hero{padding:25px 25px 0}.ugc-guide-hero .breadcrumbs{font-size:12px;line-height:1.7;margin-bottom:30px;gap:8px}.ugc-guide-cover{grid-template-columns:1fr;gap:30px;min-height:0}.ugc-guide-copy{padding:0}.ugc-guide-copy .section-kicker{font-size:9px;letter-spacing:1px;margin-bottom:22px}.ugc-guide-copy h1{font-size:clamp(43px,10.4vw,76px);line-height:1.12;letter-spacing:-.045em;margin-bottom:23px}.ugc-guide-intro{font-size:19px;line-height:1.8;margin-bottom:18px}.ugc-cover-link{font-size:17px;min-height:48px;gap:24px}.ugc-guide-copy .article-meta{font-size:12px;gap:6px 15px;margin-top:23px}.ugc-scene{height:530px;width:100%;max-width:500px;margin:5px auto 40px}.ugc-main-frame{width:75%;left:21%;height:85%}.ugc-main-frame figcaption{right:17px;left:17px;bottom:40px}.ugc-main-frame figcaption strong{font-size:28px}.ugc-main-frame figcaption>span{font-size:7px}.ugc-detail-frame{left:0;width:52%;height:32%;border-width:5px;border-bottom-width:24px}.ugc-detail-frame figcaption{padding:11px}.ugc-detail-frame figcaption>span{font-size:7px}.ugc-detail-frame strong{font-size:15px}.ugc-frame-hud{left:12px;right:12px;top:15px;font-size:7px}.ugc-ghost-type{font-size:150px;left:-7%;top:23%;letter-spacing:-9px}.ugc-scene-footer{bottom:-40px;left:0;right:0;font-size:11px}.ugc-motion-toggle{font-size:12px}.ugc-focus-brackets i{width:18px;height:18px}.ugc-cover-rail{padding-block:25px;margin-top:5px;gap:12px;font-size:19px;flex-wrap:wrap;justify-content:flex-start}.ugc-cover-rail .ugc-rail-outline{flex-basis:100%;font-size:24px;margin-top:3px}.ugc-cover-rail i:last-of-type{display:none}
.ugc-guide .article-layout{grid-template-columns:1fr;padding:40px 25px 55px;gap:38px}.ugc-guide .article-toc{position:static}.ugc-guide .article-body>section{margin-bottom:45px;scroll-margin-top:30px}.ugc-guide .article-body>section>h2{font-size:33px}.ugc-format-map{grid-template-columns:1fr;margin-top:28px}.ugc-format-map>div{display:grid;grid-template-columns:45px 1fr;gap:10px 18px;padding:22px}.ugc-format-map>div+div{border-right:0;border-top:1px solid #d4c8ce}.ugc-format-index{grid-row:1/3;font-size:38px;margin:0}.ugc-guide .ugc-format-map h3{font-size:22px;margin:0}.ugc-guide .ugc-format-map p{grid-column:2;font-size:17px;margin:0}.ugc-format-tag{grid-column:2;font-size:12px;padding-top:12px}.ugc-story-photo{margin:28px 0}.ugc-story-photo>img{aspect-ratio:1.05;object-position:60% center}.ugc-story-overlay{padding:24px;bottom:58px}.ugc-story-overlay strong{font-size:35px}.ugc-story-overlay>span{font-size:9px}.ugc-story-photo figcaption{font-size:12px;padding:12px 16px}
.ugc-guide .article-body>.ugc-visual-lab{margin:35px -9px 45px;padding:23px 16px}.ugc-lab-heading .section-kicker{font-size:8px;letter-spacing:1px}.ugc-guide .ugc-lab-heading h2{font-size:31px}.ugc-guide .ugc-lab-heading p{font-size:17px;line-height:1.8}.ugc-stage-tabs{gap:4px}.ugc-stage-tabs button{flex-direction:column;gap:5px;min-height:70px;font-size:16px;padding:8px 5px}.ugc-stage-tabs button>span{font-size:10px}.ugc-stage-panel{grid-template-columns:1fr;min-height:0}.ugc-stage-photo{min-height:290px;aspect-ratio:1.12}.ugc-stage-photo>img{object-position:50% 65%}.ugc-stage-copy{padding:25px 20px}.ugc-guide .ugc-stage-copy h3{font-size:31px}.ugc-guide .ugc-stage-copy p{font-size:18px}.ugc-stage-kicker{font-size:13px;margin-bottom:13px}.ugc-guide .ugc-stage-copy .ugc-shot-note{font-size:15px;margin-top:10px}.ugc-lab-footer{gap:18px}.ugc-lab-footer>span{font-size:11px}.ugc-lab-footer a{font-size:16px}.ugc-guide .article-signature{align-items:flex-start;gap:16px}.ugc-guide .article-signature img{width:62px;height:62px}.ugc-guide .article-signature p{font-size:16px}.ugc-guide .article-signature a{font-size:16px;line-height:1.7}}
@media(max-width:380px){.ugc-guide-hero{padding-inline:22px}.ugc-guide-copy h1{font-size:42px}.ugc-guide-intro{font-size:18px}.ugc-scene{height:440px}.ugc-detail-frame strong{font-size:13px}.ugc-main-frame figcaption strong{font-size:25px}.ugc-frame-hud{font-size:6px;letter-spacing:.5px}.ugc-guide .article-layout{padding-inline:22px}.ugc-guide .article-body>section>h2{font-size:30px}.ugc-guide .ugc-lab-heading h2{font-size:28px}.ugc-stage-photo{min-height:250px}.ugc-format-map>div{grid-template-columns:35px 1fr;padding:20px 16px;gap:10px 13px}}
.ugc-guide.ugc-motion-paused .ugc-scene-rig{transform:none;transition:none}.ugc-motion-paused .ugc-motion-zone *,.ugc-offscreen *,.ugc-hidden .ugc-motion-zone *{animation-play-state:paused!important}.ugc-motion-paused .ugc-revealed{animation:none}.ugc-motion-paused .ugc-story-photo:hover>img{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.ugc-guide *,.ugc-guide *:before,.ugc-guide *:after{animation:none!important;transition:none!important}.ugc-scene-rig{transform:none!important}.ugc-story-photo:hover>img{transform:none}.ugc-revealed{opacity:1;transform:none}}