.oc-carnet{--paper:#f3eee2;--ink:#181a17;--gold:#997b41;--line:#cfc5b1;--muted:#656255}
.oc-carnet *{box-sizing:border-box}
.oc-carnet{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.oc-carnet button,.oc-carnet input,.oc-carnet textarea{font:inherit}
.oc-carnet a{color:inherit}
.oc-carnet button,.oc-carnet a,.oc-carnet input,.oc-carnet textarea,.oc-carnet summary{-webkit-tap-highlight-color:transparent}
.oc-carnet button,.oc-carnet a,.oc-carnet summary{touch-action:manipulation}
.oc-carnet :focus-visible{outline:3px solid #a57821;outline-offset:5px}
.oc-carnet button{cursor:pointer}
.oc-carnet .lab{background:#1a1c18;color:#f6f0e4;padding:14px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em}
.oc-carnet .lab nav{display:flex;gap:6px;flex-wrap:wrap}
.oc-carnet .lab a{padding:10px 14px;text-decoration:none;border:1px solid #55564c}
.oc-carnet .lab a[aria-current]{background:#e3c184;color:#161712}
.oc-carnet .lab p{margin:0;max-width:320px;line-height:1.5}
.oc-carnet .shell{max-width:1400px;margin:auto;padding:32px 5vw 25px}
.oc-carnet .brand{display:flex;justify-content:space-between;align-items:center;gap:20px}
.oc-carnet .brand img{width:200px;max-width:50%;height:auto}
.oc-carnet .replay{border:0;border-bottom:1px solid var(--gold);padding:12px 0;background:none;font-size:12px}
.oc-carnet .intro{margin:52px 0 28px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end}
.oc-carnet .eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#786039}
.oc-carnet .intro h2{font-size:clamp(36px,4.8vw,68px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:15px 0 0;max-width:800px}
.oc-carnet .intro h2 em{font-family:Georgia,serif;font-weight:400;color:#806633}
.oc-carnet .intro p{font-size:14px;max-width:250px;line-height:1.65;margin:0}
.oc-carnet .book{position:relative;display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);box-shadow:8px 8px 0 -1px #e6decc,8px 8px 0 var(--line);background:#faf7ef;min-height:545px}
.oc-carnet .spine{padding:30px 26px;border-right:1px solid var(--line);background:#ebe4d4;position:relative}
.oc-carnet .spine:after{content:"";position:absolute;right:9px;top:0;bottom:0;border-right:1px solid #d6ccb7}
.oc-carnet .spine .eyebrow{margin-bottom:34px}
.oc-carnet .standard{display:block;font-size:31px;letter-spacing:-.065em;font-weight:700;text-decoration:none;margin:14px 0}
.oc-carnet .spine p{font-size:14px;line-height:1.65}
.oc-carnet .contact-label{font-size:18px!important;font-weight:600;line-height:1.3!important;margin:0}
.oc-carnet .rule{height:1px;background:#c5b89b;margin:26px 0}
.oc-carnet .email{font-size:14px;text-underline-offset:4px}
.oc-carnet .spine address{font-style:normal;line-height:1.6;font-size:12px;margin-top:28px}
.oc-carnet .spine details{margin-top:22px;font-size:12px;line-height:1.65}
.oc-carnet .spine summary{cursor:pointer;padding:12px 0;min-height:44px}
.oc-carnet .spine details a{display:inline-block;padding:8px 0}
.oc-carnet .page-area{min-width:0;padding:0 38px 26px;position:relative}
.oc-carnet .tabs{display:flex;border-bottom:1px solid var(--line);gap:0;margin-bottom:30px}
.oc-carnet .tabs button{border:0;background:none;position:relative;padding:21px 15px 18px;text-align:left;color:var(--muted);font-size:13px;flex:1;transition:color .25s,background .25s}
.oc-carnet .tabs button span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:6px}
.oc-carnet .tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.oc-carnet .tabs button[aria-selected=true]{color:var(--ink);background:#efe7d6}
.oc-carnet .tabs button[aria-selected=true]:after{transform:scaleX(1)}
.oc-carnet .page{animation:ocCarnetPageIn .55s cubic-bezier(.2,.7,.2,1);min-height:355px}
.oc-carnet .page[hidden]{display:none}
.oc-carnet .page-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.oc-carnet .page h2{font-size:clamp(25px,3vw,39px);letter-spacing:-.045em;font-weight:500;margin:0 0 12px}
.oc-carnet .page .note{font-family:Georgia,serif;font-style:italic;color:#877046;font-size:14px;transform:rotate(-5deg);padding-top:7px;white-space:nowrap}
.oc-carnet .helper{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.oc-carnet .choices{border:0;padding:0;margin:0 0 25px}
.oc-carnet .choices legend{font-size:12px;font-weight:700;margin-bottom:12px}
.oc-carnet .choice-row{display:flex;gap:8px;flex-wrap:wrap}
.oc-carnet .choice{position:relative;display:block}
.oc-carnet .choice input{position:absolute;opacity:0;width:1px;height:1px}
.oc-carnet .choice span{display:block;border:1px solid var(--line);padding:12px 17px;min-height:44px;font-size:13px;transition:background .25s,transform .25s}
.oc-carnet .choice input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:translateY(-3px)}
.oc-carnet .choice input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}
.oc-carnet .field{display:block;margin-bottom:18px}
.oc-carnet .field>span{display:block;font-size:12px;font-weight:700;margin-bottom:9px}
.oc-carnet .field input,.oc-carnet .field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #918a78;border-radius:0;padding:10px 0;font-size:16px;color:var(--ink);transition:border .2s}
.oc-carnet .field input:focus,.oc-carnet .field textarea:focus{outline:none;border-bottom:2px solid var(--gold)}
.oc-carnet .field input:focus-visible,.oc-carnet .field textarea:focus-visible{outline:2px solid #aa8543;outline-offset:3px}
.oc-carnet .field textarea{resize:vertical;min-height:92px;background:repeating-linear-gradient(transparent,transparent 31px,#ddd5c6 32px);line-height:32px;padding:0}
.oc-carnet .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
.oc-carnet .actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}
.oc-carnet .next,.oc-carnet .submit{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:16px 20px;min-height:50px;display:flex;gap:32px;justify-content:space-between;align-items:center}
.oc-carnet .next:hover,.oc-carnet .submit:hover{background:#413b2b}
.oc-carnet .back{border:0;background:none;padding:14px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.oc-carnet .counter{font-size:11px;letter-spacing:.12em;color:#7a735f}
.oc-carnet .review{margin:18px 0 0;border-top:1px solid var(--line)}
.oc-carnet .review div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}
.oc-carnet .review dt{color:var(--muted)}
.oc-carnet .review dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.oc-carnet .privacy{font-size:11px;line-height:1.6;color:var(--muted);margin-top:17px}
.oc-carnet .status{margin:14px 0 0;font-size:14px;font-weight:700;color:#5b4825}
.oc-carnet .status:empty{display:none}
.oc-carnet .footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding:25px 0 0;line-height:1.6}
.oc-carnet .entrance .intro{animation:ocCarnetArriveLeft .7s both}
.oc-carnet .entrance .book{animation:ocCarnetArriveRight .85s .1s both}
.oc-carnet .entrance .spine .standard{animation:ocCarnetArriveLeft .8s .4s both}
.oc-carnet .entrance .tabs{animation:ocCarnetArriveRight .8s .45s both}
@keyframes  ocCarnetPageIn{from{opacity:0;transform:translateX(25px) rotateY(-3deg)}to{opacity:1;transform:none}}
@keyframes  ocCarnetArriveLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
@keyframes  ocCarnetArriveRight{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}
.oc-carnet .shell{overflow-x:clip}
.oc-carnet .book>*{min-width:0}
.oc-carnet .field{min-width:0}
.oc-carnet .field input,.oc-carnet .field textarea{min-width:0}
.oc-carnet .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.oc-carnet .tabs button{min-width:0}
@media (max-width:600px){.oc-carnet .grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:800px){.oc-carnet .lab{display:block}
.oc-carnet .lab p{max-width:none;margin-bottom:12px}
.oc-carnet .lab nav{gap:5px}
.oc-carnet .lab a{padding:10px;font-size:11px}
.oc-carnet .shell{padding:25px 22px}
.oc-carnet .intro{margin-top:36px;display:block}
.oc-carnet .intro p{max-width:400px;margin-top:20px}
.oc-carnet .book{grid-template-columns:1fr}
.oc-carnet .spine{border-right:0;border-bottom:1px solid var(--line);padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.oc-carnet .spine:after{display:none}
.oc-carnet .spine .eyebrow{grid-column:1/-1;margin:0 0 16px}
.oc-carnet .spine .standard{font-size:29px;align-self:center;margin:0 0 14px}
.oc-carnet .spine .contact-label{font-size:16px!important}
.oc-carnet .spine p:not(.contact-label){grid-column:1/-1;margin:0}
.oc-carnet .spine .rule{grid-column:1/-1;margin:16px 0}
.oc-carnet .spine address{margin:0}
.oc-carnet .spine details{grid-column:1/-1;margin-top:7px}
.oc-carnet .page-area{padding:0 22px 24px}
.oc-carnet .tabs button{padding:18px 8px 15px;font-size:12px}
.oc-carnet .page{min-height:0}
.oc-carnet .page .note{font-size:12px}
.oc-carnet .grid{gap:8px 20px}
.oc-carnet .footer{display:block}
.oc-carnet .footer p{margin:0 0 6px}}
@media (max-width:420px){.oc-carnet .shell{padding:24px 17px}
.oc-carnet .brand img{width:180px;max-width:57%}
.oc-carnet .replay{font-size:10px}
.oc-carnet .intro h2{font-size:43px}
.oc-carnet .spine{grid-template-columns:1fr}
.oc-carnet .spine .standard{font-size:36px;margin:12px 0}
.oc-carnet .spine address{margin-top:14px}
.oc-carnet .page-area{padding-left:17px;padding-right:17px}
.oc-carnet .page .note{display:none}
.oc-carnet .grid{grid-template-columns:1fr}
.oc-carnet .choice span{padding:11px 12px}
.oc-carnet .next,.oc-carnet .submit{gap:16px;font-size:13px;padding:15px}
.oc-carnet .review div{grid-template-columns:80px minmax(0,1fr)}
.oc-carnet .footer{padding-top:22px}}
@media (prefers-reduced-motion:reduce){.oc-carnet *,.oc-carnet *:before,.oc-carnet *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.oc-carnet .single-heading{display:flex;justify-content:space-between;gap:16px;padding:24px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}
.oc-carnet .single-heading .note{font:italic 15px Georgia,serif;color:#877046;transform:rotate(-4deg)}
.oc-carnet .page-top h2{font-size:clamp(26px,3vw,39px);font-weight:500;letter-spacing:-.045em;margin:0 0 12px}
.oc-carnet .contact-form{display:grid;gap:20px}
.oc-carnet .contact-form .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
.oc-carnet .contact-form label{display:block;font-size:12px;font-weight:600;line-height:1.6}
.oc-carnet .contact-form input,.oc-carnet .contact-form textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid #918a78;background:transparent;border-radius:0;padding:12px 0;color:var(--ink);font-size:16px;margin-top:8px;transition:border-color .3s}
.oc-carnet .contact-form textarea{resize:vertical;min-height:110px;background:repeating-linear-gradient(transparent,transparent 29px,#d8cebb66 29px,#d8cebb66 30px);line-height:30px;padding:0}
.oc-carnet .contact-form input:focus,.oc-carnet .contact-form textarea:focus{outline:2px solid #aa8543;outline-offset:4px;border-bottom-color:var(--gold)}
.oc-carnet .contact-form .ohnohoney{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none;overflow:hidden}
.oc-carnet .contact-form .form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:var(--ink);color:var(--paper);min-height:52px;padding:15px 24px;font-size:13px;width:100%;transition:background .25s,transform .25s}
.oc-carnet .form-submit svg{width:24px;height:24px}
.oc-carnet .form-submit:hover{background:#70592f;transform:translateY(-2px)}
.oc-carnet .form-rgpd{font-size:10px;line-height:1.65;color:#656255;margin:0}
.oc-carnet .contact-form [data-form-status]{font-size:13px;line-height:1.5;margin:0;color:#70592f}
.oc-carnet .pierre-title{font-weight:700;font-size:16px!important;margin:0}
.oc-carnet .pierre-title span{font-weight:400;font-size:12px}
.oc-carnet .pierre-phone{display:block;margin:10px 0 17px;font-weight:600;font-size:17px;text-decoration:none}
.oc-carnet .whatsapp{display:flex;align-items:center;gap:10px;border:1px solid #aa9873;padding:12px 10px;text-decoration:none;font-size:12px;line-height:1.4;transition:background .3s,transform .3s}
.oc-carnet .whatsapp:hover{background:#dfd2b7;transform:translateX(3px)}
.oc-carnet .whatsapp svg{width:24px;height:24px;flex:none}
.oc-carnet .whatsapp b{margin-left:auto}
.oc-carnet .spine .standard{white-space:nowrap}
.oc-carnet .page-area{padding-bottom:30px}
@media (max-width:600px){.oc-carnet .contact-form .row2{grid-template-columns:minmax(0,1fr);gap:20px}
.oc-carnet .single-heading{gap:10px}
.oc-carnet .spine .pierre{grid-column:1/-1}
.oc-carnet .whatsapp{max-width:290px}}
.oc-carnet .shell{padding-bottom:55px}
.oc-carnet .book{isolation:isolate;background:transparent;border:0;box-shadow:none;gap:0;overflow:visible;margin:16px 0 34px;perspective:1400px}
.oc-carnet .book .spine,.oc-carnet .book .page-area{position:relative;z-index:1;transform-origin:50% 30%;border:1px solid #b4a17c;box-shadow:0 14px 28px #30220b17;will-change:auto}
.oc-carnet .book .spine{background:#ebe4d4;border-right:0}
.oc-carnet .book .page-area{background:#faf7ef}
.oc-carnet .book .spine::before,.oc-carnet .book .page-area::before{content:"";position:absolute;inset:0;z-index:-1;background:#dfd2b7;border:1px solid #a28a5b;transform:translate(10px,11px) rotate(.6deg);box-shadow:5px 8px 0 -1px #f0e5cd,5px 8px 0 #ad9362;pointer-events:none}
.oc-carnet .book .spine::before{transform:translate(-9px,12px) rotate(-1.1deg)}
.oc-carnet .book .spine::after{content:"";position:absolute;display:block;right:-8px;top:14px;bottom:14px;width:16px;border:0;background:repeating-linear-gradient(135deg,#b79a63 0 1px,transparent 1px 12px);opacity:.25;z-index:3;pointer-events:none}
.oc-carnet .book .page-area{padding-left:38px}
.oc-carnet .entrance .spine,.oc-carnet .entrance .page-area{animation:none!important}
.oc-carnet .book.assembling .spine::after{animation:seamSettle 1.65s both}
@keyframes  seamSettle{0%,35%{opacity:.7;transform:translateX(8px)}100%{opacity:.25;transform:none}}
@media (max-width:800px){.oc-carnet .book{gap:20px;margin-left:3px;margin-right:3px}
.oc-carnet .book .spine{border-right:1px solid #b4a17c}
.oc-carnet .book .page-area{padding-left:22px}
.oc-carnet .book .spine::after{display:none}
.oc-carnet .book .spine::before{transform:translate(-6px,8px) rotate(-.7deg)}
.oc-carnet .book .page-area::before{transform:translate(6px,8px) rotate(.6deg)}}
@media (prefers-reduced-motion:reduce){.oc-carnet .book.assembling .spine::after{animation:none}}
.oc-carnet{--paper:#f2ece0;--ink:#0d0d0f;--gold:#7d6130;--line:#b8975a;--muted:#6e6a62}
.oc-carnet{background:#f2ece0}
.oc-carnet .lab{background:#0d0d0f}
.oc-carnet .book .spine{background:#e8e0cf}
.oc-carnet .book .page-area{background:#f2ece0}
.oc-carnet .intro h2 em,.oc-carnet .eyebrow,.oc-carnet .single-heading .note{color:#7d6130}
.oc-carnet .book .spine::before,.oc-carnet .book .page-area::before{background:transparent;border-color:#b8975a;box-shadow:5px 8px 0 -1px #e8e0cf,5px 8px 0 #b8975a}
.oc-carnet .book .spine,.oc-carnet .book .page-area{border-color:#b8975a;box-shadow:0 12px 24px #0d0d0f14}
.oc-carnet .contact-form input:not(.ohnohoney),.oc-carnet .contact-form textarea{background:#fffdf8;border:1px solid #9a958a;padding:13px 14px;box-shadow:inset 0 2px 4px #0d0d0f06;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}
.oc-carnet .contact-form input:not(.ohnohoney):hover,.oc-carnet .contact-form textarea:hover{border-color:#7d6130}
.oc-carnet .contact-form input:not(.ohnohoney):focus,.oc-carnet .contact-form textarea:focus{outline:2px solid #d4b577;outline-offset:2px;border-color:#7d6130;background:#fff;box-shadow:0 0 0 4px #d4b57722}
.oc-carnet .contact-form label:focus-within{color:#7d6130}
.oc-carnet .contact-form .req{color:#7d6130}
.oc-carnet .contact-form input::placeholder,.oc-carnet .contact-form textarea::placeholder{color:#6e6a62;opacity:1}
.oc-carnet .contact-form .form-submit{background:#d4b577;color:#0d0d0f;border:1px solid #b8975a}
.oc-carnet .contact-form .form-submit:hover{background:#e9d3a4}
.oc-carnet .whatsapp{background:#f2ece0;border-color:#b8975a}
.oc-carnet .whatsapp:hover{background:#e9d3a4}
.oc-carnet .book .spine::after{animation:none!important}
.oc-carnet .book{--stitch:0;--quill:0}
.oc-carnet .binding{position:absolute;z-index:5;left:265px;top:22px;bottom:24px;width:50px;pointer-events:none;opacity:var(--stitch)}
.oc-carnet .binding svg{height:100%;width:100%;overflow:visible}
.oc-carnet .thread,.oc-carnet .thread-glint{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stitch))}
.oc-carnet .thread-shadow{opacity:.10;transform:translate(2px,2px)}
.oc-carnet .quill{position:absolute;z-index:6;width:76px;right:-32px;top:-83px;pointer-events:none;opacity:var(--quill);transform:translate(calc((1 - var(--quill))*65px),calc((1 - var(--quill))*-70px)) rotate(calc(-16deg + (1 - var(--quill))*25deg));filter:drop-shadow(4px 7px 3px #0d0d0f25)}
.oc-carnet .quill svg{display:block;width:100%;height:auto}
.oc-carnet .book .spine::after{display:none}
.oc-carnet .book .spine{background:linear-gradient(110deg,#f2ece0 0%,#e8e0cf 80%)}
.oc-carnet .book .page-area{background:linear-gradient(115deg,#fffdf833 0%,#f2ece0 35%,#f2ece0 100%)}
.oc-carnet .standard{color:#0d0d0f;text-shadow:0 1px 0 #fff}
.oc-carnet .standard:hover{color:#7d6130}
.oc-carnet .contact-form label:focus-within{color:#7d6130;text-shadow:0 1px 0 #fff}
.oc-carnet .whatsapp{position:relative;overflow:hidden;background:linear-gradient(135deg,#f2ece0,#e9d3a4);border:1px solid #b8975a;border-bottom:3px solid #a98a4b;box-shadow:0 5px 9px #7d61301a,inset 0 1px 0 #fff;transform:translateY(0);transition:transform .22s,box-shadow .22s}
.oc-carnet .whatsapp svg{background:#f2ece0;border:1px solid #b8975a;border-radius:50%;padding:5px;width:35px;height:35px;color:#0d0d0f;box-shadow:inset 0 1px 1px #fff}
.oc-carnet .whatsapp:hover,.oc-carnet .whatsapp:focus-visible{transform:translateY(-3px);box-shadow:0 9px 15px #7d613030,inset 0 1px 0 #fff;background:linear-gradient(135deg,#fffdf8,#e9d3a4)}
.oc-carnet .whatsapp::after{content:"";position:absolute;inset:-50% auto -50% -50%;width:25%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,#fff9,transparent);pointer-events:none}
.oc-carnet .whatsapp:hover::after,.oc-carnet .whatsapp:focus-visible::after{animation:goldGlint .8s ease-out}
.oc-carnet .contact-form .form-submit{background:linear-gradient(120deg,#e9d3a4,#d4b577 65%);border-bottom:3px solid #b8975a;box-shadow:0 4px 8px #7d613021,inset 0 1px 0 #fff8}
.oc-carnet .contact-form .form-submit:hover{box-shadow:0 7px 12px #7d61302b}
@keyframes  goldGlint{to{left:140%}}
@media (max-width:800px){.oc-carnet .binding{display:none}
.oc-carnet .quill{right:-6px;top:-56px;width:47px}
.oc-carnet .book .page-area{background:#f2ece0}}
@media (prefers-reduced-motion:reduce){.oc-carnet .quill{transform:rotate(-16deg);opacity:1}
.oc-carnet .thread,.oc-carnet .thread-glint{stroke-dashoffset:0}
.oc-carnet .binding{opacity:1}
.oc-carnet .whatsapp::after{display:none}}
.oc-carnet .binding-mobile{display:none;pointer-events:none}
.oc-carnet .thread-shadow{display:none}
@media (max-width:800px){.oc-carnet .binding-mobile{display:block;position:absolute;z-index:5;left:18px;right:18px;top:calc(var(--seam-y,0)*1px - 28px);height:38px;opacity:var(--stitch)}
.oc-carnet .binding-mobile svg{width:100%;height:100%}}
@media (prefers-reduced-motion:reduce){.oc-carnet .binding-mobile{opacity:1}}
.oc-carnet .binding,.oc-carnet .binding-mobile{opacity:1}
.oc-carnet .thread,.oc-carnet .thread-glint{stroke-dasharray:1000;stroke-dashoffset:calc(1000 * (1 - var(--stitch)));opacity:1}
.oc-carnet .needle{opacity:var(--needle-visible,0)}
.oc-carnet .book .page-area .quill{width:110px;right:auto;top:0;left:0;transform-origin:15% 96%;transform:translate(calc((1 - var(--quill))*40px),calc((1 - var(--quill))*-70px)) rotate(calc(-20deg + (1 - var(--quill))*18deg));filter:drop-shadow(4px 5px 2px #0d0d0f30);opacity:var(--quill)}
@media (max-width:800px){.oc-carnet .book .page-area .quill{width:85px}}
@media (prefers-reduced-motion:reduce){.oc-carnet .thread,.oc-carnet .thread-glint{stroke-dashoffset:0}
.oc-carnet .needle{display:none}
.oc-carnet .book .page-area .quill{transform:rotate(-20deg);opacity:1}}
.oc-carnet .contact-form textarea{min-height:240px;padding-right:115px}
@media (max-width:800px){.oc-carnet .contact-form textarea{min-height:210px;padding-right:85px}}
@media (min-width:801px){.oc-carnet .book{grid-template-columns:34% minmax(0,1fr)}
.oc-carnet .binding{left:calc(34% - 25px)}}
.oc-carnet .contact-form .form-submit{width:auto;min-width:230px;max-width:100%;justify-self:end;position:relative;overflow:hidden;padding:14px 23px}
.oc-carnet .whatsapp::after,.oc-carnet .contact-form .form-submit::after{content:"";position:absolute;inset:-70% auto -70% -50%;width:23%;transform:skew(-24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);pointer-events:none;animation:ocCarnetContinuousGlint 4.6s ease-in-out infinite}
.oc-carnet .contact-form .form-submit::after{animation-delay:1.7s}
.oc-carnet .whatsapp:hover::after,.oc-carnet .whatsapp:focus-visible::after{animation:ocCarnetContinuousGlint 2.4s ease-in-out infinite}
.oc-carnet .contact-form .form-submit:hover{transform:translateY(-2px);filter:brightness(1.045)}
@keyframes  ocCarnetContinuousGlint{0%,25%{left:-50%}62%,100%{left:145%}}
.oc-carnet .book .page-area .quill{width:180px;transform-origin:58% 97%;transform:translate(calc((1 - var(--quill))*35px),calc((1 - var(--quill))*-55px)) rotate(calc(36deg + (1 - var(--quill))*18deg));filter:drop-shadow(3px 4px 2px #0d0d0f25)}
.oc-carnet .quill img{display:block;width:100%;height:auto}
.oc-carnet .ink-mark{position:absolute;z-index:5;width:47px;height:25px;pointer-events:none;overflow:visible}
.oc-carnet .ink-mark path{fill:none;stroke:#080808;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ink,0))}
.oc-carnet .ink-mark .ink-fine{stroke-width:.65}
.oc-carnet .contact-form textarea{min-height:240px;padding-right:150px;padding-bottom:35px}
@media (max-width:800px){.oc-carnet .book .page-area .quill{width:150px}
.oc-carnet .contact-form textarea{min-height:210px;padding-right:120px}
.oc-carnet .contact-form .form-submit{min-width:215px;justify-self:start}}
@media (prefers-reduced-motion:reduce){.oc-carnet .whatsapp::after,.oc-carnet .contact-form .form-submit::after{animation:none;display:none}
.oc-carnet .book .page-area .quill{transform:rotate(36deg)}
.oc-carnet .ink-mark path{stroke-dashoffset:0}}
.oc-carnet .book .spine::before{transform:translate(-3px,3px) rotate(-.35deg);border-color:#b9ad97;box-shadow:-3px 3px 0 -1px #fffdf8,-3px 3px 0 #c1b59e,-6px 6px 0 -1px #f2ece0,-6px 6px 0 #b9ad97,-9px 9px 0 -1px #fffdf8,-9px 9px 0 #b6a98f,-11px 13px 12px #0d0d0f19}
.oc-carnet .book .page-area::before{transform:translate(3px,3px) rotate(.35deg);border-color:#b9ad97;box-shadow:3px 3px 0 -1px #fffdf8,3px 3px 0 #c1b59e,6px 6px 0 -1px #f2ece0,6px 6px 0 #b9ad97,9px 9px 0 -1px #fffdf8,9px 9px 0 #b6a98f,11px 13px 12px #0d0d0f19}
.oc-carnet .book .spine,.oc-carnet .book .page-area{border-top-color:#fffdf8;border-bottom-color:#b8975a}
@media (max-width:800px){.oc-carnet .book{margin-left:8px;margin-right:8px;gap:28px}
.oc-carnet .book .spine::before,.oc-carnet .book .page-area::before{transform:translate(2px,2px);box-shadow:2px 3px 0 -1px #fffdf8,2px 3px 0 #c1b59e,4px 6px 0 -1px #f2ece0,4px 6px 0 #b9ad97,6px 9px 0 -1px #fffdf8,6px 9px 0 #b6a98f,8px 13px 10px #0d0d0f19}}
.oc-carnet .contact-form textarea{padding-right:180px}
@media (max-width:800px){.oc-carnet .contact-form textarea{padding-right:155px;min-height:235px}}
.oc-carnet .contact-form .form-submit{justify-self:center}
.oc-carnet .contact-form textarea{padding-right:14px;padding-bottom:38px}
.oc-carnet .ink-mark .ink-drop{opacity:var(--ink,0)}
.oc-carnet .ink-mark .ink-drop path,.oc-carnet .ink-mark .ink-drop circle{fill:#080808;stroke:none;stroke-dasharray:none}
@media (min-width:801px){.oc-carnet .shell{padding-right:125px}
.oc-carnet .book .page-area .quill{width:150px}}
@media (max-width:800px){.oc-carnet .shell{padding-right:59px;padding-left:16px}
.oc-carnet .book .page-area{padding-left:15px;padding-right:15px}
.oc-carnet .book .page-area .quill{width:100px}
.oc-carnet .contact-form textarea{padding-right:14px}
.oc-carnet .contact-form .form-submit{justify-self:center;min-width:0;width:auto}
.oc-carnet .spine{padding-left:16px;padding-right:16px}
.oc-carnet .spine .standard{font-size:26px}}
.oc-carnet .signature-art{width:250px;max-width:100%;margin:34px 0 12px auto;position:relative;padding:12px 0 0;text-align:center}
.oc-carnet .signature-logo{display:block;width:195px;max-width:85%;height:auto;margin:0 auto 10px}
.oc-carnet .writing-stage{position:relative;width:100%;height:108px;overflow:visible}
.oc-carnet .handwriting{display:block;width:100%;height:92px;overflow:visible}
.oc-carnet .handwriting path{fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oc-carnet .book .page-area .writing-stage .quill{width:120px;position:absolute;left:0;top:0;right:auto;opacity:1;transform-origin:58% 97%;transform:rotate(32deg);filter:drop-shadow(2px 3px 2px #0d0d0f20);pointer-events:none}
.oc-carnet .replay-writing{border:0;border-bottom:1px solid #b8975a;background:none;font:11px Arial;color:#7d6130;padding:7px 0;cursor:pointer}
.oc-carnet .contact-form textarea{min-height:150px;padding:13px 14px}
.oc-carnet .page-area{padding-bottom:24px}
.oc-carnet .shell{padding-right:70px}
@media (max-width:800px){.oc-carnet .shell{padding-right:45px}
.oc-carnet .signature-art{width:225px;margin-right:0}
.oc-carnet .book .page-area .writing-stage .quill{width:105px}
.oc-carnet .contact-form textarea{min-height:140px;padding:13px 14px}}
@media (prefers-reduced-motion:reduce){.oc-carnet .book .page-area .writing-stage .quill{transform:rotate(32deg)}}
.oc-carnet .signature-art{width:100%;display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);align-items:center;column-gap:28px;margin:46px 0 12px;padding-top:12px}
.oc-carnet .signature-logo{width:185px;max-width:100%;margin:0;justify-self:start}
.oc-carnet .writing-stage{height:100px;min-width:0}
.oc-carnet .handwriting{height:auto;aspect-ratio:250/92}
.oc-carnet .handwriting path{fill:#111;fill-opacity:0;stroke:#111;stroke-width:.3}
.oc-carnet .replay-writing{grid-column:2;justify-self:center;min-height:44px;padding:8px 0}
@media (max-width:800px){.oc-carnet .signature-art{width:100%;gap:8px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.oc-carnet .signature-logo{width:135px}
.oc-carnet .writing-stage{height:70px;display:flex;align-items:center}
.oc-carnet .book .page-area .writing-stage .quill{width:78px}}
.oc-carnet .signature-art{grid-template-columns:minmax(0,1fr) minmax(0,170px);column-gap:20px;margin:12px 0 0;padding:0;row-gap:0}
.oc-carnet .signature-logo{width:140px;max-width:100%}
.oc-carnet .writing-stage{height:62px;display:flex;align-items:center}
.oc-carnet .handwriting{width:100%;height:auto;aspect-ratio:250/92}
.oc-carnet .handwriting path{fill:none;stroke:#191713;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.oc-carnet .book .page-area .writing-stage .quill{width:62px;transform:rotate(32deg)}
.oc-carnet .replay-writing{font-size:10px;min-height:28px;padding:3px 0;line-height:18px;border-bottom-color:#b8975a66}
@media (max-width:800px){.oc-carnet .signature-art{grid-template-columns:minmax(0,1fr) minmax(0,150px);column-gap:12px;margin-top:10px}
.oc-carnet .signature-logo{width:120px}
.oc-carnet .writing-stage{height:58px}
.oc-carnet .book .page-area .writing-stage .quill{width:54px}}
.oc-carnet .handwriting path{fill:#191713;fill-opacity:1;stroke:#f2ece0;stroke-width:.3;stroke-linejoin:round}
.oc-carnet .contact-form .form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.oc-carnet .contact-form .form-actions .form-submit{justify-self:start;min-width:0;width:auto;flex:0 1 auto;padding:13px 18px;gap:12px}
.oc-carnet .form-actions .signature-art{display:block;flex:0 0 145px;width:145px;max-width:45%;margin:0;padding:0;position:relative}
.oc-carnet .form-actions .writing-stage{height:62px}
.oc-carnet .form-actions .replay-writing{display:block;margin:0 auto;font-size:9px;min-height:22px;padding:0;line-height:20px}
.oc-carnet .handwriting .ink-letter{fill:#191713;fill-opacity:1;stroke:#f2ece0;stroke-width:.25}
.oc-carnet .handwriting .ink-stroke{fill:none;stroke:white;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.oc-carnet .contact-form .form-actions{gap:8px}
.oc-carnet .contact-form .form-actions .form-submit{font-size:11px;padding:11px 10px;gap:6px;min-height:46px}
.oc-carnet .form-actions .form-submit svg{width:18px;height:18px;flex-shrink:0}
.oc-carnet .form-actions .signature-art{flex-basis:118px;width:118px;max-width:44%}
.oc-carnet .form-actions .writing-stage{height:50px}
.oc-carnet .form-actions .writing-stage .quill{width:48px!important}}
@media (min-width:601px){.oc-carnet .contact-form .form-actions{justify-content:space-evenly;gap:0}}
/* Isolation des styles historiques de la landing. */
#contact.oc-carnet{position:relative;background:#f2ece0;color:#0d0d0f;overflow:hidden;padding:45px 0 60px;margin:0;clip-path:none}
.oc-carnet .intro h2{font-family:Arial,Helvetica,sans-serif;text-transform:none;font-weight:500;font-size:clamp(36px,4.8vw,68px);line-height:1.02;letter-spacing:-.065em;margin:15px 0 0}
.oc-carnet .page-top h2{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:-.045em}
.oc-carnet .contact-form{background:transparent;border:0;padding:0}
.oc-carnet .contact-form label{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
.oc-carnet .contact-form .form-submit{font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;align-self:center;margin:0;border-radius:0}
.oc-carnet .eyebrow{font-family:Arial,Helvetica,sans-serif}
.oc-carnet .signature-art{pointer-events:auto}
.oc-carnet .ohnohoney{position:absolute!important;left:-9999px!important;width:0!important;height:0!important;padding:0!important;border:0!important}