/* it-t10-photographer.css: the photographer page, drawn to the owner's editorial mockup
   (tools/photographer-pack/photographer-editorial-v2-handoff). Built by tools/trades10/photographer.py.
   From 900px up every size is the mockup's own, in mockup pixels (--u = 1/779 of the page width),
   so the page keeps the mockup's proportions at every desktop width. Below 900px it stacks. */
main.t-photographer{--serif:"Source Serif 4",Georgia,"Times New Roman",serif;--ink:#0B1419;--muted:#56626A;--line:#DCE2E5;
  --u:1px;--s:1px;container-type:inline-size;font-variation-settings:"opsz" 20}
.t-photographer .ph-f{position:relative;margin:0 auto;padding-inline:20px}
.t-photographer .ph-h2{font-family:var(--serif);font-weight:600;color:var(--ink);letter-spacing:-.02em;font-size:32px;line-height:1.08}
.t-photographer .ph-p{font-size:16px;line-height:1.55;color:#4A565E}
.t-photographer .ph-eb{font:700 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#E8600E}
.t-photographer .ph-eb-r{display:flex;align-items:center;gap:12px}
.t-photographer .ph-eb-r::after{content:"";display:block;width:64px;height:1.5px;background:#E8600E}
.t-photographer .ph-eb-c{justify-content:center}
.t-photographer .ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#C04E06;color:#fff;font:600 16px/1 var(--sans);height:54px;padding:0 26px;border-radius:4px}
.t-photographer .ph-btn:hover{background:#A94404}
.t-photographer .ph-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* hero */
.t-photographer .ph-hero{position:relative;background:#081921;color:#fff;overflow:hidden;isolation:isolate}
/* the photo fills the whole band: a soft, blurred wash of the same picture behind the copy, the
   picture itself at its own size on the right, and one wide scrim from the photo's own tone */
.t-photographer .ph-hero::before{content:"";position:absolute;inset:-6%;z-index:-2;background:url(/assets/trade/photographer-t10-hero.webp) center right/cover no-repeat;filter:blur(38px) saturate(.85) brightness(.62)}
.t-photographer .ph-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#081921 0%,rgba(8,25,33,.97) 26%,rgba(8,25,33,.82) 40%,rgba(8,25,33,.35) 52%,rgba(8,25,33,0) 66%)}
.t-photographer .ph-hero-img{position:relative}
.t-photographer .ph-hero-img>img{display:block;width:100%;height:auto;aspect-ratio:407/315;object-fit:cover}
.t-photographer .ph-hcard{position:absolute;left:40%;top:38%;width:56%;background:#F7F5F1;color:var(--ink);border-radius:5px;padding:14px 16px;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.t-photographer .ph-hc-n{font:700 17px/1.2 var(--serif);letter-spacing:-.01em}
.t-photographer .ph-hc-s{font-size:13px;line-height:1.3;margin-top:6px!important;color:#29363E}
.t-photographer .ph-hcard dl{display:grid;grid-template-columns:1fr auto;margin:8px 0 0;font-size:11.5px;color:#4B575F}
.t-photographer .ph-hcard dt,.t-photographer .ph-hcard dd{margin:0;padding:5px 0;border-bottom:1px solid #E3E1DC}
.t-photographer .ph-hcard dd{text-align:right;color:#29363E}
.t-photographer .ph-hc-t{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px!important;padding-top:8px;border-top:1.5px solid #D9D6D0;font-size:14px}
.t-photographer .ph-hc-t span{font-weight:700}.t-photographer .ph-hc-t b{font-size:15px}
.t-photographer .ph-hero-copy{padding:36px 0 44px}
/* phones: the copy sits on the bottom of the same photo, fading into it, so there is no seam */
@media (max-width:899px){
  .t-photographer .ph-hero-in{position:relative;margin-top:calc(-16vw - 10px);z-index:2;
    background:linear-gradient(180deg,rgba(8,25,33,0) 0,rgba(8,25,33,.72) 26%,rgba(8,25,33,.95) 48%,#081921 70%)}
  .t-photographer .ph-hero-copy{padding-top:calc(16vw + 18px)}
}
.t-photographer .ph-hero-copy .ph-eb{color:#F26207}.t-photographer .ph-hero-copy .ph-eb::after{background:#F26207;width:80px}
.t-photographer h1{margin-top:14px!important}
.t-photographer .ph-seo{display:block;font:500 14px/1.3 var(--sans);letter-spacing:0;color:rgba(255,255,255,.72);margin-bottom:8px}
.t-photographer .ph-big{display:block;font:600 40px/1.07 var(--serif);letter-spacing:-.02em}
.t-photographer .ph-lede{font-size:17px;line-height:1.5;color:rgba(255,255,255,.92);margin-top:16px!important}
.t-photographer .ph-hero-copy .ph-btn{margin-top:22px}
.t-photographer .ph-fine{font-size:14px;line-height:1.4;margin-top:16px!important;color:rgba(255,255,255,.86)}

/* workflow */
.t-photographer .ph-flow{background:#F8F5F0;padding:56px 0;text-align:center}
.t-photographer .ph-rule{display:block;width:48px;height:2px;background:#E8600E;margin:14px auto 0}
.t-photographer .ph-steps{display:grid;gap:22px;margin-top:30px!important;text-align:left;max-width:420px;margin-inline:auto!important}
.t-photographer .ph-steps li{position:relative}
.t-photographer .ph-steps a{display:block}
.t-photographer .ph-steps h3{font:700 22px/1.2 var(--serif);color:var(--ink);letter-spacing:-.015em}
.t-photographer .ph-steps p{font-size:15.5px;line-height:1.45;color:#46525A;margin-top:4px!important}
.t-photographer .ph-steps a:hover h3{color:#C04E06}
.t-photographer .ph-arr{display:none;fill:none;stroke:#F26207;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* documents */
.t-photographer .ph-docs{background:#fff;padding:56px 0 40px;overflow:hidden}
.t-photographer .ph-docs .ph-h2{margin-top:14px!important}
.t-photographer .ph-docs .ph-eb-r::after{width:60px}
.t-photographer .ph-pay .ph-eb-r::after{width:50px}
.t-photographer .ph-docs .ph-p{margin-top:12px!important}
.t-photographer .ph-sheets{position:relative;--su:calc((100cqw - 40px) * .74 / 166);--s:var(--su);height:calc(270 * var(--s));margin-top:36px}
.t-photographer .ph-doc-l{--s:calc(var(--su) * .873)}
.t-photographer .ph-doc-r{--s:calc(var(--su) * .813)}
.t-photographer .ph-doc{position:absolute;display:block;background:#fff;color:var(--ink);border-radius:calc(2.5 * var(--s));overflow:visible;
  box-shadow:0 calc(8 * var(--s)) calc(18 * var(--s)) calc(-6 * var(--s)) rgba(11,20,25,.28),0 0 0 1px rgba(11,20,25,.05);font-family:var(--sans)}
.t-photographer .ph-doc-c{width:calc(166 * var(--su));height:calc(258 * var(--su));left:calc(50% - 83 * var(--su));top:0;z-index:3;padding:calc(18 * var(--s)) calc(19 * var(--s))}
/* left/right offset widened from 105 to 165su (24 Sep 2026): at 105su the center card's own edge
   sat past the left/right card's own midpoint, so a tap or keyboard focus aimed at the middle of
   the visible card landed on the center card instead. Still a fan, just not overlapping the card's
   own center. */
.t-photographer .ph-doc-l{width:calc(145 * var(--su));height:calc(223 * var(--su));left:calc(50% - 165 * var(--su));top:calc(22 * var(--su));transform:rotate(-3.6deg);z-index:1;padding:calc(21 * var(--s)) calc(15 * var(--s))}
.t-photographer .ph-doc-r{width:calc(135 * var(--su));height:calc(216 * var(--su));right:calc(50% - 165 * var(--su));top:calc(24 * var(--su));transform:rotate(2.5deg);z-index:2;padding:calc(20 * var(--s)) calc(15 * var(--s))}
.t-photographer .ph-dn{font:400 calc(9.6 * var(--s))/1.2 var(--serif);color:#1E2A31}
.t-photographer .ph-dt{font:600 calc(12.2 * var(--s))/1.25 var(--serif);letter-spacing:-.01em;margin-top:calc(9 * var(--s))!important;color:var(--ink)}
.t-photographer .ph-doc table{width:100%;border-collapse:collapse;margin-top:calc(11 * var(--s));font-size:calc(5.9 * var(--s));color:#3F4A51}
.t-photographer .ph-doc th{font-weight:600;color:var(--ink);text-align:left;padding:calc(3 * var(--s)) 0;border-bottom:1px solid #D8DDE0}
.t-photographer .ph-doc td{padding:calc(4.2 * var(--s)) 0;border-bottom:1px solid #E6E9EB}
.t-photographer .ph-doc th:not(:first-child),.t-photographer .ph-doc td:not(:first-child){text-align:right}
.t-photographer .ph-doc-l th:nth-child(2),.t-photographer .ph-doc-l td:nth-child(2),.t-photographer .ph-doc-c th:nth-child(2),.t-photographer .ph-doc-c td:nth-child(2){text-align:center}
.t-photographer .ph-dh{font:600 calc(7.4 * var(--s))/1.2 var(--sans);margin-top:calc(16 * var(--s))!important;color:var(--ink)}
.t-photographer .ph-doc ul{margin-top:calc(4 * var(--s))!important;font-size:calc(5.9 * var(--s));line-height:calc(13 * var(--s));color:#3F4A51}
.t-photographer .ph-dtot{display:flex;justify-content:space-between;align-items:baseline;margin-top:calc(15 * var(--s))!important;padding-top:calc(10 * var(--s));border-top:1px solid #D8DDE0;font-size:calc(7.6 * var(--s))}
.t-photographer .ph-dtot span{font-weight:600}.t-photographer .ph-dtot b{font-size:calc(8.8 * var(--s))}
.t-photographer .ph-notes{display:block;margin-top:calc(17 * var(--s));font-size:calc(5.9 * var(--s));line-height:calc(11 * var(--s));color:#46525A}
.t-photographer .ph-notes b{display:block;font:600 calc(8 * var(--s))/1.4 var(--sans);color:var(--ink)}
.t-photographer .ph-notes span{display:block}
.t-photographer .ph-doc .t10-edit{font-size:calc(8.4 * var(--s));padding:0 calc(10 * var(--s));height:calc(24.5 * var(--s));border-radius:calc(2.5 * var(--s));gap:calc(6 * var(--s))}
.t-photographer .ph-doc .t10-edit svg{width:calc(8 * var(--s));height:calc(8 * var(--s))}
.t-photographer .ph-doc-c .t10-edit{position:static;display:flex;justify-content:center;width:calc(121 * var(--s));margin:calc(14 * var(--s)) auto 0;opacity:1;transform:none;background:#C04E06}
.t-photographer .ph-doc-l .t10-edit,.t-photographer .ph-doc-r .t10-edit{bottom:40%}
.t-photographer .ph-doc::after{border-radius:inherit}
.t-photographer .ph-stripsec{background:#fff;padding:8px 0 56px}
.t-photographer .ph-stripsec .t10-strip{margin-top:0}

/* payment */
.t-photographer .ph-pay{background:#0E202B;color:#fff;padding:56px 0;text-align:center}
.t-photographer .ph-pay .ph-eb{color:#F26207}.t-photographer .ph-pay .ph-eb::after{background:#F26207}
.t-photographer .ph-pay .ph-h2{color:#fff;margin-top:14px!important}
.t-photographer .ph-paycard{display:grid;grid-template-columns:1fr;gap:18px;background:#fff;color:var(--ink);border-radius:5px;text-align:left;margin:28px auto 0;max-width:560px;padding:22px 20px}
.t-photographer .ph-pc-n{font:600 19px/1.2 var(--serif);color:var(--ink);letter-spacing:-.01em}
.t-photographer .ph-pc-m{display:flex;justify-content:space-between;font-size:13.5px;margin-top:10px!important;padding-bottom:8px;border-bottom:1px solid #E1E5E7}
.t-photographer .ph-paycard table{width:100%;border-collapse:collapse;font-size:13.5px;color:#27333A}
.t-photographer .ph-paycard td{padding:7px 0;border-bottom:1px solid #E6E9EB}
.t-photographer .ph-paycard td+td{text-align:right}
.t-photographer .ph-paycard tr:last-child td{border-bottom:0}
.t-photographer .ph-pc-t{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px solid #D5DBDE;padding-top:12px;margin-top:6px!important;font-size:17px}
.t-photographer .ph-pc-t span,.t-photographer .ph-pc-t b{font-weight:700}
.t-photographer .ph-pc-q{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13.5px;color:#29363E}
.t-photographer .ph-qr{width:96px;height:96px}
.t-photographer .ph-prog{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:30px auto 0!important;max-width:560px}
.t-photographer .ph-prog::before{content:"";position:absolute;left:16.66%;right:16.66%;top:9px;height:2px;background:#E8600E}
.t-photographer .ph-prog li{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 6px}
.t-photographer .ph-prog li::before{content:"";width:20px;height:20px;border-radius:50%;background:#F4580D;position:relative;z-index:1}
.t-photographer .ph-prog b{font:600 19px/1.2 var(--serif);margin-top:10px}
.t-photographer .ph-prog span{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.82);margin-top:4px;max-width:180px}

/* pricing */
.t-photographer .ph-price{background:#F8F5F0;padding:56px 0}
.t-photographer .ph-price .ph-p{margin-top:12px!important}
.t-photographer .ph-tools{margin-top:24px!important}
.t-photographer .ph-tools li+li{border-top:1px solid #DEDAD3}
.t-photographer .ph-tools a{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:14px;padding:16px 0;color:var(--ink)}
.t-photographer .ph-ti{width:34px;height:34px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;justify-self:center}
.t-photographer .ph-tools b{display:block;font:600 20px/1.2 var(--serif);letter-spacing:-.01em}
.t-photographer .ph-tools small{display:block;font-size:14.5px;color:#4E5A62;margin-top:4px}
.t-photographer .ph-ta{width:24px;height:24px;fill:none;stroke:#F26207;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-photographer .ph-tools a:hover b{color:#C04E06}

/* details */
.t-photographer .ph-det{background:#fff;padding:56px 0}
.t-photographer .ph-det .ph-h2{margin-top:14px!important}
.t-photographer .ph-det .ph-p{margin-top:12px!important}
.t-photographer .ph-lists{display:grid;grid-template-columns:1fr;gap:26px;margin-top:30px}
.t-photographer .ph-lists h3{font:600 19px/1.2 var(--serif);color:var(--ink);letter-spacing:-.01em}
.t-photographer .ph-lists ul{margin-top:12px!important}
.t-photographer .ph-lists li{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.5;color:#4A565E;padding:4px 0}
.t-photographer .ph-lists svg{width:20px;height:20px;flex:none;fill:none;stroke:#F26207;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* FAQ */
.t-photographer .ph-faq{background:#F0F3F4;padding:56px 0}
.t-photographer .ph-faq-p{margin-top:12px!important;color:#5E6A71;font-weight:300}
.t-photographer .ph-q{margin-top:24px}
.t-photographer .ph-q details{border-bottom:1px solid #C9D1D5}
.t-photographer .ph-q summary{font:600 15px/1.35 var(--sans);padding:14px 0}
.t-photographer .ph-q summary::after{font-weight:300;font-size:24px}
.t-photographer .ph-q .a{padding:0 30px 14px 0}
.t-photographer .ph-rel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:28px!important;font-size:14.5px;color:var(--ink)}
.t-photographer .ph-rel b{font-weight:600}
.t-photographer .ph-rel a{text-decoration:none!important;color:var(--ink)!important}
.t-photographer .ph-rel a:hover{color:#C04E06;text-decoration:underline}
.t-photographer .ph-rel span{color:#F26207;font-size:12px}
.t-photographer .ph-more{margin-top:36px}
.t-photographer .ph-more h3{font:600 20px/1.25 var(--serif);color:var(--ink)}
.t-photographer .ph-more .ph-q{margin-top:12px}

/* final call to action */
.t-photographer .ph-end{position:relative;background:#14222B}
.t-photographer .ph-end-img,.t-photographer .ph-end-img img{display:block;width:100%;height:auto}
.t-photographer .ph-endbox{color:#fff;padding:28px 20px 34px;background:linear-gradient(180deg,rgba(17,29,37,.9),rgba(17,29,37,.96))}
.t-photographer .ph-logo{color:#fff;display:flex;align-items:center;gap:10px;font:600 19px/1 var(--sans);letter-spacing:-.01em}
.t-photographer .ph-logo img{width:24px;height:auto}
.t-photographer .ph-logo i{font-style:normal;color:#F26207}
.t-photographer .ph-endrule{display:block;width:124px;height:2px;background:#F26207;margin-top:16px}
.t-photographer .ph-end h2{font:600 32px/1.1 var(--serif);letter-spacing:-.02em;margin-top:18px!important;color:#fff}
.t-photographer .ph-endbox .ph-btn{margin-top:22px}
.t-photographer .ph-endbox .ph-fine{color:rgba(255,255,255,.9)}

/* from 900px: the mockup, to scale */
@media (min-width:900px){
  main.t-photographer{--u:calc(min(100cqw,1600px) / 779)}
  .t-photographer .ph-f{width:calc(779 * var(--u));padding-inline:calc(45 * var(--u))}
  .t-photographer .ph-h2{font-size:calc(27.9 * var(--u));line-height:calc(30 * var(--u))}
  .t-photographer .ph-p{font-size:max(14px,calc(10.8 * var(--u)));line-height:max(21px,calc(16 * var(--u)))}
  .t-photographer .ph-eb{font-size:max(11px,calc(8 * var(--u)));line-height:calc(10 * var(--u))}
  .t-photographer .ph-eb-r{gap:calc(12 * var(--u))}
  .t-photographer .ph-eb-r::after{width:calc(98 * var(--u));height:max(1px,calc(1 * var(--u)))}
  .t-photographer .ph-btn{height:calc(36 * var(--u));padding:0 calc(19 * var(--u));font-size:max(14px,calc(10.6 * var(--u)));border-radius:calc(2.4 * var(--u));gap:calc(6 * var(--u))}
  .t-photographer .ph-btn svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}

  .t-photographer .ph-hero{min-height:calc(315 * var(--u))}
  .t-photographer .ph-hero-img{position:absolute;right:0;top:0;bottom:0;width:calc(407 * var(--u));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
  .t-photographer .ph-hero-img>img{height:100%}
  .t-photographer .ph-hcard{left:57.6%;top:40.4%;width:36.9%;padding:calc(14 * var(--u)) calc(15 * var(--u)) calc(13 * var(--u));border-radius:calc(3 * var(--u))}
  .t-photographer .ph-hc-n{font-size:calc(13.2 * var(--u))}
  .t-photographer .ph-hc-s{font-size:calc(9.6 * var(--u));margin-top:calc(7 * var(--u))!important}
  .t-photographer .ph-hcard dl{font-size:calc(8 * var(--u));margin-top:calc(9 * var(--u))}
  .t-photographer .ph-hcard dt,.t-photographer .ph-hcard dd{padding:calc(5.3 * var(--u)) 0}
  .t-photographer .ph-hc-t{font-size:calc(9.6 * var(--u));margin-top:calc(9 * var(--u))!important;padding-top:calc(11 * var(--u))}
  .t-photographer .ph-hc-t b{font-size:calc(10.5 * var(--u))}
  .t-photographer .ph-hero-copy{width:calc(330 * var(--u));padding:calc(30 * var(--u)) 0 calc(20 * var(--u))}
  .t-photographer h1{margin-top:calc(8 * var(--u))!important}
  .t-photographer .ph-seo{font-size:max(12px,calc(8 * var(--u)));margin-bottom:calc(3 * var(--u))}
  .t-photographer .ph-big{font-size:calc(36.6 * var(--u));line-height:calc(37.5 * var(--u))}
  .t-photographer .ph-lede{font-size:max(14px,calc(11.6 * var(--u)));line-height:max(21px,calc(17 * var(--u)));margin-top:calc(11.5 * var(--u))!important;width:calc(312 * var(--u))}
  .t-photographer .ph-hero-copy .ph-btn{margin-top:calc(13.5 * var(--u))}
  .t-photographer .ph-fine{font-size:max(12px,calc(8.7 * var(--u)));line-height:calc(12 * var(--u));margin-top:calc(12 * var(--u))!important}

  .t-photographer .ph-flow{padding:calc(29 * var(--u)) 0 calc(29 * var(--u))}
  .t-photographer .ph-flow .ph-h2{line-height:calc(28 * var(--u))}
  .t-photographer .ph-rule{width:calc(48 * var(--u));height:max(1.5px,calc(1.2 * var(--u)));margin-top:calc(10 * var(--u))}
  .t-photographer .ph-steps{max-width:none;margin-top:calc(14.5 * var(--u))!important;display:grid;grid-template-columns:157fr 142.5fr 150.5fr 153.5fr 100fr;gap:0}
  .t-photographer .ph-steps li{display:flex;align-items:flex-start}
  .t-photographer .ph-steps a{width:calc(93 * var(--u))}
  .t-photographer .ph-steps h3{font-size:calc(16.5 * var(--u));line-height:calc(20 * var(--u))}
  .t-photographer .ph-steps p{font-size:max(13px,calc(10 * var(--u)));line-height:max(18px,calc(13.5 * var(--u)));margin-top:calc(5 * var(--u))!important}
  .t-photographer .ph-arr{display:block;position:absolute;top:calc(4 * var(--u));left:calc(95.5 * var(--u));width:calc(38 * var(--u));height:calc(12 * var(--u))}
  .t-photographer .ph-steps li:nth-child(2) .ph-arr{left:calc(81.5 * var(--u))}
  .t-photographer .ph-steps li:nth-child(3) .ph-arr{left:calc(90 * var(--u))}
  .t-photographer .ph-steps li:nth-child(4) .ph-arr{left:calc(93.5 * var(--u))}
  .t-photographer .ph-steps li:nth-child(2) a{width:calc(74 * var(--u))}
  .t-photographer .ph-steps li:nth-child(n+3) a{width:calc(101 * var(--u))}

  .t-photographer .ph-docs{padding:0}
  .t-photographer .ph-docs-in{height:calc(288 * var(--u))}
  .t-photographer .ph-docs-copy{width:calc(232 * var(--u));padding-top:calc(32 * var(--u))}
  .t-photographer .ph-docs .ph-h2{font-size:calc(32.2 * var(--u));line-height:calc(32.5 * var(--u));margin-top:calc(9 * var(--u))!important}
  .t-photographer .ph-docs .ph-p{margin-top:calc(12.5 * var(--u))!important}
  .t-photographer .ph-docs .ph-p+.ph-p{margin-top:calc(9 * var(--u))!important}
  .t-photographer .ph-sheets{position:absolute;left:calc(298 * var(--u));top:0;width:calc(456 * var(--u));height:100%;margin:0;--su:var(--u)}
  .t-photographer .ph-doc-c{left:calc(148 * var(--u));top:calc(19 * var(--u))}
  .t-photographer .ph-doc-l{left:calc(.5 * var(--u));top:calc(42.5 * var(--u))}
  .t-photographer .ph-doc-r{left:calc(318 * var(--u));right:auto;top:calc(44 * var(--u))}
  .t-photographer .ph-stripsec{padding:calc(6 * var(--u)) 0 calc(34 * var(--u))}

  .t-photographer .ph-pay{padding:calc(22 * var(--u)) 0 calc(24.5 * var(--u))}
  .t-photographer .ph-pay .ph-h2{width:calc(440 * var(--u));margin:calc(10.5 * var(--u)) auto 0!important}
  .t-photographer .ph-paycard{width:calc(336 * var(--u));height:calc(147 * var(--u));max-width:none;margin:calc(12.5 * var(--u)) auto 0;padding:calc(16 * var(--u)) calc(23 * var(--u)) 0 calc(23.5 * var(--u));
    grid-template-columns:calc(186.5 * var(--u)) 1fr;gap:0;border-radius:calc(3 * var(--u))}
  .t-photographer .ph-pc-n{font-size:calc(12.2 * var(--u));line-height:calc(14 * var(--u))}
  .t-photographer .ph-pc-m{font-weight:500;color:var(--ink);font-size:calc(8.6 * var(--u));margin-top:calc(7.5 * var(--u))!important;padding-bottom:calc(4.5 * var(--u))}
  .t-photographer .ph-paycard table{font-size:calc(8.2 * var(--u))}
  .t-photographer .ph-paycard td{padding:0;height:calc(18 * var(--u))}
  .t-photographer .ph-pc-t{font-size:calc(10.5 * var(--u));padding-top:calc(10 * var(--u));margin-top:calc(2 * var(--u))!important}
  .t-photographer .ph-pc-q{padding-top:calc(21.5 * var(--u));gap:calc(7 * var(--u));font-size:calc(8 * var(--u))}
  .t-photographer .ph-qr{width:calc(54.5 * var(--u));height:calc(54.5 * var(--u))}
  .t-photographer .ph-prog{width:calc(660 * var(--u));max-width:none;margin-top:calc(11.5 * var(--u))!important}
  .t-photographer .ph-prog::before{top:calc(7.5 * var(--u));height:max(1.5px,calc(1.3 * var(--u)))}
  .t-photographer .ph-prog li::before{width:calc(15 * var(--u));height:calc(15 * var(--u))}
  .t-photographer .ph-prog b{font-size:calc(15 * var(--u));line-height:calc(18 * var(--u));margin-top:calc(4 * var(--u))}
  .t-photographer .ph-prog span{font-size:max(12px,calc(9.2 * var(--u)));line-height:max(17px,calc(13 * var(--u)));margin-top:calc(2 * var(--u));max-width:calc(118 * var(--u))}
  .t-photographer .ph-prog li:first-child span,.t-photographer .ph-prog li:nth-child(2) span{max-width:calc(88 * var(--u))}

  .t-photographer .ph-two{display:grid;grid-template-columns:calc(340 * var(--u)) 1fr;gap:0}
  .t-photographer .ph-price{padding:calc(31 * var(--u)) 0 calc(21.5 * var(--u))}
  .t-photographer .ph-price .ph-h2{font-size:calc(29.2 * var(--u));line-height:calc(30 * var(--u));width:calc(250 * var(--u))}
  .t-photographer .ph-price .ph-p{margin-top:calc(7 * var(--u))!important;width:calc(230 * var(--u))}
  .t-photographer .ph-tools{margin-top:calc(-15.5 * var(--u))!important}
  .t-photographer .ph-tools a{grid-template-columns:calc(30 * var(--u)) 1fr calc(16 * var(--u));gap:calc(18.5 * var(--u));height:calc(59 * var(--u));padding:0;align-items:center}
  .t-photographer .ph-tools li+li{border-top-width:max(1px,calc(1 * var(--u)))}
  .t-photographer .ph-ti{width:calc(32 * var(--u));height:calc(32 * var(--u));stroke-width:1.5}
  .t-photographer .ph-tools b{font-size:calc(13.3 * var(--u));line-height:calc(17 * var(--u))}
  .t-photographer .ph-tools small{font-size:max(12.5px,calc(9 * var(--u)));line-height:calc(12 * var(--u));margin-top:calc(3 * var(--u))}
  .t-photographer .ph-ta{width:calc(16 * var(--u));height:calc(16 * var(--u))}

  .t-photographer .ph-det{padding:calc(22.5 * var(--u)) 0 calc(19 * var(--u))}
  .t-photographer .ph-det .ph-eb-r::after{width:calc(101 * var(--u))}
  .t-photographer .ph-docs .ph-eb-r::after{width:calc(60 * var(--u))}
  .t-photographer .ph-pay .ph-eb-r::after{width:calc(49 * var(--u))}
  .t-photographer .ph-doc-l .ph-dt{font-size:calc(10.6 * var(--s))}
  .t-photographer .ph-det .ph-h2{font-size:calc(26.2 * var(--u));width:calc(222 * var(--u));margin-top:calc(11 * var(--u))!important}
  .t-photographer .ph-det .ph-p{margin-top:calc(8.5 * var(--u))!important;width:calc(255 * var(--u))}
  .t-photographer .ph-lists{position:relative;grid-template-columns:calc(212.5 * var(--u)) 1fr;gap:0;margin-top:calc(16 * var(--u))}
  .t-photographer .ph-lists::before{content:"";position:absolute;left:calc(170.5 * var(--u));top:calc(-5 * var(--u));height:calc(122.5 * var(--u));width:1px;background:#D5DBDE}
  .t-photographer .ph-lists h3{font-size:calc(11.6 * var(--u));line-height:calc(15 * var(--u))}
  .t-photographer .ph-lists ul{margin-top:calc(10 * var(--u))!important}
  .t-photographer .ph-lists li{font-size:max(13px,calc(10 * var(--u)));line-height:calc(23 * var(--u));padding:0;gap:calc(12 * var(--u))}
  .t-photographer .ph-lists svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}

  .t-photographer .ph-faq{padding:calc(15 * var(--u)) 0 calc(25 * var(--u))}
  .t-photographer .ph-faq-top,.t-photographer .ph-more{grid-template-columns:calc(305 * var(--u)) 1fr}
  .t-photographer .ph-faq .ph-h2{font-size:calc(28.4 * var(--u));line-height:calc(30 * var(--u));margin-top:calc(6 * var(--u))!important}
  .t-photographer .ph-faq-p{margin-top:calc(6 * var(--u))!important;width:calc(215 * var(--u))}
  .t-photographer .ph-faq .ph-h2{width:calc(200 * var(--u))}
  .t-photographer .ph-q{margin-top:0;width:calc(381 * var(--u))}
  .t-photographer .ph-q summary{font-size:max(12.5px,calc(8.8 * var(--u)));height:calc(31 * var(--u));padding:0 calc(6 * var(--u)) 0 0}
  .t-photographer .ph-q summary::after{font-size:calc(16 * var(--u));font-weight:400}
  .t-photographer .ph-q .a p{font-size:max(13px,calc(9 * var(--u)))}
  .t-photographer .ph-rel{gap:0;margin-top:calc(25.5 * var(--u))!important;font-size:max(12.5px,calc(9.2 * var(--u)));padding-left:calc(6.5 * var(--u))}
  .t-photographer .ph-rel b{margin-right:calc(17 * var(--u))}
  .t-photographer .ph-rel span{margin:0 calc(16 * var(--u));font-size:calc(7 * var(--u))}
  .t-photographer .ph-more{margin-top:calc(26 * var(--u))}
  .t-photographer .ph-more h3{font-size:calc(14 * var(--u))}
  .t-photographer .ph-more .ph-q{margin-top:0}

  .t-photographer .ph-end{min-height:calc(240 * var(--u))}
  .t-photographer .ph-end-img{position:absolute;inset:0}
  .t-photographer .ph-end-img img{height:100%;object-fit:cover}
  .t-photographer .ph-endbox{position:absolute;left:0;top:calc(13.5 * var(--u));width:calc(340 * var(--u));min-height:calc(210.5 * var(--u));
    padding:calc(12 * var(--u)) calc(60 * var(--u)) calc(14 * var(--u)) calc(53 * var(--u));border-radius:0;background:none}
  .t-photographer .ph-end::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(16,28,36,.95) 0%,rgba(16,28,36,.92) 22%,rgba(16,28,36,.72) 38%,rgba(16,28,36,.3) 52%,rgba(16,28,36,0) 66%)}
  .t-photographer .ph-endbox{z-index:2}
  .t-photographer .ph-logo{font-size:calc(11.2 * var(--u));gap:calc(8 * var(--u));height:calc(20 * var(--u))}
  .t-photographer .ph-logo img{width:calc(13 * var(--u))}
  .t-photographer .ph-endrule{width:calc(75.5 * var(--u));height:max(1px,calc(1.2 * var(--u)));margin-top:calc(9.5 * var(--u))}
  .t-photographer .ph-end h2{font-size:calc(24.6 * var(--u));line-height:calc(27 * var(--u));margin-top:calc(8.5 * var(--u))!important}
  .t-photographer .ph-endbox .ph-btn{margin-top:calc(12 * var(--u));height:calc(32.5 * var(--u));width:calc(150 * var(--u));padding:0}
  .t-photographer .ph-endbox .ph-fine{margin-top:calc(9 * var(--u))!important;font-size:max(12px,calc(8.8 * var(--u)))}
}
/* the font shorthand resets the optical size: pin it (the mockup's serif is Source Serif at text optical size) */
.t-photographer :is(.ph-h2,.ph-big,.ph-steps h3,.ph-hc-n,.ph-dn,.ph-dt,.ph-pc-n,.ph-prog b,.ph-tools b,.ph-lists h3,.ph-more h3,.ph-end h2){font-variation-settings:"opsz" 20}