/* Original flat mark, graphite surfaces, paper white and restrained copper. */
:root{--bg:#090e13;--surface:#101a21;--panel:#18262f;--text:#edf2f4;--muted:#9dabb3;--line:#c3d8e21a;--accent:#96c5d6;--accent-strong:#96c5d6}
body{overflow-x:clip;background:var(--bg)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#edf2f41f .55px,transparent .55px);background-size:4px 4px;opacity:.13}
.header{background:transparent;position:relative;border-bottom:1px solid var(--line);height:86px}.header-actions .button{border-radius:5px;background:transparent;border-color:#dcecf326;padding-inline:18px}.header-actions .cart-nav{background:#dcecf306}.header-actions .button:hover{border-color:var(--accent);background:#dcecf30c}.cart-nav [data-cart-count]{color:var(--accent);background:#96c5d61a}
.hero{grid-template-columns:1.35fr 1fr;gap:55px;min-height:650px;isolation:isolate;padding-block:62px 76px;align-items:center;overflow:visible}.hero-copy{padding:0;z-index:2}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;color:#b4b4ac}.status-dot{box-shadow:none;border-radius:1px}
.hero h1{font-size:clamp(60px,6.3vw,90px);font-weight:600;font-style:normal;letter-spacing:-4.5px;line-height:1.05;max-width:740px;margin:30px 0 26px;text-transform:none}.hero h1 span{color:inherit;font-style:normal;font-size:1em;font-weight:600;letter-spacing:inherit}.hero-description{font-size:15px;line-height:1.85;max-width:470px;color:#9eafb9}.hero-actions{margin-top:32px}.hero-note{color:#7d96a5;font-size:11px;margin-top:28px;max-width:none}.mini-rule{width:22px;background:var(--accent)}
.button{border-radius:5px}.button-primary{background:#dce9ef;color:#10212a}.button-primary:hover{background:#eff9fd;box-shadow:none}.button-ghost{border-color:#dcecf326}.button-ghost:hover{border-color:var(--accent)}
.hero-actions .catalogue-cta{padding:0 0 0 22px;min-height:56px;gap:28px;border:1px solid #c1d6df;justify-content:space-between;font-size:13px;overflow:hidden;border-radius:3px}.catalogue-cta .cta-arrow{height:54px;width:55px;display:grid;place-items:center;background:var(--accent);border-left:1px solid #16171322;transition:background .25s}.catalogue-cta svg{width:21px;height:21px;transition:transform .25s}.catalogue-cta:hover svg{transform:translateX(4px)}.catalogue-cta:hover .cta-arrow{background:#badce8}
.hero-art{height:450px;width:100%;margin:0;align-self:center;overflow:visible;isolation:isolate;padding:15px 8px}.hero-art:before,.hero-art:after{display:none}.brand-canvas{width:100%;height:100%;position:relative;border:1px solid #c1d6df2b;background:linear-gradient(150deg,#262824,#1c1e1c 65%);transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);box-shadow:14px 17px 0 #08090950;overflow:hidden}.brand-canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#c1d6df09 1px,transparent 1px),linear-gradient(90deg,#c1d6df09 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.hero-art:hover .brand-canvas{transform:rotate(-1deg) translateY(-3px)}
.canvas-top,.canvas-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;z-index:2;font-family:ui-monospace,Consolas,monospace;font-size:9px;letter-spacing:1px;color:#9d9e95;line-height:1.8}.canvas-top{top:22px}.canvas-bottom{bottom:22px;align-items:end}.canvas-signature{font-family:var(--display);font-size:32px;font-weight:600;color:var(--accent);line-height:1;letter-spacing:-2px}.canvas-logo{position:absolute;left:50%;top:48%;width:76%;height:76%;object-fit:contain;transform:translate(-50%,-50%);filter:none;opacity:.95}.canvas-guide{position:absolute;background:#c1d6df13}.guide-horizontal{height:1px;left:0;right:0;top:48%}.guide-vertical{width:1px;top:0;bottom:0;left:50%}.canvas-corner{color:var(--accent);position:absolute;width:15px;height:15px;border-color:var(--accent);z-index:2}.corner-tl{top:64px;left:24px;border-top:1px solid;border-left:1px solid}.corner-br{bottom:72px;right:24px;border-bottom:1px solid;border-right:1px solid}
.intro-rail{border-color:var(--line);padding-block:24px}.intro-rail b{color:var(--accent)}.intro-rail>span{color:#9dabb3}.catalogue{padding-top:65px}.section-heading h2,.process-section h2,.faq-intro h2,.community h2{font-style:normal;font-weight:550;letter-spacing:-1.4px}
.filter.selected{background:#96c5d617;border-color:#96c5d645}.filter span{background:#96c5d615;color:var(--accent)}.filter:hover{background:#ffffff07}.card-open{border-radius:6px;background:#101c26;border-color:#c1d6df19;box-shadow:none}.card-open:hover{border-color:#96c5d677;box-shadow:0 14px 32px #0003}.card-art,.collection-Historique .card-art{background:radial-gradient(ellipse at center,#24404f,transparent 75%),#111e28}.card-collection,.card-price{color:#9dabb3}.quick-add{border-radius:4px;color:#b3cad6;background:#ffffff02}.quick-add.added,.quick-add:hover{border-color:#96c5d655;color:var(--accent)}.card-open:hover .card-arrow{color:#10202b}.search input{color:var(--text)}.search svg,.search input::placeholder,.catalogue-meta{color:#8ca3b0}
.process-section{background:#0e1820}.process-grid{gap:22px}.process-grid article{padding:24px;border:1px solid var(--line);border-radius:5px;background:#12232e;transition:transform .3s,border-color .3s}.process-grid article:hover{transform:translateY(-4px);border-color:#96c5d64d}.process-grid .step-number{color:var(--accent)}.process-grid h3{font-size:18px}.process-grid p{font-size:13px;color:var(--muted)}.community{background:linear-gradient(115deg,#17303e,#101c26);border-color:#96c5d62c;border-radius:6px}.community .eyebrow{color:var(--accent)}.community p:not(.eyebrow){color:#a1b2bc}
.cart-title h1,.account-heading h1{font-style:normal;font-weight:550;letter-spacing:-2.8px}.cart-summary,.identity-card,.selected-product{background:#111f28;border-color:#96c5d633;border-radius:8px}.cart-summary h2{font-style:normal;font-weight:550}.cart-summary:hover{border-color:#96c5d666}.cart-trust,.cart-feedback,.summary-copy{color:#9cb0bd}.customization-option{background:#96c5d605;border-color:#96c5d633}.customization-option textarea{background:#0b151d;color:var(--text)}.cart-item-image,.suggestion-image{background:#162a35;border-color:#ffffff15;color:#a1c9dd6b}.suggestion{background:#101e27}.cart-empty,.order-card,.account-empty{background:#101c25}.dialog-visual{background:#142732}.dialog-info{background:#101c25}.order-panel textarea{background:#0a141c}.spec-list dd{color:#c9dce6}.toast{background:var(--accent);color:#10202a}.reviews-heading h2{font-style:normal;font-weight:550}.reviews-control,.review figcaption{color:#a1b2bc}
@media(prefers-reduced-motion:no-preference){.brand-canvas{animation:canvas-arrive 1s cubic-bezier(.2,.7,.2,1) backwards}.canvas-logo{animation:mark-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}}
@keyframes canvas-arrive{from{opacity:0;transform:rotate(1deg) translateY(20px)}to{opacity:1;transform:rotate(-3deg) translateY(0)}}@keyframes mark-arrive{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:.95;clip-path:inset(0 0 0 0)}}
@media(min-width:1450px){.hero{min-height:690px}.hero-art{height:470px}.hero h1{font-size:90px}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1.3fr 1fr;gap:30px;min-height:600px;padding-block:50px 65px}.hero h1{font-size:61px;letter-spacing:-3px}.hero-art{height:380px}.hero-description{font-size:14px}.hero-note{font-size:10px}.canvas-top,.canvas-bottom{left:18px;right:18px;font-size:8px}.canvas-logo{width:80%;height:80%}}
@media(max-width:760px){.header{height:76px}.header-actions .button{padding-inline:12px}.hero{grid-template-columns:1fr;min-height:0;gap:35px;padding-block:45px 42px}.hero-copy{padding:0}.hero h1{font-size:clamp(48px,10.2vw,76px);letter-spacing:-2.8px;line-height:1.05;margin:25px 0}.hero-description{font-size:14px;max-width:430px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-actions{margin-top:25px}.hero-note{font-size:10px;margin-top:24px}.hero-art{height:300px;width:min(100%,430px);justify-self:center;padding:10px}.canvas-logo{width:66%;height:80%}.canvas-top,.canvas-bottom{left:20px;right:20px;font-size:8px}.canvas-top{top:17px}.canvas-bottom{bottom:17px}.corner-tl{top:51px;left:20px}.corner-br{bottom:58px;right:20px}.canvas-signature{font-size:27px}.catalogue{padding-top:42px}.process-grid article{padding:22px;grid-template-columns:32px 1fr;gap:0 15px}.process-grid .step-number{font-size:18px}.community h2{font-size:33px}.hero-actions .catalogue-cta{padding:0 0 0 20px;font-size:12px;min-height:52px;gap:24px}.catalogue-cta .cta-arrow{height:50px;width:51px}}
@media(max-width:370px){.hero h1{font-size:44px;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px}.hero-description{font-size:13px}.hero-note{font-size:9px}.hero-art{height:270px}}
