/*
Theme Name: Collectif Dénivelé
Theme URI: https://collectif-denivele.preview.hlp.studio
Author: Studio Goodies / HLP Studio
Description: Textile sportif personnalisé et fabrication française.
Version: 0.3.1
Text Domain: collectif-denivele
*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#07162d;--blue:#1746d1;--red:#f23b32;--cream:#f4f0e8;--white:#fff;--ink:#0c1830;--muted:#6b7380;--line:rgba(7,22,45,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}img{display:block;max-width:100%;height:auto}button,input{font:inherit}a,button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:#fff;padding:12px}.skip:focus{top:12px}.preview{background:var(--red);color:#fff;text-align:center;padding:7px;font-size:10px;font-weight:800;letter-spacing:.16em}header{position:sticky;top:0;z-index:40;background:rgba(244,240,232,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{height:88px;display:flex;align-items:center;gap:36px}.brand{display:grid;text-decoration:none;color:var(--navy);line-height:.8;min-width:200px}.brand b,.brand span{font-family:'Archivo Black';font-size:21px;letter-spacing:-.04em}.brand span{color:var(--blue)}.brand i{font-size:8px;font-style:normal;letter-spacing:.12em;text-transform:uppercase;margin-top:9px}.head nav{display:flex;gap:28px;margin-left:auto}.head nav a{color:var(--navy);text-decoration:none;font-size:13px;font-weight:700}.head-cta{background:var(--navy);color:#fff;text-decoration:none;padding:13px 18px;font-weight:800}.menu{display:none;border:0;background:none;font-weight:800}.hero{min-height:760px;position:relative;display:flex;align-items:end;color:#fff;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-bg{object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(7,22,45,.9) 0%,rgba(7,22,45,.4) 58%,rgba(7,22,45,.08) 100%),linear-gradient(0deg,rgba(7,22,45,.6),transparent 50%)}.hero-inner{position:relative;z-index:2;padding-bottom:88px}.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.eyebrow.light{color:#fff}.hero h1,.offer h2,.builder h2,.section-title h2,.about h2,.goodies h2,.contact h2,.about-page h1,.about-page h2,footer h2{font-family:'Archivo Black';text-transform:uppercase;letter-spacing:-.055em;line-height:.92;margin:0}.hero h1{font-size:clamp(4.5rem,8.3vw,9.4rem);max-width:1100px}.hero p{font-size:19px;line-height:1.6;max-width:650px;margin:28px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:0;text-decoration:none;font-weight:800}.btn.red{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.outline-light{border:1px solid #fff;color:#fff;background:transparent}.btn.ghost{background:transparent;border:1px solid var(--navy);color:var(--navy)}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-badge{position:absolute;right:5vw;bottom:80px;z-index:3;background:var(--red);width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(7deg)}.hero-badge small{font-size:9px;font-weight:800;letter-spacing:.18em}.hero-badge b{font-family:'Archivo Black';font-size:22px;margin-top:4px}.proofs{background:var(--blue);color:#fff;padding:18px 0;overflow:hidden}.proof-track{display:flex;justify-content:center;align-items:center;gap:24px;white-space:nowrap;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.proof-track i{color:var(--red)}.offer{padding:120px 0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.offer-shot{position:relative;background:#fff;padding:25px}.offer-shot img{width:100%;aspect-ratio:1;object-fit:cover}.offer-shot>span{position:absolute;left:0;top:0;background:var(--navy);color:#fff;padding:13px;font-size:10px;font-weight:800}.offer h2,.builder h2,.section-title h2,.about h2,.goodies h2,.contact h2,.about-page h1{font-size:clamp(3.4rem,5.8vw,6.8rem)}.offer-copy>p,.builder-head>p,.about-copy>p,.goodies p{font-size:18px;line-height:1.7;max-width:620px}.offer ul{list-style:none;padding:0;margin:26px 0}.offer li{border-top:1px solid var(--line);padding:13px 0;font-weight:700}.offer li:before{content:'↗';color:var(--red);margin-right:12px}.price{border-left:5px solid var(--red);padding:10px 0 10px 18px;margin:30px 0}.price b{display:block;font-family:'Archivo Black';font-size:30px}.price small{display:block;color:var(--muted);margin-top:5px}.builder{background:var(--navy);color:#fff;padding:115px 0}.builder-head{margin-bottom:45px}.builder-head p{color:#c7cfda}.studio{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;min-height:720px}.preview-panel{background:#dfe4ed;display:flex;flex-direction:column;min-width:0}.shirt-stage{flex:1;display:grid;place-items:center;min-height:620px;padding:40px;background:radial-gradient(circle at 50% 45%,#fff 0,#e8ebf1 55%,#d0d6e0 100%)}.shirt-design{width:min(420px,88%);aspect-ratio:.86;position:relative;clip-path:polygon(27% 4%,39% 0,61% 0,73% 4%,100% 19%,88% 38%,76% 31%,76% 100%,24% 100%,24% 31%,12% 38%,0 19%);filter:drop-shadow(0 25px 20px rgba(7,22,45,.24));overflow:hidden;background:var(--base)}.shirt-design:before,.shirt-design:after{content:'';position:absolute;inset:0}.pattern-summit:before{background:linear-gradient(145deg,transparent 0 35%,var(--accent) 35% 45%,transparent 45%),linear-gradient(35deg,transparent 0 55%,rgba(255,255,255,.94) 55% 66%,transparent 66%)}.pattern-velocity:before{background:repeating-linear-gradient(120deg,transparent 0 22px,var(--accent) 23px 34px,transparent 35px 56px);opacity:.9}.pattern-horizon:before{background:linear-gradient(180deg,var(--base) 0 38%,#fff 38% 58%,var(--accent) 58% 68%,var(--base) 68%)}.shirt-design:after{background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 25% 75%,rgba(0,0,0,.12));z-index:2}.shirt-neck{position:absolute;z-index:4;top:-1px;left:40%;width:20%;height:8%;background:#dfe4ed;border-radius:0 0 55% 55%;box-shadow:0 8px 0 rgba(7,22,45,.35)}.shirt-design>img{position:absolute;z-index:5;left:37%;top:23%;width:26%;height:22%;object-fit:contain}.shirt-design>img:not([src]){display:none}.shirt-design>span{position:absolute;z-index:6;left:25%;right:25%;top:48%;text-align:center;color:#fff;font-weight:900;font-size:clamp(11px,2vw,18px);text-shadow:0 1px 4px rgba(0,0,0,.45);word-break:break-word}.preview-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;background:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.controls{padding:40px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0}.step{margin-bottom:30px}.step h3{font-family:'Archivo Black';font-size:24px;text-transform:uppercase;margin:0 0 24px}.step>label{display:block;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin:18px 0 8px}.pattern-buttons{display:flex;gap:8px;flex-wrap:wrap}.pattern-buttons button{border:1px solid var(--navy);background:transparent;padding:10px 14px;font-weight:700}.pattern-buttons button.active{background:var(--navy);color:#fff}.color-row{display:flex;gap:15px}.color-row>div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:8px 12px}.color-row span{font-size:12px;font-weight:700}.color-row input{width:36px;height:32px;border:0;padding:0;background:none}.controls input[type=text]{width:100%;padding:13px;border:1px solid var(--line);background:#fff}.upload{border:1px dashed var(--navy);padding:15px;cursor:pointer}.upload span,.upload small{display:block}.upload small{font-weight:400;color:var(--muted);margin-top:5px}.upload input{margin-top:12px;width:100%}.matrix{overflow-x:auto}.matrix-head,.matrix-row{display:grid;grid-template-columns:90px repeat(7,1fr);gap:5px;min-width:630px;align-items:center}.matrix-head{font-size:10px;text-align:center;margin-bottom:5px}.matrix-row>b{font-size:11px}.matrix-row input{width:100%;min-width:54px;padding:9px 4px;border:1px solid var(--line);text-align:center}.minimum{font-size:12px}.builder-total{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.builder-total>div{padding:18px}.builder-total>div+div{border-left:1px solid var(--line)}.builder-total span,.builder-total small{display:block;font-size:10px;color:var(--muted);font-weight:700}.builder-total b{display:block;font-family:'Archivo Black';font-size:25px;margin:5px 0}.builder-actions{display:flex;gap:10px;margin-top:20px}.sports,.trust,.goodies{padding:115px 0}.section-title{margin-bottom:50px}.sports-grid,.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.sports-grid article,.trust-grid article{background:var(--cream);padding:25px;min-height:260px}.sports-grid span{font-weight:800;color:var(--red)}.sports-grid h3{font-family:'Archivo Black';font-size:28px;text-transform:uppercase;margin:80px 0 12px}.sports-grid p,.trust-grid p{line-height:1.55;color:var(--muted)}.trust{background:#fff}.trust-grid article{background:#fff;min-height:230px}.trust-grid article>b{display:block;font-family:'Archivo Black';font-size:64px;color:var(--blue)}.trust-grid strong{display:block;text-transform:uppercase;font-size:12px;margin:8px 0 30px}.collection{background:var(--navy);padding:115px 0;color:#fff}.section-title.light h2{color:#fff}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-grid article{position:relative;min-height:520px;overflow:hidden}.collection-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.collection-grid article:hover img{transform:scale(1.04)}.collection-grid article:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,22,45,.9),transparent 60%)}.collection-grid article>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.collection-grid small{font-weight:700}.collection-grid h3{font-family:'Archivo Black';text-transform:uppercase;font-size:34px;margin:8px 0 16px}.collection-grid a{color:#fff;font-weight:800}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}.about-image img{width:100%;height:100%;object-fit:cover;min-height:680px}.about-copy{padding:85px;display:flex;flex-direction:column;justify-content:center}.about-copy>small{display:block;color:#d5def8;margin:12px 0 25px}.about-copy .btn{align-self:flex-start}.goodies-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.goodies-grid img{width:100%;aspect-ratio:1;object-fit:cover}.contact{padding:85px 0;background:var(--blue);color:#fff}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(2.8rem,4.6vw,5.4rem)}.modal-shade{position:fixed;inset:0;background:rgba(7,22,45,.7);z-index:60}.project-modal{position:fixed;right:0;top:0;width:min(510px,100%);height:100dvh;background:var(--cream);z-index:70;padding:42px;transform:translateX(105%);transition:.3s;overflow:auto}.project-modal.open{transform:none}.modal-close{position:absolute;right:20px;top:20px;border:0;background:none;font-size:35px}.project-modal>span{font-size:11px;font-weight:800;color:var(--blue)}.project-modal h2{font-family:'Archivo Black';text-transform:uppercase;font-size:45px;line-height:.95}.project-modal pre{white-space:pre-wrap;background:#fff;padding:16px;font:12px/1.55 Inter,sans-serif}.about-hero{padding:140px 0 110px;background:var(--navy);color:#fff}.about-hero h1{max-width:1100px}.about-hero p{max-width:760px;font-size:20px;line-height:1.7}.about-story{padding:110px 0}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-story img{width:100%;min-height:520px;object-fit:cover}.about-story h2{font-size:clamp(3rem,5vw,5.5rem)}.about-story p{font-size:17px;line-height:1.7}.process{padding:100px 0;background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process article{border-top:4px solid var(--blue);padding-top:20px}.process article>b{color:var(--red)}.process h2{font-size:26px;margin-top:50px}.process p{color:var(--muted);line-height:1.6}.about-cta{padding:100px 0;background:var(--blue);color:#fff}.about-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.about-cta h2{font-size:clamp(3rem,5vw,6rem)}footer{background:var(--navy);color:#fff;padding:85px 0 25px}.brand.light{color:#fff}.brand.light span{color:#7fa0ff}.footer-grid{display:grid;grid-template-columns:250px 1fr auto;gap:60px;align-items:center}.footer-grid h2{font-size:clamp(3rem,5vw,5.8rem)}.footer-grid p{color:#b8c3d3}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;margin-top:60px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aeb9c8}@media(max-width:980px){.head nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--cream);padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}.head nav.open{display:flex}.menu{display:block}.head-cta{margin-left:auto}.offer-grid,.studio,.about,.goodies-grid,.about-story-grid{grid-template-columns:1fr}.preview-panel{min-height:650px}.sports-grid,.trust-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.about-copy{padding:70px 40px}.footer-grid{grid-template-columns:200px 1fr}.footer-grid>a{grid-column:2}.about-cta .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.wrap{width:min(100% - 28px,1240px)}.preview{font-size:8px;letter-spacing:.08em}.head{height:76px;gap:10px}.brand{min-width:130px}.brand b,.brand span{font-size:16px}.brand i{font-size:6px}.head nav{top:76px}.head-cta{display:none}.menu{margin-left:auto}.hero{min-height:720px}.hero-shade{background:linear-gradient(0deg,rgba(7,22,45,.92) 0%,rgba(7,22,45,.45) 75%,rgba(7,22,45,.1))}.hero-inner{padding-bottom:55px}.hero h1{font-size:clamp(3.8rem,17vw,6rem)}.hero p{font-size:16px}.hero-badge{width:100px;height:100px;right:15px;top:35px;bottom:auto}.hero-badge b{font-size:15px}.proof-track{justify-content:flex-start;padding-left:14px;animation:marquee 18s linear infinite}.proof-track span{display:none}.proof-track span:nth-of-type(-n+2){display:inline}@keyframes marquee{to{transform:translateX(-25%)}}.offer,.builder,.sports,.trust,.collection,.goodies{padding:75px 0}.offer-grid{gap:45px}.offer h2,.builder h2,.section-title h2,.about h2,.goodies h2,.contact h2,.about-page h1{font-size:clamp(3rem,13vw,4.8rem)}.studio{width:100%}.shirt-stage{min-height:470px;padding:22px}.controls{padding:24px}.pattern-buttons button{flex:1}.matrix{margin-right:-24px;padding-right:24px}.builder-total{grid-template-columns:1fr}.builder-total>div+div{border-left:0;border-top:1px solid var(--line)}.builder-actions{flex-direction:column}.sports-grid,.trust-grid,.process-grid{grid-template-columns:1fr}.sports-grid article,.trust-grid article{min-height:200px}.sports-grid h3{margin-top:42px}.collection-grid{grid-template-columns:1fr}.collection-grid article{min-height:430px}.about-image img{min-height:420px}.about-copy{padding:65px 24px}.contact-grid,.about-cta .wrap{flex-direction:column;align-items:flex-start}.goodies-grid{gap:40px}.footer-grid{grid-template-columns:1fr}.footer-grid>a{grid-column:1}.footer-bottom{flex-direction:column}.about-hero{padding:100px 0 75px}.about-story{padding:75px 0}.about-story img{min-height:360px}.process{padding:75px 0}.project-modal{padding:30px 22px}.project-modal h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}