.case-opening,.case-close{padding:clamp(65px,9vw,150px) 8%;background:#f7f1e8;color:#34251d}
.case-opening h2,.case-close h2{font-size:clamp(44px,8vw,125px);line-height:.98;letter-spacing:-.055em;margin:24px 0}
.case-opening p,.case-copy p{max-width:52ch;font-size:clamp(16px,1.5vw,22px);line-height:1.75}
.case-opening nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.case-opening nav a{border:1px solid #34251d40;border-radius:30px;padding:11px 16px;text-decoration:none;font-size:13px}
.case-opening nav a:hover{background:#34251d;color:#fff}
.case-chapter{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);align-items:center;gap:clamp(25px,6vw,110px);padding:clamp(60px,9vw,150px) 8%;scroll-margin-top:45px}
.case-app{background:#dceaf3;color:#163750}
.case-pura-vida{background:#34251d;color:#fff3e7}
.case-farm{background:#efe5d3;color:#422c1c}
.case-eccellenze{background:#e6ebdf;color:#263a2c}
.case-pura-vida .case-copy,.case-eccellenze .case-copy{order:2}
.case-copy h2{font-size:clamp(32px,4.4vw,70px);line-height:1.03;letter-spacing:-.045em;margin:20px 0}
.case-copy .case-credit{border-top:1px solid currentColor;padding-top:17px;font-size:13px;margin-top:24px}
.case-copy .textlink{display:inline-block;margin-top:14px}
.case-art{margin:0;overflow:hidden;border-radius:15px;background:#fff2;box-shadow:0 28px 70px #20160f24}
.case-art img{display:block;width:100%;height:auto}
.case-farm .case-art{max-width:520px;justify-self:center;width:100%}
.case-close{background:#f9f7f2}
.case-close .textlink{display:inline-block;margin-top:18px}
@supports (animation-timeline: view()){
 @media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .case-art img{animation:case-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes case-drift{from{transform:scale(1.12) translateY(-3%)}to{transform:scale(1.12) translateY(3%)}}
 }
}
@media(max-width:760px){
 .case-chapter{grid-template-columns:1fr;gap:24px;padding-inline:6%}
 .case-pura-vida .case-copy,.case-eccellenze .case-copy{order:0}
 .case-opening,.case-close{padding-inline:6%}
 .case-art{border-radius:10px}
}

.case-pura-vida{
 display:block;
 padding-inline:0;
 background:#271910;
}
.case-pura-vida .case-copy{
 padding-inline:8%;
 margin-bottom:clamp(32px,6vw,88px);
}
.case-pura-vida .case-copy h2{
 font-size:clamp(62px,14vw,210px);
 line-height:.91;
 letter-spacing:-.075em;
}
.case-pura-vida>.case-art{
 border-radius:0;
 box-shadow:none;
 max-height:1100px;
}
.case-pura-vida>.case-art img{
 width:100%;
 aspect-ratio:4/3;
 object-fit:cover;
}
.pura-detail{
 display:grid;
 grid-template-columns: .8fr 1.2fr;
 gap:7vw;
 align-items:center;
 padding:clamp(48px,8vw,120px) 8% 0;
}
.pura-detail h3{
 font-size:clamp(35px,6vw,92px);
 line-height:.99;
 letter-spacing:-.06em;
}
.pura-detail p{max-width:34ch;color:#edd6bd}
.pura-detail-image{margin:0;overflow:hidden;aspect-ratio:4/3;border-radius:12px}
.pura-detail-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.95);transform-origin:94% 78%}
@supports (animation-timeline: view()){
 @media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .case-pura-vida>.case-art img{animation-name:pura-pan}
  .pura-detail-image img{animation:pura-detail-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes pura-pan{from{transform:scale(1.04) translateY(-1%)}to{transform:scale(1.12) translateY(2%)}}
  @keyframes pura-detail-drift{from{transform:scale(1.78)}to{transform:scale(2.02)}}
 }
}
@media(max-width:760px){
 .case-pura-vida{padding-inline:0}
 .case-pura-vida .case-copy,.pura-detail{padding-inline:6%}
 .pura-detail{grid-template-columns:1fr;gap:24px}
 .case-pura-vida>.case-art img{aspect-ratio:auto}
}

.medical-case .project-intro,.medical-case .case-opening,.medical-case .case-close{
 background:#102333;color:#edf6fc;
}
.medical-case .project-intro .kicker,.medical-case .case-opening .kicker,.medical-case .case-close .kicker{color:#a6d5e9}
.medical-case .project-cover{background:#102333}
.medical-case .case-opening em{color:#7cc8e6;font-style:normal}
.medical-case .case-opening nav a{border-color:#b8d7e673}
.medical-case .case-opening nav a:hover{background:#eaf6ff;color:#102333}
.case-medical-film{aspect-ratio:16/9;background:#080e15}
.case-medical-film iframe{width:100%;height:100%;display:block;border:0}
.case-agenda-medical{display:block;background:#e7f3fa;color:#142f44}
.case-agenda-medical .case-copy h2{font-size:clamp(40px,7vw,102px);max-width:13ch}
.case-agenda-medical .case-art{margin-top:clamp(24px,5vw,76px);border:clamp(4px,1vw,14px) solid #223c4c}
.case-moduli-medical{background:#132a3c;color:#eef6fc}
.case-moduli-medical .case-art{aspect-ratio:5/4}
.case-moduli-medical .case-art img{width:100%;height:100%;object-fit:cover;object-position:left top}
.case-flussi-medical{background:#f1f5f8;color:#152c43}
@media(max-width:760px){.case-medical-film{aspect-ratio:4/3}}

.monkey-case .project-intro,.monkey-case .case-opening,.monkey-case .case-close{
 background:#180c0d;color:#fff2ed;
}
.monkey-case .project-intro .kicker,.monkey-case .case-opening .kicker,.monkey-case .case-close .kicker{color:#ff9f91}
.monkey-case .project-cover{background:#180c0d;padding:0;overflow:hidden}
.monkey-case .project-cover img{width:100%;height:clamp(330px,72vw,900px);max-height:none;object-fit:cover;object-position:center 44%}
.monkey-case .case-opening h2{font-size:clamp(44px,10vw,150px);overflow-wrap:break-word}
.monkey-case .case-opening em{color:#ff594e;font-style:normal}
.monkey-case .case-opening nav a{border-color:#ffb6a784}
.monkey-case .case-opening nav a:hover{background:#fff2ed;color:#180c0d}
.case-monkey-marchio{background:#f2ded1;color:#431d19}
.case-monkey-lancio{background:#3f1014;color:#fff2ed}
.case-monkey-lancio .case-art{max-width:490px;justify-self:center;width:100%}
.case-monkey-marchio .case-art{aspect-ratio:4/3}
.case-monkey-marchio .case-art img{height:100%;object-fit:cover;object-position:center 27%}
@media(max-width:760px){
 .monkey-case .project-cover img{height:auto;aspect-ratio:1;object-fit:contain}
}

.monkey-case .case-opening{
 background:radial-gradient(ellipse at 85% 12%,#60141c 0%,#180c0d 58%);
}
.case-monkey-marchio{
 background:#f6e7d8;
 color:#361819;
}
.case-monkey-marchio .case-copy h2{color:#9d2028}
.case-monkey-lancio{
 background:#a21e28;
 color:#fff7ef;
}
.case-monkey-lancio .case-copy h2{
 font-size:clamp(48px,8vw,112px);
 max-width:8ch;
}
.case-monkey-lancio .case-art{
 border-radius:120px 120px 12px 12px;
 box-shadow:0 28px 80px #31050968;
}
@media(min-width:761px){
 .case-monkey-lancio .case-copy{order:2}
}

.medical-agenda-preview{margin:clamp(26px,5vw,70px) 0 0;padding:clamp(18px,4vw,54px);border-radius:24px;background:#102b40;color:#f4faff;box-shadow:0 35px 80px #193d5230}
.medical-agenda-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}
.medical-agenda-header .kicker{color:#a4d5e9}
.medical-agenda-header h3{margin:8px 0 0;font-size:clamp(22px,3.5vw,47px)}
.medical-agenda-badge{border:1px solid #a4d5e964;border-radius:25px;padding:9px 12px;font-size:11px}
.medical-agenda-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:8px;overflow:auto}
.medical-agenda-day{padding:11px;background:#ffffff0c;border-radius:11px}
.medical-agenda-day h4{margin:4px 0 15px;font-size:13px}
.medical-agenda-slot{display:grid;gap:4px;padding:12px 10px;margin:8px 0;border-radius:7px;border-left:3px solid #2f8dc0;background:#deeffb;color:#15384e;font-size:12px}
.medical-agenda-slot.check{background:#dff2e9;border-color:#339675}
.medical-agenda-slot.scan{background:#ede6fa;border-color:#8b62bd}
.medical-agenda-slot time,.medical-agenda-slot span{font-size:11px}
.medical-agenda-preview figcaption{color:#b2d2e3;margin-top:20px;font-size:12px}
@media(max-width:760px){.medical-agenda-preview{border-radius:16px}.medical-agenda-badge{display:none}.medical-agenda-grid{scroll-snap-type:x proximity}.medical-agenda-day{scroll-snap-align:start}}

.bari-case .project-intro,.bari-case .case-opening{background:#fff8ef;color:#25201f}
.bari-case .case-opening em{color:#b61523}
.bari-case .project-cover{background:#fff;padding:clamp(20px,5vw,75px) 6%}
.bari-case .project-cover img{width:min(100%,520px);height:auto;max-height:none;margin-inline:auto}
.case-bari-web{background:#162c38;color:#fff8ef}
.case-bari-itinerari{background:#f0dfc8;color:#282019}
.case-bari-noleggio{background:#a71825;color:#fff8ef}
.case-bari-identita{background:#fff8ef;color:#25201f}
.case-bari-identita .case-art img,.case-bari-accoglienza .case-art img{animation:none}
.case-bari-accoglienza{background:#d9edf3;color:#142d38}
.bari-case .case-close{background:#25201f;color:#fff8ef}
.bari-flow{border:1px solid #ffffff50;border-radius:18px;padding:clamp(20px,4vw,52px);background:#ffffff0d}
.bari-flow ol{list-style:none;padding:0;margin:18px 0 0}
.bari-flow li{border-top:1px solid #ffffff50;padding:16px 0;font-size:clamp(18px,2.6vw,38px);font-weight:700;line-height:1.18;letter-spacing:-.035em}
.bari-flow li:last-child{padding-bottom:0}
@media(min-width:761px){
 .case-bari-itinerari .case-copy,.case-bari-identita .case-copy{order:1}
 .case-bari-accoglienza .bari-coupon{grid-column:2;width:min(75%,460px);justify-self:end;margin-top:calc(-1 * clamp(12px,2vw,30px))}
}

.bari-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,44px)}
.bari-gallery-item{margin:0}
.bari-gallery-item img{aspect-ratio:4/3;object-fit:cover}
.bari-gallery-item figcaption{padding-top:12px;font-weight:700}
.bari-gallery-fleet{grid-template-columns:minmax(0,720px);justify-content:center}
.bari-gallery-fleet .case-art{background:#fff8ef}
.bari-gallery-fleet img{aspect-ratio:16/9;object-fit:contain;padding:5%;box-sizing:border-box}
@media(max-width:760px){
 .bari-gallery{grid-template-columns:1fr}
}

.project-page .project-cover{margin-inline:0;width:100%;border-radius:0;overflow:hidden}
.project-page .case-art,.project-page .pura-detail-image{border-radius:0}
.case-mela-segno{background:#eaf0f7;color:#123255}
.case-mela-palette{background:#003594;color:#fff}
.case-mela-applicazioni{display:block;background:#e8e91c;color:#14283b;padding-inline:0}
.case-mela-applicazioni .case-copy{margin:0 8% clamp(28px,5vw,76px)}
.case-mela-applicazioni .case-art{box-shadow:none}
.case-mela-esposizione{background:#eef0ed;color:#173353}
.case-markup-iscrizione{background:#f1e8e5;color:#3d1624}
.case-markup-accesso{background:#f6f2eb;color:#342125}
.case-markup-checkin{background:#4c1429;color:#fff5f5}
.markup-flow{padding:clamp(22px,4vw,50px);border:1px solid #ffffff65;background:#ffffff0d}
.markup-flow li{padding:.65em 0;border-bottom:1px solid #ffffff45}
.markup-flow li:last-child{color:#ccf4d6}
@supports(animation-timeline:view()){
 @media(min-width:761px) and (prefers-reduced-motion:no-preference){
  .project-page .project-cover img,.project-page .case-art img{animation:project-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .project-page .case-mela-segno img,.project-page .case-mela-palette img,.project-page .case-markup-accesso img{animation:none}
  @keyframes project-depth{from{transform:scale(1.20) translateY(-6%)}to{transform:scale(1.20) translateY(6%)}}
 }
}