/* Photo and 3D pages use the existing Onest, palette and service components. */
.page-media .media-hero-stat{min-height:146px;justify-content:center}
.page-media .media-stat-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;background:var(--paper);color:var(--accent)}
.page-media .media-stat-icon svg{width:28px;height:28px}
.page-media .media-hero-stat>b{font-size:28px;letter-spacing:-.04em;line-height:1.15}
.page-media .media-hero-stat .media-hero-price{display:flex;flex-direction:column;gap:5px;font-size:47px;white-space:nowrap;font-weight:500;color:var(--good)}
.page-media .media-hero-price small{font-size:20px;color:var(--ink-2);font-weight:500;letter-spacing:-.03em}
.page-media #u1 .u6-price{max-width:650px}
.page-media #u1 .u1-city{display:block}
.page-media #u1 .rv{opacity:1!important;transform:none!important}
.page-media .media-mobile-price{display:none}
.page-media .fw-hd{margin-bottom:32px}
.page-media .media-gallery{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:220px 220px;gap:18px}
.page-media .media-work{display:flex;flex-direction:column;min-width:0;margin:0}
.page-media .media-work--0{grid-row:span 2}
.page-media .media-photo-slot{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:0;padding:20px;border-radius:24px;background:var(--paper);overflow:hidden;text-align:center;color:var(--ink-2)}
.page-media .media-photo-slot>b{font-size:19px;font-weight:500;line-height:1.2;max-width:260px;letter-spacing:-.025em}
.page-media .media-photo-slot>small{font-size:12px;color:var(--ink-3);line-height:1.4}
.page-media .media-slot-corners{position:absolute;inset:20px;border:1px solid var(--line);border-radius:12px;pointer-events:none}
.page-media .media-slot-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;color:var(--ink-3)}
.page-media .media-slot-icon svg{width:30px;height:30px;stroke-width:1}
.page-media .media-photo-slot--tour{background:var(--ink);color:#fff}
.page-media .media-photo-slot--tour>small{color:rgba(255,255,255,.5)}
.page-media .media-photo-slot--tour .media-slot-corners{border-color:rgba(255,255,255,.16)}
.page-media .media-photo-slot--tour .media-slot-icon{color:rgba(255,255,255,.6)}
.page-media .media-work figcaption{display:flex;align-items:baseline;gap:12px;padding:10px 4px 0;font-size:13px;line-height:1.35;color:var(--ink-2)}
.page-media .media-work figcaption span{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.page-media .media-example-note{font-size:12px;line-height:1.5;color:var(--ink-3);margin:18px 0 0}
.page-media .media-benefits{margin-top:0}
.page-media .pc-c h3,.page-media .media-output-grid h3{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:14px 0 10px}
.page-media .media-benefits .pc-c{padding:28px;background:var(--paper);box-shadow:none}
.page-media .media-benefits p{font-size:15.5px;line-height:1.55}
.page-media .media-output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.page-media .media-output-grid .pc-c{padding:28px}
.page-media .media-output-no{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}
.page-media .media-output-grid p{font-size:15px;line-height:1.55}
.page-media .media-price-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:36px;border-radius:28px;background:var(--paper)}
.page-media .media-price-main{display:flex;align-items:flex-start;flex-direction:column;padding-right:24px}
.page-media .media-price-main>strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:76px;line-height:1.05;font-weight:500;letter-spacing:-.055em;margin:12px 0 22px}
.page-media .media-price-main>strong span{font-size:29px;letter-spacing:-.03em;white-space:nowrap}
.page-media .media-price-main>p{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:480px;margin:0 0 24px}
.page-media .media-price-main .btn{margin-top:auto}
.page-media .media-price-detail{padding:4px 0 0 32px;border-left:1px solid var(--line)}
.page-media .media-price-detail>h3{font-size:23px;font-weight:500;letter-spacing:-.02em;margin:0 0 10px}
.page-media .media-price-detail>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.page-media .media-price-detail>div:last-child{border-bottom:0}
.page-media .media-price-detail b{font-weight:500;color:var(--ink)}
.page-media .media-price-detail p{color:var(--ink-2);margin:0}
.page-media .media-price-scope{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding:24px 4px 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.page-media .media-price-scope b{font-weight:500;color:var(--ink)}
.page-media .media-price-scope p{margin:0;max-width:760px}
.page-media .media-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.page-media .media-steps .pc-c{padding:24px}
.page-media .media-steps h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin-top:20px}
.page-media .media-steps p{font-size:15px;line-height:1.5}
.page-media .media-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.page-media .media-format{padding:32px;gap:0;align-items:flex-start}
.page-media .media-format:first-child{background:var(--paper);box-shadow:none}
.page-media .media-format>h3{font-size:42px;font-weight:500;margin:24px 0 18px;letter-spacing:-.045em}
.page-media .media-format>p{font-size:16px;line-height:1.55;max-width:460px;margin:0}
.page-media .media-format ul{display:flex;flex-direction:column;gap:12px;margin:26px 0 30px;list-style:none;padding:0}
.page-media .media-format li{display:flex;gap:10px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.page-media .media-format li svg{width:17px;height:17px;flex:none;color:var(--good)}
.page-media .media-format .btn{margin-top:auto}
.page-media .media-sector-grid{display:flex;flex-direction:column;gap:14px}
.page-media .media-sector{border:1px solid var(--line);border-radius:24px;overflow:hidden}
.page-media .media-sector>summary{display:flex;gap:14px;align-items:center;padding:25px;cursor:pointer;list-style:none}
.page-media .media-sector>summary::-webkit-details-marker{display:none}
.page-media .media-sector>summary>span{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.2}
.page-media .media-sector>summary>small{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--ink-3)}
.page-media .media-sector>summary>i{position:relative;display:block;width:22px;height:22px;flex:none}
.page-media .media-sector>summary>i::before,.page-media .media-sector>summary>i::after{position:absolute;content:'';background:var(--ink);left:3px;right:3px;height:1px;top:10px}
.page-media .media-sector>summary>i::after{transform:rotate(90deg)}
.page-media .media-sector[open]>summary>i::after{display:none}
.page-media .media-sector[open]>summary{background:var(--paper)}
.page-media .media-sector-body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 25px 8px}
.page-media .media-sector-body article{padding:22px 0;scroll-margin-top:110px}
.page-media .media-sector-body article:last-child{border:0}
.page-media .media-sector-body h3{font-size:20px;line-height:1.2;font-weight:500;margin:0 0 9px;letter-spacing:-.02em}
.page-media .media-sector-body p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0 0 10px}
.page-media .media-sector-body button{font-size:13px;min-height:36px}
.page-media .media-sector-after{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:26px}
.page-media .media-sector-after p{font-size:15px;line-height:1.5;color:var(--ink-2);max-width:650px}
.page-media .media-sector-after .btn{flex:none}
.page-media .media-placement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.page-media .media-placement article{padding:24px 0;border-top:1px solid var(--line)}
.page-media .media-placement h3{font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px}
.page-media .media-placement p{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:490px;margin:0}
.page-media .media-placement-note{margin-top:14px;padding:24px}
.page-media .media-placement-note p{font-size:14px;line-height:1.5;max-width:680px;color:var(--ink-2);margin:0}
.page-media .media-placement-note p b{color:var(--ink);font-weight:500}
@media(min-width:761px) and (max-width:1100px){
 .page-media .media-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-media .media-price-panel{padding:28px;gap:24px}
 .page-media .media-price-main{padding-right:0}
 .page-media .media-price-main>strong{font-size:62px}
 .page-media .media-price-detail{padding-left:24px}
 .page-media .media-price-detail>div{grid-template-columns:1fr;gap:6px}
 .page-media .media-sector>summary{flex-wrap:wrap;padding:20px;gap:10px}
 .page-media .media-sector>summary>span{font-size:20px;flex:1}
 .page-media .media-sector-body{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-media .media-benefits .pc-c,.page-media .media-output-grid .pc-c{padding:22px}
 .page-media .media-format{padding:26px}
 .page-media .media-format .btn{font-size:14px}
}
@media(max-width:760px){
 .page-media #u1 .u6-price{font-size:12px;line-height:1.5;margin-top:22px}
 .page-media .media-mobile-price{display:block;color:var(--ink);font-size:15px;font-weight:500;margin-bottom:8px}
 .page-media .fw-hd{margin-bottom:24px}
 .page-media .media-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:245px 165px;gap:14px 12px}
 .page-media .media-work--0{grid-row:auto;grid-column:span 2}
 .page-media .media-photo-slot{border-radius:20px;gap:8px;padding:16px}
 .page-media .media-slot-corners{inset:12px;border-radius:10px}
 .page-media .media-photo-slot>b{font-size:16px;max-width:260px}
 .page-media .media-work:not(.media-work--0) .media-photo-slot>b{font-size:13px;max-width:120px}
 .page-media .media-work:not(.media-work--0) .media-photo-slot>small{display:none}
 .page-media .media-work:not(.media-work--0) .media-slot-icon{width:24px;height:24px}
 .page-media .media-work:not(.media-work--0) .media-slot-icon svg{width:21px;height:21px}
 .page-media .media-work figcaption{font-size:11px;gap:7px;padding:8px 2px 0}
 .page-media .media-example-note{font-size:11px;margin-top:14px}
 .page-media .media-benefits{grid-template-columns:1fr;margin-top:0;gap:10px}
 .page-media .media-benefits .pc-c{padding:22px;gap:4px}
 .page-media .pc-c h3{font-size:22px;margin:10px 0 7px}
 .page-media .media-benefits p{font-size:14px;line-height:1.5}
 .page-media .media-output-grid{grid-template-columns:1fr;gap:10px}
 .page-media .media-output-grid .pc-c{padding:22px;gap:3px}
 .page-media .media-output-grid p{font-size:14px;line-height:1.5}
 .page-media .media-price-panel{grid-template-columns:1fr;gap:28px;padding:24px;border-radius:24px}
 .page-media .media-price-main{padding:0}
 .page-media .media-price-main>strong{font-size:60px;margin:12px 0 18px;gap:10px}
 .page-media .media-price-main>strong span{font-size:24px}
 .page-media .media-price-main>p{font-size:14px;line-height:1.55;margin-bottom:22px}
 .page-media .media-price-main .btn{width:100%;justify-content:space-between;font-size:14px;padding-left:18px}
 .page-media .media-price-detail{padding:0;border:0}
 .page-media .media-price-detail>h3{font-size:22px;margin:0 0 5px}
 .page-media .media-price-detail>div{grid-template-columns:85px minmax(0,1fr);gap:12px;padding:13px 0;font-size:13px}
 .page-media .media-price-scope{grid-template-columns:1fr;gap:10px;padding:18px 4px 0;font-size:13px;line-height:1.5}
 .page-media .media-steps{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:stretch}
 .page-media .media-steps>article{flex:0 0 calc(100% - 24px);scroll-snap-align:start;min-width:0;padding:22px}
 .page-media .media-steps p{font-size:14px;line-height:1.5}
 .page-media .service-rail-labels button{min-height:40px}
 .page-media .media-formats{grid-template-columns:1fr;gap:14px}
 .page-media .media-format{padding:24px}
 .page-media .media-format>h3{font-size:35px;margin:20px 0 14px}
 .page-media .media-format>p{font-size:14px;line-height:1.5}
 .page-media .media-format ul{gap:10px;margin:20px 0 24px}
 .page-media .media-format li{font-size:13px}
 .page-media .media-format .btn{width:100%;justify-content:space-between;font-size:14px;padding-left:18px}
 .page-media .media-sector-grid{gap:10px}
 .page-media .media-sector{border-radius:20px}
 .page-media .media-sector>summary{padding:21px 18px;gap:10px}
 .page-media .media-sector>summary>span{font-size:19px;flex:1}
 .page-media .media-sector>summary>small{font-size:11px}
 .page-media .media-sector-body{grid-template-columns:1fr;gap:0;padding:0 20px 5px}
 .page-media .media-sector-body article{padding:20px 0;border-bottom:1px solid var(--line)}
 .page-media .media-sector-body p{font-size:13px;line-height:1.5}
 .page-media .media-sector-after{flex-direction:column;align-items:stretch;gap:18px;margin-top:20px}
 .page-media .media-sector-after p{font-size:14px;margin:0}
 .page-media .media-sector-after .btn{justify-content:space-between;font-size:14px}
 .page-media .media-placement{grid-template-columns:1fr}
 .page-media .media-placement article{padding:20px 0}
 .page-media .media-placement h3{font-size:23px;margin-bottom:10px}
 .page-media .media-placement p{font-size:14px;line-height:1.5}
 .page-media .media-placement-note{padding:20px;gap:18px}
 .page-media .media-placement-note p{font-size:13px}
 .page-media .media-placement-note .btn{font-size:14px;justify-content:space-between}
 .page-media .client-inputs-grid{margin-top:0}
}