:root{--ink:#132b48;--ink-2:#1c3858;--paper:#f5f4f0;--white:#fff;--accent:#bf8c59;--hover:#667e98;--line:rgba(19,43,72,.18);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Poppins",sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.8rem 1rem}.skip-link:focus{top:1rem}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);background:rgba(245,244,240,.94);backdrop-filter:blur(12px);position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.35)}.brand img{width:132px;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(1.1rem,2.5vw,2.8rem);font-size:.79rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.site-header nav a{position:relative}.site-header nav a:not(.nav-cta)::after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-.35rem;background:var(--hover);transition:right .25s}.site-header nav a:hover{color:var(--hover)}.site-header nav a:hover::after{right:0}.nav-cta{border:1px solid var(--ink);padding:.8rem 1.1rem;transition:.2s}.nav-cta:hover{background:var(--hover);border-color:var(--hover);color:#fff!important}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:760px;height:100vh;max-height:980px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("hero.webp") center 46%/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,50,.82) 0%,rgba(8,28,50,.35) 54%,rgba(8,28,50,.06) 78%),linear-gradient(0deg,rgba(7,24,43,.66),transparent 42%)}.hero-content{position:relative;z-index:2;width:min(820px,76vw);margin:0 0 clamp(6rem,10vh,9rem) clamp(1.25rem,7vw,7.5rem)}.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600;margin:0 0 1.75rem}.hero h1,.section-shell h2,.expertise h2,.contact h2{font-family:"Poppins",sans-serif;font-weight:500;line-height:1.02;letter-spacing:-.05em;margin:0}.hero h1{font-size:clamp(3.4rem,7vw,7.2rem)}h1 em,.expertise h2 em,blockquote em{font-weight:400;color:#d5a87c}.hero-copy{font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.65;max-width:610px;margin:2rem 0}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:52px;padding:0 1.45rem;border:1px solid transparent;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600;cursor:pointer}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:var(--hover);color:#fff}.text-link{font-size:.84rem;border-bottom:1px solid rgba(255,255,255,.55);padding:.6rem 0}.text-link span{margin-left:.5rem}.hero-meta{position:absolute;z-index:2;right:clamp(1.25rem,5vw,5rem);bottom:clamp(2rem,4vw,4rem);display:flex;gap:clamp(1.5rem,3vw,3.5rem)}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:1.8rem;font-weight:500}.hero-meta span{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.section-shell{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.intro{padding:clamp(6rem,10vw,10rem) 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,9rem);align-items:start}.intro h2,.projects h2,.videos h2,.method h2,.contact h2{font-size:clamp(2.6rem,4.5vw,5rem)}.intro h2 span,.projects h2 span,.videos h2 span,.method h2 span,.contact h2 span{color:var(--accent);font-style:italic;font-weight:400}.intro-grid>div{padding-top:.4rem}.intro-grid p{font-size:1rem;color:#43546a}.intro-grid .lead{font-size:1.25rem;color:var(--ink);margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3.5rem}.section-heading>p{max-width:410px;color:#556273;margin:0 0 .5rem}.project-grid{display:grid;grid-template-columns:1fr 1.25fr;grid-auto-rows:510px;gap:1.25rem}.project-card{position:relative;overflow:hidden;background:#ddd;border:0;padding:0;color:inherit;text-align:left;cursor:pointer}.project-card:focus-visible{outline:4px solid var(--hover);outline-offset:3px}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card:hover img{transform:scale(1.025)}.project-caption{position:absolute;left:0;right:0;bottom:0;padding:4.5rem 2rem 1.8rem;color:#fff;background:linear-gradient(transparent,rgba(8,27,47,.9));display:flex;flex-direction:column}.project-caption small{font-size:.67rem;text-transform:uppercase;letter-spacing:.15em}.project-caption strong{font-size:1.55rem;font-weight:500;margin:.35rem 0 .1rem}.project-caption span{margin:0;font-size:.74rem;opacity:.82}.videos{padding:clamp(6rem,10vw,10rem) 0 0}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.video-frame{aspect-ratio:16/9;background:#0b2039;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.video-grid p{font-size:.9rem;font-weight:500;margin:1rem 0}.video-grid p span{font-size:.7rem;color:var(--accent);margin-right:.75rem}.expertise{background:var(--ink);color:#fff;margin-top:clamp(6rem,10vw,10rem);padding:clamp(6rem,9vw,9rem) 0}.section-index-light{opacity:.55}.expertise-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(4rem,8vw,9rem)}.expertise h2{font-size:clamp(3.5rem,6.5vw,7rem)}.expertise-intro>p{max-width:420px;color:#bbc4ce;margin-top:2rem}.services article{display:grid;grid-template-columns:60px 1fr;gap:1rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2)}.services article:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.services article>span{color:var(--accent);font-size:.72rem;letter-spacing:.12em;padding-top:.35rem}.services h3{font-size:1.55rem;font-weight:500;margin:0}.services p{color:#b9c2cb;margin:.4rem 0 0;max-width:600px}.method{padding:clamp(6rem,10vw,10rem) 0}.method-head{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}.method-head>p{max-width:400px;color:#556273;font-size:1.1rem;margin-bottom:.5rem}.steps{list-style:none;margin:5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps li{padding:2.2rem 1.6rem 0 0;border-right:1px solid var(--line);min-height:260px}.steps li+li{padding-left:1.6rem}.steps li:last-child{border-right:0}.steps span{font-size:.7rem;letter-spacing:.14em;color:var(--accent)}.steps h3{font-size:1.6rem;font-weight:500;margin:2rem 0 .5rem}.steps p{font-size:.88rem;color:#556273;max-width:240px}.quote-band{background:#d8c5ae;padding:clamp(5rem,9vw,9rem) 1.5rem;text-align:center;color:var(--ink)}blockquote{font-size:clamp(2.5rem,5vw,5.5rem);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0}blockquote em{color:#fff}.contact{padding:clamp(6rem,10vw,10rem) 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(4rem,9vw,10rem)}.contact-copy>p:not(.section-index){max-width:530px;color:#556273;font-size:1.08rem}.contact-direct{display:flex;flex-direction:column;gap:.35rem;margin-top:2.2rem;font-size:.95rem;font-weight:500}.contact-direct a{text-decoration:underline;text-decoration-color:rgba(19,43,72,.3);text-underline-offset:4px}.contact-direct a:hover{color:var(--hover)}.contact-direct span{margin-top:.7rem;color:#687485}.contact-form{background:#fff;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 24px 60px rgba(22,42,65,.08)}.contact-form label{display:flex;flex-direction:column;gap:.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:600;margin-bottom:1.25rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #b7c0c8;background:transparent;padding:.7rem 0;color:var(--ink);font-size:1rem;text-transform:none;letter-spacing:0;border-radius:0;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--hover)}.button-dark{background:var(--ink);color:#fff;width:100%;margin-top:.5rem}.button-dark:hover{background:var(--hover)}.form-note{text-align:center;font-size:.7rem;color:#77818d;margin:.8rem 0 0}footer{background:#0b2039;color:#fff;padding:3.5rem clamp(1.5rem,6vw,6rem) 2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.footer-brand img{width:130px;filter:brightness(0) invert(1);margin-bottom:1.2rem}.footer-brand p{font-size:.8rem;color:#aab5c0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 2.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.footer-links button{background:none;color:inherit;border:0;padding:0;text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;cursor:pointer}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;font-size:.68rem;color:#8190a0}dialog{width:min(620px,calc(100% - 2rem));border:0;padding:clamp(1.5rem,4vw,3rem);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(4,18,32,.76);backdrop-filter:blur(5px)}dialog h2{font-weight:500;font-size:2rem;line-height:1.15}.dialog-close{position:absolute;right:1rem;top:.8rem;border:0;background:rgba(255,255,255,.9);width:42px;height:42px;border-radius:50%;font-size:1.7rem;line-height:1;color:var(--ink);cursor:pointer;z-index:2}.project-dialog{width:min(1180px,calc(100% - 2rem));max-height:92vh;padding:0}.project-dialog-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);min-height:620px}.project-dialog figure{margin:0;background:#0b2039;min-height:0}.project-dialog figure img{width:100%;height:100%;max-height:90vh;object-fit:cover}.project-dialog-copy{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.project-dialog-category{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:600}.project-dialog-copy h2{font-size:clamp(2rem,3.3vw,3.8rem);letter-spacing:-.045em;margin:.4rem 0}.project-dialog-meta{color:var(--hover);font-weight:600;font-size:.85rem;margin:.7rem 0 1.5rem}.project-dialog-copy>p:last-child{color:#556273;line-height:1.75}
@media(max-width:900px){.site-header{height:76px;position:absolute}.brand img{width:112px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:1.2rem;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:1rem}.hero{min-height:720px}.hero-content{width:auto;margin:0 1.5rem 9rem}.hero-meta{left:1.5rem;right:auto;bottom:2rem}.hero-meta div:nth-child(2){display:none}.intro-grid,.expertise-layout,.method-head,.contact{grid-template-columns:1fr}.intro-grid{gap:2rem}.section-heading{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr 1fr;grid-auto-rows:430px}.video-grid{grid-template-columns:1fr 1fr}.video-grid article:last-child{grid-column:1/-1;width:calc(50% - .625rem)}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:0}.steps li:nth-child(n+3){border-top:1px solid var(--line)}.contact{gap:3rem}.project-dialog-layout{grid-template-columns:1fr;min-height:0}.project-dialog figure{height:min(52vh,560px)}.project-dialog figure img{max-height:none}.project-dialog-copy{padding:2rem}}
@media(max-width:620px){.section-shell{width:min(var(--max),calc(100% - 2.5rem))}.hero{height:92svh;min-height:680px}.hero-shade{background:linear-gradient(90deg,rgba(8,28,50,.82),rgba(8,28,50,.22)),linear-gradient(0deg,rgba(7,24,43,.75),transparent 60%)}.hero-content{margin:0 1.25rem 10.5rem}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}.hero-copy{font-size:.96rem}.hero-actions{gap:1rem}.hero-meta{left:1.25rem;gap:2rem}.hero-meta div:nth-child(3){display:none}.intro,.method,.contact{padding:5rem 0}.project-grid{display:block}.project-card{display:block;width:100%;height:450px;margin-bottom:1rem}.project-card.project-wide{height:300px}.videos{padding-top:5rem}.video-grid{grid-template-columns:1fr}.video-grid article:last-child{grid-column:auto;width:auto}.expertise{margin-top:5rem;padding:5rem 0}.expertise-layout{gap:3rem}.services article{grid-template-columns:42px 1fr}.steps{grid-template-columns:1fr}.steps li,.steps li+li{min-height:auto;padding:1.8rem 0;border-right:0;border-top:1px solid var(--line)}.steps h3{margin:.8rem 0 .25rem}.steps p{max-width:none}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}.copyright{grid-column:1}.footer-links{margin-top:1rem}.project-dialog{max-height:94vh}.project-dialog figure{height:42vh}.project-dialog-copy{padding:1.5rem}.project-dialog-copy h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}

/* Modal projets : dimensions contraintes, aucun débordement */
.project-dialog{height:min(760px,92vh);overflow:hidden}
.project-dialog-layout{height:100%;min-height:0;overflow:hidden}
.project-dialog figure{height:100%;min-height:0;overflow:hidden}
.project-dialog figure img{width:100%;height:100%;max-height:none;object-fit:cover;overflow:hidden}
.project-dialog-copy{height:100%;min-height:0;max-height:100%;overflow:hidden}

@media(max-width:900px){.project-dialog{height:min(820px,94vh)}.project-dialog-layout{grid-template-rows:minmax(0,52%) minmax(0,48%)}.project-dialog figure{height:100%}.project-dialog-copy{height:100%;overflow:hidden}}
@media(max-width:620px){.project-dialog{height:94vh}.project-dialog-layout{grid-template-rows:minmax(0,42%) minmax(0,58%)}.project-dialog figure{height:100%}.project-dialog-copy{height:100%;overflow:hidden}}

/* Modal projets agrandie : image entière, zones strictement contenues */
.project-dialog{width:94vw;max-width:1440px;height:90vh;max-height:none;padding:0;overflow:hidden}
.project-dialog-layout{grid-template-columns:minmax(0,62%) minmax(0,38%);grid-template-rows:100%;width:100%;height:100%;min-height:0;overflow:hidden}
.project-dialog figure{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;background:#0b2039}
.project-dialog figure img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;overflow:hidden}
.project-dialog-copy{width:100%;height:100%;min-width:0;min-height:0;max-height:100%;padding:clamp(2rem,4vw,4rem);overflow:hidden;justify-content:center}

.projects-more{display:flex;justify-content:center;margin-top:2.5rem}.button-outline{border-color:var(--ink);color:var(--ink);background:transparent}.button-outline:hover{background:var(--hover);border-color:var(--hover);color:#fff}.faq{padding:clamp(6rem,10vw,10rem) 0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.6rem 0;cursor:pointer;font-size:1.05rem;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.5rem;font-weight:400;color:var(--accent);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:820px;margin:0;padding:0 3rem 1.8rem 0;color:#556273;line-height:1.75}.contact-promise{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--hover)!important;margin-top:1.5rem}

@media(max-width:900px){.project-dialog{width:94vw;height:92vh}.project-dialog-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,55%) minmax(0,45%)}.project-dialog figure{height:100%}.project-dialog-copy{height:100%;padding:1.6rem;overflow:hidden}.project-dialog-copy h2{font-size:clamp(1.8rem,5vw,2.8rem);margin:.25rem 0}.project-dialog-meta{margin:.5rem 0 1rem}.project-dialog-copy>p:last-child{line-height:1.55;margin-bottom:0}}
@media(max-width:620px){.project-dialog{width:calc(100vw - 1rem);height:94vh}.project-dialog-layout{grid-template-rows:minmax(0,46%) minmax(0,54%)}.project-dialog-copy{padding:1.25rem}.project-dialog-category{margin:.2rem 0}.project-dialog-copy h2{font-size:1.75rem}.project-dialog-meta{font-size:.75rem}.project-dialog-copy>p:last-child{font-size:.86rem;line-height:1.45}.faq-list summary{font-size:.95rem;gap:1rem}.faq-list details p{padding-right:0}.projects-more .button{width:100%}}

/* Avis clients : preuve sociale sans carte Google Maps */
.reviews{padding:clamp(6rem,10vw,10rem) 0 0}.reviews h2{font-size:clamp(2.6rem,4.5vw,5rem)}.reviews h2 span{color:var(--accent);font-style:italic;font-weight:400}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}.review-card{display:flex;flex-direction:column;min-height:100%;padding:clamp(1.6rem,3vw,2.4rem);background:#fff;border-top:3px solid var(--accent);box-shadow:0 20px 45px rgba(19,43,72,.07)}.review-stars{color:var(--accent);font-size:.9rem;letter-spacing:.18em}.review-card>p{margin:1.4rem 0 2rem;color:#43546a;font-size:.93rem;line-height:1.75}.review-card footer{margin-top:auto;padding:1.2rem 0 0;background:transparent;color:var(--ink);display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}.review-card footer strong{font-size:.86rem;letter-spacing:.12em}.review-card footer a{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--hover)}.review-card footer a:hover{color:var(--accent)}
@media(max-width:900px){.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}}
@media(max-width:620px){.reviews{padding-top:5rem}.review-card footer{align-items:flex-start;flex-direction:column}}

/* Formulaire de contact côté serveur */
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form .button:disabled{cursor:wait;opacity:.65}.form-note{min-height:1.2em}

/* Galerie horizontale — présentation type Réels */
.project-reels-shell{position:relative}.project-reels{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,300px);gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:.2rem;padding:.25rem .15rem 1rem;scrollbar-width:none}.project-reels::-webkit-scrollbar{display:none}.project-reel-card{position:relative;aspect-ratio:9/14;overflow:hidden;padding:0;border:0;background:#0b2039;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start}.project-reel-card:focus-visible{outline:4px solid var(--hover);outline-offset:3px}.project-reel-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .3s}.project-reel-card:hover img{transform:scale(1.035);filter:brightness(.94)}.project-reel-card .project-caption{padding:6rem 1.35rem 1.35rem}.project-reel-card .project-caption strong{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.18}.project-rail-button{position:absolute;z-index:3;top:50%;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 8px 28px rgba(9,29,49,.2);font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background .2s,color .2s}.project-rail-button:hover{background:var(--hover);color:#fff}.project-rail-button:disabled{opacity:0;pointer-events:none}.project-rail-prev{left:-24px}.project-rail-next{right:-24px}.project-rail-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.8rem;color:#687485;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}

/* Visionneuse projets — trois panneaux pour un swipe intégral */
.project-dialog{position:fixed;width:96vw;max-width:1500px;height:92vh;max-height:none;padding:0;overflow:hidden;background:#fff}.project-dialog-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.project-dialog-track{display:flex;width:100%;height:100%;will-change:transform;transform:translate3d(-100%,0,0)}.project-dialog .project-dialog-layout{display:grid;grid-template-columns:minmax(0,62%) minmax(0,38%);grid-template-rows:100%;flex:0 0 100%;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.project-dialog .project-dialog-layout figure{width:100%;height:100%;min-width:0;min-height:0;margin:0;overflow:hidden;background:#0b2039}.project-dialog .project-dialog-layout figure img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.project-dialog .project-dialog-copy{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;padding:clamp(2.4rem,4vw,4.8rem);overflow:hidden}.project-dialog-description{color:#556273;line-height:1.72;margin-bottom:0}.project-dialog-nav{position:absolute;z-index:6;top:50%;width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--ink);box-shadow:0 10px 35px rgba(5,24,43,.28);font-size:2.2rem;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .2s,color .2s,transform .2s}.project-dialog-nav:hover{background:var(--hover);color:#fff}.project-dialog-prev{left:1rem}.project-dialog-next{right:1rem}.project-dialog .dialog-close{position:absolute;z-index:8;right:1rem;top:1rem}.project-dialog-counter{position:absolute;z-index:7;left:50%;bottom:.85rem;transform:translateX(-50%);margin:0;padding:.35rem .7rem;background:rgba(11,32,57,.8);color:#fff;font-size:.68rem;letter-spacing:.16em}

@media(max-width:900px){.project-reels{grid-auto-columns:clamp(210px,38vw,280px)}.project-rail-prev{left:-14px}.project-rail-next{right:-14px}.project-dialog{width:96vw;height:94vh}.project-dialog .project-dialog-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,56%) minmax(0,44%)}.project-dialog .project-dialog-copy{padding:1.8rem 2.2rem}.project-dialog-nav{width:46px;height:46px}.project-dialog-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}}
@media(max-width:620px){.project-reels{grid-auto-columns:min(76vw,270px);gap:.8rem;margin-right:calc((100vw - 100%)/-2);padding-right:1.25rem}.project-rail-button{display:none}.project-rail-footer span:last-child{display:none}.project-dialog{width:calc(100vw - .5rem);height:96vh}.project-dialog .project-dialog-layout{grid-template-rows:minmax(0,54%) minmax(0,46%)}.project-dialog .project-dialog-copy{padding:1.25rem 1.5rem 2.2rem}.project-dialog .project-dialog-copy h2{font-size:1.7rem}.project-dialog-category{font-size:.62rem}.project-dialog-meta{font-size:.72rem;margin:.4rem 0 .75rem}.project-dialog-description{font-size:.84rem;line-height:1.48;-webkit-line-clamp:6}.project-dialog-nav{top:27%;width:42px;height:42px;font-size:1.9rem}.project-dialog-prev{left:.65rem}.project-dialog-next{right:.65rem}.project-dialog .dialog-close{right:.65rem;top:.65rem}.project-dialog-counter{bottom:.45rem}}
@media(prefers-reduced-motion:reduce){.project-reel-card img,.project-dialog-track{transition:none!important}}