.work{background:var(--bg-base);width:100%;padding:1px}.work__panel{--r:var(--radius-3xl);--cut:clamp(2rem,1rem + 3vw,4rem);--cr:.4rem;background:var(--bg-muted);color:var(--fg-primary);border-radius:var(--r);clip-path:polygon(var(--cut)0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%,0 var(--cut));flex-direction:column;gap:clamp(1.5rem,1rem + 2vw,2.75rem);padding:clamp(2rem,1.25rem + 4vw,5rem);display:flex;position:relative;overflow:hidden}@supports (clip-path:shape(from 0 0, line to 100% 0)){.work__panel{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--cut) - var(--cr)),curve to calc(100% - .7*var(--cr))calc(100% - var(--cut) + .7*var(--cr))with 100% calc(100% - var(--cut)),line to calc(100% - var(--cut) + .7*var(--cr))calc(100% - .7*var(--cr)),curve to calc(100% - var(--cut) - var(--cr))100% with calc(100% - var(--cut))100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.work__meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.work__meta-right{color:var(--fg-tertiary)}.work__rule{background:var(--border);border:0;width:100%;height:1px;margin:0}.work__marquee{width:100%;overflow:hidden}.work__marquee-track{will-change:transform;width:max-content;display:flex}.work__marquee-item{font-family:var(--font-display);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--fg-primary);white-space:nowrap;align-items:center;font-size:clamp(3rem,1.5rem + 8vw,9rem);line-height:1;display:inline-flex}.work__marquee-sep{color:var(--primary);margin:0 clamp(1rem,.5rem + 1.5vw,2.5rem);font-size:.4em;transform:translateY(-.15em)}.work__intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,1rem + 3vw,4rem);display:flex}.work__intro-copy{max-width:56ch}.work__intro-copy p{font-size:var(--text-fluid-h4);font-weight:var(--font-light);line-height:var(--leading-snug);color:var(--fg-secondary);margin:0}.work__cards{grid-template-columns:repeat(2,1fr);align-items:start;gap:clamp(1rem,.5rem + 1.5vw,2rem);display:grid}.work__card{color:var(--fg-primary);flex-direction:column;gap:clamp(.75rem,.5rem + 1vw,1.25rem);text-decoration:none;display:flex}.work__card-media{--r:var(--radius-2xl);--cut:clamp(1.25rem,.75rem + 1.5vw,2.25rem);--cr:.35rem;background:var(--bg-surface);clip-path:polygon(var(--cut)0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%,0 var(--cut));position:relative;overflow:hidden}@supports (clip-path:shape(from 0 0, line to 100% 0)){.work__card-media{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--cut) - var(--cr)),curve to calc(100% - .7*var(--cr))calc(100% - var(--cut) + .7*var(--cr))with 100% calc(100% - var(--cut)),line to calc(100% - var(--cut) + .7*var(--cr))calc(100% - .7*var(--cr)),curve to calc(100% - var(--cut) - var(--cr))100% with calc(100% - var(--cut))100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.work__card-img{object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work__card:hover .work__card-img,.work__card:focus-visible .work__card-img{transform:scale(1.04)}.work__card-bottom{justify-content:space-between;align-items:center;gap:1rem;display:flex}.work__card-title{font-family:var(--font-display);font-weight:var(--font-light);font-size:var(--text-fluid-h4);color:var(--fg-primary);line-height:1.1}.work__card-shape{width:clamp(1.75rem,1.25rem + 1.5vw,2.5rem);color:var(--fg-primary);opacity:.85;transition:transform var(--transition-base),opacity var(--transition-base);flex-shrink:0;display:inline-flex;transform:translate(-6px)}.work__card-shape svg{width:100%;height:auto}.work__card:hover .work__card-shape,.work__card:focus-visible .work__card-shape{opacity:1;transform:translate(0)}@media (max-width:800px){.work__cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.work__card-img,.work__card-shape{transition:none}}
.svc{flex-direction:column;display:flex}.svc__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.svc__hero{padding:calc(var(--header-height) - 9px)1px 1px;background:var(--bg-base)}.svc__hero-grid{min-height:calc(100svh - var(--header-height));grid-template-columns:1fr 1fr;gap:1px;display:grid}.svc__video{--r:var(--radius-3xl);--cut:clamp(2rem,1rem + 3vw,4rem);--cr:.4rem;border-radius:var(--r);background:var(--block-info);clip-path:polygon(var(--cut)0,100% 0,100% 100%,0 100%,0 var(--cut));position:relative;overflow:hidden}@supports (clip-path:shape(from 0 0, line to 100% 0)){.svc__video{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--r)),curve to calc(100% - var(--r))100% with 100% 100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.svc__cards{grid-template-rows:repeat(3,1fr);gap:1px;display:grid}.svc__card{background:var(--bg-muted);border-radius:var(--radius-2xl);color:var(--fg-primary);transition:color var(--transition-base);flex-direction:column;align-items:flex-start;gap:clamp(.75rem,.5rem + 1vw,1.25rem);padding:clamp(1.75rem,1.25rem + 2.5vw,3rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.svc__card:before{content:"";z-index:0;transition:transform var(--transition-slow),opacity var(--transition-slow);position:absolute;inset:0}.svc__card>*{z-index:1;position:relative}.svc__card-title{font-family:var(--font-display);font-weight:var(--font-light);font-size:var(--text-fluid-h3);line-height:var(--leading-snug);color:inherit;margin:0}.svc__card-desc{font-size:var(--text-fluid-body);line-height:var(--leading-relaxed);color:var(--fg-secondary);max-width:42ch;transition:color var(--transition-base);margin:0}.svc__card-arrow{width:clamp(2.5rem,1.75rem + 2.5vw,3.75rem);color:inherit;opacity:.85;transition:transform var(--transition-base),opacity var(--transition-base);margin-top:auto;display:inline-flex;transform:translate(-8px)}.svc__card-arrow svg{width:100%;height:auto}.svc__card:hover .svc__card-arrow,.svc__card:focus-visible .svc__card-arrow{opacity:1;transform:translate(0)}.svc__card:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.svc__card--1:before{background:var(--block-dark);transform:translateY(101%)}.svc__card--1:hover:before{transform:translateY(0)}.svc__card--1:hover{color:var(--block-dark-fg)}.svc__card--1:hover .svc__card-desc{color:color-mix(in srgb,var(--block-dark-fg)72%,transparent)}.svc__card--2:before{background:var(--primary);transform:translate(-101%)}.svc__card--2:hover:before{transform:translate(0)}.svc__card--2:hover{color:var(--primary-contrast)}.svc__card--2:hover .svc__card-desc{color:color-mix(in srgb,var(--primary-contrast)80%,transparent)}.svc__card--3:before{background:var(--secondary);opacity:0;transform:scale(1.06)}.svc__card--3:hover:before{opacity:1;transform:scale(1)}.svc__card--3:hover{color:var(--secondary-contrast)}.svc__card--3:hover .svc__card-desc{color:color-mix(in srgb,var(--secondary-contrast)72%,transparent)}@media (max-width:900px){.svc__hero-grid{grid-template-columns:1fr;min-height:0}.svc__video{aspect-ratio:16/10}.svc__cards{grid-template-rows:none;grid-auto-rows:1fr}}.svcx{background:var(--bg-base);width:100%;padding:1px}.svcx__panel{--r:var(--radius-3xl);--cut:clamp(2rem,1rem + 3vw,4rem);--cr:.4rem;background:var(--bg-muted);border-radius:var(--r);clip-path:polygon(var(--cut)0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut))100%,0 100%,0 var(--cut));flex-direction:column;gap:clamp(2rem,1.25rem + 3vw,4rem);padding:clamp(2rem,1.25rem + 4vw,5rem);display:flex}@supports (clip-path:shape(from 0 0, line to 100% 0)){.svcx__panel{clip-path:shape(from calc(var(--cut) + var(--cr))0,line to calc(100% - var(--r))0,curve to 100% var(--r)with 100% 0,line to 100% calc(100% - var(--cut) - var(--cr)),curve to calc(100% - .7*var(--cr))calc(100% - var(--cut) + .7*var(--cr))with 100% calc(100% - var(--cut)),line to calc(100% - var(--cut) + .7*var(--cr))calc(100% - .7*var(--cr)),curve to calc(100% - var(--cut) - var(--cr))100% with calc(100% - var(--cut))100%,line to var(--r)100%,curve to 0 calc(100% - var(--r))with 0 100%,line to 0 calc(var(--cut) + var(--cr)),curve to calc(.7*var(--cr))calc(var(--cut) - .7*var(--cr))with 0 var(--cut),line to calc(var(--cut) - .7*var(--cr))calc(.7*var(--cr)),curve to calc(var(--cut) + var(--cr))0 with var(--cut)0,close)}}.svcx__top{justify-content:space-between;align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:flex}.svcx__intro{flex-direction:column;gap:clamp(1rem,.5rem + 1.5vw,1.75rem);display:flex}.svcx__title{font-family:var(--font-display);font-weight:var(--font-light);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--fg-primary);max-width:12ch;margin:0;font-size:clamp(2.5rem,1rem + 7vw,6rem);line-height:.95}.svcx__lead{font-size:var(--text-fluid-h4);font-weight:var(--font-light);line-height:var(--leading-snug);color:var(--fg-secondary);max-width:62ch;margin:0}.svcx__rule{background:var(--border);border:0;width:100%;height:1px;margin:0}.svcx__media{aspect-ratio:16/7;border-radius:var(--radius-2xl);background:var(--bg-surface);position:relative;overflow:hidden}.svcx__media-img{object-fit:cover;z-index:0}.svcx__media-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 30%,#0000001f 55%,#0000009e);align-items:flex-end;padding:clamp(1.5rem,1rem + 3vw,3.5rem);display:flex;position:absolute;inset:0}.svcx__media-text{max-width:24ch;font-family:var(--font-display);font-weight:var(--font-light);line-height:var(--leading-snug);font-size:var(--text-fluid-h3);color:#fff;margin:0}@media (max-width:700px){.svcx__media{aspect-ratio:16/11}.svcx__media-text{max-width:36ch;font-size:var(--text-sm);line-height:1.35}}@media (max-width:430px){.svcx__media-text{font-size:.78rem}}.svcx__cubes{--u:clamp(2rem,1.25rem + 2.5vw,3.25rem);width:calc(var(--u)*6);height:calc(var(--u)*6);color:var(--fg-primary);flex-shrink:0;position:relative}.svcx__cube{left:var(--x);top:var(--y);width:var(--u);height:var(--u);position:absolute;transform:translate(-50%,-50%)}.svcx__cube-inner{width:100%;height:100%;transform-style:preserve-3d;animation:4s cubic-bezier(.7,0,.3,1) infinite svcx-cube;position:relative}.svcx__cube-face{width:var(--u);height:var(--u);backface-visibility:hidden;border:2px solid;position:absolute}.svcx__cube-face--front{transform:translateZ(calc(var(--u)/2))}.svcx__cube-face--back{transform:rotateY(180deg)translateZ(calc(var(--u)/2))}.svcx__cube-face--right{transform:rotateY(90deg)translateZ(calc(var(--u)/2))}.svcx__cube-face--left{transform:rotateY(-90deg)translateZ(calc(var(--u)/2))}.svcx__cube-face--top{transform:rotateX(90deg)translateZ(calc(var(--u)/2))}.svcx__cube-face--bottom{transform:rotateX(-90deg)translateZ(calc(var(--u)/2))}@keyframes svcx-cube{0%,22%{transform:rotateX(-35.26deg)rotateY(45deg)}78%,to{transform:rotateX(-35.26deg)rotateY(135deg)}}@media (max-width:900px){.svcx__top{flex-direction:column-reverse;align-items:flex-start;gap:clamp(2rem,1.5rem + 3vw,3rem)}}@media (prefers-reduced-motion:reduce){.svcx__cube-inner{animation:none;transform:rotateX(-35.26deg)rotateY(45deg)}}
