@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Schibsted+Grotesk:wght@400;500;600;700&display=swap";:root{--night:lab(7.57028% -8.52047 .801089);--night-2:lab(14.5742% -11.0916 .96845);--paper:lab(95.9877% .351608 4.581);--paper-2:lab(91.5118% -3.38599 6.61545);--ink:lab(12.2363% -10.3052 1.90287);--ink-soft:lab(35.3773% -8.06646 3.1999);--dusk:lab(83.7254% 9.37453 26.3834);--terra:lab(45.8137% 32.1229 38.3982);--terra-deep:lab(36.4109% 34.264 36.0602);--line:lab(82.8378% -4.36878 5.83476);--ok:lab(45.623% -31.8066 16.3893);--err:lab(42.7705% 49.8809 34.4576);--ease:cubic-bezier(.22,1,.36,1);--display:"Instrument Serif", Georgia, serif;--body:"Schibsted Grotesk", system-ui, sans-serif;--wrap:min(1200px, 100% - clamp(2rem,6vw,5rem))}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--body);background:var(--paper);color:var(--ink);font-size:clamp(1rem,.97rem + .18vw,1.0875rem);line-height:1.6}img{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1}em{font-style:italic}p{text-wrap:pretty}.wrap{width:var(--wrap);margin-inline:auto}.skip{background:var(--ink);color:var(--paper);z-index:50;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:2px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:.76rem;font-weight:600}.proposal{color:lab(77.0683% -5.91216 3.76731);text-align:center;background:lab(3.18672% -3.42923 .321516);padding:.45rem 1rem;font-size:.8rem}header.site{z-index:30;transition:background-color .45s,color .45s,border-color .45s,transform .55s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}header.site.solid{background:color-mix(in oklch,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}header.site:not(.solid){color:var(--paper)}header.site.hide{transform:translateY(-100%)}.bar{align-items:center;gap:2rem;height:70px;display:flex}.mark{line-height:1.1;text-decoration:none}.mark b{letter-spacing:.2em;font-size:.95rem;font-weight:600;display:block}.mark small{letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-size:.66rem}nav.main{gap:1.8rem;margin-left:auto;display:flex}nav.main a{opacity:.75;font-size:.93rem;text-decoration:none;transition:opacity .2s}nav.main a:hover{opacity:1}.btn{cursor:pointer;transition:background-color .25s,transform .2s var(--ease),color .25s;border:0;border-radius:3px;justify-content:center;align-items:center;gap:.7rem;padding:1rem 1.35rem;font-size:.97rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn .arr{transition:transform .35s var(--ease)}.btn:hover .arr{transform:translateY(3px)}.btn-terra{background:var(--terra);color:var(--paper)}.btn-terra:hover{background:var(--terra-deep)}.btn-ghost{background:0 0;border:1px solid;padding:.75rem 1.1rem}header.site:not(.solid) .btn-ghost{border-color:color-mix(in oklch,var(--paper) 50%,transparent)}.btn-ghost:hover{background:color-mix(in oklch,currentColor 10%,transparent)}.btn{white-space:nowrap}@media (max-width:820px){nav.main{display:none}.bar .btn{margin-left:auto;padding:.65rem .9rem;font-size:.88rem}.mark small{display:none}}.hero{background:var(--night);min-height:calc(100svh - 34px);color:var(--paper);align-items:center;margin-top:-71px;display:grid;position:relative;overflow:clip}.hero-photo{position:absolute;inset:0}.hero-photo img{object-fit:cover;object-position:60% 40%;width:100%;height:100%;transition:transform 3s var(--ease);will-change:transform;transform:scale(1.15)}.ready .hero-photo img{transform:scale(1.02)}.hero-photo:after{content:"";background:linear-gradient(90deg,lab(3.93677% -5.77223 .553533/.96) 0%,lab(3.93677% -5.77223 .553533/.82) 38%,lab(3.93677% -5.77223 .553533/.25) 75%),linear-gradient(#0000 60%,lab(3.93677% -5.77223 .553533/.9));position:absolute;inset:0}@media (max-width:860px){.hero-photo:after{background:linear-gradient(lab(3.93677% -5.77223 .553533/.7),lab(3.93677% -5.77223 .553533/.55) 25%,lab(3.93677% -5.77223 .553533/.97) 65%)}}.hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:3rem;padding-block:9rem 5rem;display:grid;position:relative}.status{letter-spacing:.06em;background:color-mix(in oklch,var(--dusk) 16%,transparent);color:var(--dusk);border-radius:99px;align-items:center;gap:.6rem;padding:.45rem .8rem .45rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.status i{background:var(--dusk);width:8px;height:8px;box-shadow:0 0 0 0 var(--dusk);animation:pulse 2.4s var(--ease) infinite;border-radius:50%}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.hero h1{margin-top:1.4rem;font-size:clamp(3.6rem,1.6rem + 7.5vw,8.4rem);line-height:.92}.hero h1 em{color:var(--dusk)}.ln{margin-bottom:-.1em;padding-bottom:.1em;display:block;overflow:clip}.ln>span{transform-origin:0 100%;transition:transform 1.3s var(--ease);transition-delay:calc(var(--i) * .12s + .2s);display:inline-block;transform:translateY(110%)rotate(2deg)}.ready .ln>span{transform:none}.hero .sub{font-family:var(--display);max-width:22ch;color:color-mix(in oklch,var(--paper) 88%,var(--night));margin-top:1.8rem;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);line-height:1.2}.buy-row{flex-wrap:wrap;align-items:center;gap:1.4rem 2.2rem;margin-top:2.4rem;display:flex}.price-tag{line-height:1.2}.price-tag b{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.price-tag del{opacity:.55;margin-left:.5rem;font-size:.95rem}.price-tag small{opacity:.7;margin-top:.2rem;font-size:.8rem;display:block}[data-in]{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--d) * 1ms);transform:translateY(16px)}.ready [data-in]{opacity:1;transform:none}.stage{perspective:1400px;place-items:center;display:grid}.book{aspect-ratio:2/3;width:min(300px,62vw);transform-style:preserve-3d;transform:rotateY(calc(-22deg + var(--rx,0deg))) rotateX(var(--ry,4deg));transition:transform .9s var(--ease);position:relative}.book .front{background:linear-gradient(lab(18.9139% -8.81116 -13.9746) 0%,lab(35.6084% 22.2327 21.8568) 62%,lab(76.7171% 12.7404 34.8499) 100%);border-radius:2px 6px 6px 2px;flex-direction:column;justify-content:space-between;padding:1.5rem 1.4rem;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(14px);box-shadow:inset 6px 0 10px -6px lab(0% 0 0/.5),0 40px 60px -25px lab(.128641% -.356093 .0372559/.9)}.book .front:before{content:"";mix-blend-mode:multiply;opacity:.8;filter:grayscale(.2)contrast(1.1);background:url(https://liamkinkey.online/ambiance.jpeg) 50% 35%/cover;height:38%;position:absolute;bottom:18%;left:0;right:0}.book .front>*{position:relative}.book .a{letter-spacing:.3em;color:lab(90.7951% 1.93399 11.4568);font-size:.68rem;font-weight:600}.book .t{font-family:var(--display);color:lab(96.5601% .286847 3.81331);font-size:2.35rem;line-height:.95}.book .t em{color:var(--dusk)}.book .g{letter-spacing:.24em;text-transform:uppercase;color:lab(13.3884% -10.3908 .907666);font-size:.62rem}.book .spine{transform-origin:0;background:lab(12.0406% -9.17988 -9.43888);width:28px;position:absolute;top:0;bottom:0;left:0;transform:rotateY(-90deg)translate(-14px)translateZ(0)}.book .pages{transform-origin:100%;background:repeating-linear-gradient(90deg,lab(94.24% .287414 3.81376) 0 2px,lab(86.1199% .289887 3.81539) 2px 3px);width:26px;position:absolute;top:4px;bottom:4px;right:0;transform:rotateY(90deg)translate(13px)}.stage figcaption{opacity:.6;text-align:center;margin-top:1.4rem;font-size:.75rem}@media (max-width:860px){.hero-inner{grid-template-columns:1fr;padding-top:7.5rem}.stage{order:2}}.surface{background:var(--night);height:280vh;color:var(--paper);position:relative}.surface-pin{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:clip}.surface-inner{width:var(--wrap);text-align:center}.cava{font-family:var(--display);transform:translateY(var(--up,0px));opacity:var(--o,1);font-size:clamp(4rem,2rem + 9vw,10rem);line-height:1}.waterline{background:linear-gradient(90deg,transparent,var(--dusk),transparent);width:min(720px,90%);height:1px;transform:scaleX(var(--w,0));margin:2.2rem auto}.deep{gap:1.1rem;min-height:9em;display:grid}.deep p{font-family:var(--display);opacity:0;filter:blur(8px);transition:opacity 1s var(--ease),filter 1s var(--ease),transform 1s var(--ease);font-size:clamp(1.5rem,1rem + 2vw,2.6rem);line-height:1.15;transform:translateY(24px)}.deep p.on{opacity:1;filter:none;transform:none}.deep p em{color:var(--dusk)}.surface .kicker{color:lab(65.6001% -8.88088 5.67182);text-align:center;position:absolute;top:6rem;left:0;right:0}.book-sec{padding-block:clamp(5rem,10vw,8.5rem)}.book-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);display:grid}.book-sec h2{margin-top:1rem;font-size:clamp(2.6rem,1.6rem + 3.6vw,4.6rem)}.book-sec h2 em{color:var(--terra)}.prose p+p{margin-top:1.1rem}.prose{max-width:34rem;font-size:1.07rem}.facts{border-top:1px solid var(--line);grid-template-columns:auto 1fr;margin-top:2.4rem;display:grid}.facts dt,.facts dd{border-bottom:1px solid var(--line);padding:.85rem 0}.facts dt{color:var(--ink-soft);padding-right:2.5rem;font-size:.9rem}.facts dd{font-weight:500}@media (max-width:860px){.book-grid{grid-template-columns:1fr}}.novels{background:var(--paper-2);padding-block:clamp(5rem,9vw,7.5rem)}.novels-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.novels h2{max-width:15ch;font-size:clamp(2.2rem,1.5rem + 2.6vw,3.6rem)}.novels-head p{max-width:28rem;color:var(--ink-soft)}.shelf{grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem;display:grid}.novel{color:var(--paper);min-height:15rem;transition:transform .5s var(--ease);border-radius:4px;flex-direction:column;justify-content:space-between;padding:1.6rem 1.5rem 1.5rem;display:flex;position:relative}.novel:hover{transform:translateY(-6px)rotate(-.6deg)}.novel:first-child{background:lab(18.2844% 15.9601 7.02356)}.novel:nth-child(2){background:lab(22.4998% 22.5589 -4.34553)}.novel:nth-child(3){background:lab(18.9056% -7.38895 -11.2613)}.novel .k{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:.72rem}.novel h3{margin-top:.6rem;font-size:2.1rem;line-height:1}.novel .foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;font-size:.92rem;display:flex}.novel .foot b{font-variant-numeric:tabular-nums}.add{background:color-mix(in oklch,var(--paper) 14%,transparent);border:1px solid color-mix(in oklch,var(--paper) 35%,transparent);cursor:pointer;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .25s,color .25s;display:inline-flex}.add:hover{background:color-mix(in oklch,var(--paper) 24%,transparent)}.add[aria-pressed=true]{background:var(--paper);color:var(--ink)}.add .pl{transition:transform .35s var(--ease);display:inline-block}.add[aria-pressed=true] .pl{transform:rotate(45deg)}@media (max-width:860px){.shelf{grid-template-columns:1fr}.novel{min-height:auto}}.order{padding-block:clamp(5rem,10vw,8rem)}.order-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2.5rem,6vw,5.5rem);display:grid}.order h2{margin-top:1rem;font-size:clamp(2.6rem,1.6rem + 3.4vw,4.4rem)}.order h2 em{color:var(--terra)}.steps{counter-reset:s;margin-top:2.6rem;padding:0;list-style:none}.steps li{counter-increment:s;border-top:1px solid var(--line);grid-template-columns:2.6rem 1fr;padding-block:1.2rem;display:grid}.steps li:before{content:counter(s);font-family:var(--display);color:var(--terra);font-size:1.9rem;line-height:1}.steps b{font-weight:600;display:block}.steps p{color:var(--ink-soft);margin-top:.2rem;font-size:.96rem}.contacts{gap:.6rem;margin-top:2.2rem;font-size:.95rem;display:grid}.contacts div{background:var(--paper-2);border-radius:4px;justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.contacts span{color:var(--ink-soft)}.contacts a{font-variant-numeric:tabular-nums;font-weight:600}.form{border:1px solid var(--line);background:lab(98.2845% .164658 2.28316);border-radius:6px;padding:clamp(1.4rem,3vw,2.4rem);position:sticky;top:90px}.form h3{font-size:2rem}.field{gap:.4rem;margin-top:1.3rem;display:grid}.field label,.legend{font-size:.88rem;font-weight:600}.field label small{color:var(--ink-soft);font-weight:400}.input{border:1px solid var(--line);background:var(--paper);border-radius:4px;width:100%;padding:.95rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input:hover{border-color:lab(65.468% -5.91379 3.77003)}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklch,var(--ink) 12%,transparent);outline:none}.field.bad .input{border-color:var(--err)}.msg{color:var(--err);min-height:0;transition:grid-template-rows .35s var(--ease);grid-template-rows:0fr;font-size:.84rem;display:grid}.msg>span{overflow:hidden}.field.bad .msg{grid-template-rows:1fr}.row{grid-template-columns:auto 1fr;align-items:end;gap:1.2rem;display:grid}.stepper{border:1px solid var(--line);background:var(--paper);border-radius:4px;align-items:center;display:inline-flex}.stepper button{cursor:pointer;background:0 0;border:0;width:2.9rem;height:3rem;font-size:1.25rem;transition:background-color .2s}.stepper button:hover{background:var(--paper-2)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.4rem;font-weight:600}.seg{border:1px solid var(--line);background:var(--paper);border-radius:4px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label{text-align:center;cursor:pointer;z-index:1;border-radius:3px;padding:.75rem .5rem;font-size:.9rem;font-weight:500;transition:color .3s;position:relative}.seg .thumb{background:var(--ink);width:calc(50% - 3px);transition:transform .45s var(--ease);border-radius:3px;position:absolute;top:3px;bottom:3px;left:3px}.seg:has(#d2:checked) .thumb{transform:translate(100%)}.seg input:checked+label{color:var(--paper)}.seg input:focus-visible+label{outline:2px solid var(--terra);outline-offset:2px}.note{color:var(--ink-soft);transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;margin-top:.5rem;font-size:.85rem;display:grid}.note>span{overflow:hidden}.note.show{grid-template-rows:1fr}.extras{gap:.45rem;margin-top:1.3rem;display:grid}.extras label{border:1px solid var(--line);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;font-size:.93rem;transition:border-color .2s,background-color .2s;display:flex}.extras label:has(input:checked){border-color:var(--ink);background:var(--paper-2)}.extras span{align-items:center;gap:.6rem;display:flex}.extras input{accent-color:var(--ink);width:1.05rem;height:1.05rem}.total{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;margin-top:1.6rem;padding-top:1.3rem;display:flex}.total small{color:var(--ink-soft);font-size:.84rem;display:block}.total strong{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1}.pay{background:var(--paper-2);border-radius:4px;margin-top:1.3rem;padding:1rem;font-size:.92rem}.pay .num{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.pay .num b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.25rem}.copy{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:99px;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:background-color .2s,color .2s}.copy.done{background:var(--ok);border-color:var(--ok);color:var(--paper)}.consent{align-items:flex-start;gap:.7rem;margin-top:1.2rem;font-size:.9rem;display:flex}.consent input{accent-color:var(--ink);flex:none;width:1.05rem;height:1.05rem;margin-top:.25rem}.consent.bad{color:var(--err)}.submit{width:100%;margin-top:1.4rem;padding-block:1.15rem;font-size:1.02rem}.submit[aria-busy=true]{pointer-events:none;opacity:.8}.submit .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:none}.submit[aria-busy=true] .spin{display:block}@keyframes spin{to{transform:rotate(1turn)}}.fine{color:var(--ink-soft);text-align:center;margin-top:.8rem;font-size:.82rem}.done-view{text-align:left;display:none}.form.sent .form-view{display:none}.form.sent .done-view{animation:rise .8s var(--ease);display:block}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.check{background:var(--ok);width:56px;height:56px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.check path{stroke-dasharray:30;stroke-dashoffset:30px;animation:draw .6s var(--ease) .3s forwards}@keyframes draw{to{stroke-dashoffset:0}}.ref{font-variant-numeric:tabular-nums;letter-spacing:.06em;background:var(--paper-2);border-radius:3px;padding:.3rem .6rem;font-weight:700;display:inline-block}@media (max-width:900px){.order-grid{grid-template-columns:1fr}.form{position:static}}footer.site{border-top:1px solid var(--line);color:var(--ink-soft);padding-block:2.2rem;font-size:.9rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.mbar{z-index:25;background:var(--ink);color:var(--paper);transition:transform .5s var(--ease),opacity .4s;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1rem;display:none;position:fixed;bottom:.8rem;left:.8rem;right:.8rem;box-shadow:0 18px 40px -16px lab(.996794% -2.1912 .220102/.7)}.mbar.away{opacity:0;pointer-events:none;transform:translateY(140%)}.mbar b{font-variant-numeric:tabular-nums}.mbar small{opacity:.65;font-size:.75rem;display:block}.mbar .btn{padding:.85rem 1rem}@media (max-width:820px){.mbar{display:flex}}.rv{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 1ms);transform:translateY(22px)}.rv.in{opacity:1;transform:none}.w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:clip}.w>span{transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 50ms);display:inline-block;transform:translateY(110%)}.split.in .w>span{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-in],.rv{opacity:1!important;transform:none!important}.ln>span,.w>span{transform:none!important}.surface{height:auto}.surface-pin{height:auto;padding-block:7rem;position:static}.deep p{opacity:1;filter:none;transform:none}.waterline{transform:none}}.book .front{background:0 0;padding:0}.book .front:before{display:none}.book .front img{object-fit:cover;width:100%;height:100%}.hero{min-height:100svh}.gestion-link{text-align:center;margin-top:1rem;font-size:.8rem;display:block}#submit-error{color:var(--err);margin:1rem 0}[hidden]{display:none!important}.submit:disabled{opacity:.7;cursor:wait}.admin{max-width:1200px;color:var(--ink);margin:40px auto;padding:24px;line-height:1.65}.admin h2{font:400 42px var(--display);margin:20px 0}.admin .eyebrow{letter-spacing:2px;margin-top:24px;font-size:11px}.admin label{margin:24px 0;font-size:14px;display:block}.admin input,.admin select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;margin-top:7px;padding:12px;display:block}.admin input{width:100%;max-width:400px}.admin button{background:var(--night);color:#fff;cursor:pointer;font:inherit;border:0;margin:8px 4px 16px 0;padding:12px 18px}.admin .tablewrap{overflow:auto}.admin table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.admin td,.admin th{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px}.admin td.detail{white-space:normal;min-width:150px}.admin .error{color:#a23525}.novel-cover{object-fit:contain;width:auto;max-width:100%;height:260px;margin:0 auto 1.6rem;display:block;box-shadow:0 12px 26px #0005}.novel{justify-content:flex-start}.novel .foot{margin-top:auto;padding-top:1.5rem}.novel h3{min-height:2em;font-size:1.8rem}.remise-details{color:var(--ink-soft);margin-top:1rem;font-size:.84rem;line-height:1.65}
