@import url('assets/fonts/fonts.css');
:root{--bg:#08090c;--text:#f5f5f7;--muted:#9b9da8;--blue:#7b9cff;--line:#ffffff20;--font:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #9db7ff;outline-offset:7px}::selection{background:#4265dc;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:20px;top:-80px;background:#fff;color:#000;padding:15px;z-index:100}.skip:focus{top:15px}.header{position:fixed;z-index:50;inset:0 0 auto;height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08090ce8;backdrop-filter:blur(20px)}.brand{display:block;position:relative;width:166px;height:43px;overflow:hidden;flex-shrink:0}.brand img{mix-blend-mode:screen;position:absolute;width:250px;height:125px;max-width:none;left:-42px;top:-43px}.header nav{display:flex;gap:32px;font-size:13px;color:#bfc0c7}.header nav a:hover,footer a:hover{color:#fff}.nav-contact{font-size:13px;border:1px solid #ffffff36;border-radius:30px;padding:12px 18px;display:flex;gap:25px;align-items:center}.nav-contact:hover{background:#ffffff10}.hero{min-height:820px;height:100svh;max-height:1100px;position:relative;overflow:hidden;padding:190px 8% 35px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent,#000)}.orb{position:absolute;--orb-size:min(66vw,calc(100svh - 205px),905px);width:var(--orb-size);height:var(--orb-size);left:max(28%,calc((100% - 1400px)/2 + 290px));top:125px;border:1px solid #7b9cff45;border-radius:50%;box-shadow:inset 0 0 75px #7195ff10,0 0 90px #4771ff0d;transform:rotate(-28deg) scaleX(.76);pointer-events:none}.orb:before,.orb:after{content:'';position:absolute;border-radius:50%;inset:4% -4%;border:1px solid #7b9cff30;transform:rotate(32deg)}.orb:after{inset:8% -7%;transform:rotate(65deg);border-color:#7b9cff70}.hero-content{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;line-height:1.8;margin:0 0 32px;color:#b6b8c3}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px #6c8eff80;margin-right:12px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font);font-weight:500}h1{font-size:clamp(68px,8.6vw,140px);letter-spacing:-.07em;line-height:1.02;margin-bottom:45px}.silver{background:linear-gradient(110deg,#fafaff 10%,#b1b7cc 65%,#59647e);background-clip:text;-webkit-text-fill-color:transparent}.hero-bottom{display:flex;gap:100px;align-items:center}.hero-bottom p{color:#aeb1bf;font-size:16px;line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;gap:32px;font-size:13px;font-weight:500;padding:18px 24px;border-radius:6px;transition:background .25s,transform .25s}.primary{background:#e9edff;color:#111629}.primary:hover{background:#c5d2ff;transform:translateY(-3px)}.button span{font-size:20px}.hero-foot{display:flex;justify-content:space-between;align-items:center;position:relative;font-size:9px;letter-spacing:1.6px;color:#989eae;margin-top:70px}.hero-foot a{display:flex;align-items:center;gap:18px}.hero-foot a span{font-size:25px;color:white}.vision{height:170vh;min-height:1100px;border-bottom:1px solid var(--line)}.vision-sticky{height:100svh;min-height:650px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 6%}.vision h2{font-size:clamp(32px,4.7vw,74px);letter-spacing:-.045em;line-height:1.22;margin:20px 0 35px}.vision h2 span{color:#a6a8b2}.vision h2 em{font-style:normal;color:var(--blue)}.vision-note{color:var(--muted);font-size:13px}.vision-line{width:80px;height:2px;background:#ffffff24;margin-top:36px}.vision-line i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(var(--progress,0));transform-origin:left}.section{padding:130px 8%}.section-heading{margin-bottom:65px}.section-heading>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2,.about h2{font-size:clamp(36px,4.5vw,68px);line-height:1.08;letter-spacing:-.05em;margin-bottom:0}.muted{color:#868b9b}.section-heading>div>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:4px}.projects{padding-bottom:12vh}.project{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;border:1px solid #ffffff22;border-radius:16px;overflow:hidden;background:#11151e;position:sticky;top:120px;margin-bottom:45px;transform-origin:50% 0;box-shadow:0 35px 80px #0006}.project-info{padding:40px;display:flex;flex-direction:column;align-items:flex-start}.project-top{display:flex;align-items:center;gap:20px;justify-content:space-between;width:100%;margin-bottom:56px}.project-index{font-size:10px;color:#989fb3;white-space:nowrap}.tag{font-size:8px;letter-spacing:1px;border:1px solid #ffffff25;border-radius:30px;padding:8px 10px;white-space:nowrap}.project h3{font-size:clamp(36px,4vw,62px);line-height:1.05;letter-spacing:-.05em;margin-bottom:25px}.accent{color:#87aaff}.project-info>p{font-size:16px;line-height:1.5;color:#e5e7ee}.project-info .project-description{font-size:12px;color:#a6adbd;line-height:1.8;max-width:360px;margin-bottom:35px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #ffffff4d;font-size:12px;padding-bottom:10px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.project-info .text-link{margin-top:auto}.project-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:45px 28px;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#354365,#131c32 65%)}.browser-frame{width:100%;border:1px solid #ffffff40;border-radius:9px;overflow:hidden;box-shadow:0 30px 45px #0006;transform:perspective(1000px) rotateY(-6deg) rotateX(3deg);background:#fff}.browser-bar{height:28px;background:#eef0f4;display:flex;align-items:center;padding:0 10px;gap:4px;color:#535b6b;font-size:8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#c3c7d2}.browser-bar span{margin:auto;transform:translateX(-15px)}.browser-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top}.visual-caption{position:absolute;bottom:28px;left:28px;font-size:8px;letter-spacing:1.7px;color:#d8e0fa99}.project-peach{background:#1b1718}.project-peach .accent{color:#f1b19c}.project-peach .project-visual{background:radial-gradient(ellipse at 60% 40%,#765c57,#3c2b30 70%)}.project-green{background:#141c1b}.project-green .accent{color:#a5c8bd}.project-green .project-visual{background:radial-gradient(ellipse at 60% 40%,#547264,#233e36 70%)}.work-end{font-size:11px;color:#aeb3c2;text-align:center}.expertise{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:45px 1fr 1fr 30px;gap:30px;border-top:1px solid var(--line);padding:42px 0;align-items:start}.service:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:11px;color:#858c9e;padding-top:8px}.service h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin-bottom:0}.service p{color:#aeb3c2;font-size:13px;line-height:1.8;max-width:400px}.service div>span{font-size:8px;letter-spacing:1px;color:#8c9fcf}.service-icon{font-size:26px;color:#8597c9}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:center;padding-top:100px;padding-bottom:150px}.about-symbol{min-height:400px;background:radial-gradient(circle,#19264066,transparent 70%);display:flex;flex-direction:column;align-items:center;justify-content:center}.about-symbol svg{width:90%;max-width:330px;overflow:visible}.about-symbol path{stroke:#aac0ff;stroke-width:1;fill:none;filter:drop-shadow(0 0 9px #7796ff)}.about-symbol path.outline{stroke:#fff;stroke-width:8;stroke-dasharray:800;stroke-dashoffset:var(--m-dash,800)}.about-symbol span{font-size:8px;letter-spacing:2px;color:#929bb1;margin-top:20px}.about-copy h2{margin-bottom:32px}.about-copy>p:not(.eyebrow){color:#abb0be;font-size:14px;line-height:1.8;max-width:440px}.about-copy .text-link{margin-top:15px}.contact{border-top:1px solid var(--line);position:relative;background:radial-gradient(ellipse at 90% 100%,#15255355,transparent 65%);padding-top:100px;padding-bottom:80px}.contact h2{font-size:clamp(52px,7.5vw,120px);letter-spacing:-.06em;line-height:1.07;margin-bottom:55px}.contact h2 span{color:#91acff}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:14px;line-height:1.8;color:#aeb3c2;margin:0}.email{display:inline-block;margin-top:35px;color:#c3cbdf;font-size:14px;border-bottom:1px solid #ffffff40;padding-bottom:6px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a7aab5}footer p{margin:0}footer a:last-child{display:flex;align-items:center;gap:25px}footer a:last-child span{font-size:20px}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s,transform .85s}.motion .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.section,.hero{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header{padding:0 5%}.header nav{gap:20px}.hero{padding:180px 7% 30px}.hero-bottom{gap:45px}.section{padding:95px 6%}.project-info{padding:30px}.project-top{flex-wrap:wrap;gap:10px;margin-bottom:30px}.project-visual{padding:30px 20px}.project{min-height:540px}.service{gap:20px}.about{gap:6%}.section-heading>div>p{max-width:230px}.hero-foot>span{max-width:230px;line-height:1.8}.vision h2{font-size:5.4vw}}
@media(max-width:700px){html{scroll-padding-top:85px}.header{height:75px}.header .brand{transform:scale(.8);transform-origin:left;width:166px;margin-right:-33px}.header nav{display:none}.nav-contact{font-size:11px;padding:10px 12px;gap:13px}.hero{min-height:740px;height:100svh;max-height:950px;padding:155px 6% 28px}h1{font-size:clamp(52px,11.4vw,80px);margin-bottom:35px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:27px}.hero-bottom{display:block}.hero-bottom p{font-size:15px;margin-bottom:30px}.button{padding:16px 19px;font-size:12px}.hero-foot{font-size:7px;gap:30px;letter-spacing:1px;margin-top:50px}.hero-foot>span{max-width:160px}.hero-foot a{max-width:140px;line-height:1.7;gap:12px}.orb{--orb-size:min(84vw,calc(100svh - 190px),420px);left:auto;right:6%;top:125px}.vision{height:140svh;min-height:850px}.vision-sticky{min-height:580px;padding:85px 4%}.vision h2{font-size:clamp(24px,6.1vw,43px);line-height:1.4}.vision-note{font-size:11px}.section{padding:75px 6%}.section-heading{margin-bottom:35px}.section-heading>div{display:block}.section-heading h2,.about h2{font-size:39px}.section-heading>div>p{margin-top:22px;max-width:none;font-size:12px}.projects{padding-bottom:0}.project{position:relative;top:auto;display:flex;flex-direction:column;min-height:0;margin-bottom:26px;border-radius:12px}.project-info{padding:28px}.project-top{flex-wrap:nowrap;margin-bottom:30px}.project h3{font-size:45px}.project-info>p{font-size:16px}.project-info .project-description{font-size:13px}.project-visual{min-height:280px;padding:28px 25px 50px}.browser-frame{max-width:480px;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg)}.visual-caption{bottom:20px;left:25px;font-size:7px}.work-end{margin-top:38px;font-size:10px;line-height:1.7}.service{grid-template-columns:25px 1fr 20px;gap:16px;padding:30px 0}.service h3{font-size:27px}.service>div{grid-column:2;grid-row:2}.service-icon{grid-column:3;grid-row:1;font-size:22px}.service p{margin-bottom:18px}.service-number{font-size:9px}.service div>span{font-size:7px}.about{display:flex;flex-direction:column-reverse;gap:45px}.about-copy{width:100%}.about-copy>p:not(.eyebrow){font-size:14px}.about-symbol{min-height:250px;width:100%}.about-symbol svg{width:230px}.contact h2{font-size:clamp(32px,10.4vw,70px);margin-bottom:35px}.contact-bottom{display:block}.contact-bottom p{font-size:13px;margin-bottom:27px}.email{font-size:13px}footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer .brand{transform:scale(.8);transform-origin:left;width:166px;margin-right:-33px}footer>a:last-child{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vision{height:auto;min-height:0}.vision-sticky{position:relative;height:auto;min-height:550px}.project{position:relative;top:auto}.projects{padding-bottom:0}.browser-frame{transform:none}.motion .reveal{opacity:1;transform:none;transition:none}.about-symbol path.outline{stroke-dashoffset:0}.button{transition:none}.orb{transform:rotate(-28deg) scaleX(.76)!important}}

/* Match the other previews' landscape format without cropping Mon espace. */
.project-peach .browser-frame img{aspect-ratio:16/9;height:auto;object-fit:contain;object-position:center;background:#fff8ef}

/* One opening sequence; content stays visible when animations are disabled. */
@keyframes hero-enter{
 from{opacity:0;translate:0 var(--hero-entry-distance,24px)}
 to{opacity:1;translate:0 0}
}
@media(prefers-reduced-motion:no-preference){
 .hero:is(.intro-pending,.intro-playing) .hero-content>.eyebrow,
 .hero:is(.intro-pending,.intro-playing) .hero-content>h1,
 .hero:is(.intro-pending,.intro-playing) .hero-bottom>p,
 .hero:is(.intro-pending,.intro-playing) .hero-bottom>.button{
  animation:hero-enter 900ms cubic-bezier(.22,1,.36,1) backwards;
  animation-play-state:var(--intro-play-state,running);
  animation-delay:var(--intro-delay,0ms);
 }
 .hero.intro-pending{--intro-play-state:paused}
 .hero-content>h1{--intro-delay:160ms}
 .hero-bottom>p{--intro-delay:320ms}
 .hero-bottom>.button{--intro-delay:480ms}
 /* Keyboard navigation should never land on an invisible call to action. */
 .hero:is(.intro-pending,.intro-playing):focus-within .hero-content>*,
 .hero:is(.intro-pending,.intro-playing):focus-within .hero-bottom>*{animation:none}
}
@media(max-width:700px){
 .hero{--hero-entry-distance:12px}
}

/* A more prominent, gently animated transition after the project cards. */
.work-end{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:clamp(-16px,calc(2vw - 24px),4px);font-family:var(--font);font-size:clamp(20px,2.5vw,34px);font-weight:500;line-height:1.45;letter-spacing:-.025em;color:#dce1ef;text-wrap:balance}
.work-end em{display:inline-block;font-style:normal;color:#91acff;--word-color:#91acff}
.work-end .dot{position:relative;flex:0 0 9px;width:9px;height:9px;margin:0}
.work-end .dot::after{content:'';position:absolute;inset:-3px;border:1px solid #91acff99;border-radius:50%;opacity:0}
@keyframes project-pulse{
 0%{transform:scale(.65);opacity:0}
 20%{opacity:.65}
 85%,100%{transform:scale(2.4);opacity:0}
}
@media(prefers-reduced-motion:no-preference){
 .work-end .work-word{color:color-mix(in srgb,var(--word-color,#f5f5ff) calc(var(--word-progress,1) * 100%),#414757);text-shadow:0 0 calc(var(--word-glow,0) * 18px) rgba(123,156,255,calc(var(--word-glow,0) * .8))}
 .work-end .dot::after{animation:project-pulse 2s ease-out infinite;animation-play-state:paused}
 .work-end.is-in-view .dot::after{animation-play-state:running}
 .page-hidden .work-end .dot::after{animation-play-state:paused}
}
@media(max-width:700px){
 .work-end{gap:16px;text-align:left}
}

/* Give each contact arrow a comfortable pointer and touch target. */
.service a.service-icon{display:grid;place-items:center;justify-self:center;width:44px;height:44px;margin-top:-7px;border-radius:50%}
.service a.service-icon:hover,.service a.service-icon:focus-visible{color:#e9edff;background:#7b9cff20}

/* Reveal each expertise with a drawn divider and staggered content. */
@media(prefers-reduced-motion:no-preference){
 .motion .expertise .section-heading.reveal{opacity:1;transform:none;transition:none}
 .motion .expertise .section-heading>*{opacity:var(--expertise-progress,1);transform:translateY(calc((1 - var(--expertise-progress,1)) * 44px)) scale(calc(.96 + var(--expertise-progress,1) * .04));transform-origin:left center}
 .motion .expertise .service.reveal{position:relative;opacity:1;transform:none;transition:none;border-top-color:transparent}
 .motion .expertise .service::before{content:'';position:absolute;inset:-1px 0 auto;height:1px;background:linear-gradient(90deg,#91acff99,#ffffff20 75%);transform:scaleX(var(--expertise-progress,1));transform-origin:left}
 .motion .expertise .service>*{--item-progress:clamp(0,calc(var(--expertise-progress,1) * 1.5),1);opacity:var(--item-progress);transform:translateY(calc((1 - var(--item-progress)) * 30px))}
 .motion .expertise .service>h3{--item-progress:clamp(0,calc(var(--expertise-progress,1) * 1.5 - .15),1)}
 .motion .expertise .service>div{--item-progress:clamp(0,calc(var(--expertise-progress,1) * 1.5 - .3),1)}
 .motion .expertise .service>.service-icon{--item-progress:clamp(0,calc(var(--expertise-progress,1) * 1.5 - .5),1);transform:translateY(calc((1 - var(--item-progress)) * 14px)) rotate(calc((1 - var(--item-progress)) * -35deg))}
 .motion .expertise .service:focus-within>*{opacity:1;transform:none}
 .motion .expertise .service:focus-within::before{transform:scaleX(1)}
}

/* Shared footer: understated legal links on the showcase and information pages. */
.site-footer{display:grid;grid-template-columns:auto auto 1fr auto;gap:28px}
.site-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;line-height:1.6}
.site-footer .footer-links a{font-size:10px;color:#a7aab5}
.site-footer .footer-links a:hover,.site-footer .footer-links a[aria-current=page]{color:#b9caff}
.site-footer>a:last-child{white-space:nowrap}
@media(max-width:900px){
 .site-footer{grid-template-columns:auto 1fr;gap:24px}
 .site-footer>p{text-align:right}
 .site-footer .footer-links{justify-content:flex-start}
 .site-footer>a:last-child{justify-self:end}
}
@media(max-width:700px){
 .site-footer{gap:22px}
 .site-footer .footer-links{grid-column:1/-1}
 .site-footer>a:last-child{grid-column:1/-1;justify-self:stretch}
}

/* Narrow cover screens: keep the headline and project details within the card. */
@media(max-width:700px){
 .project-top{flex-wrap:wrap}
 .service{grid-template-columns:25px minmax(0,1fr) 24px}
}
@media(max-width:380px){
 .hero h1{font-size:13vw}
 .hero-bottom .desktop{display:none}
 .header{column-gap:8px}
 .project-info{padding:24px}
 .project-info .text-link{gap:20px;max-width:100%}
 .project-top .tag{white-space:normal;line-height:1.5}
 .section-heading h2,.about h2{font-size:clamp(30px,10.5vw,39px)}
 .service h3{font-size:24px}
 .header .brand{transform:scale(.7);margin-right:-50px}
 .nav-contact{gap:8px}
}
/* A brief scroll passage with an immediately visible emphasis on the last line. */
@media(prefers-reduced-motion:no-preference){
 .vision{height:120svh;min-height:0}
 .vision h2 em{display:inline-block;opacity:calc(.4 + var(--progress,1) * .6);transform:translateY(calc((1 - var(--progress,1)) * 24px));text-shadow:0 0 calc(var(--progress,1) * 24px) #7b9cff35}
 .vision-line{width:120px;height:3px}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .vision{height:115svh}
}
/* Short viewports need normal document flow so the whole project stays reachable. */
@media(max-height:700px){
 .project{position:relative;top:auto}
 .projects{padding-bottom:0}
 .vision{height:auto;min-height:0}
 .vision-sticky{position:relative;height:auto;min-height:0;padding:90px 6%}
}

/* Tablets and unfolded phones need room for project copy and preview images. */
@media(max-width:1000px){
 .header nav{display:none}
 .nav-contact{min-height:44px}
 .hero{height:auto;min-height:max(740px,100svh);max-height:none}
 .hero-bottom .desktop{display:none}
 .projects{padding-bottom:0}
 .project{position:relative;top:auto;display:flex;flex-direction:column;min-height:0}
 .project-info,.project-visual,.about-copy{min-width:0}
 .browser-frame{max-width:680px}
 .project-info .project-description{max-width:560px;font-size:14px}
 .section-heading>div{flex-direction:column;align-items:flex-start;gap:20px}
 .section-heading>div>p{max-width:560px}
 .service p{font-size:14px}
 .service div>span{font-size:9px}
 .about{display:flex;flex-direction:column-reverse;gap:40px}
 .about-copy{width:100%}
 .about-copy>p:not(.eyebrow){max-width:620px;font-size:15px}
 .about-symbol{width:100%;min-height:260px}
 .about-symbol svg{max-width:260px}
 .text-link{min-height:44px;align-items:center}
}
@media(min-width:701px) and (max-width:1000px){
 .hero-bottom{flex-direction:column;align-items:flex-start;gap:28px}
 .hero-bottom p{max-width:540px}
 .hero-foot{margin-top:48px}
 .project-visual{min-height:320px;padding:36px 40px 60px}
 .project-info{padding:36px}
 .project-top{flex-wrap:nowrap}
 .project-info .text-link{margin-top:16px}
}
/* Cover screens and split-screen windows, including very narrow foldables. */
@media(max-width:380px){
 .header .brand{transform:scale(.6);margin-right:-66px}
 .nav-contact{max-width:calc(100% - 108px);font-size:10px;line-height:1.3;gap:6px;padding:8px 10px}
 .nav-contact>span{flex-shrink:0}
 .hero-foot{gap:16px;letter-spacing:1px}
 .hero-foot>span,.hero-foot a{min-width:0}
 .project h3{font-size:clamp(34px,12vw,45px)}
 .project-visual{padding-left:16px;padding-right:16px;min-height:240px}
 .work-end{font-size:19px;gap:14px}
}
@media(hover:none) and (pointer:coarse){
 .header{backdrop-filter:blur(10px)}
 .project{box-shadow:0 16px 36px #0005}
 .primary:hover{transform:none}
}