@font-face{font-family:"Epilogue";src:url(../fonts/epilogue-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Epilogue";src:url(../fonts/epilogue-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(../fonts/source-sans-3-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
:root{
--tangerine:#ffb024;--almond:#fff0cf;--smoke:#ededed;--midnight:#171c2d;--lagoon:#014d67;--afb:#608fa0;
--page:#ededed;--surf:#ffffff;--card:#ffffff;--warm:#fff0cf;--ink:#171c2d;--title:#111013;--muted:#585c68;
--line:#171c2d;--chip:#ededed;--deep:#171c2d;--hover:#014d67;--focus:#014d67;--shape:#171c2d;--header:rgba(237,237,237,.82);
--ease:cubic-bezier(.645,.045,.355,1);
--display:Epilogue,"Helvetica Neue",Arial,sans-serif;
--text:"Source Sans 3","Source Sans Pro","Helvetica Neue",Arial,sans-serif;
}
[data-theme="dark"]{
--page:#171c2d;--surf:#1e2436;--card:#252c42;--warm:#1e2436;--ink:#fff0cf;--title:#ffffff;--muted:#b3b7c4;
--line:#8a90a3;--chip:#252c42;--deep:#0f1320;--hover:#ffb024;--focus:#ffb024;--shape:#252c42;--header:rgba(23,28,45,.82);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.6;overflow-x:clip;transition:background-color .35s var(--ease),color .35s var(--ease)}
img,svg,video{display:block;max-width:100%}
a{color:var(--ink)}a:hover{color:var(--hover)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.on-dark{color:var(--almond)}.on-dark a{color:var(--almond)}.on-dark a:hover{color:var(--tangerine)}.on-dark :focus-visible{outline-color:var(--tangerine)}
.on-tan{color:var(--midnight)}.on-tan a{color:var(--midnight)}.on-tan a:hover{color:var(--lagoon)}.on-tan :focus-visible{outline-color:var(--midnight)}
.d{font-family:var(--display)}
.wrap{max-width:1344px;margin:0 auto;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}
.dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--tangerine);margin-left:.05em}
.meta{font-size:14px;line-height:1.4;color:var(--muted)}.on-dark .meta{color:#b3b7c4}
.h2{margin:0;font-family:var(--display);font-size:clamp(40px,5vw,80px);line-height:.92;font-weight:600;letter-spacing:-.06em;color:var(--title)}
.on-dark .h2{color:#fff}
.mark{position:relative;z-index:0}
.mark::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.16em;background:var(--tangerine);z-index:-1;transform:scaleX(0);transform-origin:0 50%;animation:mark .9s .9s var(--ease) forwards}
@keyframes mark{to{transform:none}}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--display);font-weight:600}
.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 26px;border-radius:10px;font-family:var(--display);font-weight:500;font-size:17px;text-decoration:none;border:0;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease)}
.btn-main,.is-style-main>.wp-block-button__link{background:var(--tangerine);color:var(--midnight)!important}.btn-main:hover,.is-style-main>.wp-block-button__link:hover{background:var(--midnight);color:#fff!important}
[data-theme="dark"] .btn-main:hover,[data-theme="dark"] .is-style-main>.wp-block-button__link:hover{background:var(--almond);color:var(--midnight)!important}
.btn-ghost,.is-style-ghost>.wp-block-button__link{border:1px solid var(--line);color:var(--ink)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--tangerine);color:var(--midnight);padding:10px 16px;border-radius:10px}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--header);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);transition:transform .45s var(--ease),background-color .35s var(--ease)}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.logo{display:block;line-height:0;color:var(--ink)}.logo svg{height:30px;width:auto}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;border-radius:999px;background:var(--card);font-family:var(--display);font-size:15px;font-weight:500}
.nav a{text-decoration:none;padding:10px 14px;border-radius:999px}
.nav a.cta{display:inline-flex;align-items:center;height:44px;padding:0 20px;background:var(--tangerine);color:var(--midnight)}
.tools{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:14px;font-weight:600}
.circle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer;font:inherit}
.circle[aria-current="true"],.circle.ring{border-color:var(--line)}
.circle.muted{color:var(--muted)}
.theme-toggle .sun{display:none}[data-theme="dark"] .theme-toggle .sun{display:block}[data-theme="dark"] .theme-toggle .moon{display:none}
@media (max-width:900px){.nav a:not(.cta){display:none}.site-header .wrap{flex-wrap:nowrap;gap:8px}.nav{padding:4px;margin-left:auto}.tools{gap:4px}}
@media (max-width:480px){.tools .circle[lang]{display:none}.logo svg{height:26px}}
/* hero */
.hero{padding-top:clamp(32px,5vw,80px);padding-bottom:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:clamp(28px,3vw,44px)}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.hero-meta p{margin:0;color:var(--ink)}
.hero h1{margin:0;font-family:var(--display);font-size:clamp(48px,8.6vw,140px);line-height:.9;font-weight:600;letter-spacing:-.06em;color:var(--title)}
.line{display:block;overflow:hidden;padding-bottom:.06em}
.line>span{display:inline-block;transform:translateY(105%);animation:rise 1.1s var(--ease) forwards}
.line:nth-child(2)>span{animation-delay:.12s}.line:nth-child(3)>span{animation-delay:.24s}
@keyframes rise{to{transform:none}}
.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px}
.hero-foot p.lead{margin:0;flex:0 1 540px;font-size:clamp(17px,1.4vw,20px);line-height:1.5}
.hero-foot .ctas{margin:0;display:flex;flex-wrap:wrap;gap:12px}
/* showreel */
.reel{padding-bottom:clamp(48px,6vw,96px)}
.duo{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);gap:12px}
.screen{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#0f1320}
.screen.h{aspect-ratio:16/9}
.screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.screen .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.screen .fallback svg.rings{position:absolute;inset:0;width:100%;height:100%}
.screen .fallback .mk{position:relative;width:22%;color:var(--almond)}
.screen.v .fallback{background:var(--tangerine)}
.screen.v .fallback .mk{width:48%;color:var(--midnight)}
.screen.has-video .fallback{display:none}
.reel-ui{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,2vw,28px);display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:2}
.reel-ui .btns{display:flex;gap:10px}
.rbtn{width:52px;height:52px;border-radius:50%;border:1px solid #8a90a3;background:rgba(15,19,32,.4);color:var(--almond);display:grid;place-items:center;cursor:pointer}
.rbtn.play{background:var(--tangerine);border-color:var(--tangerine);color:var(--midnight)}
.rbtn .i-play,.rbtn .i-on{display:none}
.rbtn[aria-pressed="false"] .i-pause{display:none}.rbtn[aria-pressed="false"] .i-play{display:block}
.rbtn.sound[aria-pressed="true"] .i-off{display:none}.rbtn.sound[aria-pressed="true"] .i-on{display:block}
.reel-ui .meta{color:#b3b7c4;background:rgba(15,19,32,.5);padding:4px 10px;border-radius:5px}
@media (max-width:900px){.duo{grid-template-columns:1fr}.screen.v{display:none}}
/* marquees */
.clients{background:var(--deep);padding:40px 0 44px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.mq{display:flex;width:max-content;font-family:var(--display);font-size:clamp(30px,3.4vw,54px);font-weight:600;letter-spacing:-.045em;white-space:nowrap;animation:defile 60s linear infinite}
.mq.rev{animation-direction:reverse;animation-duration:75s;color:#8a90a3}
.mq>p{margin:0;display:flex;gap:44px;padding-right:44px;align-items:center;color:#fff}
.mq.rev>p{color:#8a90a3}
.mq .dot{width:12px;height:12px;margin:0}
@keyframes defile{to{transform:translateX(-50%)}}
/* manifesto */
.manif{background:var(--deep);border-top:1px solid #2f3650}
.manif .wrap{padding-top:clamp(80px,11vw,176px);padding-bottom:clamp(80px,11vw,176px);display:flex;flex-direction:column;gap:32px}
.manif p.big{margin:0;font-family:var(--display);font-size:clamp(34px,4.6vw,72px);line-height:1.02;font-weight:600;letter-spacing:-.05em;max-width:21ch;color:#6b7290}
.manif .w{transition:color .25s linear}.manif .w.on{color:#fff}
/* build stack */
.build{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px)}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 64px;margin-bottom:40px}
.sec-head p{margin:0;flex:0 1 400px}
.stack{display:flex;flex-direction:column;gap:16px}
.card{position:sticky;border-radius:20px;padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:32px 64px;min-height:440px;transform-origin:50% 0;transition:transform .2s linear}
.card:nth-child(1){top:96px;background:var(--midnight);border:1px solid #2f3650}
.card:nth-child(2){top:120px;background:var(--tangerine)}
.card:nth-child(3){top:144px;background:var(--lagoon)}
.card:nth-child(4){top:168px;background:var(--almond)}
.card .num{font-family:var(--display);font-size:15px;font-weight:600}
.card.on-dark .num{color:var(--tangerine)}
.card h3{margin:0;font-family:var(--display);font-size:clamp(34px,3.8vw,60px);line-height:.95;font-weight:600;letter-spacing:-.055em}
.card.on-dark h3{color:#fff}
.card .txt{display:flex;flex-direction:column;gap:20px}.card .txt p{margin:0;font-size:18px;max-width:30em}
.card ul{margin:0;padding:0;list-style:none;align-self:end;font-family:var(--display);font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-.03em;border-top:1px solid currentColor}
.card ul li{padding:14px 0;border-bottom:1px solid currentColor}
.card.on-dark ul,.card.on-dark ul li{border-color:#2f3650}
.card:nth-child(3) ul,.card:nth-child(3) ul li{border-color:#2a6f86}
.card.on-tan h3{color:var(--midnight)}
@media (max-width:900px){.card{position:static}}
/* expertises */
.exp{background:var(--surf)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}
.exp .split{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px)}
.sticky{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:24px}
.sticky p{margin:0;max-width:26em}
.verbs{margin:0;padding:0;list-style:none;border-top:3px solid var(--line)}
.verbs li{display:flex;flex-direction:column;gap:16px;padding:32px 0;border-bottom:1px solid var(--line)}
.verbs .vh{margin:0;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.verbs .vn{font-family:var(--display);font-size:clamp(36px,3.6vw,56px);line-height:.9;font-weight:600;letter-spacing:-.055em;color:var(--title)}
.verbs p{margin:0}.verbs .desc{font-size:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 14px;border-radius:999px;background:var(--chip);text-decoration:none;font-size:15px;transition:background-color .35s var(--ease),color .35s var(--ease)}
.chip:hover{background:var(--tangerine);color:var(--midnight)}
@media (max-width:900px){.split{grid-template-columns:1fr}.sticky{position:static}}
/* IA */
.ia{background:var(--deep)}
.ia .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px)}
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:12px}
.offer{border-radius:20px;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;gap:24px;min-height:560px;transition:transform .35s var(--ease)}
.offer:hover{transform:translateY(-6px)}
.offer.o1{background:var(--tangerine);color:var(--midnight)}.offer.o2{background:var(--almond);color:var(--midnight)}
.offer .kicker{margin:0;font-family:var(--display);font-size:15px;font-weight:600}
.offer h3{margin:0;font-family:var(--display);font-size:clamp(40px,4.4vw,68px);line-height:.92;font-weight:600;letter-spacing:-.055em;color:var(--midnight)}
.offer p{margin:0;font-size:18px;max-width:28em}
.offer ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.offer ul li{padding:8px 14px;border-radius:999px;border:1px solid var(--midnight)}
.offer .price{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:20px;border-top:1px solid var(--midnight)}
.offer .price p{font-size:16px}
.offer .btn,.offer .wp-block-button__link{height:52px;background:var(--midnight);color:#fff}.offer .btn:hover,.offer .wp-block-button__link:hover{background:var(--lagoon);color:#fff}
/* projects */
.proj{background:var(--surf)}
.proj .wrap{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);display:flex;flex-direction:column;gap:32px}
.filters{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--display);font-size:15px;font-weight:500}
.filters button{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .35s var(--ease),color .35s var(--ease)}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--page);border-color:var(--ink)}
.cases{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px}
.case{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--ink)}
.case.big{grid-column:span 7;grid-row:span 2}.case.small{grid-column:span 5}
.case .ph{position:relative;display:block;border-radius:20px;overflow:hidden;background:#0f1320}
.case.big .ph{flex:1;min-height:460px}.case.small .ph{aspect-ratio:16/11}
.case .ph>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.case:hover .ph>img{transform:scale(1.06)}
.case .ph.shot{background:#fff;padding:0;display:flex;flex-direction:column;border:1px solid #d6d6d9}
[data-theme="dark"] .case .ph.shot{border-color:#2f3650}
.case .ph.shot .bar{display:flex;gap:6px;align-items:center;height:28px;padding:0 14px;background:#fff;border-bottom:1px solid #ededed}
.case .ph.shot .bar i{width:8px;height:8px;border-radius:50%;background:#c9c9cc}
.case .ph.shot .scr{flex:1;overflow:hidden;background:#fff}
.case .ph.shot .scr img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease);transform-origin:50% 0}
.case:hover .ph.shot .scr img{transform:scale(1.04)}
.case .cap{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:start;padding-top:4px;border-top:1px solid var(--line)}
.case .cap .tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:14px}
.case .cap .tags span{padding:3px 10px;border-radius:999px;background:var(--chip);font-size:13px;color:var(--ink)}
.case .cap .client{grid-column:1/-1;font-family:var(--display);font-size:15px;font-weight:600;color:var(--ink)}
.case .t{font-family:var(--display);font-size:clamp(20px,1.7vw,26px);line-height:1.12;font-weight:600;letter-spacing:-.035em;color:var(--title)}
.case.big .t{font-size:clamp(22px,2.1vw,32px)}
.case .go{width:44px;height:44px}
.case:hover .go{background:var(--tangerine);color:var(--midnight);border-color:var(--tangerine)}
.case-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));column-gap:24px;border-top:1px solid var(--line)}
.case-list li{border-bottom:1px solid var(--line)}
.is-filtered{display:none!important}
@media (max-width:900px){.case.big,.case.small{grid-column:span 12;grid-row:auto}.case.big .ph{min-height:0;aspect-ratio:4/3;flex:none}}
/* rows */
.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:background-color .35s var(--ease),padding .35s var(--ease)}
.row .rt{flex:1 1 520px;font-family:var(--display);font-size:clamp(24px,2.6vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.04em;color:var(--title)}
.row.sm{padding:18px 0}.row.sm .rt{flex:1 1 auto;font-size:22px;letter-spacing:-.035em}
.go{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:background-color .35s var(--ease),color .35s var(--ease)}
.row.sm .go{width:44px;height:44px}
.row:hover{background:var(--tangerine);padding-left:24px;padding-right:24px}
.row:hover .rt,.row:hover .meta{color:var(--midnight)}
.row:hover .go{background:var(--midnight);color:var(--tangerine);border-color:var(--midnight)}
.needs{background:var(--page)}
.needs .wrap{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);display:flex;flex-direction:column;gap:40px}
.needs .list{border-top:3px solid var(--line)}
/* method */
.method{position:relative;overflow:hidden;background:var(--warm)}
.method .shape{position:absolute;right:-60px;top:-60px;width:300px;height:300px;pointer-events:none}
@media (max-width:1100px){.method .shape{width:200px;height:200px;right:-70px;top:-70px}}
@media (max-width:640px){.method .shape{display:none}}
.method .wrap{position:relative;padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px);display:flex;flex-direction:column;gap:48px}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));border-top:1px solid var(--line)}
.steps li{display:flex;flex-direction:column;gap:10px;padding:24px 24px 8px 0}
.steps .sn{font-family:var(--display);font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-.045em;color:var(--title)}
.h24{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 32px}
.h24 .n{font-family:var(--display);font-size:clamp(64px,8vw,128px);line-height:.85;font-weight:600;letter-spacing:-.06em;color:var(--title)}
.h24 p{margin:0;flex:1 1 280px;max-width:30em;font-size:18px;line-height:1.5}
/* HL band */
.hl{background:var(--deep)}
.hl .wrap{padding-top:28px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px}
.hl p{margin:0;font-size:18px}
/* journal */
.journal{background:var(--page)}
.journal .wrap{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:32px}
.posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.post{background:var(--card);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:300px;transition:transform .35s var(--ease)}
.post:hover{transform:translateY(-4px)}
.tag{margin:0;align-self:flex-start;padding:4px 10px;border-radius:5px;background:var(--midnight);color:var(--tangerine);font-family:var(--display);font-size:13px;font-weight:600}
.post h3{margin:0;font-family:var(--display);font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.035em;color:var(--title)}
.post h3 a{color:inherit;text-decoration:none}
.post .meta{margin:auto 0 0}
.news{border-radius:20px;padding:28px;background:var(--tangerine);color:var(--midnight);display:flex;flex-direction:column;gap:12px}
.news .nt{margin:0;font-family:var(--display);font-size:26px;line-height:1.05;font-weight:600;letter-spacing:-.04em}
.news p{margin:0}
.news label{margin-top:auto;font-family:var(--display);font-size:15px;font-weight:500}
.news input{height:48px;padding:0 14px;border-radius:10px;border:1px solid var(--midnight);background:var(--almond);color:var(--midnight);font:inherit}
.news button{height:48px;border-radius:10px;border:0;background:var(--midnight);color:#fff;font-family:var(--display);font-size:16px;font-weight:500;cursor:pointer}
@media (max-width:1100px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
/* faq */
.faq{background:var(--page)}
.faq .split{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(64px,8vw,120px)}
.faq h2{margin:0;font-family:var(--display);font-size:clamp(32px,3.6vw,56px);line-height:.95;font-weight:600;letter-spacing:-.055em;color:var(--title)}
.faq .list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.03em;color:var(--title)}
summary::-webkit-details-marker{display:none}
summary .plus{flex:none;font-size:28px;line-height:1;transition:transform .35s var(--ease)}
details[open] summary .plus{transform:rotate(45deg)}
details p{margin:12px 0 0;max-width:40em}
/* contact */
.contact{position:relative;background:var(--tangerine);overflow:hidden}
.contact .deco{position:absolute;right:-120px;top:-150px;width:420px;height:420px}
@media (max-width:1100px){.contact .deco{width:240px;height:240px;right:-120px;top:-120px}}
@media (max-width:700px){.contact .deco{display:none}}
.contact .wrap{position:relative;padding-top:clamp(80px,10vw,144px);padding-bottom:clamp(80px,10vw,144px);display:flex;flex-direction:column;gap:56px}
.contact h2{margin:0;font-family:var(--display);font-size:clamp(52px,9vw,148px);line-height:.88;font-weight:600;letter-spacing:-.06em;color:var(--midnight);max-width:11ch}
.contact .cols{display:flex;flex-wrap:wrap;gap:48px 80px;align-items:flex-start}
.contact .info{flex:1 1 340px;display:flex;flex-direction:column;gap:24px}
.contact .info p{margin:0}
.form{flex:1 1 460px;max-width:600px;display:flex;flex-direction:column;gap:18px;background:var(--midnight);border-radius:20px;padding:clamp(24px,3vw,40px)}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-family:var(--display);font-size:15px;font-weight:500}
.field input,.field textarea{min-height:48px;padding:0 14px;border-radius:10px;border:1px solid #8a90a3;background:#252c42;color:var(--almond);font:inherit}
.field textarea{padding:12px 14px;resize:vertical}
.form{color-scheme:dark}.field input,.field textarea{-webkit-text-fill-color:var(--almond);caret-color:var(--almond)}
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--almond);-webkit-box-shadow:0 0 0 1000px #252c42 inset;box-shadow:0 0 0 1000px #252c42 inset;transition:background-color 9999s}
.news{color-scheme:light}.news input{-webkit-text-fill-color:var(--midnight)}
.news input:-webkit-autofill{-webkit-text-fill-color:var(--midnight);-webkit-box-shadow:0 0 0 1000px var(--almond) inset}
/* footer */
.foot{background:var(--midnight);color:var(--almond)}
.foot .top{padding-top:clamp(56px,7vw,96px);padding-bottom:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:40px}
.foot nav{display:flex;flex-direction:column;gap:2px;font-family:var(--display);font-size:clamp(28px,3vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.045em}
.foot nav a{text-decoration:none}
.foot .col{display:flex;flex-direction:column;gap:8px}.foot .col p{margin:0}
.biglogo{padding:0 clamp(16px,2vw,24px);color:var(--tangerine)}
.biglogo svg{width:100%;height:auto}
.foot .bottom{padding-top:20px;padding-bottom:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}
.foot .bottom p{margin:0;display:flex;flex-wrap:wrap;gap:20px}
/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.line>span{transform:none}.mark::after{transform:none}
.reveal{opacity:1;transform:none}.manif .w{color:#fff}
}
/* ===== composants des pages intérieures ===== */
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);place-items:center;cursor:pointer}
.mnav{display:none}
@media (max-width:900px){
.burger{display:grid}
.mnav{position:fixed;inset:0;z-index:60;background:var(--page);padding:88px clamp(16px,3vw,48px) 32px;overflow:auto}
.mnav.open{display:block}
.mnav ul{margin:0;padding:0;list-style:none;font-family:var(--display);font-size:clamp(30px,8vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.15}
.mnav li a{text-decoration:none;display:block;padding:6px 0;color:var(--title)}
.mnav .sub{font-size:18px;font-weight:500;letter-spacing:-.02em;padding-left:2px;margin-bottom:10px}
.mnav .sub a{padding:4px 0;color:var(--ink)}
.mnav-close{position:absolute;top:18px;right:clamp(16px,3vw,48px)}
}
.site-header .nav a[aria-current="page"]{background:var(--chip)}
.crumbs{padding-top:clamp(20px,3vw,36px)}
.crumbs ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--muted)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--hover)}
.crumbs [aria-current]{color:var(--ink)}
.phero{padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(40px,5vw,72px);display:flex;flex-direction:column;gap:clamp(20px,2.4vw,32px)}
.phero .kick{margin:0;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:10px}
.phero .kick::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tangerine)}
.phero h1{margin:0;font-family:var(--display);font-size:clamp(40px,6.4vw,104px);line-height:.93;font-weight:600;letter-spacing:-.055em;color:var(--title);max-width:16ch;overflow-wrap:break-word}
.phero .lead{margin:0;max-width:44em;font-size:clamp(18px,1.5vw,21px);line-height:1.5}
.phero .ctas{margin:0;display:flex;flex-wrap:wrap;gap:12px}
.tldr{border-radius:20px;background:var(--card);padding:clamp(22px,2.6vw,36px);display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px 40px;align-items:start}
.tldr h2{margin:0;font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:0;color:var(--ink);display:flex;align-items:center;gap:10px}
.tldr h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tangerine)}
.tldr p{margin:0;font-size:18px;line-height:1.55}
.tldr ul{margin:0;padding-left:1.1em}
@media (max-width:700px){.tldr{grid-template-columns:1fr}}
.sec{padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(56px,7vw,112px)}
.sec.tight{padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(32px,4vw,56px)}
.sec-alt{background:var(--surf)}
.sec-warm{background:var(--warm)}
.sec-deep{background:var(--deep)}
.h3{margin:0;font-family:var(--display);font-size:clamp(24px,2.2vw,32px);line-height:1.08;font-weight:600;letter-spacing:-.04em;color:var(--title)}
.on-dark .h3{color:#fff}
.prose{max-width:72ch;font-size:18px;line-height:1.65;overflow-wrap:break-word}.prose object,.prose embed,.prose iframe,.prose video{max-width:100%}
.prose h2{margin:1.8em 0 .5em;font-family:var(--display);font-size:clamp(28px,2.8vw,40px);line-height:1.05;font-weight:600;letter-spacing:-.045em;color:var(--title)}
.prose h3{margin:1.5em 0 .4em;font-family:var(--display);font-size:clamp(21px,1.8vw,26px);line-height:1.15;font-weight:600;letter-spacing:-.035em;color:var(--title)}
.prose h4{margin:1.3em 0 .3em;font-family:var(--display);font-size:19px;font-weight:600;color:var(--title)}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.2em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--tangerine)}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--tangerine);font-style:italic}
.prose a{color:var(--hover)}
.prose>:first-child{margin-top:0}
.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.block{border-radius:20px;background:var(--card);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:14px}
.sec-alt .block{background:var(--page)}
.block h3{margin:0;font-family:var(--display);font-size:clamp(22px,1.9vw,28px);line-height:1.1;font-weight:600;letter-spacing:-.04em;color:var(--title)}
.block p{margin:0}
.block ul{margin:0;padding-left:1.1em}
.block li{margin:.25em 0}
.block li::marker{color:var(--tangerine)}
.block .num{font-family:var(--display);font-size:15px;font-weight:600;color:var(--muted)}
.split2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px)}
@media (max-width:900px){.split2{grid-template-columns:minmax(0,1fr)}}
.split2 .sticky{top:110px}
.links-row{display:flex;flex-wrap:wrap;gap:8px}
.links-row a{padding:10px 16px;border-radius:999px;background:var(--chip);text-decoration:none;font-family:var(--display);font-weight:500;font-size:15px;transition:background-color .35s var(--ease)}
.links-row a:hover,.links-row a[aria-current="page"]{background:var(--tangerine);color:var(--midnight)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:260px;border-radius:20px;padding:clamp(24px,2.6vw,32px);text-decoration:none;background:var(--card);color:var(--ink);transition:background-color .35s var(--ease),color .35s var(--ease),transform .35s var(--ease)}
.tile:hover{background:var(--midnight);color:var(--almond);transform:translateY(-4px)}
[data-theme="dark"] .tile:hover{background:var(--tangerine);color:var(--midnight)}
.tile .tt{font-family:var(--display);font-size:clamp(26px,2.4vw,36px);line-height:1;font-weight:600;letter-spacing:-.05em}
.tile:hover .tt{color:inherit}
.tile .td{font-size:16px}
.tile .tf{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:40px 24px}
.cards .case{grid-column:auto}
.cards .case .ph{aspect-ratio:16/10}
.case-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:end}
@media (max-width:900px){.case-hero{grid-template-columns:minmax(0,1fr)}}
.facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts dt{font-size:14px;color:var(--muted)}
.facts dd{margin:0;font-family:var(--display);font-weight:600}
.shot-lg{border-radius:20px;overflow:hidden;background:#0f1320;aspect-ratio:16/9}
.shot-lg img{width:100%;height:100%;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px}
.gallery figure{margin:0;border-radius:20px;overflow:hidden;background:var(--chip);aspect-ratio:16/10}
.gallery img{width:100%;height:100%;object-fit:cover;object-position:top}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;counter-reset:s}
.steps3 .block h2{margin:0;font-family:var(--display);font-size:clamp(24px,2.2vw,32px);line-height:1.05;font-weight:600;letter-spacing:-.045em;color:var(--title)}
.post-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.post-list li{border-bottom:1px solid var(--line)}
.post-list a{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px 24px;align-items:baseline;padding:18px 0;text-decoration:none;transition:background-color .35s var(--ease),padding .35s var(--ease)}
.post-list a:hover{background:var(--tangerine);padding-left:16px;padding-right:16px}
.post-list a:hover *{color:var(--midnight)!important}
.post-list .pt{font-family:var(--display);font-size:clamp(19px,1.6vw,23px);line-height:1.2;font-weight:600;letter-spacing:-.03em;color:var(--title)}
.post-list .pc{font-size:13px;padding:3px 10px;border-radius:999px;background:var(--chip);white-space:nowrap}
@media (max-width:640px){.post-list a{grid-template-columns:minmax(0,1fr)}.post-list .pc{justify-self:start}}
.archive-note{border-radius:14px;background:var(--warm);padding:14px 18px;font-size:16px;max-width:72ch}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;color:var(--muted)}
.post-meta a{color:var(--muted)}
.ref-cols{columns:4 220px;column-gap:32px;margin:0;padding:0;list-style:none;font-family:var(--display);font-weight:500;font-size:18px;letter-spacing:-.02em}
.ref-cols li{break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
.form-light{display:flex;flex-direction:column;gap:18px;background:var(--midnight);color:var(--almond);border-radius:20px;padding:clamp(24px,3vw,40px);color-scheme:dark}
.form-light .row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px 16px}
.field select{min-height:48px;padding:0 14px;border-radius:10px;border:1px solid #8a90a3;background:#252c42;color:var(--almond);font:inherit}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--tangerine)}
.form-light .note{font-size:14px;color:#b3b7c4;margin:0}
.form-light a{color:var(--tangerine)}
.legal h2{font-size:clamp(24px,2.2vw,32px)}
.cta-band{background:var(--tangerine);color:var(--midnight)}
.cta-band .wrap{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px}
.cta-band h2{margin:0;font-family:var(--display);font-size:clamp(36px,5vw,72px);line-height:.92;font-weight:600;letter-spacing:-.055em;max-width:14ch;color:var(--midnight)}
.cta-band p{margin:0;max-width:30em;font-size:18px}
.cta-band .btn,.cta-band .wp-block-button__link{background:var(--midnight);color:#fff}
.cta-band .btn:hover,.cta-band .wp-block-button__link:hover{background:var(--lagoon);color:#fff}
.notfound{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:24px}
.foot .cols4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:28px;padding-bottom:40px}
.foot .cols4 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.foot .cols4 a{text-decoration:none}.foot .cols4 a:hover{text-decoration:underline}
/* ===== menu toujours visible (sticky) et intertitres d’ouverture agrandis ===== */
.site-header.is-hidden{transform:none}
p.meta,span.meta{font-size:16px}
h2.meta{font-family:var(--display);font-size:clamp(19px,1.7vw,24px)!important;font-weight:500!important;letter-spacing:-.02em;line-height:1.25}
.phero .kick,.tldr h2{font-size:clamp(17px,1.4vw,20px)}
summary>span:first-child{min-width:0}
summary .plus{align-self:flex-start;width:28px;height:28px;display:grid;place-items:center}
@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--page:#171c2d;--surf:#1e2436;--card:#252c42;--warm:#1e2436;--ink:#fff0cf;--title:#ffffff;--muted:#b3b7c4;
--line:#8a90a3;--chip:#252c42;--deep:#0f1320;--hover:#ffb024;--focus:#ffb024;--shape:#252c42;--header:rgba(23,28,45,.82);;color-scheme:dark}}
:root[data-theme="dark"]{color-scheme:dark}
.site-header{top:env(safe-area-inset-top,0px)}
/* ===== preuves, audit, accessibilité des animations (7 octobre, soir) ===== */
.todo{background:var(--warm);color:var(--ink);border-radius:6px;padding:0 6px;font-family:var(--display);font-size:.9em}
.on-dark .todo{background:#fff0cf;color:#171c2d}
.clients-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mq-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #4a5068;background:transparent;color:#fff;font-family:var(--display);font-size:15px;cursor:pointer}
.mq-toggle:hover{border-color:#fff}
.mq-toggle:focus-visible{outline:2px solid var(--tangerine);outline-offset:2px}
.mq-toggle .ic{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.mq-toggle[aria-pressed="true"] .ic{border:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;width:0;height:0}
.clients.is-paused .mq{animation-play-state:paused!important}
html:not(.js) .reveal{opacity:1;transform:none}
html:not(.js) .manif p.big{color:#fff}
@media (prefers-reduced-motion: reduce){.manif p.big{color:#fff}.mq-toggle{display:none}}
.figs{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px 40px;border-top:1px solid #2f3650;padding-top:32px}
.figs>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.figs dd{order:-1;margin:0;font-family:var(--display);font-size:clamp(44px,5vw,72px);line-height:1;font-weight:600;letter-spacing:-.05em;color:var(--tangerine)}
.figs dt{font-size:17px;color:#b3b7c4}
.badges{margin:0;font-size:16px;color:#b3b7c4}
.quote{margin:24px 0 0;padding:clamp(28px,4vw,48px);border-radius:20px;background:var(--warm);display:flex;flex-direction:column;gap:20px}
.quote blockquote{margin:0}
.quote blockquote p{margin:0;font-family:var(--display);font-size:clamp(24px,2.6vw,36px);line-height:1.2;font-weight:500;letter-spacing:-.03em;color:var(--title);max-width:34ch}
.quote figcaption{font-size:16px;color:var(--muted)}
.audit{background:var(--page)}
.audit .wrap{padding-top:clamp(64px,8vw,120px);padding-bottom:clamp(64px,8vw,120px);display:flex;flex-direction:column;gap:32px}
.audit .intro{margin:0;max-width:44em;font-size:clamp(18px,1.5vw,21px)}
.audit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
/* Tablets: an auto-fitting grid leaves a hole when its last row is incomplete. Each grid below gets the column count that fills its rows, */
/* measured on the room its container really has (the figures are those where the auto-fit count changes). */
.audit .wrap,.wrap:has(>.figs),.wrap:has(>.steps),.foot{container-type:inline-size}
@container (min-width:700px) and (max-width:1059.98px){.audit-grid>:last-child:nth-child(odd){grid-column:1/-1}}
@container (min-width:480px) and (max-width:739.98px){.figs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@container (min-width:690px) and (max-width:919.98px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:914.9px){.foot .top>nav:first-child{grid-column:1/-1}}
.audit-card{display:flex;flex-direction:column;gap:16px;border-radius:20px;padding:clamp(24px,3vw,40px);background:var(--surf);min-width:0}
.audit-card h3{margin:0;font-family:var(--display);font-size:clamp(26px,2.2vw,34px);line-height:1.05;font-weight:600;letter-spacing:-.045em;color:var(--title)}
.audit-card p{margin:0;font-size:18px}
.audit-card .liv{font-size:16px;color:var(--muted)}
.audit-card .btn,.audit-card .wp-block-button__link{align-self:flex-start;margin-top:auto}
.case-proof{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}
.case-proof p{margin:0;font-size:16px}
/* ===================== v2 : pages intérieures (7 octobre) ===================== */
.xh{position:relative;overflow:hidden;isolation:isolate}
.xh-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(64px,9vw,136px)}
.xh .crumbs{padding:0;color:inherit}.xh .crumbs span,.xh .crumbs li{color:inherit}.xh .crumbs [aria-current]{opacity:.8}.xh .crumbs ol{color:inherit;opacity:.85}.xh .crumbs a{color:inherit}
.xh-kick{margin:clamp(24px,5vw,72px) 0 0;display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:600;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.01em}
.xh-num{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border-radius:999px;border:1.5px solid currentColor;font-size:15px}
.xh-t{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(44px,7.4vw,120px);line-height:.92;letter-spacing:-.06em;max-width:15ch;text-wrap:balance}
.xh-t em{font-style:normal}
.xh-big{font-size:clamp(64px,12vw,200px);max-width:none}
.xh-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px}
.xh-lead{margin:0;max-width:40em;font-size:clamp(19px,1.6vw,23px);line-height:1.5}
.xh-cta{margin:0}
.xh-word{position:absolute;z-index:0;right:-.04em;bottom:-.2em;font-family:var(--display);font-weight:600;font-size:clamp(120px,24vw,400px);line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px var(--xs,#fff0cf);opacity:.3;pointer-events:none;white-space:nowrap}
.arcs{position:absolute;z-index:0;right:0;top:0;width:min(46vw,560px);height:auto;opacity:.18;pointer-events:none}
.xh-lagoon{background:#014d67;color:#fff0cf}.xh-lagoon .xh-t{color:#fff}.xh-lagoon em{color:#ffb024}.xh-lagoon a{color:#fff0cf}
.xh-tan{background:#ffb024;color:#171c2d;--xs:#171c2d}.xh-tan .xh-t{color:#171c2d}.xh-tan em{color:#014d67}.xh-tan a{color:#171c2d}
.xh-tan .btn-main,.xh-tan .is-style-main>.wp-block-button__link{background:#171c2d;color:#fff!important}.xh-tan .btn-main:hover,.xh-tan .is-style-main>.wp-block-button__link:hover{background:#014d67;color:#fff!important}
.xh-night{background:var(--nb);color:#fff0cf}.xh-night .xh-t{color:#fff}.xh-night em{color:#ffb024}.xh-night a{color:#fff0cf}
.xh-almond{background:#fff0cf;color:#171c2d;--xs:#171c2d}.xh-almond .xh-t{color:#111013}.xh-almond em{color:#014d67}.xh-almond a{color:#171c2d}
.xh-almond .btn-main,.xh-almond .is-style-main>.wp-block-button__link{background:#171c2d;color:#fff!important}
.xh-deep{background:#0f1320;color:#fff0cf}.xh-deep .xh-t{color:#fff}.xh-deep em{color:#8fb5c3}.xh-deep a{color:#fff0cf}
.xh-page{background:var(--page);color:var(--ink);--xs:var(--ink)}.xh-page .xh-t{color:var(--title)}.xh-page em{color:var(--accent-ink)}
.xh :focus-visible{outline-color:currentColor}
.xh-name .roles{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.xh-name .roles li{padding:8px 14px;border-radius:999px;background:var(--card);font-family:var(--display);font-weight:500;font-size:15px}
:root{--accent-ink:#014d67;--nb:#171c2d}
[data-theme="dark"]{--accent-ink:#ffb024;--nb:#0f1320}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--accent-ink:#ffb024;--nb:#0f1320}}
.brief{background:var(--surf)}
.brief-in{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}
.brief-t{position:relative;max-width:30em;padding-left:clamp(20px,2.4vw,36px);border-left:4px solid #ffb024;font-family:var(--display);font-weight:500;font-size:clamp(21px,2.1vw,30px);line-height:1.35;letter-spacing:-.025em;color:var(--title)}
.brief-t p{margin:0}.brief-t a{color:inherit;text-decoration-color:#ffb024;text-decoration-thickness:2px;text-underline-offset:4px}
.st .wrap{padding-top:clamp(64px,9vw,152px);padding-bottom:clamp(64px,9vw,152px)}
.st-k{margin:0 0 24px;font-family:var(--display);font-weight:600;font-size:17px}
.st-t{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(32px,4.6vw,72px);line-height:1.02;letter-spacing:-.05em;max-width:22ch;text-wrap:balance}
.st-t em{font-style:normal}
.st-page{background:var(--page)}.st-page .st-t{color:var(--title)}.st-page em{color:var(--accent-ink)}
.st-night{background:var(--nb);color:#fff0cf}.st-night .st-t{color:#fff}.st-night em{color:#ffb024}
.st-tan{background:#ffb024;color:#171c2d}.st-tan em{color:#014d67}
.st-lagoon{background:#014d67;color:#fff0cf}.st-lagoon .st-t{color:#fff}.st-lagoon em{color:#ffb024}
.h2 em{font-style:normal;color:var(--accent-ink)}
.pts-night .h2,.sp-night .h2,.gr-night .h2,.tl-night .h2,.zz-night .h2,.ix-night .h2{color:#fff}
.pts-night .h2 em,.sp-night .h2 em,.gr-night .h2 em,.tl-night .h2 em,.zz-night .h2 em,.ix-night .h2 em{color:#ffb024}
.pts-lagoon .h2,.sp-lagoon .h2{color:#fff}.pts-lagoon .h2 em,.sp-lagoon .h2 em{color:#ffb024}
.pts-tan .h2,.sp-tan .h2,.gr-tan .h2{color:#171c2d}.pts-tan .h2 em,.sp-tan .h2 em,.gr-tan .h2 em{color:#014d67}
.pts{background:var(--page)}.pts-alt{background:var(--surf)}
.pts-night{background:var(--nb);color:#fff0cf}.pts-lagoon{background:#014d67;color:#fff0cf}.pts-tan{background:#ffb024;color:#171c2d}
.pts-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 72px;padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px)}
.pts-h{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:20px}
.pt-sub{margin:0;font-size:19px;max-width:28em}
.pts-l{margin:0;padding:0;list-style:none;border-top:1px solid currentColor}
.pts-l li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:28px 0;border-bottom:1px solid currentColor}
.pts-page .pts-l,.pts-page .pts-l li,.pts-alt .pts-l,.pts-alt .pts-l li{border-color:var(--line)}
.pt-n{font-family:var(--display);font-weight:600;font-size:15px;padding-top:6px;opacity:.7}
.pts-l h3{margin:0 0 8px;font-family:var(--display);font-weight:600;font-size:clamp(24px,2.2vw,32px);line-height:1.08;letter-spacing:-.04em}
.pts-l p{margin:0 0 8px;font-size:18px;max-width:40em}.pts-l ul{margin:8px 0 0;padding-left:1.1em;font-size:17px}.pts-l li li{display:list-item;border:0;padding:2px 0}
@media (max-width:900px){.pts-in{grid-template-columns:1fr}.pts-h{position:static}}
.gr{background:var(--page)}.gr-alt{background:var(--surf)}.gr-night{background:var(--nb);color:#fff0cf}.gr-tan{background:#ffb024;color:#171c2d}
.gr .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:40px}
.gr-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px}.gr-h .h2{max-width:14ch}
.gr-sub{margin:0;max-width:30em;font-size:19px}
.gr-l{display:grid;grid-template-columns:repeat(var(--c,3),minmax(0,1fr));gap:16px}
@media (max-width:1100px){.gr-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.gr-l{grid-template-columns:1fr}}
.gr-l.c2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.gc{position:relative;display:flex;flex-direction:column;gap:14px;min-height:280px;padding:clamp(24px,2.6vw,36px);border-radius:20px;background:var(--card);color:var(--ink);text-decoration:none;transition:background-color .35s var(--ease),color .35s var(--ease)}
.gr-alt .gc{background:var(--page)}
.gr-night .gc{background:#252c42;color:#fff0cf}.gr-tan .gc{background:#fff0cf;color:#171c2d}
.gc h3{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(24px,2.2vw,32px);line-height:1.05;letter-spacing:-.045em;color:inherit}
.gr-l[style*="--c:5"] .gc,.gr-l.c-5 .gc{padding:24px;min-height:240px}.gr-l[style*="--c:5"] .gc h3,.gr-l.c-5 .gc h3{font-size:clamp(20px,1.6vw,24px);letter-spacing:-.03em}
.gc-n,.gc-tag{font-family:var(--display);font-weight:600;font-size:15px;opacity:.7}
.gc-tag{align-self:flex-start;opacity:1;padding:4px 12px;border-radius:999px;background:var(--chip)}
.gc-b{font-size:17px}.gc-b p{margin:0 0 8px}.gc-b ul{margin:0;padding-left:1.1em}
.gc-go{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid currentColor}
.gc-link:hover{background:#ffb024;color:#171c2d}
.gc-link:hover .gc-tag{background:#fff0cf}
.sp{background:var(--nb);color:#fff0cf}.sp-lagoon{background:#014d67}.sp-tan{background:#ffb024;color:#171c2d}.sp-page{background:var(--surf);color:var(--ink)}
.sp .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:48px}
.sp-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px}.sp-h .h2{max-width:14ch}
.sp-sub{margin:0;max-width:30em;font-size:19px}
.sp-l{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:24px;counter-reset:s}
.sp-l li{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:28px;border-top:2px solid currentColor}
.sp-n{font-family:var(--display);font-weight:600;font-size:clamp(56px,6vw,96px);line-height:.85;letter-spacing:-.06em;color:#ffb024}
.sp-tan .sp-n,.sp-page .sp-n{color:var(--accent-ink)}.sp-tan .sp-n{color:#014d67}
.sp-l h3{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(22px,2vw,28px);letter-spacing:-.04em;color:inherit}
.sp-l p{margin:0;font-size:17px}
@media (max-width:900px){.sp-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sp-l{grid-template-columns:1fr}}
.bd{position:relative;overflow:hidden;padding:clamp(28px,4vw,52px) 0 10px}
.bd-tan{background:#ffb024;color:#171c2d}.bd-night{background:var(--nb);color:#fff}.bd-lagoon{background:#014d67;color:#fff}.bd-page{background:var(--page);color:var(--title)}
.bd .mq{font-size:clamp(56px,9vw,150px);letter-spacing:-.06em;line-height:1}
.bd .mq>p{color:inherit;gap:.35em;padding-right:.35em}
.bd-night .mq>p,.bd-lagoon .mq>p{color:#fff}
.bd-dot{display:inline-block;width:.18em;height:.18em;border-radius:50%;background:currentColor;opacity:.5}
.bd-tan .bd-dot{background:#014d67;opacity:1}.bd-night .bd-dot,.bd-lagoon .bd-dot{background:#ffb024;opacity:1}
.bd-ctl{display:flex;justify-content:flex-end;padding-top:6px;padding-bottom:10px}
.bd .mq-toggle{color:inherit;border-color:currentColor;min-height:36px;font-size:14px}
.is-paused .mq{animation-play-state:paused!important}
.fg{background:var(--page)}.fg-night{background:var(--nb);color:#fff0cf}.fg-tan{background:#ffb024;color:#171c2d}.fg-alt{background:var(--surf)}
.fg .wrap{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}
.fg-l{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px 40px}
.fg-l>div{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid currentColor}
.fg-page .fg-l>div,.fg-alt .fg-l>div{border-color:var(--line)}
.fg-l dd{order:-1;margin:0;font-family:var(--display);font-weight:600;font-size:clamp(48px,5.4vw,88px);line-height:.95;letter-spacing:-.06em;color:var(--title)}
.fg-night .fg-l dd{color:#ffb024}.fg-tan .fg-l dd{color:#171c2d}
.fg-l dt{font-size:17px;max-width:18em}
.zz{background:var(--page)}.zz-alt{background:var(--surf)}.zz-night{background:var(--nb);color:#fff0cf}
.zz .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:clamp(40px,5vw,72px)}
.zz .h2{max-width:14ch}
.zz-l{display:flex;flex-direction:column;gap:clamp(40px,5vw,80px)}
.zz-r{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:start}
.zz-r:nth-child(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.zz-r:nth-child(even) .zz-n{order:2;text-align:right}
.zz-n{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(96px,14vw,240px);line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.5px var(--accent-ink)}
.zz-night .zz-n{-webkit-text-stroke-color:#ffb024}
.zz-k{margin:0 0 8px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--muted)}.zz-night .zz-k{color:#b3b7c4}
.zz-c h3{margin:0 0 14px;font-family:var(--display);font-weight:600;font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.05em;color:var(--title)}
.zz-night .zz-c h3{color:#fff}
.zz-c p{margin:0 0 10px;font-size:18px;max-width:38em}.zz-c ul{margin:6px 0 0;padding-left:1.1em;font-size:17px}
@media (max-width:860px){.zz-r,.zz-r:nth-child(even){grid-template-columns:1fr}.zz-r:nth-child(even) .zz-n{order:0;text-align:left}.zz-n{font-size:96px}}
.ix{background:var(--page)}.ix-night{background:var(--nb);color:#fff0cf}
.ix .wrap{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:32px}
.ix-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px}.ix-sub{margin:0;max-width:30em;font-size:19px}
.ix-l{margin:0;padding:0;list-style:none;border-top:2px solid var(--line)}
.ix-night .ix-l,.ix-night .ix-r{border-color:#4a5068}
.ix-r{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,7fr);gap:12px 32px;padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid var(--line)}
.ix-n{font-family:var(--display);font-weight:600;font-size:17px;padding-top:.6em;color:var(--muted)}
.ix-c h3{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(40px,6vw,96px);line-height:.95;letter-spacing:-.06em}
.ix-c h3 a{display:inline-flex;align-items:center;gap:.25em;text-decoration:none;color:var(--title);transition:color .35s var(--ease)}
.ix-night .ix-c h3 a{color:#fff}
.ix-c h3 a:hover{color:var(--accent-ink)}.ix-night .ix-c h3 a:hover{color:#ffb024}
.ix-go{display:inline-grid;place-items:center;width:.6em;height:.6em;transform:translateY(.04em)}.ix-go svg{width:.5em;height:.5em}
.ix-c p{margin:12px 0 0;max-width:42em;font-size:19px}
.ix-subs{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ix-subs a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--card);text-decoration:none;font-family:var(--display);font-weight:500;font-size:15px}
.ix-subs a:hover{background:#ffb024;color:#171c2d}
.ix-mt{margin:clamp(24px,4vw,56px) 0 0;display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;color:var(--title)}.ix-mt::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tangerine)}
.ix-more .ix-c h3{font-size:clamp(30px,4vw,56px)}
@media (max-width:640px){.ix-r{grid-template-columns:1fr}.ix-n{padding-top:0}}
.ch{background:var(--page)}.ch-alt{background:var(--surf)}
.ch .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:40px}
.ch-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px}.ch-sub{margin:0;max-width:30em;font-size:19px}
.ch-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}
.ch-g h3{margin:0 0 14px;font-family:var(--display);font-weight:600;font-size:17px;color:var(--muted)}
.ch-g ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ch-g li{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);font-family:var(--display);font-weight:600;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;color:var(--title)}
.tl{background:var(--nb);color:#fff0cf}.tl-page{background:var(--page);color:var(--ink)}
.tl .wrap{padding-top:clamp(64px,8vw,128px);padding-bottom:clamp(64px,8vw,128px);display:flex;flex-direction:column;gap:48px}
.tl-l{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:32px}
.tl-l li{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:2px solid #ffb024}
.tl-y{font-family:var(--display);font-weight:600;font-size:clamp(48px,5vw,80px);line-height:.9;letter-spacing:-.06em;color:#ffb024}
.tl-page .tl-y{color:var(--accent-ink)}.tl-page .tl-l li{border-color:var(--accent-ink)}
.tl-l h3{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.03em;color:#fff}
.tl-page .tl-l h3{color:var(--title)}
.tl-l p{margin:0;font-size:17px}
.tri{background:#ffb024;color:#171c2d}.tri-night{background:var(--nb);color:#fff0cf}
.tri .wrap{padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(56px,7vw,112px);display:flex;flex-direction:column;gap:24px}
.tri-k{margin:0;font-family:var(--display);font-weight:600;font-size:17px}
.tri-w{margin:0;padding:0;list-style:none;font-family:var(--display);font-weight:600;font-size:clamp(56px,10vw,168px);line-height:.88;letter-spacing:-.07em}
.tri-w li:nth-child(2){padding-left:12%}.tri-w li:nth-child(3){padding-left:24%;color:#014d67}
.tri-night .tri-w li:nth-child(3){color:#ffb024}
.tri-t{margin:0;max-width:34em;font-size:19px;align-self:flex-end}
.wl{background:var(--page)}
.wl .wrap{padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}
.wl-l{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px;font-family:var(--display);font-weight:600;letter-spacing:-.04em;color:var(--title);line-height:1.15}
.wl-l li.w0{font-size:clamp(30px,3.4vw,52px)}.wl-l li.w1{font-size:clamp(22px,2.2vw,32px);color:var(--muted)}.wl-l li.w2{font-size:clamp(26px,2.8vw,42px);color:var(--accent-ink)}
.wl-note{margin-top:28px}
.lks{background:var(--surf)}.lks-page{background:var(--page)}
.lks .wrap{padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(56px,7vw,112px);display:flex;flex-direction:column;gap:32px}
.lks .h2{font-size:clamp(32px,3.6vw,56px)}
.lks-l{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.lk{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:var(--page);color:var(--ink);text-decoration:none;min-height:220px;transition:background-color .35s var(--ease),color .35s var(--ease)}
.lks-page .lk{background:var(--card)}
.lk-k{font-family:var(--display);font-weight:600;font-size:14px;color:var(--muted)}
.lk-t{font-family:var(--display);font-weight:600;font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.04em;color:var(--title)}
.lk-d{font-size:16px}
.lk-go{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid currentColor}
.lk:hover{background:var(--nb);color:#fff0cf}.lk:hover .lk-t{color:#fff}.lk:hover .lk-k{color:#ffb024}
.pr{background:var(--page)}.pr-alt{background:var(--surf)}
.pr-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 72px;padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(56px,7vw,112px)}
.pr-in .h2{font-size:clamp(34px,4vw,64px)}
.pr-b{font-size:19px;line-height:1.65;max-width:40em}.pr-b p{margin:0 0 1em}.pr-b ul{padding-left:1.1em}
.pr-a{grid-column:2;padding:20px 24px;border-radius:16px;background:var(--warm);font-size:17px}.pr-a p{margin:0}
@media (max-width:900px){.pr-in{grid-template-columns:1fr}.pr-a{grid-column:auto}}
.du{background:var(--page)}.du-alt{background:var(--surf)}
.du-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;padding-top:clamp(56px,7vw,112px);padding-bottom:clamp(56px,7vw,112px)}
.pn{display:flex;flex-direction:column;gap:14px;padding:clamp(28px,3.4vw,48px);border-radius:24px}
.pn-tan{background:#ffb024;color:#171c2d}.pn-night{background:var(--nb);color:#fff0cf}.pn-lagoon{background:#014d67;color:#fff0cf}.pn-almond{background:#fff0cf;color:#171c2d}
.pn-k{margin:0;font-family:var(--display);font-weight:600;font-size:15px}
.pn h2,.pn h3{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(32px,3.4vw,52px);line-height:1;letter-spacing:-.05em}
.pn-night h2,.pn-lagoon h2,.pn-night h3,.pn-lagoon h3{color:#fff}
.pn p{margin:0;font-size:18px;max-width:34em}.pn ul{margin:0;padding-left:1.1em;font-size:17px}
.pn a:not(.btn){color:inherit}
.pn .btn,.pn .wp-block-button__link{align-self:flex-start;margin-top:auto}
.btn-dark,.is-style-dark>.wp-block-button__link{background:#171c2d;color:#fff!important}.btn-dark:hover,.is-style-dark>.wp-block-button__link:hover{background:#014d67;color:#fff!important}
.pn-night .btn-dark,.pn-lagoon .btn-dark,.pn-night .is-style-dark>.wp-block-button__link,.pn-lagoon .is-style-dark>.wp-block-button__link{background:#ffb024;color:#171c2d!important}.pn-night .btn-dark:hover,.pn-lagoon .btn-dark:hover,.pn-night .is-style-dark>.wp-block-button__link:hover,.pn-lagoon .is-style-dark>.wp-block-button__link:hover{background:#fff0cf}
.cx{background:#ffb024;color:#171c2d}.cx-night,.cx-lagoon{background:#014d67;color:#fff0cf}
.cx-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:32px 64px;align-items:end;padding-top:clamp(72px,10vw,160px);padding-bottom:clamp(72px,10vw,160px)}
.cx-t{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(48px,8vw,136px);line-height:.88;letter-spacing:-.065em;color:#171c2d;text-wrap:balance}
.cx-t em{font-style:normal;color:#014d67}
.cx-night .cx-t,.cx-lagoon .cx-t{color:#fff}.cx-night .cx-t em,.cx-lagoon .cx-t em{color:#ffb024}
.cx-r{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.cx-r>p{margin:0;font-size:19px}
.cx-c{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--display);font-weight:600}.cx-c a{color:inherit}
.cx-night .btn-dark,.cx-lagoon .btn-dark,.cx-night .is-style-dark>.wp-block-button__link,.cx-lagoon .is-style-dark>.wp-block-button__link{background:#ffb024;color:#171c2d!important}.cx-lagoon .btn-dark:hover,.cx-lagoon .is-style-dark>.wp-block-button__link:hover{background:#fff0cf}
@media (max-width:900px){.cx-in{grid-template-columns:1fr}}
.xh .reveal,.st .reveal{transition-delay:.05s}
@media (prefers-reduced-motion: reduce){.xh-word{display:none}}
@media (max-width:640px){.xh-word{font-size:120px;opacity:.14}.arcs{width:70vw}}
/* ===================== landing pages de campagne (SMA) ===================== */
.lp-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--header);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px)}
.lp-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px}
.lp-head .lp-tools{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600}
.lp-head .lp-tel{text-decoration:none}
@media (max-width:560px){.lp-head .lp-tel{display:none}}
.lp-hero{background:var(--nb);color:#fff0cf;position:relative;overflow:hidden;isolation:isolate}
.lp-hero .arcs{color:#608fa0;opacity:.35}
.lp-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px 64px;align-items:start;padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(48px,7vw,104px)}
.lp-hero h1{margin:0 0 20px;font-family:var(--display);font-weight:600;font-size:clamp(40px,5.6vw,84px);line-height:.94;letter-spacing:-.055em;color:#fff;text-wrap:balance}
.lp-hero h1 em{font-style:normal;color:#ffb024}
.lp-hero .lp-lead{margin:0 0 24px;font-size:clamp(18px,1.5vw,21px);max-width:34em}
.lp-checks{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:18px}
.lp-checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.lp-checks li::before{content:"";width:22px;height:22px;margin-top:3px;border-radius:50%;background:#ffb024 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171c2d' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.lp-proof{margin:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--display);font-weight:600;font-size:15px;color:#b3b7c4}
.lp-proof b{color:#ffb024;font-weight:600}
.lp-form{scroll-margin-top:90px}.lp-form .form-light{background:#1e2436;padding:clamp(24px,3vw,36px);border-radius:20px}
.lp-clients{background:var(--surf)}
.lp-clients .wrap{padding-top:24px;padding-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-family:var(--display);font-weight:600;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;color:var(--title)}
.lp-clients .meta{font-weight:500;letter-spacing:0}
.lp-bar{display:none}
@media (max-width:900px){.lp-hero-in{grid-template-columns:1fr}
.lp-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.lp-bar{gap:8px}.lp-bar .btn,.lp-bar .wp-block-button__link{flex:1}.lp-bar .btn-ghost{flex:none}
.lp-page{padding-bottom:80px}}
.lp-foot{background:#0f1320;color:#b3b7c4;font-size:15px}
.lp-foot .wrap{padding-top:28px;padding-bottom:28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px}
.lp-foot a{color:#fff0cf}.lp-foot a:hover{color:#ffb024}.lp-foot p{margin:0}
.lp-foot .lp-links{display:flex;flex-wrap:wrap;gap:6px 18px}

/* WordPress bridge: utilities replacing inline styles, and core block markup mapped to the prototype rules. */
.mw-12{max-width:12ch}.mw-13{max-width:13ch}.mw-14{max-width:14ch}.sec-head.flush{margin:0}.row .col{display:flex;flex-direction:column}
.clients-head{margin:0 auto;width:100%}h2.meta{margin:0;font-weight:400}.verbs .vn{text-decoration:none}
.dot-ink{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:#171c2d;margin-left:.05em}
.contact .info .pitch{font-size:20px;line-height:1.45;max-width:24em}.contact .info .pitch .d{font-weight:600}.contact .info .direct{font-size:20px;font-weight:500}.contact .form .btn{align-self:flex-start;height:52px}
.foot .col .mt-12{margin-top:12px}
.wp-block-button,.wp-block-buttons:not(.ctas){display:contents}
.is-style-dot::after,.has-dot::after,.has-dot-ink::after{content:"";display:inline-block;width:.2em;height:.2em;border-radius:50%;background:var(--tangerine);margin-left:.05em}
.has-dot-ink::after{background:#171c2d}
.card .txt p.num{font-size:15px;max-width:none;unicode-bidi:normal}
.block p.num{unicode-bidi:normal}
/* The wrapping paragraph must not exist for layout nor restyle its link, whatever container rule targets p: id-level specificity on purpose. */
p.is-style-arrow:not(#_){display:contents;font:inherit}
p.is-style-arrow a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--display);font-weight:600}
p.is-style-arrow a::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
:root{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E")}
.wp-block-details summary::after{content:"+";flex:none;align-self:flex-start;width:28px;height:28px;display:grid;place-items:center;font-size:28px;line-height:1;transition:transform .35s var(--ease)}
.wp-block-details[open] summary::after{transform:rotate(45deg)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{scroll-margin-top:120px;margin:0;padding:12px 14px;border-radius:10px;background:var(--almond);color:var(--midnight);font-weight:700}
.form-note.is-error{border:2px solid currentColor}
.consent{position:fixed;left:16px;bottom:16px;z-index:90;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:var(--card);color:var(--ink);border:1px solid var(--line)}
.consent[hidden],.consent-open[hidden]{display:none}
.consent p{margin:0}
.consent-t{font-family:var(--display);font-size:20px;line-height:1.1;font-weight:600;letter-spacing:-.03em;color:var(--title)}
.consent .ctas{display:flex;gap:12px;margin-top:4px}.consent-opts{display:flex;flex-direction:column;gap:4px}.consent-opts[hidden]{display:none}.consent-opts label{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer}.consent-opts input{width:20px;height:20px;margin:0;accent-color:var(--lagoon)}
.consent .btn{flex:1;height:48px;padding:0 16px;background:transparent;color:var(--ink)}
.consent .btn:hover{background:var(--ink);color:var(--card)}
.consent-open{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.wrap.col-32{display:flex;flex-direction:column;gap:32px}.case-hero .lead,.shot-lg{margin:0}.cta-side{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
/* Utility classes replacing the inline styles of the prototype inner pages (see tools/convert_pages.py). */
/* They stood in style attributes, which always win: !important keeps that precedence. */
.c-3{--c:3!important}.c-4{--c:4!important}.c-5{--c:5!important}.n-3{--n:3!important}.n-4{--n:4!important}.col-20{display:flex!important;flex-direction:column!important;gap:20px!important}.col-32{display:flex!important;flex-direction:column!important;gap:32px!important}.fs-normal{font-style:normal!important}.lead-22{margin:0!important;font-size:22px!important;font-weight:600!important}.m-0{margin:0!important}.pt-sec{padding-top:clamp(56px,7vw,104px)!important}.c-white{color:#fff!important}
.form-light .btn{align-self:flex-start;height:52px}.field input[type=file]{padding-top:10px}.lp-tools .btn{height:44px;padding:0 18px;font-size:15px}
.has-arrow::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat}
.phero.pb-24{padding-bottom:24px}.pb-sec{padding-bottom:clamp(56px,7vw,104px)}.wrap.col-24{display:flex;flex-direction:column;gap:24px}.news.mw-520,div.mw-520{max-width:520px}
/* Articles and rubrics: visual beside the title or the introduction, text and side column. None of it exists in the prototype (decided on 8 October 2026). */
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px clamp(32px,5vw,80px);align-items:start}.post-body{display:flex;flex-direction:column;gap:32px;min-width:0}
.has-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:32px clamp(32px,5vw,80px);align-items:start}.phero.has-cover{align-items:center}.phero-main{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,32px);min-width:0}
.post-cover{margin:0;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--chip)}.post-cover img{display:block;width:100%;height:100%;object-fit:cover}
.post-cover.is-small{aspect-ratio:auto;border-radius:0;background:none}.post-cover.is-small img{width:auto;max-width:100%;height:auto;border-radius:12px}
.post-aside{display:flex;flex-direction:column;gap:40px}.aside-t{margin:0 0 14px;font-family:var(--display);font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.03em;color:var(--title)}
.post-aside .post-list a{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0}.post-aside .post-list .pt{font-size:18px}.post-aside .post-list .pc{justify-self:start}
.journal-end{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:24px}.exp-links{border-radius:20px;padding:28px;background:var(--card);display:flex;flex-direction:column;gap:12px}
.exp-t{margin:0;font-family:var(--display);font-size:26px;line-height:1.05;font-weight:600;letter-spacing:-.04em;color:var(--title)}.exp-links p{margin:0}.exp-links ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 24px}
@media (max-width:1000px){.post-grid,.has-cover,.journal-end{grid-template-columns:minmax(0,1fr)}}
.rubric-link{margin:0}.rubric-intro{max-width:44em;display:flex;flex-direction:column;gap:14px}.rubric-intro p{margin:0;font-size:18px}.pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.pager a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:600}
body.maintenance{min-height:100vh;display:flex;background:var(--midnight);color:var(--almond)}
.maintenance-in{display:flex;flex-direction:column;justify-content:center;gap:20px;padding-top:48px;padding-bottom:48px}
.maintenance-logo{margin:0 0 clamp(24px,6vw,72px);color:#fff}.maintenance-logo svg{display:block;width:96px;height:auto}
.maintenance-t{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(44px,7.4vw,112px);line-height:.92;letter-spacing:-.06em;color:#fff;max-width:14ch}
.maintenance .lead{margin:0;max-width:34em;font-size:20px}.maintenance .meta{margin:0}
.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}
.logos li{display:grid;place-items:center;aspect-ratio:3/2;padding:24px;border-radius:20px;background:#fff}
.logos figure{margin:0}.logos img{display:block;max-width:100%;width:auto;height:auto;max-height:56px;object-fit:contain}
.notfound{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(56px,7vw,104px)}
.notfound h1{font-size:clamp(36px,4.8vw,72px)}.notfound .kick,.notfound .lead{margin:0}
.search{display:flex;flex-direction:column;gap:6px;max-width:560px}.search label{font-family:var(--display);font-size:15px;font-weight:500}
.search-row{display:flex;gap:8px}.search .btn{flex:none}.search input{flex:1 1 0;min-width:0;min-height:52px;padding:0 14px;border-radius:10px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit}
.prose img{height:auto;border-radius:12px}.prose figure,.prose .wp-caption{margin:1.6em 0;max-width:100%}
.prose figcaption,.prose .wp-caption-text{margin:.6em 0 0;font-size:15px;line-height:1.4;color:var(--muted)}
.prose .aligncenter,.prose .aligncenter img{margin-left:auto;margin-right:auto}.prose figure.aligncenter,.prose p.aligncenter{text-align:center}
.prose .alignleft{float:left;max-width:50%;margin:.3em 1.4em 1em 0}.prose .alignright{float:right;max-width:50%;margin:.3em 0 1em 1.4em}
.prose h2,.prose h3,.prose h4,.prose figure,.prose blockquote{clear:both}.prose::after{content:"";display:table;clear:both}
.prose .wp-block-table{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose thead th{font-family:var(--display);font-weight:600;color:var(--title)}
.prose hr,.prose .wp-block-spacer{height:0;margin:2em 0;border:0;border-top:1px solid var(--line)}.prose .wp-block-spacer{border:0;margin:1em 0}
.prose pre,.prose code{font-size:15px}.prose pre{overflow-x:auto;padding:16px;border-radius:12px;background:var(--chip)}
@media (max-width:640px){.prose .alignleft,.prose .alignright{float:none;max-width:100%;margin:1.6em 0}}
.mq:focus-within p{animation-play-state:paused}