/* Editorial portfolio, clear offers and compact touch chapters. */
.work-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.4fr);gap:32px;align-items:start}
.featured-work{min-width:0}
.featured-work .project-media{aspect-ratio:16/9!important;max-height:none!important;min-height:0!important}
.project-info{display:flex;justify-content:space-between;align-items:start;gap:20px}
.project-info>div{min-width:0}
.project-detail{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:5px}
.project-detail .icon{width:16px;height:16px}
.work-selector{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.work-selector button{display:grid;grid-template-columns:20px 70px minmax(0,1fr);align-items:center;gap:12px;padding:14px 8px;text-align:left;background:none;color:var(--paper);border:0;border-bottom:1px solid var(--line);min-height:68px}
.work-selector img{width:70px;height:44px;object-fit:cover;opacity:.55;transition:opacity 180ms ease}
.work-selector strong{font:800 11px/1.5 var(--display);display:block}
.work-selector small{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}
.work-number{font-size:10px;color:var(--muted)}
.work-selector button[aria-pressed=true]{background:#ffffff09;box-shadow:inset 3px 0 var(--red)}
.work-selector button[aria-pressed=true] img,.work-selector button:hover img{opacity:1}
.work:not(.show-photos)>.carousel{display:none}
.work.show-photos .work-showcase{display:none}
.work .photo-project .project-media{aspect-ratio:4/3;max-height:55svh}
.work .portfolio-bottom{margin-top:30px}
.carousel-track{min-width:0}
.carousel-controls{display:none}
.process{display:flex;flex-direction:column;justify-content:center}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.process-step{border-top:1px solid var(--line);padding-top:24px}
.step-number{font:800 clamp(45px,6vw,82px)/1 var(--display);color:var(--red);display:block;margin-bottom:32px;letter-spacing:-.06em}
.process-step .eyebrow{font-size:10px;color:var(--muted)}
.process-step h3{font:800 clamp(18px,1.8vw,24px)/1.3 var(--display);margin:15px 0;letter-spacing:-.035em}
.process-step p{color:var(--muted);font-size:14px;line-height:1.8;max-width:28ch}
.process>.text-link{align-self:flex-start;margin-top:38px}
.plan h3{margin:20px 0 12px;min-height:2.4em}
.plan-for{font-size:14px;line-height:1.6;margin:0 0 24px;min-height:3.2em;color:#51534b}
.plan-featured .plan-for{color:#c8c6bc}
.plan-highlight{margin-top:22px}
.plan ul{margin-bottom:16px}
.plan-delivery{display:flex;flex-direction:column;gap:5px;border-top:1px solid #c9c6ba;padding-top:16px;margin-bottom:12px}
.plan-delivery span{font-size:10px;letter-spacing:.1em}
.plan-delivery strong{font-size:14px;line-height:1.5}
.plan-featured .plan-delivery{border-color:#4b4b45}
.plan-scope{font-size:12px;margin-bottom:20px}
.plan-scope summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-weight:700;list-style:none}
.plan-scope summary::after,.form-optional summary::after{content:'+';font-size:24px;font-weight:400}
.plan-scope[open] summary::after,.form-optional[open] summary::after{content:'−'}
.plan-scope p{line-height:1.7;margin:0 0 8px;color:inherit}
.case-heading{max-width:1000px;margin:42px 0 32px}
.case-heading h1{font:800 clamp(30px,6vw,82px)/1.08 var(--display);letter-spacing:-.05em;margin:20px 0;text-wrap:balance;overflow-wrap:break-word}
.case-heading>p{font-size:clamp(14px,1.5vw,20px);color:var(--muted)}
.case-screen{display:block;position:relative;aspect-ratio:16/9;max-height:70svh;overflow:hidden}
.case-screen>img{width:100%;height:100%;object-fit:cover}
.case-facts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.case-facts span,.next-project>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
.case-facts p{font-size:14px;line-height:1.6;margin-top:8px}
.case-invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:64px 0}
.case-invitation h2{font-size:clamp(26px,4vw,52px)}
.case-invitation p{margin-top:20px;color:var(--muted);max-width:40ch}
.next-project{border-top:1px solid var(--line);padding-top:28px;display:block}
.next-project strong{display:block;font:800 clamp(20px,3vw,40px)/1.3 var(--display);margin-top:14px}
.next-project .icon{width:1em;height:1em}
#package-summary .summary-price{font:800 28px/1.3 var(--display);color:var(--paper);margin:24px 0 16px}
#package-summary ul{list-style:none;padding:0;margin:0 0 18px}
#package-summary li{font-size:13px;padding:5px 0;line-height:1.5;color:#d7d5ca}
#package-summary .summary-delivery{color:var(--paper);font-weight:700;margin-bottom:10px}
#package-summary .summary-scope{font-size:12px;line-height:1.7}
#package-summary .summary-review{border-left:3px solid var(--red);padding:8px 0 8px 12px;color:var(--paper);margin-top:18px}
.form-optional{border-top:1px solid var(--line);margin-bottom:22px}
.form-optional summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0;min-height:64px;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.form-optional summary span{font-size:11px;font-weight:400;color:var(--muted)}
.form-optional summary::after{margin-left:auto}
.form-optional summary::-webkit-details-marker,.plan-scope summary::-webkit-details-marker{display:none}
.form-optional[open]>.form-grid,.optional-content{padding:8px 0 16px}
.form-optional .upload-area{margin-top:16px}
select:disabled{opacity:.65}
@media(min-width:801px){.work-selector{max-height:60svh;overflow:auto}.work-showcase .project-info h3{font-size:clamp(19px,2vw,28px)}.work.show-photos .project-info{display:block}}
@media(max-width:1000px) and (min-width:801px){.work-showcase{gap:20px;grid-template-columns:minmax(0,1fr) 250px}.work-selector button{grid-template-columns:16px minmax(0,1fr)}.work-selector img{display:none}.process-grid{gap:20px}.process-step h3{font-size:18px}.project-info{flex-direction:column;gap:4px}}
@media(max-width:800px){
 .work-showcase{display:none}
 .work:not(.show-photos)>.carousel{display:block}
 .carousel{min-width:0;max-width:100%}
 .carousel .carousel-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--red) transparent;padding:4px 0 16px;grid-template-columns:none;perspective:none;align-items:stretch}
 .carousel-track>*{flex:0 0 calc(100% - 24px);min-width:0;scroll-snap-align:start;grid-column:auto!important}
 .carousel-track>[hidden]{display:none!important}
 .carousel-track>.project .project-media,.work .project:first-child .project-media{aspect-ratio:16/10!important;max-height:none!important;min-height:0!important}
 .carousel-track>.photo-project .project-media{aspect-ratio:4/4.5!important;max-height:50svh!important}
 .carousel-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}
 .carousel-controls>div{display:flex;align-items:center;gap:8px}
 .carousel-controls button{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:none;color:inherit;display:grid;place-items:center;flex-shrink:0}
 .carousel-controls button:disabled{opacity:.25;cursor:default}
 .carousel-controls svg{width:18px;height:18px}
 .carousel-controls [data-next] svg{transform:rotate(180deg)}
 .carousel-count{font-size:11px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
 .carousel-hint{font-size:11px;color:var(--muted)}
 .paper .carousel-hint{color:#595b52}
 .carousel-track>.service-card{display:flex;flex-direction:column;transform:none!important}
 .carousel-track .service-image{height:clamp(150px,24svh,240px);aspect-ratio:auto}
 .carousel-track .service-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
 .carousel-track .service-card p{margin:12px 0 20px}
 .carousel-track .service-go{margin-top:auto}
 .services-heading .aperture-mark{display:none}
 .carousel-track>.team-member{flex-basis:76%}
 .carousel-track .team-portrait{max-height:42svh;aspect-ratio:4/4.5}
 .carousel-track .team-initials{font-size:72px}
 .team-grid{gap:16px}
 .carousel-track>.process-step{padding:24px 20px;background:#191918;min-height:300px}
 .step-number{font-size:64px;margin-bottom:32px}
 .process-step h3{font-size:24px}
 .process-step p{max-width:35ch}
 body:has(.home-index) main>.section{min-height:0;padding-block:56px}
 .section-heading{margin-bottom:28px}
 .work .section-heading{gap:22px}
 .project-info{display:block;padding-top:16px}
 .project-info h3{font-size:21px}
 .project-info p{font-size:12px;line-height:1.7}
 .project-detail{justify-content:flex-start;font-size:12px;margin-top:6px}
 .portfolio-bottom,.services-foot{align-items:flex-start;flex-direction:column;gap:18px}
 .plans.carousel-track>.plan{padding:24px;display:flex;flex-direction:column}
 .plans.carousel-track .plan h3{font-size:23px;margin:20px 0 12px;min-height:0}
 .plans.carousel-track .plan-for{min-height:0;margin-bottom:20px}
 .plans.carousel-track .plan-highlight{margin-top:18px;font-size:16px;padding:14px 0}
 .plans.carousel-track .plan li{padding:6px 0;font-size:13px}
 .plans.carousel-track .price{font-size:35px}
 .plans.carousel-track .plan-scope{margin-bottom:16px}
 .contact-intro{position:static}
 .contact-page{display:flex;flex-direction:column;gap:32px}
 .contact-intro,#project-form{width:100%;min-width:0}
 .contact-intro>p{max-width:48ch}
 .project-summary{margin-top:24px}
 #package-summary ul{columns:2;column-gap:20px}
 #package-summary li{break-inside:avoid}
 .case-facts{grid-template-columns:1fr 1fr}
 .case-facts>div:first-child{grid-column:1/-1}
 .case-invitation{align-items:flex-start;flex-direction:column;padding:48px 0}
 .case-screen{aspect-ratio:16/10}
}
@media(max-width:380px){.carousel-track>*{flex-basis:calc(100% - 16px)}.plans.carousel-track>.plan{padding:20px}.plan-tag{font-size:10px}.carousel-hint{font-size:10px}#package-summary ul{columns:1}.form-optional summary span{flex-basis:70%}}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.work-selector img{transition:none}}
.summary-inclusions summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:700;cursor:pointer;list-style:none}
.summary-inclusions summary::after{content:'+';font-size:20px}
.summary-inclusions[open] summary::after{content:'−'}
.summary-inclusions summary::-webkit-details-marker{display:none}
.summary-inclusions ul{margin-top:12px!important}
@media(min-width:1001px){
 body:has(.home-index) main>.work{padding-block:42px}
 .work .section-heading h2{font-size:clamp(36px,5.4svh,62px)}
 .featured-work .project-media{height:clamp(240px,42svh,490px);aspect-ratio:auto!important}
 .work-selector{max-height:calc(42svh + 80px)}
}
@media(max-width:800px){
 #project-form .project-summary{margin:6px 0 30px;padding:18px 0}
 #project-form .project-summary>span{font-size:10px}
 #project-form .project-summary strong{font-size:18px;margin-top:10px}
 #project-form #package-summary .summary-price{font-size:24px;margin:16px 0 4px}
 .contact-intro>.text-link{margin-top:20px}
}
.project-info>div p{max-width:none;text-align:left}