/* Domaine de Fontarbre · maquette. */
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/literata.woff2) format('woff2')}
@font-face{font-family:'Literata Fallback';src:local('Georgia');size-adjust:100%}

:root{
  --ground:#efeee9;--paper:#e5e3db;--card:#f7f6f2;--ink:#22282a;--ink-2:#596163;--rule:#cfccc1;
  --hay:#8a6420;--hay-l:#e0b45a;--meadow:#4f6237;--night:#18202c;--night-2:#222c3b;--night-t:#ece8de;--night-m:#a9b0bb;
  --ease:cubic-bezier(.25,.75,.2,1);--wrap:1240px;--g:clamp(20px,4vw,48px);
  --b:'Literata','Literata Fallback',Georgia,serif;--d:var(--b);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --ground:#121212;--paper:#1e1e1e;--card:#232323;--ink:rgba(255,255,255,.87);--ink-2:rgba(255,255,255,.62);--rule:#383836;
  --hay:#e0b45a;--meadow:#a9bb8c;--night:#0d131c;--night-2:#18202c;color-scheme:dark}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17.5px/1.62 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
source{display:none}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--g));margin-inline:auto;padding-inline:var(--g)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--ground);padding:10px 16px}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--hay);outline-offset:3px}

/* type: Literata seule (graisses 400 à 700) */
.d0,.d1,.d2,.d3,.hd-logo,.ft-logo{font-family:var(--d);font-weight:700;letter-spacing:-.02em}
.d0{font-size:clamp(44px,6.8vw,92px);line-height:1.02;letter-spacing:-.01em}
.d1{font-size:clamp(38px,5.2vw,68px);line-height:1.06}
.d2{font-size:clamp(29px,3.4vw,44px);line-height:1.12}
.d3{font-size:clamp(21px,1.8vw,25px);line-height:1.25}
.ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.ln>span{display:inline-block}
.kick{font:400 13px/1.3 var(--d);}
.lab{font:400 13px/1.3 var(--d);color:var(--hay);margin-bottom:18px;display:flex;align-items:center;gap:14px}
.lab::before{content:"";width:28px;height:1px;background:currentColor}
.lede{font-size:clamp(17.5px,1.45vw,19.5px);line-height:1.62;max-width:36em}
.note{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.lk{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:border-color .3s,color .3s}
.lk:hover{color:var(--hay)}
.lk::after{content:" ›"}
.btn{display:inline-flex;align-items:center;background:var(--hay);color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;letter-spacing:.02em;padding:17px 30px;border:0;border-radius:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:var(--meadow);clip-path:inset(0 50% 0 50%);transition:clip-path .5s var(--ease);z-index:-1}
.btn:hover::after{clip-path:inset(0)}
.btn-l{background:#f6f3ea;color:#22282a}
@media (prefers-color-scheme:dark){.btn{color:#18202c}}
.btn-l::after{background:#e0b45a}
.btn-h{background:#e0b45a;color:#18202c}
.btn-h::after{background:#f6f3ea}

/* header */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:background-color .35s,color .35s,box-shadow .35s}
.hd::before{content:"";position:absolute;inset:0 0 -50px;background:linear-gradient(rgba(14,18,24,.5),rgba(14,18,24,0));pointer-events:none;transition:opacity .35s}
.hd.is-solid{background:var(--ground);color:var(--ink);box-shadow:0 1px 0 var(--rule)}
.hd.is-solid::before{opacity:0}
.hd-in{position:relative;display:flex;align-items:center;gap:28px;height:80px}
.hd-logo{font-size:25px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;margin-right:auto;display:flex;flex-direction:column;line-height:1}
.hd-logo-s{font-size:10.5px;letter-spacing:.34em;margin-bottom:5px}
.hd-nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}
.hd-nav a{text-decoration:none;position:relative;padding:6px 0}
.hd-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:currentColor;transition:left .35s var(--ease),right .35s var(--ease)}
.hd-nav a:hover::after,.hd-nav a[aria-current]::after{left:0;right:0}
.hd-ask{border:1px solid currentColor;padding:10px 18px!important}
.hd-ask::after{display:none}
.hd-menu{display:none;background:none;border:1px solid currentColor;padding:9px 16px;cursor:pointer;font-weight:700;font-size:14.5px}
.mnu{position:fixed;inset:0;z-index:45;background:var(--night);color:var(--night-t);padding:120px var(--g) 32px;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 50% 0 50%);transition:clip-path .55s var(--ease)}
.mnu.is-open{clip-path:inset(0)}
.mnu ul{display:grid;gap:10px}
.mnu a{font:400 clamp(32px,9vw,46px)/1.2 var(--d);text-decoration:none}
.mnu-f{font-size:14.5px;color:var(--night-m)}
.mnu-f a{font:inherit}
body.menu-open{overflow:hidden}
body.menu-open .hd{background:var(--night);color:var(--night-t);box-shadow:none}
body.menu-open .hd::before{opacity:0}

.ph-note{position:absolute;right:var(--g);bottom:14px;z-index:2;font-size:11.5px;color:rgba(255,255,255,.86)}

/* hero: centered title over the mountain, like a carved inscription */
.hero{position:relative;height:100vh;height:100svh;min-height:620px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(70px,10vh,120px);overflow:hidden;text-align:center}
.hero-ph{position:absolute;inset:0;background:#4b5a4c}
.hero-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,24,.4) 0%,rgba(14,18,24,0) 28%,rgba(14,18,24,.12) 48%,rgba(14,18,24,.72) 100%)}
.hero-tx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.hero-tx .kick{margin-bottom:18px}
.hero-l{font-size:clamp(17px,1.5vw,20px);margin:18px auto 0;max-width:32em;opacity:.95}
.hero-a{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:34px}
.lk-l{color:#fff}
.lk-l:hover{color:#e0b45a}
.js .hero-ph img{transform:scale(1.08);transition:transform 2.6s var(--ease)}
.js body.is-ready .hero-ph img{transform:none}
.js .hero-a{opacity:0;transition:opacity 1s .7s}
.js body.is-ready .hero-a{opacity:1}

/* reveals: masked lines, horizon-opening photos, fades */
.js .ln>span{transform:translateY(105%);transition:transform 1.05s var(--ease);transition-delay:calc(var(--l,0)*120ms)}
.js .is-in .ln>span{transform:none}
.js .fx{opacity:0;transition:opacity 1.1s .2s}
.js .fx.is-in{opacity:1}
.shot{position:relative}
.shot img{width:100%;height:100%;object-fit:cover}
.js .shot img{clip-path:inset(0 50% 0 50%);transition:clip-path 1.3s var(--ease)}
.js .shot.is-in img{clip-path:inset(0)}
.shot figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-2);padding-top:10px}
.ill{font-size:11.5px;opacity:.85}

.sec{padding-block:clamp(80px,10vw,140px)}

/* intro + proof */
.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:end}
.intro .d2{margin-bottom:26px}
.proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule)}
.proof div{padding:22px 18px 22px 0;border-bottom:1px solid var(--rule)}
.proof div:nth-child(even){padding-left:22px;border-left:1px solid var(--rule)}
.proof dt{font:400 clamp(28px,2.8vw,38px)/1 var(--d);color:var(--meadow)}
.proof dd{font-size:14.5px;color:var(--ink-2);margin-top:8px}
.intro-n{grid-column:2}

/* four horizons: photos change by themselves, a name picks one */
.hz{background:var(--paper)}
.hz-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26em);gap:32px;align-items:end;margin-bottom:44px}
.hz-i{color:var(--ink-2)}
.hz-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.hz-st{position:relative;aspect-ratio:3/2;overflow:hidden;background:#3b4a48}
.hz-ph{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.hz-ph.is-on{opacity:1;z-index:1}
.hz-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 6s linear}
.hz-ph.is-on img{transform:none}
.hz-ph figcaption{position:absolute;left:18px;bottom:16px;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.hz-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25);z-index:2}
.hz-bar i{display:block;height:100%;background:#e0b45a;transform-origin:0 50%;transform:scaleX(0)}
.hz-l{display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid var(--rule)}
.hz-b{display:grid;gap:4px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:18px 0 18px 4px;cursor:pointer;transition:padding .4s var(--ease),color .3s}
.hz-n{font:400 clamp(24px,2.3vw,32px)/1.1 var(--d);color:var(--ink-2);transition:color .3s}
.hz-t{font-size:14.5px;color:var(--ink-2);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}
.hz-b[aria-pressed=true]{padding-left:16px}
.hz-b[aria-pressed=true] .hz-n,.hz-b:hover .hz-n{color:var(--ink)}
.hz-b[aria-pressed=true] .hz-t{max-height:3em;opacity:1}

/* the domain fills up (night) */
.fill{background:var(--night);color:var(--night-t)}
.fill .lab,.lab-n{color:#e0b45a}
.fill-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26em);gap:32px;align-items:end;margin-bottom:40px}
.fill-i{color:var(--night-m)}
.fill-c{max-width:640px;margin-bottom:44px}
.fill-l{display:flex;align-items:baseline;gap:12px;font-size:18px;margin-bottom:12px}
.fill-n{font:400 clamp(56px,7vw,88px)/1 var(--d);color:#e0b45a;font-variant-numeric:tabular-nums;min-width:2.2ch}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#e0b45a var(--p,43%),rgba(236,232,222,.25) var(--p,43%))}
input[type=range]::-moz-range-track{height:2px;background:rgba(236,232,222,.25)}
input[type=range]::-moz-range-progress{height:2px;background:#e0b45a}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-11px;border-radius:50%;background:#ece8de;border:5px solid #e0b45a}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ece8de;border:5px solid #e0b45a}
input[type=range]:focus-visible{outline:2px solid #e0b45a;outline-offset:6px}
.fill-s{display:flex;justify-content:space-between;font-size:13px;color:var(--night-m);margin-top:4px}
.fill-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,60px)}
.fill-p{background:var(--night-2);padding:24px}
.fill-p figcaption{display:flex;justify-content:space-between;gap:16px;font-size:15px;margin-bottom:20px;color:var(--night-m)}
.fill-p b{font:400 19px/1.2 var(--d);color:var(--night-t)}
.tbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px}
.tb{display:grid;place-items:center;aspect-ratio:1}
.tb-c{width:76%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(236,232,222,.22);position:relative;transition:border-color .4s,background-color .4s,transform .5s var(--ease);transform:scale(.86)}
.tb.is-on .tb-c{border-color:#e0b45a;background:rgba(224,180,90,.14);transform:none}
.bds{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.bd{aspect-ratio:2/3;border-radius:2px;border:1.5px solid rgba(236,232,222,.22);transition:background-color .35s,border-color .35s}
.bd.is-on{background:#e0b45a;border-color:#e0b45a}
.fill-o{margin-top:30px;font-size:17px;max-width:46em;color:var(--night-t)}
.fill-a{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}
.note-n{color:var(--night-m);max-width:34em}

/* places */
.lx-h{margin-bottom:44px}
.lx-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.lc a{display:block;text-decoration:none}
.lc .shot{aspect-ratio:4/5;overflow:hidden}
.lc-t{display:grid;gap:6px;padding-top:16px;border-top:1px solid var(--rule);margin-top:14px}
.lc-t span{font-size:15.5px;color:var(--ink-2)}
.lc a:hover .d3{color:var(--meadow)}
.lc:nth-child(2){margin-top:60px}

/* freedom */
.libre{background:var(--paper)}
.libre-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:center}
.libre-ph{aspect-ratio:4/5}
.libre .d2{margin-bottom:28px}
.libre-l{border-top:1px solid var(--rule);margin-bottom:16px}
.libre-l li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:16.5px}
.libre-l b{font-weight:800}

/* sleep (home) */
.dm{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,96px);align-items:center}
.dm-ph{aspect-ratio:3/2}
.dm .d2{margin-bottom:22px}
.dm .lede{margin-bottom:22px}

/* closing photo */
.fin{position:relative;min-height:84vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding-bottom:clamp(60px,8vw,110px)}
.fin-ph{position:absolute;inset:0;background:#2a2620}
.fin-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transform:scale(1.08);transition:transform 2.6s var(--ease)}
.fin.is-in .fin-ph img{transform:none}
.fin-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,24,.05),rgba(14,18,24,.7))}
.fin-tx{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}

/* inner pages */
.band{position:relative;height:min(70vh,660px);min-height:440px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding-bottom:56px}
.band-ph{position:absolute;inset:0;background:#3b4a48}
.band-ph img{width:100%;height:100%;object-fit:cover}
.js .band-ph img{transform:scale(1.06);transition:transform 2.2s var(--ease)}
.js body.is-ready .band-ph img{transform:none}
.band-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,24,.45),rgba(14,18,24,.18) 40%,rgba(14,18,24,.78)),linear-gradient(90deg,rgba(14,18,24,.42),rgba(14,18,24,0) 60%)}
.band-tx{position:relative;z-index:1}
.band-tx .kick{margin-bottom:16px}
.band-l{margin-top:16px;max-width:34em;font-size:clamp(16px,1.4vw,18.5px);opacity:.95}

.sps{display:grid;gap:clamp(80px,10vw,140px)}
.sp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:center}
.sp-r .sp-ph{order:2}
.sp-ph{position:relative;padding-bottom:12%}
.sp-a{aspect-ratio:3/2}
.sp-b{position:absolute;right:-6%;bottom:0;width:36%;aspect-ratio:4/5;border:8px solid var(--ground)}
.sp-r .sp-b{right:auto;left:-6%}
.sp-s{font:400 13px/1.3 var(--d);color:var(--hay);margin-bottom:14px}
.sp .d2{margin-bottom:18px}
.horses{position:relative;min-height:80vh;display:flex;align-items:flex-end;color:#fff;padding-bottom:70px;overflow:hidden}
.horses-ph{position:absolute;inset:0;background:#596048}
.horses-ph img{width:100%;height:100%;object-fit:cover}
.horses-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,24,0) 30%,rgba(14,18,24,.66))}
.horses-tx{position:relative;z-index:1}
.horses-tx .d2{margin-bottom:16px}
.fourni{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.fourni .d2{margin-bottom:18px}
.fo-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--rule)}
.fo-l li{padding:14px 0;border-bottom:1px solid var(--rule);font-size:16px}
.fo-l b{font-weight:800}
.cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:clamp(56px,7vw,90px);border-top:1px solid var(--rule)}

.gts-h{margin-bottom:44px;max-width:40em}
.gts-h .d2{margin-bottom:14px}
.gt-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.gt .shot{aspect-ratio:4/5}
.gt-tx{padding-top:16px}
.gt-n{font:400 clamp(44px,4.4vw,60px)/1 var(--d);color:var(--meadow);display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-variant-numeric:tabular-nums}
.gt-n span{font:700 14px/1 var(--b);color:var(--ink-2)}
.gt-tx .d3{margin-bottom:6px}
.gt-tx p:last-child{font-size:15.5px;color:var(--ink-2)}
.gt:nth-child(even){margin-top:48px}
.rules{border-top:1px solid var(--rule)}
.ru-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.ru-g div{padding:4px 24px 4px 0}
.ru-g div+div{padding-left:24px;border-left:1px solid var(--rule)}
.ru-g dt{font:400 clamp(28px,2.8vw,38px)/1.1 var(--d);color:var(--meadow);margin-bottom:8px}
.ru-g dd{font-size:15.5px;color:var(--ink-2)}

.plain main{padding-top:80px}
.pg-h{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(20px,3vw,40px)}
.pg-h .kick{color:var(--hay);margin-bottom:18px}
.pg-h .d1{margin-bottom:22px}
.vn{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);padding-top:clamp(30px,4vw,50px);align-items:start}
.vn .lab:not(:first-child){margin-top:48px}
.vn-l{border-top:1px solid var(--rule);margin-bottom:18px}
.vn-l div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--rule)}
.vn-l dt{font-weight:800}
.vn-l dd,.ft p{overflow-wrap:anywhere}
.vn-ph{aspect-ratio:4/5}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);border-top:1px solid var(--rule)}
.faq-l{border-top:1px solid var(--ink)}
.qa{border-bottom:1px solid var(--rule)}
.qa h3{font:inherit}
.qa-b{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;background:none;border:0;padding:20px 0;text-align:left;cursor:pointer;font:400 clamp(19px,1.7vw,22px)/1.3 var(--d)}
.pl{position:relative;width:16px;height:16px;flex:none}
.pl::before,.pl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transition:transform .35s var(--ease)}
.pl::after{transform:rotate(90deg)}
[aria-expanded=true] .pl::after{transform:rotate(0)}
.qa-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.qa-p.is-open{grid-template-rows:1fr}
.qa-p>div{overflow:hidden;min-height:0}
.qa-p p{padding:0 0 22px;color:var(--ink-2);max-width:38em}

/* request + invitation draft */
.ask{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,80px);align-items:start;padding-top:clamp(30px,4vw,50px)}
.ask-f{display:grid;gap:44px}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend.lab{padding:0}
.fl-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fl-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fl-w{grid-column:1/-1}
.fl{display:flex;flex-direction:column;gap:6px}
.fl label{font-size:14px;font-weight:700}
.fl label span{font-weight:400;color:var(--ink-2)}
.fl input,.fl select,.fl textarea{border:0;border-bottom:1.5px solid var(--rule);background:var(--card);padding:13px 14px;border-radius:0;font-size:16px;transition:border-color .25s,background-color .25s}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:none;border-bottom-color:var(--meadow);background:var(--ground)}
.fl [aria-invalid=true]{border-bottom-color:#a3402a}
.fl-err{color:#a3402a;font-weight:700;font-size:14.5px;margin-top:12px}
@media (prefers-color-scheme:dark){.fl-err{color:#e79c84}}
.ck{display:flex;gap:12px;align-items:center;margin-top:16px;font-size:15.5px;cursor:pointer}
.ck input{width:18px;height:18px;accent-color:var(--meadow);flex:none}
.ck-g{margin-top:22px}
.ck-g legend{font-size:14px;font-weight:700}
.fp-w{position:sticky;top:110px}
.fp{background:radial-gradient(120% 80% at 50% 0%,#2a3546,#18202c 70%);color:#ece8de;border:1px solid rgba(224,180,90,.55);outline:1px solid rgba(224,180,90,.3);outline-offset:-10px;padding:48px 32px;text-align:center;display:grid;gap:12px;margin-bottom:14px;box-shadow:0 30px 60px -36px rgba(20,24,30,.55)}
.fp-k{font:400 11px/1.3 var(--d);color:#e0b45a}
.fp-n{font:400 clamp(28px,2.6vw,36px)/1.15 var(--d);margin-top:10px;color:#e0b45a}
.fp-s{color:#a9b0bb}
.fp-d{font:400 21px/1.3 var(--d)}
.fp-g{font-size:15px}
.fp-o{font-size:13.5px;color:#a9b0bb;border-top:1px solid rgba(224,180,90,.3);padding-top:14px;margin-top:6px}
.fp>*{transition:opacity .3s}
.fp.is-flash>*{opacity:.35}
.ok{grid-column:1/-1;max-width:40em;padding-block:20px 40px;outline:none}
.ok-s{display:block;width:min(300px,80%);height:1px;background:var(--hay);margin-bottom:26px;transform:scaleX(0);transition:transform 1.2s var(--ease)}
.ok.is-in .ok-s{transform:none}
.ok .d1{margin-bottom:18px}
.ok .note{margin:16px 0 24px}

.lg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);padding-top:30px}
.lg .lab:not(:first-child){margin-top:40px}
.lg p{max-width:38em}
.cr{margin-top:16px;font-size:14.5px;columns:2;column-gap:28px}
.cr li{padding:4px 0;break-inside:avoid}
.nf{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding-block:80px}
.nf .kick{color:var(--hay);margin-bottom:18px}
.nf .d1{margin-bottom:22px}
.nf-a{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}

/* footer */
.ft{background:var(--night);color:var(--night-t);padding-top:80px}
.ft a{color:#fff}
.ft p a{display:inline-block;padding:3px 0}
.ft-g{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;font-size:15px;line-height:1.7}
.ft-logo{font-size:30px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.ft-h{font:400 12px/1.3 var(--d);color:#e0b45a;margin-bottom:12px}
.ft-l a{text-decoration:none;display:inline-block;padding:4px 0}
.ft-l a:hover{text-decoration:underline}
.ft-n{margin-top:60px;padding-block:24px;border-top:1px solid rgba(236,232,222,.18);font-size:13px;color:var(--night-m)}

.js body{transition:opacity .2s}
.js body.is-leaving{opacity:0}

@media (max-width:1020px){
  .hd-nav{gap:20px}
  .gt-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gt:nth-child(even){margin-top:0}
  .ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .hd-in{height:66px}
  .hd nav{display:none}
  .hd-menu{display:block}
  .hd-logo{font-size:21px}
  .plain main{padding-top:66px}
  .hero{padding-bottom:64px}
  .hero-ph::after{background:linear-gradient(180deg,rgba(14,18,24,.45) 0%,rgba(14,18,24,.05) 26%,rgba(14,18,24,.35) 50%,rgba(14,18,24,.85) 100%)}
  .hero-a{flex-direction:column;gap:20px}
  .ph-note{bottom:auto;top:76px}
  .band .ph-note,.horses .ph-note,.fin .ph-note{top:auto;bottom:10px}
  .intro,.hz-g,.libre-g,.dm,.sp,.fourni,.vn,.faq,.lg,.ask{grid-template-columns:minmax(0,1fr)}
  .intro-n{grid-column:auto}
  .hz-h,.fill-h{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px}
  .hz-l{flex-direction:row;overflow-x:auto;gap:18px;border-top:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:40px}
  .hz-l::-webkit-scrollbar{display:none}
  .hz-l li{flex:none}
  .hz-b{border-bottom:2px solid transparent;padding:10px 0!important}
  .hz-b[aria-pressed=true]{border-bottom-color:var(--hay)}
  .hz-t{display:none}
  .hz-n{font-size:19px;white-space:nowrap}
  .fill-g{grid-template-columns:minmax(0,1fr)}
  .fill-p{padding:14px 16px}
  .fill-p figcaption{margin-bottom:12px}
  /* control + result together (2026-11-08): tables and beds drawn in fewer, wider rows so the slider and both pictures fit one screen */
  .fill-c{position:sticky;top:66px;z-index:4;margin:0 calc(var(--g) * -1) 16px;padding:6px var(--g) 8px;background:var(--night);max-width:none}
  .fill-l{margin-bottom:4px}
  .fill-n{font-size:48px}
  .fill-p figcaption{flex-wrap:wrap;gap:2px 12px}
  .fill-g{gap:14px}
  .tbs{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px 4px}
  .bds{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}
  .fill-o{margin-top:18px;font-size:16px}
  .fill-a{margin-top:20px}
  .fill-a{flex-direction:column;align-items:flex-start}
  .lx-g{grid-template-columns:minmax(0,1fr);gap:40px}
  .lc:nth-child(2){margin-top:0}
  .lc .shot{aspect-ratio:3/2}
  .libre-ph{aspect-ratio:4/3}
  .sp-r .sp-ph{order:0}
  .sp-b{width:42%;right:-2%;border-width:6px}
  .sp-r .sp-b{left:-2%}
  .fo-l{grid-template-columns:minmax(0,1fr)}
  .gt-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .gt-n{font-size:40px}
  .ru-g{grid-template-columns:minmax(0,1fr);row-gap:18px}
  .ru-g div+div{padding-left:0;border-left:0;border-top:1px solid var(--rule);padding-top:16px}
  .vn-l div{grid-template-columns:120px minmax(0,1fr)}
  .fl-g,.fl-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fl-g>.fl:nth-child(3){grid-column:1/-1}
  .fl-2>.fl{grid-column:1/-1}
  /* control + result together (2026-11-08): the draft invitation stays pinned under the header while the form is filled in */
  .ask{display:flex;flex-direction:column;align-items:stretch;gap:20px}
  .fp-w{position:sticky;top:66px;order:-1;z-index:4;margin:0 calc(var(--g) * -1);padding:8px var(--g) 0;background:var(--ground)}
  .fp-w h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .fp-w .note{display:none}
  .fp{padding:12px 18px;gap:1px;margin-bottom:8px;outline-offset:-6px}
  .ask-f :is(input,select,textarea,button){scroll-margin-top:230px}
  .fp-k{display:none}
  .fp-n{font-size:25px;margin-top:0}
  .fp-s{font-size:14.5px;line-height:1.35}
  .fp-d{font-size:17px;line-height:1.3}
  .fp-g{font-size:14px;line-height:1.35}
  .fp-o{font-size:12.5px;line-height:1.35;border-top:0;padding-top:0;margin-top:0}
  .cr{columns:1}
  .ft{padding-top:56px}
  .ft-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:28px}
  .ft-b{grid-column:1/-1}
  .horses{min-height:70vh}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
  .js .ln>span,.js .fx,.js .shot img,.js .hero-a{transform:none!important;opacity:1!important;clip-path:none!important}
}
/* unstyle:begin */
[data-i="0"][data-i="0"][data-i="0"]{--i:0}
[data-i="1"][data-i="1"][data-i="1"]{--i:1}
[data-i="2"][data-i="2"][data-i="2"]{--i:2}
[data-i="3"][data-i="3"][data-i="3"]{--i:3}
[data-l="0"][data-l="0"][data-l="0"]{--l:0}
[data-l="1"][data-l="1"][data-l="1"]{--l:1}
[data-l="2"][data-l="2"][data-l="2"]{--l:2}
[data-t="0"][data-t="0"][data-t="0"]{--t:0}
[data-t="1"][data-t="1"][data-t="1"]{--t:1}
[data-t="10"][data-t="10"][data-t="10"]{--t:10}
[data-t="11"][data-t="11"][data-t="11"]{--t:11}
[data-t="12"][data-t="12"][data-t="12"]{--t:12}
[data-t="13"][data-t="13"][data-t="13"]{--t:13}
[data-t="14"][data-t="14"][data-t="14"]{--t:14}
[data-t="15"][data-t="15"][data-t="15"]{--t:15}
[data-t="16"][data-t="16"][data-t="16"]{--t:16}
[data-t="17"][data-t="17"][data-t="17"]{--t:17}
[data-t="18"][data-t="18"][data-t="18"]{--t:18}
[data-t="19"][data-t="19"][data-t="19"]{--t:19}
[data-t="2"][data-t="2"][data-t="2"]{--t:2}
[data-t="3"][data-t="3"][data-t="3"]{--t:3}
[data-t="4"][data-t="4"][data-t="4"]{--t:4}
[data-t="5"][data-t="5"][data-t="5"]{--t:5}
[data-t="6"][data-t="6"][data-t="6"]{--t:6}
[data-t="7"][data-t="7"][data-t="7"]{--t:7}
[data-t="8"][data-t="8"][data-t="8"]{--t:8}
[data-t="9"][data-t="9"][data-t="9"]{--t:9}
/* unstyle:end */