/* The project becomes an explorable window: real photographs and real pages. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.board-row{font-size:clamp(1.1rem,11.7cqw,4.4rem)}
.case-deck{margin-top:38px;min-width:0;--deck-duration:8s;--deck-state:paused}
.deck-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}
.deck-selectors{display:flex;gap:28px;min-width:0}.deck-selectors button{position:relative;padding:10px 0;min-height:44px;font-size:13px;color:var(--muted);white-space:nowrap}.deck-selectors button::before,.deck-selectors button::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--line);transform-origin:left}.deck-selectors button::after{background:var(--ink);transform:scaleX(0)}.deck-selectors button[aria-pressed=true]{color:var(--ink);font-weight:650}.deck-selectors button[aria-pressed=true]::after{transform:scaleX(1)}.case-deck[data-playing=true] .deck-selectors button[aria-pressed=true]::after{background:#955900;animation:deck-time var(--deck-duration) linear both;animation-play-state:var(--deck-state)}
@keyframes deck-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.deck-play,.deck-arrows button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);transition:background .2s,border-color .2s}.deck-play:hover,.deck-arrows button:hover{background:var(--mist);border-color:var(--ink)}.deck-play svg{width:18px;height:18px}.deck-play .play-symbol{display:none}.deck-play[aria-pressed=false] .pause-symbol{display:none}.deck-play[aria-pressed=false] .play-symbol{display:block}
.case-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#999 transparent;overscroll-behavior-x:contain;scroll-padding:0;isolation:isolate}.case-deck.is-enhanced .case-track{scrollbar-width:none}.case-deck.is-enhanced .case-track::-webkit-scrollbar{display:none}.case-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.case-stage{position:relative;min-width:0;aspect-ratio:1.35;overflow:hidden;background:#e9e5dc;isolation:isolate}.product-photo{position:absolute;width:62%;height:100%;object-fit:cover;object-position:50% 45%;top:0;left:0}.site-frame{position:absolute;top:22%;left:26%;width:70%;border:4px solid #282b2d;border-radius:7px;background:#282b2d;box-shadow:0 18px 28px #17191b35;transform:rotate(-5deg);transform-origin:50% 80%;overflow:hidden}.site-frame-bar{height:22px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#282b2d;color:#e5e6e7}.site-frame-bar i{width:3px;height:3px;background:#bfc3c7;border-radius:50%}.site-frame-bar span{font-size:8px;letter-spacing:.015em;margin:auto}.site-frame>img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;background:#faf9f6}.stage-caption{position:absolute;bottom:12px;right:14px;color:var(--ink);font-size:9px;background:#fff;padding:4px 8px}.stage-martorana{background:#e4d9cc}.stage-martorana .product-photo{width:68%;object-position:50% 55%}.stage-martorana .site-frame{transform:rotate(4deg);top:17%;left:25%}.stage-cassate{background:#f2ad37}.stage-cassate .site-frame{top:30%;left:15%;width:80%;transform:rotate(-4deg)}.local-lettering{position:absolute;top:7%;left:7%;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(2rem,4.3vw,4rem);line-height:.95;letter-spacing:-.015em}.local-lettering svg{position:absolute;left:110%;top:8%;width:50px;height:50px;transform:rotate(25deg)}
.example-copy{padding:24px 12px 24px 0;min-width:0}.example-copy h3{font-size:clamp(1.5rem,2.3vw,2rem);letter-spacing:-.03em;line-height:1.2}.example-copy h3 span{color:var(--muted)}.example-copy>p{margin-top:20px;color:var(--muted);font-size:15px;max-width:40ch}.example-copy .text-link{font-size:13px;margin-top:20px;gap:16px}.deck-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}.deck-bottom>p{font-size:10px;color:var(--muted)}.deck-arrows{display:flex;gap:8px}.deck-prev svg{transform:rotate(180deg)}.deck-arrows svg{width:19px;height:19px}
.case-deck[data-visible=true] .is-current .site-frame{animation:frame-arrive .8s var(--ease) both}.case-deck[data-visible=true] .is-current .product-photo{animation:product-drift 12s ease-in-out alternate infinite;animation-play-state:var(--deck-state)}
@keyframes frame-arrive{from{translate:35px 22px;opacity:.5;clip-path:inset(0 0 45% 0)}to{translate:0 0;opacity:1;clip-path:inset(0)}}@keyframes product-drift{from{transform:scale(1)}to{transform:scale(1.08) translateY(-1%)}}
.case-results dd{overflow:hidden}.metric-figure{display:inline-block!important;font-size:inherit!important;margin:0!important;transform-origin:50% 100%}
.case-gallery{padding-top:0;border-top:0;padding-bottom:56px}.case-gallery .case-deck{margin-top:0}.case-page-hero{padding-bottom:24px}.case-page-hero>p{max-width:61ch}
.case-journey h2{max-width:800px}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:44px}.journey-photo{margin:0}.journey-photo img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}.journey-photo figcaption{font-size:11px;color:var(--muted);margin-top:12px}.journey-steps{position:relative;padding-left:30px;border-left:1px solid var(--line)}.journey-steps article{position:relative;padding:20px 0 26px}.journey-steps article::before{content:'';position:absolute;left:-35px;top:28px;width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:white;transition:background .4s,border-color .4s}.journey-steps article.is-read::before{background:var(--amber);border-color:#a96400}.journey-steps h3{font-size:24px;letter-spacing:-.03em;line-height:1.2}.journey-steps p{margin-top:13px;font-size:15px;color:var(--muted);max-width:43ch}
.flow-demo{--flow-state:paused}.flow-node .node-icon{animation:node-process 4.8s ease-in-out infinite;animation-delay:calc(var(--node-order,0)*1.6s);animation-play-state:var(--flow-state)}.flow-node:nth-of-type(2){--node-order:1}.flow-node:nth-of-type(3){--node-order:2}@keyframes node-process{0%,30%,100%{box-shadow:0 4px 10px #17191b04}12%{box-shadow:0 8px 18px #9e600024;border-color:#a96400}}
@supports(animation-timeline:view()){
 .journey-photo img{animation:photo-read linear both;animation-timeline:view();animation-range:entry 10% exit 85%}
 @keyframes photo-read{from{clip-path:inset(6% 0 0 6%);object-position:50% 35%}to{clip-path:inset(0 6% 6% 0);object-position:50% 65%}}
}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-leave .2s ease-out both}::view-transition-new(root){animation:page-enter .5s var(--ease) both}@keyframes page-leave{to{opacity:0;transform:translateY(-12px)}}@keyframes page-enter{from{opacity:0;transform:translateY(16px)}}
@media(max-width:1050px){.case-slide{gap:28px;grid-template-columns:1.2fr 1fr}.example-copy h3{font-size:1.6rem}.example-copy>p{font-size:14px}.journey-layout{gap:44px}}
@media(max-width:800px){.case-deck{margin-top:28px}.case-slide{display:block}.case-stage{aspect-ratio:1.45}.case-stage .site-frame{width:68%;left:28%;top:18%}.stage-cassate .site-frame{width:76%;top:29%;left:20%}.product-photo{width:64%}.local-lettering{font-size:clamp(2.8rem,8vw,4rem)}.example-copy{padding:26px 0 4px;min-height:230px}.example-copy h3{font-size:1.7rem}.example-copy>p{font-size:15px;max-width:54ch;margin-top:16px}.example-copy .text-link{margin-top:12px;font-size:14px}.deck-bottom{margin-top:10px}.deck-selectors{gap:24px}.deck-selectors button{font-size:12px}.journey-layout{gap:32px}.journey-steps h3{font-size:20px}.journey-steps p{font-size:14px}.journey-steps article{padding-bottom:18px}.case-gallery{padding-top:0}.case-page-hero{padding-bottom:16px}}
@media(max-width:480px){.case-stage{aspect-ratio:1.05}.case-stage .site-frame{left:12%;top:34%;width:84%;border-width:3px}.product-photo{width:80%;height:90%;object-position:50% 37%}.stage-martorana .product-photo{width:88%}.stage-martorana .site-frame{left:12%;top:34%;transform:rotate(4deg)}.stage-cassate .site-frame{left:5%;top:32%;width:90%}.local-lettering{font-size:3rem;top:6%;left:6%}.local-lettering svg{width:38px;height:38px}.site-frame-bar{height:18px}.site-frame-bar span{font-size:7px}.stage-caption{bottom:10px;right:10px;font-size:8px}.deck-controls{gap:8px}.deck-selectors{gap:16px;flex:1;justify-content:space-between}.deck-selectors button{font-size:11px}.deck-play{width:40px;min-height:44px;border:none;margin-right:-8px}.case-deck{margin-top:25px}.example-copy{min-height:270px}.example-copy h3{font-size:1.6rem}.example-copy>p{font-size:14px}.example-copy .text-link{font-size:13px}.deck-bottom>p{font-size:9px;max-width:190px}.deck-arrows{gap:6px}.deck-arrows button{width:40px;height:44px}.journey-layout{display:block;margin-top:30px}.journey-photo img{aspect-ratio:1.15}.journey-steps{margin-top:30px;padding-left:26px}.journey-steps article::before{left:-31px}.journey-steps h3{font-size:22px}.case-page-hero h1{font-size:clamp(2.1rem,9.9vw,2.65rem)}.case-page .back-link{max-width:120px;line-height:1.3}.case-page .wordmark{font-size:22px}}
@media(max-width:340px){.deck-selectors{gap:10px}.deck-selectors button{font-size:10px}.example-copy{min-height:295px}.local-lettering{font-size:2.5rem}.case-page .back-link{font-size:10px;max-width:100px}}
@media(prefers-reduced-motion:reduce){.case-track{scroll-behavior:auto}.site-frame,.product-photo,.journey-photo img{animation:none!important}.case-deck .deck-selectors button[aria-pressed=true]::after{animation:none;transform:scaleX(1)}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
html[data-motion=off] .site-frame,html[data-motion=off] .product-photo,html[data-motion=off] .journey-photo img{animation:none!important}html[data-motion=off] .case-track{scroll-behavior:auto}

html[data-motion=off]::view-transition-old(root),html[data-motion=off]::view-transition-new(root){animation:none!important}