@font-face{font-family:Space;src:url(assets/space-grotesk-0.woff2);font-weight:400;font-display:swap}@font-face{font-family:Space;src:url(assets/space-grotesk-1.woff2);font-weight:600 900;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-0.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:Noto;src:url(assets/noto-serif-display-0.woff2);font-weight:400;font-display:swap}@font-face{font-family:Oswald;src:url(assets/oswald-0.woff2);font-weight:200 900;font-display:swap}
:root{--blue:#001e4c;--yellow:#ffd500;--paper:#f7f6ef;--ink:#001e4c;--line:#001e4c30;--display:Space,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Inter,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{color:inherit}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.06;font-weight:600;text-wrap:balance}h1{font-size:clamp(48px,6.8vw,105px);letter-spacing:-.055em;margin:22px 0}h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-.035em}h3{font-size:24px}p{margin:0 0 1em}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c25d00;outline-offset:5px}::selection{background:var(--yellow);color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:1000;top:0;left:20px;padding:15px;background:var(--yellow);transform:translateY(-110%)}.skip-link:focus{transform:none}.eyebrow{font:600 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.button{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:13px 22px;font-size:13px;font-weight:600}.button:hover{background:var(--yellow);color:var(--blue);text-decoration:none}.button span{font-size:22px}.text-link{font-size:13px;border-bottom:1px solid;padding:10px 0}.proposal-bar{height:44px;background:#e9edf2;color:var(--blue);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px;font-size:11px;border-bottom:1px solid var(--line)}.proposal-bar select{color:var(--blue);background:transparent;border:0;max-width:230px;min-height:40px;font-size:12px;cursor:pointer}.site-header{height:106px;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font:600 22px/1 Space,sans-serif;letter-spacing:-.03em}.brand:hover{text-decoration:none}.brand img{width:55px;height:60px;object-fit:contain}.brand small{font:500 8px/1.5 Inter,sans-serif;display:block;letter-spacing:.15em;margin-top:9px}.site-header nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:500}.site-header nav a{padding:12px 0}.site-header nav a:last-child{border:1px solid currentColor;padding:10px 18px}.site-header nav [aria-current]{text-decoration:underline;text-underline-offset:8px}.menu-toggle{display:none}.hero{position:relative;min-height:660px;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero-intro{font-size:16px;line-height:1.75;max-width:37ch;margin:26px 0}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-photo{height:100%;width:100%;object-fit:cover}.information-bar{display:flex;align-items:center;gap:32px;padding:23px 4vw;border-block:1px solid var(--line);font-size:12px}.information-bar>span{margin-right:auto;font-weight:600}.information-bar a{white-space:nowrap}.reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4vw;max-width:1400px;margin:auto;padding:90px 4vw}.page-index{align-self:start;position:sticky;top:30px;font-size:12px;max-height:85vh;overflow:auto}.page-index>.eyebrow{display:block;border-bottom:2px solid;padding-bottom:14px;margin-bottom:12px}.page-index nav{display:flex;flex-direction:column;margin-bottom:35px}.page-index nav a{padding:8px 0;border-bottom:1px solid var(--line);line-height:1.4}.index-link{display:block;margin-top:15px;font-weight:600}.page-content{min-width:0;font-size:16px;line-height:1.8}.page-content h2{margin:0 0 26px}.page-content h3{margin:32px 0 18px}.page-content h4{font-size:19px;margin:20px 0 12px}.page-content p{max-width:76ch;margin:0 0 20px}.page-content a{color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.page-content img{width:100%;object-fit:contain;height:auto;max-height:850px}.page-content .wp-block-image{margin:24px 0}.page-content .wp-block-image figcaption{font-size:12px;padding:8px 0}.page-content video{max-width:100%;max-height:600px;background:var(--blue)}.page-content iframe{width:100%;max-width:100%;border:0;min-height:350px}.page-content ul,.page-content ol{padding-left:24px}.page-content li{margin:0 0 12px}.dx-import-section{margin-bottom:65px}.dx-import-row{display:grid;gap:28px;margin-bottom:30px;align-items:start}.dx-cols-1{grid-template-columns:minmax(0,1fr)}.dx-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dx-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dx-import-column{min-width:0}.dx-import-column>:last-child{margin-bottom:0}.dx-import-column h2{font-size:clamp(24px,2.7vw,38px)}.dx-member h2,.dx-member h3{font-size:21px}.dx-member{padding-bottom:25px;border-bottom:1px solid var(--line)}.dx-member img{max-height:320px;object-fit:cover}.dx-gallery .dx-import-column{height:100%}.wp-block-table{margin:24px 0;overflow-x:auto}.page-content table{border-collapse:collapse;width:100%;font-size:14px}.page-content td,.page-content th{border:0;border-bottom:1px solid var(--line);padding:16px 10px;text-align:left;vertical-align:top;min-width:85px}.page-content tr:first-child{background:var(--blue);color:#fff}.page-content tr:nth-child(2n+3){background:#001e4c07}.page-content .wp-block-button__link{background:var(--blue);color:#fff;padding:14px 20px;font-size:13px;border-radius:0;text-decoration:none}.page-content .wp-block-buttons{margin:20px 0}.page-heading{padding:65px 4vw 60px;position:relative;border-bottom:1px solid var(--line)}.page-heading h1{max-width:1100px}.heading-mark{position:absolute;right:4vw;top:50px;font-size:80px;color:var(--yellow)}.page-heading h1{padding-right:70px}.closing{padding:75px 4vw;background:var(--yellow);display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start}.closing h2{font-size:clamp(38px,4.5vw,68px);margin:0}.closing .button{grid-column:2;justify-self:start}.site-footer{background:var(--blue);color:#fff;padding:60px 4vw 20px}.footer-title{font:600 clamp(40px,7vw,105px)/1 Space,sans-serif;letter-spacing:-.05em}.footer-title span{display:block;font:14px/2 Inter,sans-serif;letter-spacing:0;margin:16px 0 40px}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 25px;font-size:12px;margin-bottom:50px}.footer-bottom{font-size:10px;display:flex;gap:30px;padding-top:25px;border-top:1px solid #ffffff50}.footer-bottom>span{margin-right:auto}.global-content{background:#fff;color:var(--blue);padding:24px;margin-bottom:35px}.global-content .dx-import-section{margin-bottom:0}.global-content .dx-import-row{margin-bottom:15px}.global-content h2{font:500 15px/1.4 Inter,sans-serif}.global-content img{max-height:55px;width:100%;object-fit:contain;max-width:150px;margin:auto}.global-content .dx-cols-3{display:flex;justify-content:space-around;gap:40px}.global-content .dx-import-column{flex:1}.news-row{display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);padding:25px 0;text-decoration:none!important}.news-row time{font-size:11px;min-width:80px}.news-row h3{margin:0;flex:1;font-size:24px}.contact-action{padding:30px;border:1px solid var(--line);background:#eaf0f6}.contact-action h3{margin-top:0}.contact-action .button{text-decoration:none}.empty{padding:100px 4vw}
/* 01 — Une coupe dans le paysage. */
.hero-relief{display:grid;grid-template-columns:1.1fr 1fr;padding:65px 4vw 80px;align-items:center;gap:30px;background:#eceee8}.hero-relief h1{font-size:clamp(55px,7.5vw,116px)}.relief-photo{height:490px;clip-path:polygon(22% 0,100% 0,100% 88%,75% 100%,0 100%,0 24%);position:relative}.relief-photo img{object-position:45% center}.relief-photo figcaption{position:absolute;bottom:20px;left:25px;color:#fff;font-size:10px;background:#001e4cbb;padding:4px 10px}.relief-contours{position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse at 88% 100%,transparent 0 31px,#001e4c18 32px 33px,transparent 34px 57px);mask-image:linear-gradient(80deg,transparent,#000)}.relief-bottom{position:absolute;bottom:25px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.style-relief .page-heading{background:#eceee8}.style-relief .dx-member{border-left:3px solid var(--yellow);padding-left:18px}
/* 02 — La portée organise la page. */
.style-cadence{--display:Oswald,Arial,sans-serif;background:#fffdf3}.hero-cadence{padding:50px 4vw 70px;display:grid;grid-template-columns:1.15fr 1fr;gap:4vw;align-items:center}.hero-cadence h1{text-transform:uppercase;font-size:clamp(65px,8.4vw,130px);letter-spacing:-.03em;line-height:.96}.tempo{position:absolute;top:22px;right:4vw;display:flex;gap:15px;align-items:center;font-size:40px}.tempo span{font:italic 12px/1.2 Noto,serif}.cadence-photo{height:400px;margin-top:30px;transform:translateY(40px);position:relative;border:12px solid var(--yellow)}.staff{position:absolute;left:0;right:0;top:45%;z-index:-1;opacity:.25}.staff i{display:block;border-top:1px solid var(--blue);margin:15px 0}.staff b{position:absolute;right:43%;bottom:0;font-size:50px}.style-cadence .information-bar{border-block:3px double var(--blue)}.style-cadence .page-heading{border-bottom:6px double var(--blue)}.style-cadence .page-content h2{text-transform:uppercase}.style-cadence .page-index{border-top:8px solid var(--yellow);padding-top:20px}
/* 03 — Une composition de société, en médaillon. */
.style-embleme{--display:Noto,Georgia,serif;background:#f7f2df}.style-embleme .site-header{background:var(--blue);color:#fff;border-color:#ffffff44}.hero-embleme{background:var(--blue);color:#fff;margin:0;padding:15px 4vw 45px}.emblem-top{display:flex;justify-content:space-between;border-top:1px solid #ffffff66;border-bottom:1px solid #ffffff66;padding:12px 0;font-size:11px;letter-spacing:.2em;color:var(--yellow)}.emblem-layout{display:grid;grid-template-columns:50px 1fr 50px;text-align:center;padding:30px 0}.emblem-layout>div{display:flex;align-items:center;flex-direction:column}.hero-embleme h1{font-size:clamp(45px,5vw,76px);font-weight:400;line-height:1.1;margin-top:10px;margin-bottom:25px}.emblem-photo{width:560px;max-width:100%;height:240px;border-radius:50% 50% 6px 6px/100% 100% 6px 6px;overflow:hidden;border:6px solid var(--yellow)}.emblem-side{writing-mode:vertical-rl;align-self:center;justify-self:center;font-size:11px;letter-spacing:.3em;color:var(--yellow)}.hero-embleme .hero-intro{max-width:60ch;font-size:14px;margin:20px 0}.hero-embleme .button{background:var(--yellow);color:var(--blue)}.hero-embleme .eyebrow{font-size:9px}.style-embleme .page-heading{text-align:center;border:8px double var(--blue);margin:30px}.style-embleme .heading-mark{display:none}.style-embleme .page-heading h1{padding:0}.style-embleme .dx-member img{border-radius:50% 50% 0 0}.style-embleme .page-content h2{font-weight:400}.style-embleme .closing{text-align:center;display:block}.style-embleme .closing .button{margin-top:25px}
/* 04 — Deux courants, une confluence. */
.style-confluence{--display:Space,Arial,sans-serif;background:#f9f7ed}.hero-confluence{padding:60px 4vw;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:740px}.flow-shape{position:absolute;width:75%;height:120%;right:-25%;top:-10%;background:var(--yellow);border-radius:50% 30% 0 50%;z-index:-1;transform:rotate(15deg)}.flow-photo{height:460px;border-radius:44% 56% 60% 40% / 47% 36% 64% 53%;overflow:hidden;transform:rotate(-5deg)}.flow-photo img{transform:rotate(5deg) scale(1.1)}.hero-confluence h1{font-size:clamp(60px,8vw,120px);line-height:.98}.flow-word{position:absolute;bottom:-40px;left:3vw;font-size:13vw;color:#001e4c09;font-weight:600;letter-spacing:-.06em;z-index:-1}.style-confluence .button{border-radius:40px}.style-confluence .page-heading{background:var(--yellow);border-radius:0 0 100px 0}.style-confluence .page-content .wp-block-image img{border-radius:28px}.style-confluence .closing{border-radius:80px 0 0 0}
/* 05 — Une façade composée de pleins et de vides. */
.style-architecture{background:#e9edf0;--display:Space,Arial,sans-serif}.hero-architecture{display:grid;grid-template-columns:.7fr 1fr 1.05fr;gap:0;padding:0;min-height:650px;border-bottom:1px solid var(--blue)}.architecture-sign{font:600 clamp(48px,6.4vw,96px)/.9 Space,sans-serif;letter-spacing:-.06em;background:var(--yellow);padding:70px 25px;display:flex;flex-direction:column;justify-content:space-between}.architecture-sign>span{font:11px/1.5 Inter,sans-serif;letter-spacing:.1em}.architecture-windows{display:grid;grid-template-rows:1.5fr 1fr;min-width:0}.architecture-windows figure{overflow:hidden}.architecture-windows img{object-position:65% center}.architecture-block{padding:25px;background:var(--blue);color:#fff;display:flex;justify-content:space-between}.architecture-block>span{font-size:10px;writing-mode:vertical-rl;letter-spacing:.2em}.architecture-block b{font:400 60px/1.1 Space,sans-serif;text-align:right}.hero-architecture .hero-copy{padding:70px 35px}.hero-architecture h1{font-size:clamp(44px,5vw,76px);line-height:1.05}.hero-architecture .hero-actions{gap:15px}.hero-architecture .eyebrow{font-size:9px}.style-architecture .site-header{border-bottom:2px solid var(--blue)}.style-architecture .page-heading{background:var(--blue);color:#fff}.style-architecture .page-content>.dx-import-section{border-bottom:2px solid var(--blue);padding-bottom:35px}.style-architecture .reading-layout{grid-template-columns:210px minmax(0,1fr)}.style-architecture .page-index{border-right:1px solid var(--blue);padding-right:25px}
/* 06 — Trois fenêtres, un horizon. */
.style-panorama{background:#faf8ee;--display:Noto,Georgia,serif}.hero-panorama{padding:45px 4vw 40px}.panorama-title{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:30px}.panorama-title h1{font-size:clamp(48px,6vw,90px);margin:0;font-weight:400;line-height:1.05}.panorama-title .eyebrow{max-width:160px}.panorama-windows{display:grid;grid-template-columns:1.4fr 1fr .4fr;gap:14px;height:340px}.panorama-windows figure{overflow:hidden}.panorama-windows figure:first-child{border-radius:140px 0 0 0}.panorama-windows figure:nth-child(2) img{object-position:center}.panorama-coordinate{background:var(--yellow);display:flex;flex-direction:column;justify-content:space-between;padding:25px 15px;font:10px/1.7 Inter,sans-serif;letter-spacing:.1em}.panorama-coordinate b{font-size:80px;line-height:1}.panorama-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.panorama-bottom .hero-intro{max-width:56ch;font-size:14px;margin-bottom:0}.style-panorama .page-heading{background:#e9edf0}.style-panorama .page-content h2{font-weight:400}.style-panorama .reading-layout{gap:6vw}.style-panorama .closing{border-block:10px solid var(--blue)}
/* 07 — Le ruban du cortège. */
.style-ruban{background:var(--blue);color:#fff;--ink:#fff;--line:#ffffff44;--display:Oswald,sans-serif}.style-ruban .site-header{border-color:#ffffff44}.hero-ruban{min-height:730px;padding:180px 4vw 65px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.ribbon-word{position:absolute;top:40px;left:-2%;width:110%;background:var(--yellow);color:var(--blue);font:600 72px/1.3 Oswald,sans-serif;letter-spacing:.03em;white-space:nowrap;transform:rotate(-4deg);padding:0 30px}.ribbon-photo{height:400px;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%)}.hero-ruban h1{text-transform:uppercase;font-size:clamp(55px,6vw,94px);letter-spacing:-.02em;line-height:1}.hero-ruban .hero-intro{font-size:15px}.style-ruban .button{background:var(--yellow);color:var(--blue)}.ribbon-end{position:absolute;bottom:20px;left:4vw;font-size:10px;letter-spacing:.2em}.style-ruban .page-content tr:first-child{background:var(--yellow);color:var(--blue)}.style-ruban .page-content tr:nth-child(2n+3){background:#ffffff0d}.style-ruban .page-heading{border-bottom:8px solid var(--yellow)}.style-ruban .closing{color:var(--blue);transform:none}.style-ruban .closing .button{background:var(--blue);color:#fff}.style-ruban .contact-action{background:#12315e}.style-ruban .page-content .wp-block-button__link{background:var(--yellow);color:var(--blue)}
/* 08 — Des anneaux sonores. */
.style-resonance{background:#f3f3ec;--display:Noto,Georgia,serif}.hero-resonance{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:80px 4vw;gap:5vw;min-height:690px}.hero-resonance h1{font-size:clamp(45px,6vw,90px);font-weight:400}.resonance-disc{position:relative;aspect-ratio:1;display:grid;place-items:center;margin:30px}.resonance-disc figure{width:78%;height:78%;border-radius:50%;overflow:hidden;border:14px solid var(--blue)}.disc-ring{position:absolute;border:1px solid var(--blue);border-radius:50%;inset:0;z-index:-1}.ring-1{inset:-9%}.ring-2{inset:-18%;opacity:.2}.ring-3{inset:9%;border:18px solid var(--yellow)}.disc-caption{position:absolute;bottom:-15px;right:10px;background:var(--yellow);color:var(--blue);font:10px/1.5 Inter,sans-serif;letter-spacing:.15em;padding:15px 24px;border-radius:50px;transform:rotate(-12deg)}.style-resonance .page-heading{background:repeating-radial-gradient(circle at right bottom,transparent 0 35px,#001e4c10 36px 37px,transparent 38px 70px)}.style-resonance .page-content h2{font-weight:400}.style-resonance .dx-member img{border-radius:50%;aspect-ratio:1;object-fit:cover}.style-resonance .information-bar{border-block:4px double var(--blue)}
/* 09 — Une mosaïque de personnes et de signes. */
.style-mosaique{background:#fffdf4}.hero-mosaique{padding:30px 4vw 45px;min-height:660px}.mosaic-grid{display:grid;grid-template-columns:1.2fr .85fr .5fr;grid-template-rows:auto 240px;gap:12px}.mosaic-title{padding:20px 15px 35px 0}.mosaic-title h1{font-size:clamp(50px,5.7vw,88px);line-height:1;margin:18px 0 0}.mosaic-one{grid-column:2;grid-row:1;border-radius:0 90px 0 0;overflow:hidden}.mosaic-symbol{grid-column:3;grid-row:1;display:grid;place-items:center;background:var(--yellow);font-size:140px;border-radius:0 0 80px 0}.mosaic-two{grid-column:1;grid-row:2;overflow:hidden;border-radius:0 0 0 80px}.mosaic-caption{padding:25px;background:#e9edf2}.mosaic-caption .hero-intro{font-size:13px;margin:0 0 20px}.mosaic-caption .hero-actions{gap:10px}.mosaic-caption .button{font-size:11px;padding:10px 15px;min-height:42px}.mosaic-caption .text-link{font-size:11px}.mosaic-date{background:var(--blue);color:var(--yellow);padding:20px;font:600 60px/.9 Space,sans-serif;letter-spacing:-.05em}.mosaic-date span{font:9px/1.8 Inter,sans-serif;display:block;margin-top:25px;letter-spacing:.1em;color:#fff}.style-mosaique .page-heading{background:var(--yellow);border-radius:0 90px 0 0;margin:25px 4vw 0;padding:45px}.style-mosaique .dx-member{padding:20px;background:#e9edf2;border:0}.style-mosaique .dx-member:nth-child(even){border-radius:0 0 50px 0}.style-mosaique .closing{margin:0 4vw;border-radius:60px 0 0 0}
/* 10 — Un soleil sur le bleu. */
.style-azur{background:#f8f6e9}.style-azur .site-header{background:var(--blue);color:#fff;border-color:#ffffff33}.hero-azur{background:var(--blue);color:#fff;padding:70px 4vw 85px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:700px}.hero-azur h1{font-size:clamp(65px,8.5vw,128px);line-height:.96;letter-spacing:-.065em}.solar-disc{position:absolute;width:600px;height:600px;border-radius:50%;background:var(--yellow);right:-130px;top:-120px;z-index:-1}.solar-photo{height:440px;margin-top:70px;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);border-bottom:15px solid var(--yellow)}.hero-azur .button{background:var(--yellow);color:var(--blue)}.solar-caption{position:absolute;bottom:25px;right:4vw;font-size:9px;letter-spacing:.15em}.style-azur .page-heading{background:var(--blue);color:#fff;overflow:hidden}.style-azur .heading-mark{background:var(--yellow);color:var(--blue);border-radius:50%;width:110px;height:110px;text-align:center;top:25px}.style-azur .page-content h2{border-left:6px solid var(--yellow);padding-left:20px}.style-azur .closing{background:var(--blue);color:#fff;border-top:20px solid var(--yellow)}.style-azur .closing .button{background:var(--yellow);color:var(--blue)}
/* Le catalogue des dix directions. */
.gallery-page{background:#f5f4ed;color:var(--blue);min-height:100vh}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;border-bottom:1px solid var(--line)}.gallery-header>span{font-size:11px;letter-spacing:.12em}.gallery-intro{padding:80px 4vw 65px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end;position:relative}.gallery-intro h1{font:600 clamp(60px,7.2vw,110px)/.98 Space,sans-serif;letter-spacing:-.06em;margin:18px 0 0}.gallery-intro h1 em{font-family:Noto,serif;font-weight:400}.gallery-intro .intro-right{padding-bottom:5px}.gallery-intro p{max-width:42ch;font-size:15px}.gallery-intro .palette{display:flex;gap:9px;align-items:center;font-size:10px;margin-top:30px;letter-spacing:.1em}.palette i{width:25px;height:25px;border-radius:50%;background:var(--blue)}.palette i:last-of-type{background:var(--yellow);margin-right:10px}.gallery-toolbar{display:flex;align-items:center;gap:20px;padding:20px 4vw;border-block:1px solid var(--line);font-size:12px}.gallery-toolbar strong{margin-right:auto}.filter-favorites{border:1px solid var(--blue);padding:8px 15px;background:transparent;color:var(--blue)}.filter-favorites[aria-pressed=true]{background:var(--blue);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px;padding:40px 4vw 80px}.direction-card{min-width:0}.direction-card[hidden]{display:none}.direction-preview{display:block;position:relative;background:#dfe4e9;overflow:hidden;aspect-ratio:1.6;border:1px solid var(--line)}.direction-preview img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.direction-preview:hover img{transform:scale(1.025)}.preview-open{position:absolute;bottom:15px;right:15px;padding:10px 17px;background:var(--blue);color:#fff;font-size:11px;opacity:0;transition:opacity .2s}.direction-preview:hover .preview-open,.direction-preview:focus .preview-open{opacity:1}.card-meta{display:flex;align-items:center;gap:15px;margin-top:20px}.direction-number{font-size:11px;border:1px solid var(--blue);width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.card-meta h2{font:600 30px/1.1 Space,sans-serif;margin:0;flex:1;letter-spacing:-.04em}.favorite{border:0;background:transparent;font-size:22px;width:44px;height:44px}.favorite[aria-pressed=true]{color:#875900}.direction-card>p{font-size:13px;line-height:1.6;max-width:60ch;margin:12px 0 18px}.card-actions{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid var(--line);padding-top:15px}.card-actions>a{font-weight:600}.card-actions label{display:flex;gap:8px;align-items:center;cursor:pointer}.card-actions input{accent-color:var(--blue);width:17px;height:17px}.gallery-note{margin:0 4vw 60px;padding:35px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.gallery-note h2{margin:0;font-size:30px}.gallery-note p{font-size:13px}.gallery-footer{background:var(--blue);color:#fff;padding:35px 4vw;display:flex;justify-content:space-between;gap:25px;font-size:11px}.compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;padding:10px 14px 10px 23px;z-index:25;display:flex;gap:25px;align-items:center;box-shadow:0 10px 40px #001e4c33;min-width:370px;font-size:12px}.compare-tray[hidden]{display:none}.compare-tray button{background:var(--yellow);color:var(--blue);border:0;padding:12px 20px;font-weight:600}.compare-tray button:disabled{opacity:.5;cursor:default}.compare-dialog{width:96vw;max-width:none;height:94vh;max-height:none;border:0;padding:0;background:#e9edf2;color:var(--blue)}.compare-dialog::backdrop{background:#001e4cbb}.compare-header{display:flex;padding:12px 20px;justify-content:space-between;align-items:center;gap:25px;font-size:13px}.compare-header button{background:var(--blue);color:#fff;border:0;padding:10px 20px}.compare-frames{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 65px);gap:8px;padding:0 8px 8px}.compare-frames iframe{width:100%;height:100%;border:0;background:#fff}.empty-favorites{padding:30px 4vw 60px}.social-links{display:flex;gap:25px;margin-top:15px;font-size:12px}
@media(min-width:1600px){.hero{padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.hero-architecture{padding:0}.hero-mosaique{max-width:1600px;margin:auto}.gallery-grid,.gallery-intro{max-width:1600px;margin:auto}}
@media(max-width:1050px){.site-header nav{gap:15px;font-size:11px}.brand{font-size:19px}.brand img{width:45px}.reading-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.hero{min-height:580px}.hero-intro{font-size:14px}.hero-actions{gap:16px}.hero-actions .button{padding:12px 15px;font-size:12px}.hero-architecture .hero-copy{padding:50px 24px}.hero-architecture h1{font-size:48px}.architecture-sign{padding:55px 20px;font-size:60px}.hero-ruban{padding-top:160px}.mosaic-grid{grid-template-rows:auto 260px}.mosaic-symbol{font-size:100px}.mosaic-caption{padding:20px}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){html{scroll-padding-top:20px}.proposal-bar{height:auto;min-height:44px;gap:8px;padding-inline:20px}.proposal-bar>span{display:none}.proposal-bar select{max-width:180px;font-size:11px}.proposal-bar .edit-link{display:none}.site-header{height:90px;padding:15px 22px}.brand{font-size:20px}.brand img{width:48px;height:55px}.menu-toggle{display:flex;align-items:center;gap:15px;min-height:44px;border:0;background:transparent;font-size:12px}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--blue);color:#fff;padding:22px;box-shadow:0 15px 30px #001e4c22;grid-template-columns:1fr 1fr;gap:8px 25px;font-size:14px}.site-header nav.open{display:grid}.site-header nav a{padding:12px 0}.site-header nav a:last-child{border:0;padding:12px 0}.hero{min-height:auto;padding:45px 22px}.hero h1{font-size:clamp(48px,10vw,76px)}.hero-intro{font-size:15px}.hero-relief,.hero-cadence,.hero-confluence,.hero-resonance,.hero-azur{grid-template-columns:1fr;gap:35px}.hero-relief{padding-bottom:70px}.relief-photo{height:330px;clip-path:polygon(18% 0,100% 0,100% 85%,80% 100%,0 100%,0 20%)}.relief-bottom{left:22px;right:22px;font-size:8px}.hero-cadence{padding-top:55px}.hero-cadence h1{font-size:85px}.tempo{top:10px;right:22px;font-size:25px}.cadence-photo{height:300px;margin:0;transform:none}.staff{top:23%}.hero-embleme{padding:12px 18px 40px}.emblem-layout{grid-template-columns:20px 1fr 20px;gap:10px}.emblem-side{font-size:8px;letter-spacing:.15em}.emblem-photo{height:210px}.emblem-top{font-size:9px}.hero-embleme h1{font-size:43px}.hero-embleme .hero-actions{justify-content:center}.hero-embleme .hero-intro{font-size:13px}.hero-confluence{padding-bottom:60px}.flow-photo{height:340px;margin:0 25px}.flow-shape{width:110%;height:70%;right:-45%;top:40%}.flow-word{font-size:24vw;bottom:-15px}.hero-architecture{padding:0;grid-template-columns:.75fr 1.25fr}.architecture-sign{padding:30px 22px;font-size:58px;min-height:310px}.architecture-windows{min-height:310px;grid-template-rows:1fr}.architecture-block{display:none}.hero-architecture .hero-copy{grid-column:1/-1;padding:40px 22px}.hero-architecture h1{font-size:64px}.hero-panorama{padding:40px 22px}.panorama-title{display:block}.panorama-title .eyebrow{max-width:none;margin-bottom:20px}.panorama-title h1{font-size:58px}.panorama-windows{grid-template-columns:1.3fr 1fr;height:260px;gap:8px}.panorama-windows figure:first-child{border-radius:80px 0 0 0}.panorama-coordinate{display:none}.panorama-bottom{display:block}.panorama-bottom .hero-intro{margin:25px 0}.hero-ruban{padding:135px 22px 65px;display:flex;flex-direction:column;gap:30px;align-items:stretch}.ribbon-word{font-size:47px;top:25px}.ribbon-photo{height:300px;order:2}.hero-ruban h1{font-size:70px}.hero-ruban .hero-copy{order:1}.ribbon-end{left:22px}.hero-resonance{padding-bottom:60px;gap:20px}.resonance-disc{width:70%;margin:35px auto}.disc-caption{font-size:8px;padding:12px 18px;right:-10px}.hero-mosaique{padding:25px 16px 35px}.mosaic-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto 230px auto;gap:8px}.mosaic-title{grid-column:1/-1;padding:15px 5px 20px}.mosaic-title h1{font-size:58px}.mosaic-one{grid-column:1;grid-row:2;border-radius:0 60px 0 0}.mosaic-symbol{grid-column:2;grid-row:2;font-size:120px}.mosaic-two{grid-column:1;grid-row:3;min-height:260px;border-radius:0 0 0 50px}.mosaic-caption{grid-column:2;grid-row:3;padding:20px 15px}.mosaic-caption .hero-actions{display:block}.mosaic-caption .text-link{display:inline-block;margin-top:12px}.mosaic-date{display:none}.hero-azur{padding-top:45px;padding-bottom:75px}.hero-azur h1{font-size:86px}.solar-disc{width:380px;height:380px;top:45%;right:-150px}.solar-photo{height:330px;margin:0}.solar-caption{right:22px;font-size:8px}.information-bar{padding:20px 22px;gap:14px;font-size:10px;flex-wrap:wrap}.information-bar>span{width:100%;margin:0 0 3px}.reading-layout,.style-architecture .reading-layout{display:block;padding:45px 22px}.page-index{position:static;max-height:none;margin-bottom:40px;border:0!important;padding:0!important}.page-index nav{display:flex;flex-direction:row;overflow:auto;gap:10px;padding-bottom:10px;margin-bottom:15px;max-height:140px;flex-wrap:wrap}.page-index nav a{font-size:11px;border:1px solid var(--line);padding:8px 11px}.page-index .index-link{display:inline-block;margin:0 18px 0 0;font-size:11px}.page-content{font-size:15px}.page-content h2,.dx-import-column h2{font-size:29px}.dx-import-row{gap:20px}.dx-cols-3,.dx-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-cols-2{grid-template-columns:minmax(0,1fr)}.dx-member h2,.dx-member h3{font-size:20px}.dx-import-section{margin-bottom:45px}.page-heading{padding:40px 22px}.page-heading h1{font-size:49px;padding-right:30px}.heading-mark{font-size:50px;top:30px;right:22px}.style-embleme .page-heading{margin:20px;border-width:5px}.style-mosaique .page-heading{padding:35px 22px;border-radius:0 60px 0 0;margin-inline:16px}.style-azur .heading-mark{width:65px;height:65px;font-size:50px;right:10px}.style-azur .page-heading h1{padding-right:45px}.closing{display:block;padding:50px 22px}.closing h2{font-size:42px}.closing .button{margin-top:25px}.site-footer{padding:45px 22px 25px}.footer-links{grid-template-columns:1fr 1fr;font-size:11px;gap:15px}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom>span{width:100%;margin:0}.global-content{padding:20px 15px}.global-content .dx-cols-3{gap:20px}.global-content img{max-height:40px}.gallery-header{padding:20px 22px}.gallery-header>span{font-size:9px}.gallery-intro{display:block;padding:50px 22px 35px}.gallery-intro h1{font-size:64px}.gallery-intro .intro-right{margin-top:30px}.gallery-intro .palette{margin-top:20px}.gallery-toolbar{padding:16px 22px;gap:10px;font-size:11px}.gallery-grid{grid-template-columns:1fr;padding:25px 22px 50px;gap:40px}.card-meta h2{font-size:28px}.direction-preview{aspect-ratio:1.5}.preview-open{opacity:1;bottom:10px;right:10px;padding:8px 12px;font-size:10px}.gallery-note{margin:0 22px 40px;padding:25px;display:block}.gallery-note h2{margin-bottom:20px;font-size:29px}.gallery-footer{padding:25px 22px;flex-wrap:wrap}.compare-tray{min-width:0;width:calc(100% - 30px);bottom:15px;gap:10px;justify-content:space-between;padding:10px 12px;font-size:11px}.compare-tray button{padding:12px}.compare-frames{grid-template-columns:1fr;overflow:auto;height:calc(100% - 70px)}.compare-frames iframe{height:650px}.compare-header{font-size:11px;padding:10px}.compare-header button{font-size:11px}.compare-dialog{width:100vw;height:100dvh;max-height:100%;}.news-row{gap:15px}.news-row h3{font-size:21px}.news-row time{min-width:65px;font-size:10px}}
@media(max-width:380px){.brand{font-size:17px}.brand small{font-size:7px}.brand img{width:42px}.gallery-intro h1{font-size:55px}.proposal-bar{padding-inline:12px}.proposal-bar select{max-width:160px}.hero-cadence h1,.hero-azur h1{font-size:70px}.hero-embleme h1{font-size:37px}.mosaic-title h1{font-size:49px}.mosaic-caption .hero-intro{font-size:12px}.mosaic-caption .button{font-size:10px;gap:8px}.architecture-sign{font-size:49px}.dx-cols-3,.dx-cols-4{grid-template-columns:1fr}.page-heading h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.dx-live-news .wp-block-post-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;padding:0;list-style:none}.dx-live-news .wp-block-post{border-top:1px solid var(--line);padding-top:25px;min-width:0}.dx-live-news .wp-block-post-featured-image{margin:0 0 18px}.dx-live-news .wp-block-post-featured-image img{aspect-ratio:1.5;object-fit:cover;max-height:300px}.dx-live-news h2{font-size:27px;margin:12px 0 10px!important}.dx-live-news .wp-block-post-date,.dx-live-news .taxonomy-category{font-size:11px}.dx-live-news .wp-block-post-excerpt{font-size:14px;margin-top:16px}.dx-live-news .wp-block-post-excerpt__more-link{font-weight:600}.dx-live-news .wp-block-post-excerpt__excerpt{margin-bottom:10px}.home-content>.dx-import-section:first-child .wp-block-image img{max-height:420px;object-fit:cover}.home-content>.dx-import-section:first-child h2{font-size:26px}.page-content .dx-news-item{padding-block:30px;border-bottom:1px solid var(--line)}
@media(max-width:780px){.dx-live-news .wp-block-post-template{grid-template-columns:1fr}}
.hero>*{min-width:0}.hero-copy h1{overflow-wrap:normal}.hero-cadence .hero-copy{min-width:0}
@media(max-width:780px){.hero-cadence h1{font-size:clamp(48px,14.5vw,90px)}.cadence-photo{width:100%}.hero-ruban h1{font-size:clamp(52px,15vw,75px)}.architecture-sign{font-size:clamp(35px,9vw,58px)}.hero-architecture{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.emblem-layout>div{min-width:0;width:100%}.emblem-photo{width:100%;max-width:560px}
@media(max-width:780px){.emblem-layout{grid-template-columns:20px minmax(0,1fr) 20px}.hero-embleme .hero-actions{gap:16px}}