.guide-page{width:100%;max-width:1320px;margin-inline:auto;padding:0 40px 72px;font-size:16px}.guide-page p,.guide-page dd{color:var(--muted);font-size:16px;line-height:1.65}.guide-page figure{margin:0;min-width:0}.guide-page h1{max-width:17ch;font-size:clamp(40px,5.3vw,72px);line-height:1.04;letter-spacing:-.055em}.guide-page h2{margin:0 0 20px;font-size:clamp(27px,3vw,37px);line-height:1.12;letter-spacing:-.035em}.guide-page a,.guide-page button,.guide-page summary{-webkit-tap-highlight-color:transparent}.guide-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px;padding:23px 0;border-top:1px solid var(--line);margin-top:40px;color:var(--muted);font-size:16px;line-height:1.4}.guide-nav a{padding:5px 0;border-bottom:2px solid transparent}.guide-nav a[aria-current=page]{color:var(--cream);border-color:var(--orange)}.guide-nav a:hover{color:var(--cream)}.guide-hero{padding:45px 0 36px}.guide-page--examples .guide-hero{padding:34px 0 28px}.guide-page--examples h1{font-size:clamp(38px,4.8vw,60px)}.guide-gallery>h2{font-size:26px;margin-bottom:18px}.guide-hero-copy>p{max-width:55ch;margin:21px 0 25px;font-size:18px;line-height:1.55}.guide-hero--visual{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr);gap:52px;align-items:center;padding-bottom:48px}.guide-hero-photo{display:block;height:350px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.guide-hero-photo img{display:block;width:100%;height:100%;object-fit:contain}.guide-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 21px;border:1px solid var(--orange);border-radius:8px;background:var(--orange);color:var(--ink);font-size:17px;font-weight:600;line-height:1.3;white-space:nowrap}.guide-cta:hover{background:#ff9c67;border-color:#ff9c67}.guide-cta:active{background:#f67b37}.guide-related-link{display:inline-flex;align-items:center;gap:10px;color:var(--orange);font-size:17px;font-weight:600;line-height:1.4}.guide-related-link:hover{text-decoration:underline;text-underline-offset:5px}.guide-gallery{padding-top:8px}.guide-example-picker{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:31px}.guide-example-picker [role=button]{display:flex;align-items:center;gap:13px;min-height:78px;padding:8px 18px 8px 8px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:17px;text-align:left}.guide-example-picker img{display:block;width:49px;height:62px;border-radius:5px;background:var(--panel);object-fit:contain}.guide-example-picker [role=button][aria-pressed=true]{border-color:var(--orange);background:var(--panel);color:var(--cream)}.guide-example-picker [role=button]:hover{border-color:var(--orange);color:var(--cream)}.guide-example-picker [role=button]:active{background:var(--panel)}.guide-example-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:22px;align-items:start}.guide-example-pair figcaption{margin:0 0 12px;font-size:17px;line-height:1.4}.guide-example-frame{width:100%;height:clamp(400px,53vw,640px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#17130f}.guide-example-frame>img,.guide-example-frame>video{display:block;width:100%;height:100%;object-fit:contain}.guide-example-arrow{align-self:center;color:var(--orange)}.guide-video-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px}.guide-video-error p{margin:0}.guide-video-error button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px 0;border:0;color:var(--orange);background:transparent;font-size:16px}.guide-video-error button:hover{text-decoration:underline;text-underline-offset:4px}.guide-tutorial{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;padding-top:26px;border-top:1px solid var(--line)}.guide-contents{position:sticky;top:24px;align-self:start;padding-top:6px}.guide-contents h2{margin-bottom:23px;font-size:22px;letter-spacing:-.02em}.guide-contents ol{margin:0;padding-left:23px;color:var(--muted)}.guide-contents li{padding-left:5px;margin-bottom:16px;font-size:16px;line-height:1.4}.guide-contents a:hover{color:var(--orange)}.guide-tutorial-body{min-width:0;max-width:68ch}.guide-tutorial-body>section{padding:6px 0 37px;scroll-margin-top:28px}.guide-tutorial-body>section+section{padding-top:34px;border-top:1px solid var(--line)}.guide-tutorial-body h2{margin-bottom:17px;font-size:30px}.guide-tutorial-body p{margin-bottom:15px}.guide-tutorial-body p:last-child{margin-bottom:0}.guide-step-image{display:block;width:100%;max-width:380px;height:auto;margin-top:24px;border-radius:var(--radius)}.guide-tutorial-body p>a,.guide-end p>a{color:var(--cream);text-decoration:underline;text-underline-offset:4px}.guide-tutorial-body p>a:hover,.guide-end p>a:hover{color:var(--orange)}.guide-photo-checks{padding:35px 0 44px;border-top:1px solid var(--line)}.guide-photo-checks dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 64px;margin:28px 0 0}.guide-photo-checks dl>div{border-left:2px solid var(--line);padding-left:22px}.guide-photo-checks dt{margin-bottom:10px;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.02em}.guide-photo-checks dd{margin:0;max-width:49ch}.guide-framing{padding:28px 0 44px}.guide-framing-pair{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px}.guide-framing-pair img{display:block;width:100%;height:460px;object-fit:contain;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.guide-framing-pair figcaption{margin-top:15px;font-size:16px;line-height:1.5;color:var(--muted)}.guide-crop-example{height:460px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.guide-crop-example img{transform:translateY(-50px) scale(3.1);transform-origin:50% 29%;border:0;border-radius:0}.guide-download-choices{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin:12px 0 48px}.guide-download-choices>div{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.guide-download-choices audio{display:block;width:100%;margin-top:16px}.guide-download-steps{padding-left:24px;color:var(--muted);line-height:1.7}.guide-download-steps li{margin-bottom:18px;padding-left:8px}.guide-download-steps a{color:var(--cream);text-decoration:underline;text-underline-offset:4px}.guide-file-requirements{max-width:760px;padding:30px 0 18px;border-top:1px solid var(--line)}.guide-file-requirements>p{max-width:60ch;margin-bottom:24px}.guide-file-requirements details{border:1px solid var(--line);border-radius:8px;padding:0 20px}.guide-file-requirements summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:60px;padding:14px 0;color:var(--cream);cursor:pointer;font-size:17px;list-style:none}.guide-file-requirements summary::-webkit-details-marker{display:none}.guide-file-requirements details[open] summary>svg{transform:rotate(180deg)}.guide-file-requirements details p{margin:0 0 20px;max-width:58ch}.guide-end{margin-top:48px;padding-top:31px;border-top:1px solid var(--line)}.guide-end h2{font-size:28px;margin-bottom:15px}.guide-end p{max-width:64ch;margin-bottom:20px}.guide-end p:last-child{margin-bottom:0}@media(prefers-reduced-motion:no-preference){.guide-cta,.guide-example-picker [role=button]{transition:background-color .15s ease,border-color .15s ease,color .15s ease}}@media(max-width:1023px){.guide-page{padding-inline:28px}.guide-hero--visual{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:30px}.guide-hero-photo{height:310px}.guide-tutorial{grid-template-columns:220px minmax(0,1fr);gap:37px}.guide-example-pair{gap:16px}}@media(max-width:767px){.guide-page{padding:0 20px 48px}.guide-page h1{max-width:17ch;font-size:clamp(38px,8.6vw,56px);letter-spacing:-.045em}.guide-page h2{font-size:28px}.guide-nav{gap:6px 22px;padding:17px 0}.guide-nav a{padding:6px 0}.guide-hero{padding:31px 0 30px}.guide-hero-copy>p{font-size:17px;margin:19px 0 23px}.guide-hero--visual{grid-template-columns:minmax(0,1fr);gap:29px}.guide-hero-photo{width:100%;height:320px}.guide-gallery{padding-top:3px}.guide-example-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:27px}.guide-example-picker [role=button]{flex-direction:column;gap:8px;padding:10px 6px;font-size:16px;text-align:center}.guide-example-picker img{width:40px;height:50px}.guide-example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-example-pair figcaption{font-size:16px}.guide-example-frame{height:clamp(230px,60vw,400px)}.guide-example-arrow{display:none}.guide-tutorial{grid-template-columns:minmax(0,1fr);gap:29px;padding-top:25px}.guide-contents{position:static;padding:0 0 18px;border-bottom:1px solid var(--line)}.guide-contents h2{font-size:21px;margin-bottom:19px}.guide-contents ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 27px}.guide-contents li{margin:0;padding-left:1px}.guide-tutorial-body>section{padding-bottom:29px}.guide-tutorial-body>section+section{padding-top:29px}.guide-photo-checks{padding:29px 0}.guide-photo-checks dl{grid-template-columns:minmax(0,1fr);gap:25px}.guide-photo-checks dt{font-size:21px}.guide-framing{padding:24px 0 35px}.guide-framing-pair{grid-template-columns:minmax(0,1fr);gap:26px}.guide-framing-pair img,.guide-crop-example{height:420px}.guide-download-choices{grid-template-columns:1fr;gap:20px}.guide-download-choices>div{padding:24px}.guide-file-requirements{padding-top:26px}.guide-file-requirements details{padding-inline:16px}.guide-end{margin-top:32px;padding-top:26px}}
