:root{--ink:#1a2e3d;--muted:#526777;--blue:#3a7a9f;--line:#d7e2e9;--pale:#eef5f9;--paper:#fcfdfe;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p{margin:0 0 1.2rem}h1,h2,h3,.logo{font-family:'Nunito',sans-serif}h1,h2,h3{margin:0;line-height:1.08}h3{font-size:clamp(24px,2.2vw,32px);line-height:1.25;font-weight:800}h2{font-size:clamp(40px,5.4vw,76px);font-weight:900;letter-spacing:-.04em}h1{font-size:clamp(54px,6.8vw,96px);letter-spacing:-.045em;font-weight:900;line-height:1.02}h1 span,.dot{color:var(--blue)}.shell{max-width:1248px;margin:0 auto;padding-left:48px;padding-right:48px}.header{height:88px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fcfdfe}.logo{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo span{color:var(--blue)}.header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}.current{color:var(--blue)}.contact-link,.button{display:inline-flex;align-items:center;gap:28px;border-radius:50px;background:var(--blue);color:white;padding:12px 23px}.contact-link:hover,.button:hover{background:#285f7e}.intro{padding-top:62px;padding-bottom:52px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--blue);margin-bottom:22px}.intro-line{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:44px}.intro-copy{max-width:365px;padding-bottom:7px}.intro-copy>p:first-child{font-size:21px;line-height:1.5}.small{font-size:14px;color:var(--muted)}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:7px}.cover-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;height:345px}.cover{position:relative;border-radius:var(--radius);overflow:hidden;background:#dee8ef}.cover img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.cover-large img{object-position:50% 48%}.cover-guide{background:#c8d6e4}.cover-guide img{object-fit:contain;padding:22px 22px 72px}.cover>span{position:absolute;left:0;bottom:0;width:100%;padding:48px 20px 18px;background:linear-gradient(transparent,rgba(9,20,31,.82));color:white;font-weight:700;font-size:19px}.cover b{display:block;font-size:12px;font-weight:400;margin-top:2px;letter-spacing:.02em}.cover:hover img{transform:scale(1.035)}.project-nav{position:sticky;top:0;z-index:10;background:rgba(252,253,254,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-nav nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;overflow-x:auto;scrollbar-width:thin}.project-nav a{font-size:14px;white-space:nowrap;padding:19px 0;border-bottom:2px solid transparent}.project-nav a:hover,.project-nav a.active{border-bottom-color:var(--blue);color:var(--blue)}.project{padding-top:90px;padding-bottom:90px;scroll-margin-top:0}.project-tint{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:32px;margin-bottom:44px;border-bottom:1px solid var(--line)}.project-heading .eyebrow{margin-bottom:12px}.status{font-size:14px;color:var(--muted);text-align:right;line-height:1.65;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.story h3{margin-bottom:24px}.story p{color:var(--muted)}dl{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}dl>div+div{margin-top:20px}dt{font-weight:700;font-size:14px;margin-bottom:6px}dd{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.photo{padding:0;border:0;background:#e8edf1;border-radius:12px;display:block;position:relative;overflow:hidden;width:100%}.photo img{width:100%;height:auto;transition:transform .4s}.photo:hover img{transform:scale(1.012)}.photo .zoom{position:absolute;bottom:12px;right:12px;background:white;color:var(--ink);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 12px #0002;font-size:20px}.feature img{aspect-ratio:4/5;object-fit:cover}.board{max-width:440px;margin:auto}.caption{font-size:12px;color:var(--muted);margin:12px 0 0;text-align:center}.gallery{display:grid;gap:18px;margin-top:30px;align-items:start}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.gallery .photo img{aspect-ratio:9/16;object-fit:contain}.more{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:18px 0;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400}details[open] summary span{transform:rotate(45deg)}.more .gallery{margin:0 0 24px}.subheading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-top:64px;margin-bottom:25px}.subheading p{font-size:14px;color:var(--muted);margin:0}.subheading h3{font-size:26px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-grid figure{margin:0;min-width:0}.video-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#dfe9f0}.video-grid figcaption{font-size:14px;margin-top:12px;color:var(--muted)}#ludea .gallery .photo img{aspect-ratio:4/5;object-fit:contain}#ludea .gallery{margin-top:20px}.compact-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;margin-bottom:32px}.compact-story p{color:var(--muted)}.cv-wide img{width:100%;height:auto}.cv-bottom{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start}.cv-bottom .photo img{aspect-ratio:1.415;object-fit:contain}.extract-note{padding:16px 20px;background:var(--pale);border-left:3px solid var(--blue);font-size:14px;margin-top:28px!important}.guide-cover{background:#dce7ee;border-radius:16px;padding:30px}.guide-cover .photo{box-shadow:12px 14px 30px #18395126;max-width:340px;border-radius:0}.guide-pages .photo{background:#eaf0f5;padding:14px}.guide-pages .photo img{aspect-ratio:595/842;object-fit:contain}.outro{padding:76px 0 84px;background:#dceaf4;border-top:1px solid #c3d7e4}.outro .shell{position:relative}.outro h2{font-size:clamp(44px,5.5vw,72px)}.outro .button{margin-top:30px;font-size:15px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px}.footer p,.footer nav{font-size:12px;color:var(--muted);margin:0}.footer nav{display:flex;gap:20px}.skip{position:fixed;top:0;left:20px;transform:translateY(-150%);z-index:40;background:white;padding:12px}.skip:focus{transform:translateY(0)}dialog{border:0;border-radius:14px;background:#f9fbfc;width:min(1120px,96vw);max-height:94dvh;padding:0;color:var(--ink)}dialog::backdrop{background:#102333d9;backdrop-filter:blur(4px)}dialog[open]{display:flex;flex-direction:column}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);gap:20px}.lightbox-toolbar p{font-size:14px;margin:0}.lightbox-toolbar button,.lightbox-controls button{border:1px solid var(--line);background:white;border-radius:50px;padding:8px 14px;white-space:nowrap;font-size:14px}.lightbox-image{overflow:auto;min-height:0;padding:16px;display:flex;justify-content:center;align-items:flex-start;background:#e8edf2}.lightbox-image img{max-width:100%;height:auto;width:auto;max-height:72dvh;object-fit:contain}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:12px;font-size:14px}body.modal-open{overflow:hidden}@media(min-width:1500px){.header{padding-left:max(48px,calc((100vw - 1152px)/2));padding-right:max(48px,calc((100vw - 1152px)/2))}}@media(max-width:900px){.shell{padding-left:28px;padding-right:28px}.header{padding-left:28px;padding-right:28px}.intro-line{gap:30px}.project-grid{gap:30px}.compact-story{gap:30px}.four{grid-template-columns:repeat(2,1fr)}.cover-grid{height:300px}.cover b{font-size:12px}.intro-copy>p:first-child{font-size:18px}.cv-bottom{gap:28px}.subheading{display:block}.subheading p{margin-top:12px}}@media(max-width:640px){html{scroll-padding-top:90px}.shell{padding-left:20px;padding-right:20px}.header{height:76px;padding:0 20px;gap:12px}.logo{font-size:24px}.header nav{gap:14px;font-size:13px}.home-link{display:none}.contact-link{padding:9px 13px;font-size:0;gap:0}.contact-link:before{content:'Contact';font-size:13px}.contact-link span{display:none}.intro{padding-top:38px;padding-bottom:32px}.intro-line{grid-template-columns:1fr;gap:24px;margin-bottom:30px}h1{font-size:60px}.intro-copy{max-width:none}.intro-copy>p:first-child{max-width:320px}.small{line-height:1.8}.eyebrow{font-size:11px}.cover-grid{grid-template-columns:1fr 1fr;height:auto;gap:12px}.cover{height:230px}.cover-large{grid-column:1/-1;height:330px}.cover-large img{object-position:center 53%}.cover-guide img{padding:14px 14px 65px}.cover>span{font-size:16px;padding:40px 14px 14px}.cover b{font-size:11px;line-height:1.5}.project-nav nav{gap:25px;justify-content:flex-start;min-height:58px}.project-nav a{padding:15px 0;font-size:13px}.project{padding-top:52px;padding-bottom:52px}.project-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px;padding-bottom:25px}.status{text-align:left;font-size:13px}.project-grid,.compact-story,.cv-bottom{grid-template-columns:1fr;gap:28px}.story h3{font-size:27px}.story p,.compact-story p{font-size:16px}.board{max-width:420px}.gallery{gap:12px}.four{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:1fr 1fr}.three .photo:last-child{grid-column:1/-1;max-width:320px;justify-self:center}.video-grid{grid-template-columns:1fr;gap:25px;max-width:360px;margin:auto}.video-grid video{max-height:70dvh;object-fit:contain}.subheading{margin-top:42px}.subheading h3{font-size:25px}.gallery.three.guide-pages{grid-template-columns:1fr;max-width:390px;margin:30px auto 0}.guide-pages .photo:last-child{max-width:none}.guide-cover{padding:24px 36px}.cv-bottom dl{margin-top:0}.outro{padding:48px 0}.footer{flex-wrap:wrap;gap:15px}.footer nav{width:100%;justify-content:space-between}.lightbox-toolbar{padding:12px;gap:10px}.lightbox-toolbar p{font-size:12px}.lightbox-toolbar button{font-size:12px}.lightbox-controls{padding:12px;font-size:12px}.lightbox-controls button{font-size:12px;padding:8px 10px}.lightbox-image{padding:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.lightbox-toolbar p{flex:1}.lightbox-toolbar{gap:10px}dialog.expanded .lightbox-image img{max-height:none;width:100%;height:auto}dialog.expanded .lightbox-image{display:block}@media(max-width:640px){.lightbox-toolbar{flex-wrap:wrap}.lightbox-toolbar p{flex-basis:100%}}

/* Navigation intégrée au site Créalia */
.header{position:relative;background:rgba(241,247,252,.95)}
.header .main-nav{gap:28px}.header .logo{font-size:21px;letter-spacing:-.02em}
.header .contact-link{font-size:14px;padding:10px 22px;gap:0}
.menu-toggle{display:none;background:none;border:0;padding:10px;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}
.header .portfolio-mobile-menu[hidden]{display:none}
.header .portfolio-mobile-menu{display:flex;position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 24px;background:#f1f7fc;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #1a2e3d12}
.portfolio-mobile-menu a{padding:10px;font-size:16px}
.portfolio-mobile-menu [aria-current]{color:var(--blue);font-weight:700}
.footer{flex-wrap:wrap}.footer nav{flex-wrap:wrap}
@media(max-width:1050px){.header .main-nav{display:none}.menu-toggle{display:flex}.header{height:76px}}
@media(min-width:1051px){.header .portfolio-mobile-menu{display:none}}
@media(max-width:640px){.header .contact-link:before{content:none}.footer{align-items:start}.footer p{max-width:210px}.footer nav{gap:10px 24px}}

/* Sélection de réalisations et nouvelles galeries */
.cover-grid.square-covers{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}
.square-covers .cover{aspect-ratio:1;height:auto;grid-column:auto}
.square-covers .cover img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0}
.cv-gallery .photo img{aspect-ratio:auto;height:auto}
.tiktok-profile{max-width:500px;margin:12px auto 28px}
.tiktok-crop{aspect-ratio:946/1258;overflow:hidden;border-radius:12px;background:#fff}
.tiktok-crop img{width:100%;height:auto;max-width:none;transform:translateY(-15.72265625%)}
#guide .more .guide-pages{margin-bottom:24px}
@media(max-width:640px){.cover-grid.square-covers{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.cv-gallery{grid-template-columns:1fr}.tiktok-profile{margin-inline:0}}

.site-mobile-video{width:100%;max-width:420px;max-width:min(420px,33.5506svh);margin:12px auto 28px;overflow:visible}.site-mobile-video video{display:block;width:100%;height:auto;aspect-ratio:858/1918;max-height:none;object-fit:contain;object-position:center;background:#fff;border-radius:0;transform:none;clip-path:none}.site-mobile-video video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}

.site-desktop-video{width:100%;max-width:1000px;margin:12px auto 28px}.site-desktop-video video{display:block;width:100%;height:auto;aspect-ratio:1708/1080;object-fit:contain;background:#fff;border-radius:0}.site-desktop-video video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}

/* Extraits du guide de voyage : pages entières, sans recadrage. */
.travel-pages figure{margin:0;min-width:0}
#koh-samui .more .travel-pages{margin-bottom:24px}
@media(max-width:900px) and (min-width:641px){.travel-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}

.product-videos .video-grid{margin-top:12px;margin-bottom:24px}