/* Shared native panels, search, keyboard focus and typography. */
@import url('cour-paysages-v2.css?v=2-terrasse');
.cour{background:#203426;touch-action:pan-y}
.cour::before{z-index:1;background:linear-gradient(180deg,rgba(7,18,13,.36),transparent 20%,transparent 48%,rgba(7,18,13,.68));pointer-events:none}
.cour-diaporama{position:absolute;inset:0;overflow:hidden;z-index:0}.cour-diaporama__piste{height:100%;display:flex;transform:translateX(0);transition:transform 1.15s cubic-bezier(.22,.61,.36,1);will-change:transform}.cour-diaporama__vue{flex:0 0 100%;width:100%;height:100%;min-width:0}.cour-diaporama__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;-webkit-user-drag:none}
.cour-header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 3.15vw}.cour-header__marque{font-size:23px;font-weight:600;letter-spacing:-.035em;line-height:1.2;padding:8px 0}.cour-header__menu{width:44px;height:44px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;padding:4px 0}.cour-header__menu span{display:block;background:currentColor;width:30px;height:1px}.cour-header__menu span:nth-child(2){width:23px}
.cour-intro{position:absolute;z-index:2;left:3.15vw;right:3.15vw;bottom:32px;display:grid;grid-template-columns:57% minmax(0,1fr);align-items:start;gap:0}.cour-intro h1{font-size:clamp(28px,2.7vw,46px);font-weight:550;line-height:1.1;letter-spacing:-.04em;margin:0;padding-right:30px;text-wrap:balance}.cour-intro__texte{max-width:480px;padding-right:8px}.cour-intro p{font-size:clamp(20px,1.8vw,29px);font-weight:500;letter-spacing:-.035em;line-height:1.16;margin:0;text-wrap:pretty}.cour-intro__texte>button{display:inline-block;font-size:18px;letter-spacing:-.025em;line-height:1.2;padding:10px 0 5px;margin-top:22px;border-bottom:1px solid currentColor}.cour-intro__texte>button:hover{opacity:.75}
.cour-diaporama__precedent,.cour-diaporama__suivant{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:54px;padding:13px;opacity:.85}.cour-diaporama__precedent{left:calc(3.15vw - 16px)}.cour-diaporama__suivant{right:calc(3.15vw - 16px)}.cour-diaporama__precedent:hover,.cour-diaporama__suivant:hover{opacity:1}.cour-diaporama__precedent svg,.cour-diaporama__suivant svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}
.cour__pause{z-index:3;left:calc(3.15vw - 15px);right:auto;bottom:18px;width:30px;height:30px;opacity:.7}.cour__pause span{width:6px;height:8px;border-width:1px}.cour-intro__texte{padding-bottom:0}.cour-panneau{z-index:5}
@media(min-width:1700px){.cour-header{padding-top:18px}.cour-header__marque{font-size:27px}.cour-intro{bottom:42px}.cour-intro__texte{max-width:590px}}
@media(max-width:700px){.cour-header{padding:14px 22px}.cour-header__marque{font-size:22px}.cour-header__menu span{width:26px}.cour-header__menu span:nth-child(2){width:19px}.cour-diaporama__photo{object-position:50% 50%}.cour-diaporama__vue:nth-child(2) img{object-position:54% 50%}.cour-intro{left:24px;right:24px;bottom:max(30px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:18px}.cour-intro h1{font-size:30px;max-width:320px;padding-right:0}.cour-intro__texte{max-width:330px;padding:0}.cour-intro p{font-size:18px;line-height:1.22;letter-spacing:-.025em}.cour-intro__texte>button{font-size:16px;margin-top:12px}.cour-diaporama__precedent{left:8px}.cour-diaporama__suivant{right:8px}.cour-diaporama__precedent,.cour-diaporama__suivant{top:43%}.cour__pause{left:auto;right:15px;bottom:22px}.cour::before{background:linear-gradient(180deg,rgba(7,18,13,.4),transparent 24%,transparent 40%,rgba(7,18,13,.8))}}
@media(max-width:360px){.cour-header{padding:12px 18px}.cour-header__marque{font-size:20px}.cour-intro{left:20px;right:20px;bottom:25px;gap:15px}.cour-intro h1{font-size:27px}.cour-intro p{font-size:16px}.cour-intro__texte{max-width:255px}}
@media(max-height:500px) and (min-width:701px){.cour-header{padding-top:7px}.cour-header__marque{font-size:20px}.cour-intro{bottom:18px;grid-template-columns:55% minmax(0,1fr)}.cour-intro h1{font-size:27px}.cour-intro p{font-size:17px}.cour-intro__texte>button{font-size:15px;margin-top:12px}.cour__pause{bottom:10px}}
@media(prefers-reduced-motion:reduce){.cour-diaporama__piste{transition:none!important}}