/* White editorial canvas with animated drafting marks and contour lines. */
.selected-work--motion { background:#fff; --portfolio-play:paused; }
.selected-work--motion.portfolio-in-view:not(.portfolio-paused) { --portfolio-play:running; }
.selected-work--motion::before { display:none; }
.selected-work--motion>.container { position:relative; z-index:1; }
.portfolio-pattern { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.portfolio-pattern__grid { position:absolute; inset:0; background-image:radial-gradient(#15223824 .8px,transparent .8px); background-size:18px 18px; mask-image:linear-gradient(90deg,#0008,transparent 18%,transparent 82%,#0008); animation:portfolio-grid-breathe 9s ease-in-out infinite; animation-play-state:var(--portfolio-play); }
.portfolio-pattern__drawing { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke-linecap:round; }
.portfolio-pattern__guides { stroke:#15223814; stroke-width:1; stroke-dasharray:3 8; }
.portfolio-pattern__contours { stroke:#781f381c; stroke-width:1; }
.portfolio-pattern__traces { stroke:#c9471660; stroke-width:1.5; stroke-dasharray:45 250; }
.portfolio-pattern__traces>path { animation:portfolio-flow 16s linear infinite; animation-play-state:var(--portfolio-play); }
.portfolio-pattern__traces>path:nth-child(2) { stroke:#781f385c; animation-direction:reverse; animation-delay:-6s; }
.portfolio-pattern__cross { position:absolute; font:300 40px/1 ui-monospace,monospace; color:#781f3830; animation:portfolio-cross 14s linear infinite; animation-play-state:var(--portfolio-play); }
.portfolio-pattern__cross--one { left:2%; top:32%; }.portfolio-pattern__cross--two { right:2%; bottom:17%; font-size:30px; animation-direction:reverse; }
.portfolio-motion-control { position:absolute; right:max(var(--page-gutter),calc((100% - var(--container))/2)); top:25px; z-index:2; display:grid; place-items:center; width:32px; height:32px; border:1px solid #1522381c; border-radius:50%; color:#626c7d; background:#fff; font:400 14px/1 var(--font-sans); cursor:pointer; }
.portfolio-motion-control:hover { border-color:#781f3870; color:var(--color-bordeaux); }
.portfolio-motion-control:disabled { opacity:.4; cursor:default; }
.selected-work--motion .selected-work__heading { padding-bottom:25px; position:relative; }
.selected-work--motion .selected-work__heading::after { content:''; width:60px; height:2px; background:var(--color-orange); position:absolute; bottom:0; left:0; transform-origin:left; animation:portfolio-rule 7s ease-in-out infinite; animation-play-state:var(--portfolio-play); }
.selected-work--motion .selected-work__explore .icon { transition:transform .35s var(--ease); }
.selected-work--motion .selected-work__explore:hover .icon { transform:translate(3px,-3px); }
/* Open photography surfaces and expressive editorial metadata. */
.selected-work--motion .work-item__visual { border-radius:7px; transform:perspective(1100px) rotateX(var(--work-rx,0deg)) rotateY(var(--work-ry,0deg)); transition:transform .4s var(--ease),box-shadow .4s var(--ease); }
.selected-work--motion .work-item__visual::after { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#ffffff21,transparent 60%); opacity:0; transition:opacity .4s; }
.selected-work--motion .work-item__visual:hover::after { opacity:1; }
.selected-work--motion .work-item__visual:hover { box-shadow:0 22px 40px -30px #15223860; }
.work-item__frame { display:block; position:absolute; inset:9px; z-index:3; pointer-events:none; opacity:.45; transition:opacity .4s; }
.work-item__frame>svg { width:100%; height:100%; display:block; fill:none; }
.work-item__frame path { stroke:#fff; stroke-width:1; vector-effect:non-scaling-stroke; stroke-dasharray:16 3; animation:portfolio-frame 7s linear infinite; animation-play-state:var(--portfolio-play); }
.work-item__visual--aurea .work-item__frame path,.work-item__visual--orizzonte .work-item__frame path { stroke:#781f38; }
.work-item__visual:hover .work-item__frame,.work-item__visual:focus-visible .work-item__frame { opacity:1; }
.aurea-scene__vector { position:absolute; top:12%; right:10%; width:17%; height:auto; stroke:#785442; stroke-width:.9; opacity:.45; }
.aurea-scene__vector>circle { stroke-dasharray:2 8; transform-origin:50px 50px; animation:portfolio-cross 30s linear infinite; animation-play-state:var(--portfolio-play); }
.selected-work--motion .web-preview--desktop { animation:portfolio-desktop-float 9s ease-in-out infinite; animation-play-state:var(--portfolio-play); }
.selected-work--motion .web-preview--phone { animation:portfolio-phone-float 8s ease-in-out infinite; animation-play-state:var(--portfolio-play); }
.selected-work--motion .work-item__open { box-shadow:none; border:1px solid #fff8; transition:background .3s,color .3s,translate .3s; translate:var(--arrow-x,0px) var(--arrow-y,0px); }
.selected-work--motion .work-item__caption { position:relative; padding-top:23px; }
.selected-work--motion .work-item__index { font-size:2.2rem; letter-spacing:-.055em; line-height:1; color:transparent; -webkit-text-stroke:1px #9294a6; transition:color .3s; }
.selected-work--motion .work-item:hover .work-item__index { color:var(--color-bordeaux); -webkit-text-stroke-color:var(--color-bordeaux); }
.selected-work--motion .work-item h3 { font-size:1.65rem; }
.selected-work--motion .work-item__tags { gap:12px 20px; }
.selected-work--motion .work-item__tags>li { border:0; border-bottom:1px solid #15223830; border-radius:0; padding:3px 0 7px; background:none; font-size:.875rem; transition:border-color .35s,color .35s; }
.selected-work--motion .work-item:hover .work-item__tags>li { color:var(--color-bordeaux); border-color:#781f3870; }
.selected-work--motion .work-item__caption>p { max-width:49ch; }
.selected-work--motion .selected-work__footnote { margin-top:60px; }
@keyframes portfolio-flow { to{stroke-dashoffset:-885} }
@keyframes portfolio-grid-breathe { 0%,100%{opacity:.45} 50%{opacity:.9} }
@keyframes portfolio-cross { to{transform:rotate(360deg)} }
@keyframes portfolio-rule { 0%,100%{transform:scaleX(1)} 50%{transform:scaleX(2)} }
@keyframes portfolio-frame { to{stroke-dashoffset:-38} }
@keyframes portfolio-desktop-float { 0%,100%{translate:0 0} 50%{translate:0 -7px} }
@keyframes portfolio-phone-float { 0%,100%{translate:0 0} 50%{translate:0 5px} }
@media(min-width:1180px) { .selected-work--motion .work-item h3 { font-size:1.85rem; }.selected-work--motion .work-item__index { font-size:2.5rem; } }
@media(max-width:767px) {
  .portfolio-pattern__drawing { opacity:.6; }
  .portfolio-pattern__cross { display:none; }
  .selected-work--motion .selected-work__heading { margin-bottom:32px; }
  .work-item__frame { inset:6px; }
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-pattern *,.selected-work--motion .work-item *,.selected-work--motion .selected-work__heading::after { animation:none!important; }
  .selected-work--motion .work-item__visual { transform:none!important; transition:none; }
  .selected-work--motion .work-item__open { translate:none!important; }
}