@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600&display=swap');
@import url('harmony-v4.css');
@import url('logo-fix.css');
:root{--paper:#f5f2ea;--ink:#172334;--gold:#9b8350;--line:#cfc7b3;--red:#6a342c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10.5vw;position:sticky;top:0;background:rgba(245,242,234,.96);z-index:4}.top-links{display:flex;align-items:center;gap:24px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#544f43}.top-links a{height:68px;display:flex;align-items:center}.top-links .active{border-bottom:2px solid var(--gold)}.crest{position:absolute;left:50%;top:0;transform:translateX(-50%);height:92px;width:142px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.crest img{width:35px;height:35px;object-fit:cover;object-position:center top;filter:brightness(0) invert(1);margin-bottom:2px}.crest small{font-size:7px;color:#ddc88e}.right{justify-content:flex-end}.gold-button{background:var(--gold);color:#fff;padding:14px 24px;border-radius:28px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;display:inline-flex;gap:18px;align-items:center}.gold-button b,.underlink b{font-size:15px;font-weight:400}.subnav{min-height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7vw;text-transform:uppercase;font-size:10px;color:#655d4c}.hero{min-height:calc(100vh - 143px);display:grid;grid-template-columns:53% 47%;position:relative;overflow:hidden}.hero-image{grid-column:1/3;grid-row:1;background:linear-gradient(90deg,rgba(8,20,29,.9),rgba(8,20,29,.68) 44%,rgba(8,20,29,.2)),url('assets/abbaye-brassage-hero.png') center/cover;min-height:700px}.hero-content{grid-column:1;grid-row:1;align-self:center;padding:8vw 0 8vw 12vw;color:var(--paper);z-index:1}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;font-size:10px;margin:0 0 24px}.hero .kicker{color:#ddc88e}.hero h1,h2{font:600 clamp(50px,5.6vw,88px)/.88 'Cormorant Garamond',serif;letter-spacing:-.04em;margin:0}.hero h1 i,h2 i{color:#d8be7f;font-style:italic;font-weight:500}.rule{width:150px;border-top:1px solid #c2a56b;margin:34px 0 24px}.intro{max-width:420px;line-height:1.8;color:#e5e0d5;font-size:15px}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.underlink{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:8px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.hero .underlink{color:#ead9ae}.hero-seal{position:absolute;right:12%;top:13%;z-index:2;text-align:center;color:#e7d7a9;font:italic 20px 'Cormorant Garamond'}.hero-seal img{width:190px;height:190px;object-fit:cover;object-position:center top;mix-blend-mode:screen;opacity:.9}.statement{text-align:center;padding:150px 20px;border-bottom:1px solid var(--line)}.statement h2,.association h2,.contact h2{font-size:clamp(44px,5vw,74px)}.statement>p:not(.kicker){max-width:650px;margin:30px auto;color:#6a685f;line-height:1.9;font-size:14px}.statement .underlink{margin-top:20px}.saint{display:grid;grid-template-columns:45% 55%;min-height:700px}.saint-image{background:#e6dece;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.saint-image img{width:66%;max-width:420px}.saint-image span{position:absolute;bottom:50px;left:12%;font:italic 24px 'Cormorant Garamond';color:var(--gold)}.saint-image small{font:11px Manrope;font-style:normal;letter-spacing:.15em}.saint-copy{padding:12vw;display:flex;flex-direction:column;justify-content:center}.saint-copy h2{font-size:76px;margin-bottom:30px}.saint-copy p:not(.kicker){color:#6b6a63;line-height:1.9;font-size:14px;max-width:500px}.saint-copy .lead{font:500 22px/1.35 'Cormorant Garamond';color:var(--ink)!important;margin-bottom:10px}.saint-copy .underlink{align-self:flex-start;margin-top:30px}.abbey{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr}.abbey-copy{padding:12vw}.abbey h2{font-size:76px}.abbey-copy>p:not(.kicker){color:#ccd0c8;line-height:1.9;max-width:500px}.abbey-image{min-height:680px;background:linear-gradient(0deg,rgba(23,35,52,.35),rgba(23,35,52,.1)),url('assets/soissons-terroir.png') center/cover}.mini-grid{display:flex;gap:35px;margin-top:50px}.mini-grid div{border-top:1px solid #8e784e;padding-top:15px;display:flex;flex-direction:column;gap:10px}.mini-grid b{font:600 26px 'Cormorant Garamond';color:#dfc789}.mini-grid span{font-size:10px;line-height:1.5;color:#ccd0c8}.beer{display:grid;grid-template-columns:55% 45%;background:var(--red);color:var(--paper)}.beer-visual{min-height:700px;position:relative;overflow:hidden}.beer-visual img{height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;opacity:.8}.visual-caption{position:absolute;left:12%;bottom:10%;font:italic 34px/1.05 'Cormorant Garamond'}.beer-copy{padding:12vw 10vw;display:flex;flex-direction:column;justify-content:center}.beer-copy h2{font-size:78px}.beer-copy>p:not(.kicker){color:#eadfd2;line-height:1.9;max-width:410px}.beer-details{display:flex;gap:20px;margin:35px 0}.beer-details span{border-top:1px solid #d5b786;padding-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.pillars{padding:130px 11vw;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:25px;border-bottom:1px solid var(--line)}.pillars h2{font-size:66px}.pillars article{border-left:1px solid var(--line);padding-left:20px}.pillars article>span{color:var(--gold);font-size:11px}.pillars h3{font:600 28px 'Cormorant Garamond';margin:60px 0 14px}.pillars p{color:#6a685f;font-size:12px;line-height:1.7}.association{padding:150px 12vw;background:#ded2ba;display:grid;grid-template-columns:1fr 1fr;gap:70px}.association .kicker{grid-column:1/-1;margin-bottom:-60px}.association p:not(.kicker){grid-column:2;color:#635b4d;line-height:1.8;max-width:420px}.association .underlink{grid-column:2;justify-self:start}.contact{text-align:center;padding:130px 20px}.contact img{width:90px;height:90px;object-fit:cover;object-position:center top}.contact h2{margin:30px 0}footer{border-top:1px solid var(--line);padding:35px 11vw;display:flex;justify-content:space-between;align-items:center;color:#6b665a;font-size:11px}footer img{width:45px;height:45px;object-fit:cover;object-position:center top}footer>div{display:flex;flex-direction:column;gap:8px}footer b{color:var(--ink);font-weight:500}footer span{font-size:10px;letter-spacing:.05em}@media(max-width:900px){.topbar{padding:0 5vw}.top-links{display:none}.crest{left:8vw;transform:none}.subnav{gap:20px;overflow:auto;justify-content:flex-start;padding:0 5vw;white-space:nowrap}.hero{display:block}.hero-image{min-height:780px}.hero-content{padding:120px 9vw 90px}.hero-seal{top:auto;bottom:35px;right:8%}.hero-seal img{width:110px;height:110px}.saint,.abbey,.beer{grid-template-columns:1fr}.saint-image{min-height:520px}.saint-copy,.abbey-copy,.beer-copy{padding:90px 9vw}.abbey-image,.beer-visual{min-height:500px}.pillars{grid-template-columns:1fr 1fr;padding:90px 9vw}.section-head{grid-column:1/-1}.association{display:block;padding:90px 9vw}.association .kicker{margin-bottom:30px}.association p:not(.kicker){margin:35px 0}.association .underlink{margin-bottom:20px}footer{padding:30px 9vw;gap:20px;align-items:flex-start;flex-direction:column}}