/* BrillBBQ homepage V2 — terrasse urbaine / éditorial premium */
.home{background:var(--bg);color:var(--ink)}
.home .site-header{background:rgba(244,241,234,.92)}
.brand-hero{position:relative;min-height:760px;display:grid;align-items:end;overflow:hidden;color:#fff;background:#233b43}
.brand-hero-media,.brand-hero-shade{position:absolute;inset:0}
.brand-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.brand-hero-shade{background:linear-gradient(90deg,rgba(23,37,42,.88) 0%,rgba(23,37,42,.69) 40%,rgba(23,37,42,.26) 68%,rgba(23,37,42,.1) 100%),linear-gradient(0deg,rgba(23,37,42,.52),transparent 42%)}
.brand-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:80px;align-items:end;padding:150px 0 58px}
.brand-hero-copy{max-width:760px}
.brand-hero .kicker{color:#dce8e7}
.brand-hero .kicker:before{background:#a8beb8}
.brand-hero h1{font-size:clamp(4rem,7.5vw,7.6rem);line-height:.9;max-width:900px;margin:0 0 30px}
.brand-hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#c6d9d7;letter-spacing:-.045em}
.brand-hero p{max-width:620px;font-size:1.12rem;line-height:1.7;color:#e1e8e6}
.hero-cta{background:#eaf0ec!important;color:#233b43!important;border-color:#eaf0ec!important}
.hero-cta:hover{background:#fff!important}
.hero-secondary{color:#fff!important;border-color:rgba(255,255,255,.44)!important}
.hero-secondary:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}
.hero-note{align-self:end;border-top:1px solid rgba(255,255,255,.34);padding-top:16px;display:grid;grid-template-columns:35px 1fr;gap:11px}
.hero-note span{font-size:.7rem;color:#b9cac7;letter-spacing:.12em;font-weight:850}
.hero-note p{font-size:.78rem;line-height:1.55;margin:0;color:#e4ebe9}
.brand-strip{background:#263e47;color:#fff}
.brand-strip-inner{min-height:86px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);align-items:center;gap:22px}
.brand-strip-inner>span{font-family:Georgia,serif;font-size:1.02rem;color:#dfe8e6}
.brand-strip-inner div{border-left:1px solid rgba(255,255,255,.14);padding-left:20px}
.brand-strip b,.brand-strip small{display:block}.brand-strip b{font-size:.82rem}.brand-strip small{font-size:.68rem;color:#b9c7c7;margin-top:2px}
.home-intro{background:#f7f4ed}
.home-title-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:80px;align-items:end;margin-bottom:46px}
.home-title-row h2{margin-bottom:0}
.home-title-row p{margin:0;color:var(--muted);font-size:.98rem}
.path-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.path-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;padding:28px;border-right:1px solid var(--line);background:transparent}
.path-card:first-child{padding-left:0}.path-card:last-child{border-right:0;padding-right:0}
.path-card:hover{background:rgba(255,255,255,.5)}
.path-feature{padding-right:44px}
.path-index{font-size:.7rem;letter-spacing:.14em;color:#81908d;font-weight:850}
.path-card h3{font-size:clamp(1.8rem,2.7vw,2.8rem);margin:18px 0 12px;max-width:360px}
.path-card p{font-size:.87rem;color:var(--muted);max-width:340px}
.path-feature h3{font-size:clamp(2.2rem,3.5vw,3.5rem)}
.path-arrow{position:absolute;right:25px;top:25px;width:38px;height:38px;border-radius:50%;border:1px solid #c8cfca;display:grid;place-items:center;color:var(--accent);font-size:1rem}
.path-card:hover .path-arrow{background:var(--accent);color:#fff;border-color:var(--accent)}
.tool-showcase{background:#dfe7e3;padding:104px 0;color:var(--ink)}
.tool-showcase-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.tool-copy h2{font-size:clamp(2.7rem,4.6vw,4.7rem);margin-bottom:22px}
.tool-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#506b61}
.tool-copy>p{color:#536166;font-size:1.02rem}
.tool-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;padding:0;margin:26px 0 30px;list-style:none}
.tool-copy li{font-size:.82rem;color:#47565a;display:flex;gap:9px;align-items:center}.tool-copy li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage)}
.tool-window{border-radius:26px;overflow:hidden;background:#f8f5ee;border:1px solid rgba(53,81,90,.16);box-shadow:0 28px 70px rgba(41,64,67,.15);transform:rotate(1deg)}
.tool-window-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #dfe2db;background:#f4f1ea}
.tool-window-top span{width:8px;height:8px;border-radius:50%;background:#b9c2bd}.tool-window-top span:nth-child(2){background:#9fb9bc}.tool-window-top span:nth-child(3){background:#7f927f}.tool-window-top b{margin-left:8px;font-size:.67rem;color:#6c787a;letter-spacing:.04em}
.tool-window-body{display:grid;grid-template-columns:1fr 165px;min-height:485px}
.mock-scene{position:relative;background:#233b43;overflow:hidden}.mock-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.97)}.mock-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(28,45,51,.24),transparent 45%)}
.mock-label{position:absolute;left:18px;top:18px;z-index:2;background:rgba(244,241,234,.9);color:#263e47;font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px}
.mock-product{position:absolute;z-index:3;width:165px;height:170px;right:18%;bottom:15%;filter:drop-shadow(0 18px 16px rgba(0,0,0,.25))}
.mock-lid{position:absolute;width:128px;height:58px;left:18px;top:20px;background:linear-gradient(180deg,#333b3d,#161c1d);border-radius:70px 70px 12px 12px;border:2px solid #4d5657}
.mock-grill{position:absolute;left:12px;top:75px;width:140px;height:50px;border-radius:10px;background:#1c2325;box-shadow:inset 0 6px 0 #555d5e}
.mock-leg{position:absolute;top:121px;width:9px;height:46px;background:#202729}.mock-leg.left{left:34px;transform:rotate(6deg)}.mock-leg.right{right:34px;transform:rotate(-6deg)}
.mock-sidebar{padding:22px 17px;display:grid;align-content:start;gap:12px;background:#fbfaf6}.mock-sidebar>div{padding:13px 11px;border:1px solid #d9ded8;border-radius:12px;background:#fff}.mock-sidebar span,.mock-sidebar b{display:block}.mock-sidebar span{font-size:.58rem;color:#80908a}.mock-sidebar b{font-size:.7rem;margin-top:3px}.mock-sidebar i{display:block;height:4px;background:#e5e9e3;border-radius:99px;margin-top:8px}.mock-ready{background:#e3ebe5!important;border-color:#cbd7cd!important}
.space-first{background:#f4f1ea}
.space-first-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:78px;align-items:center}
.space-photo{margin:0;position:relative}.space-photo img{width:100%;height:560px;object-fit:cover;object-position:center;border-radius:2px}.space-photo figcaption{position:absolute;left:18px;bottom:18px;background:#f4f1ea;color:#334b52;padding:8px 11px;font-size:.68rem;font-weight:800}
.space-copy .lead{font-size:1.04rem}.mini-criteria{border-top:1px solid var(--line);margin:26px 0}.mini-criteria div{display:grid;grid-template-columns:35px 1fr;column-gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.mini-criteria span{font-size:.65rem;color:#7e8c89;grid-row:1/3}.mini-criteria b{font-size:.86rem}.mini-criteria small{font-size:.72rem;color:var(--muted);margin-top:2px}
.editorial-home{background:#faf8f3}.editorial-home-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.story-card{position:relative;min-height:270px;background:#f1ede4;border:1px solid #e1ddd4;padding:25px;border-radius:16px}.story-card:hover{transform:translateY(-3px);background:#fff}.story-large{grid-row:span 2;min-height:555px;background:#263e47;color:#fff;border-color:#263e47;padding:34px}.story-card h3{font-size:1.55rem;margin:18px 0 10px}.story-large h3{font-size:clamp(2.3rem,3.7vw,3.65rem);margin-top:40px;max-width:520px}.story-card p{color:#657074;font-size:.84rem}.story-large p{color:#cfdbda;max-width:460px}.story-large .text-link{color:#e3ebe7}.story-large .tag{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.story-number{position:absolute;right:22px;top:22px;font-size:.67rem;color:#83918e;letter-spacing:.12em}.story-large .story-number{color:#9fb5b6}
.method-band{background:#263e47;color:#fff;padding:90px 0}.method-band-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.method-band .kicker{color:#cfdddb}.method-band h2{font-size:clamp(2.6rem,4.6vw,4.5rem)}.method-points{display:grid}.method-points>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14)}.method-points span{font-size:.65rem;color:#9fb6b6}.method-points p{margin:0;color:#cfdbda;font-size:.9rem}.method-points b{color:#fff}.method-points .text-link{margin-top:24px}
.final-cta{background:#f4f1ea;padding:72px 0}.final-cta-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;border-top:1px solid var(--line);padding-top:48px}.final-cta h2{max-width:760px;margin-bottom:12px}.final-cta p{color:var(--muted);margin:0}
@media(max-width:1050px){.brand-hero-inner{grid-template-columns:1fr;gap:35px}.hero-note{max-width:360px}.brand-strip-inner{grid-template-columns:1fr 1fr 1fr}.brand-strip-inner>span{grid-column:1/-1;padding-top:18px}.brand-strip-inner div{margin-bottom:18px}.tool-showcase-grid,.space-first-grid{grid-template-columns:1fr;gap:46px}.tool-window{transform:none}.space-photo img{height:470px}.home-title-row{grid-template-columns:1fr;gap:20px}.method-band-grid{gap:50px}.editorial-home-grid{grid-template-columns:1fr 1fr}.story-large{grid-row:auto;grid-column:1/-1;min-height:410px}.path-grid{grid-template-columns:1fr 1fr}.path-feature{grid-column:1/-1}.path-card{border-bottom:1px solid var(--line);min-height:300px}.path-card:first-child{padding-left:28px}.path-card:last-child{padding-right:28px}}
@media(max-width:680px){.brand-hero{min-height:690px}.brand-hero-media img{object-position:63% center}.brand-hero-shade{background:linear-gradient(90deg,rgba(23,37,42,.9),rgba(23,37,42,.58))}.brand-hero-inner{padding:120px 0 40px}.brand-hero h1{font-size:clamp(3.6rem,15vw,5.2rem)}.brand-hero p{font-size:.97rem}.brand-strip-inner{grid-template-columns:1fr 1fr;gap:0}.brand-strip-inner>span{padding:17px 0}.brand-strip-inner div{padding:13px 12px;border-top:1px solid rgba(255,255,255,.1);border-left:0;margin:0}.path-grid,.editorial-home-grid{grid-template-columns:1fr}.path-card,.path-card:first-child,.path-card:last-child{padding:24px 0;border-right:0}.path-feature{grid-column:auto}.tool-showcase{padding:70px 0}.tool-showcase-grid{gap:34px}.tool-copy ul{grid-template-columns:1fr}.tool-window-body{grid-template-columns:1fr}.mock-sidebar{grid-template-columns:1fr 1fr;display:grid}.mock-scene{min-height:330px}.mock-product{right:11%;bottom:13%;transform:scale(.78)}.space-photo img{height:340px}.story-large{grid-column:auto;min-height:350px}.story-large h3{font-size:2.35rem}.method-band{padding:68px 0}.method-band-grid{grid-template-columns:1fr;gap:30px}.final-cta-inner{display:grid;align-items:start}.hero-note{display:none}}
@media(prefers-reduced-motion:reduce){.path-card,.story-card{transition:none}}
