/* MAILLARD ATELIER — Interactive editorial direction. Scoped to .ma-at */
.ma-at{--ink:#161310;--chalk:#eee7dd;--cream:#eee9e1;--gold:#b7a087;--muted:#c5b8a9;color:var(--chalk);background:var(--ink);overflow:clip;font-family:Arial,Helvetica,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.ma-at *,.ma-at *:before,.ma-at *:after{box-sizing:border-box}.ma-at h1,.ma-at h2,.ma-at h3,.ma-at p{margin:0}.ma-at img{display:block}.ma-at a{color:inherit;text-decoration:none}.ma-at button{font:inherit}.ma-at .ma-at-tag,.ma-at .ma-at-overline{font:500 10px/1.6 'IBM Plex Mono',monospace,Arial;letter-spacing:.18em}.ma-at h1,.ma-at h2,.ma-at .ma-at-outro strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.83;letter-spacing:-.038em}.ma-at em{font-weight:400}.ma-at-progress{height:2px;position:fixed;top:0;left:0;right:0;z-index:90;pointer-events:none}.ma-at-progress span{display:block;height:100%;width:0;background:#dec3a0;transform-origin:left}
.ma-at-reveal{transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.1,1)}.ma-at-ready .ma-at-reveal:not(.ma-at-visible){opacity:0;transform:translateY(42px)}
.ma-at-hero{height:min(920px,100svh);min-height:650px;position:relative;isolation:isolate;background:#0a0908;overflow:hidden}.ma-at-hero-image,.ma-at-hero-shade,.ma-at-hero-grain{position:absolute;inset:-6%;z-index:-1}.ma-at-hero-image{will-change:transform}.ma-at-photo{height:100%;width:100%;object-fit:cover;object-position:center 48%;filter:contrast(1.16) saturate(.6)}.ma-at-hero-shade{background:linear-gradient(90deg,rgba(4,4,4,.95) 5%,rgba(5,4,4,.82) 35%,rgba(0,0,0,.2) 80%),linear-gradient(0deg,rgba(5,4,3,.8),transparent 42%)}.ma-at-hero-grain{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:screen}.ma-at-hero-inside{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:9vw max(7vw,24px) 8vw;max-width:1100px}.ma-at-eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:.23em;color:#d6c7b3}.ma-at-hero h1{font-size:clamp(84px,13.4vw,220px);margin:35px 0 36px;line-height:.78}.ma-at-hero h1 em{color:#c8b19a}.ma-at-hero-foot{display:flex;gap:45px;align-items:center;font:11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em}.ma-at-hero-foot span{color:#cbbdb0;letter-spacing:0;font-family:Arial,sans-serif;font-size:16px}.ma-at-hero-actions{display:flex;gap:32px;margin-top:55px}.ma-at-hero-actions a{border-bottom:1px solid #ad9781;padding:0 0 14px;min-width:172px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px 'IBM Plex Mono',monospace;letter-spacing:.13em;transition:color .3s,border-color .3s}.ma-at-hero-actions a:hover{color:#dfc4a2;border-color:#dfc4a2}.ma-at-hero-seal{position:absolute;right:11%;top:21%;width:160px;height:160px}.ma-at-hero-seal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ma-at-rotate{animation:maAtSpin 35s linear infinite}.ma-at-scrollcue,.ma-at-hero-count{position:absolute;bottom:40px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.15em}.ma-at-scrollcue{left:7%;display:flex;gap:24px}.ma-at-scrollcue span{animation:maAtDown 2s ease-in-out infinite}.ma-at-hero-count{right:6%}.ma-at-hero-count span{opacity:.5}@keyframes maAtSpin{to{transform:rotate(360deg)}}@keyframes maAtDown{50%{transform:translateY(10px)}}
.ma-at-interlude{background:#e8e0d5;color:#1b1815;padding:clamp(100px,15vw,250px) 8vw 7vw;position:relative}.ma-at-interlude h2{font-size:clamp(59px,8.1vw,133px);margin:35px 0 8vw;line-height:.92}.ma-at-interlude h2 em{color:#8f7661}.ma-at-interlude-bottom{border-top:1px solid #9c8f81;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.ma-at-interlude-bottom span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.16em}.ma-at-interlude-bottom p{max-width:450px;font:17px/1.7 Arial,sans-serif}
.ma-at-origin{height:clamp(700px,105svh,1050px);position:relative;overflow:hidden;background:#0a1210}.ma-at-origin-img{position:absolute;inset:-8%}.ma-at-origin-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1)}.ma-at-origin-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,10,.95),rgba(8,14,10,.72) 50%,rgba(10,12,8,.1))}.ma-at-origin-copy{position:absolute;top:50%;left:8%;max-width:750px;transform:translateY(-50%)}.ma-at-origin-copy.ma-at-reveal{transition:opacity 1s,transform 1s}.ma-at-ready .ma-at-origin-copy.ma-at-reveal:not(.ma-at-visible){transform:translateY(calc(-50% + 36px))}.ma-at-origin-copy h2{font-size:clamp(62px,8vw,137px);margin:35px 0}.ma-at-origin-copy p{font:17px/1.75 Arial,sans-serif;max-width:430px;color:#e0d7c9}.ma-at-line-link{display:inline-flex;justify-content:space-between;min-width:240px;gap:30px;border-bottom:1px solid currentColor;padding-bottom:13px;margin-top:40px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.ma-at-origin-sidenote{position:absolute;bottom:35px;right:5%;writing-mode:vertical-rl;font:10px 'IBM Plex Mono',monospace;letter-spacing:.16em}
.ma-at-transform{padding:clamp(65px,8vw,150px) 7vw;background:#e8e0d5;color:#191612}.ma-at-transform-head{display:grid;grid-template-columns:1fr 1.9fr;gap:50px;margin-bottom:50px}.ma-at-transform-head h2{font-size:clamp(56px,7vw,128px)}.ma-at-transform-head p{font:17px/1.75 Arial,sans-serif;max-width:550px;margin-top:30px}.ma-at-roast-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:stretch}.ma-at-roast-stage{position:relative;background:#25211d;min-height:480px;overflow:hidden}.ma-at-roast-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#16120ecb,transparent 55%);pointer-events:none}.ma-at-roast-stage img{width:100%;height:100%;position:absolute;object-fit:cover;transition:filter .5s,opacity .4s;filter:contrast(1.18)}.ma-at-roast-caption{position:absolute;bottom:30px;left:35px;right:35px;z-index:1;color:#f4ede1}.ma-at-roast-caption span{font:11px 'IBM Plex Mono',monospace;letter-spacing:.13em}.ma-at-roast-caption p{margin-top:8px;font:24px Georgia,serif}.ma-at-roast-temperature{position:absolute;z-index:1;right:25px;top:25px;color:white;font:11px 'IBM Plex Mono',monospace}.ma-at-roast-control{padding:30px 15px;display:flex;flex-direction:column;justify-content:center}.ma-at-roast-control-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em}.ma-at-roast-control-head span+span{color:#7d6b59}.ma-at-roast-range{width:100%;accent-color:#2d211a;cursor:pointer;margin:55px 0 12px}.ma-at-roast-ticks{display:flex;justify-content:space-between;gap:5px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.07em}.ma-at-roast-control .ma-at-line-link{align-self:flex-start;margin-top:70px}
.ma-at-feature{min-height:760px;height:90svh;position:relative;background:#090909;display:flex;align-items:center;overflow:hidden}.ma-at-feature-back{position:absolute;inset:0}.ma-at-feature-back img{height:100%;width:100%;object-fit:cover;filter:brightness(.58) saturate(.55)}.ma-at-feature-back:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#050505 5%,#050505c4 48%,transparent 100%)}.ma-at-feature-content{position:relative;padding:9vw;max-width:810px}.ma-at-feature h2{font-size:clamp(75px,10vw,165px);margin:35px 0}.ma-at-feature p{font:18px/1.65 Arial,sans-serif;max-width:430px;color:#d8cbbd}
.ma-at-finder{background:#ded5c9;color:#191612;padding:clamp(80px,10vw,180px) 7vw}.ma-at-finder-intro{display:grid;grid-template-columns:1fr 1.8fr;gap:25px;margin-bottom:55px}.ma-at-finder-intro h2{font-size:clamp(60px,8vw,130px)}.ma-at-finder-intro p{grid-column:2;font:17px/1.65 Arial,sans-serif;max-width:470px}.ma-at-finder-panel{border-top:1px solid #897c6c;padding-top:30px}.ma-at-finder-question{display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.13em}.ma-at-finder-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.ma-at-finder-options button{text-align:left;padding:clamp(20px,3vw,50px);min-height:250px;border:1px solid #9f9182;background:transparent;display:flex;flex-direction:column;justify-content:space-between;gap:20px;cursor:pointer;transition:background .35s,color .35s,transform .35s}.ma-at-finder-options button:hover{transform:translateY(-5px)}.ma-at-finder-options button.is-selected{background:#191612;color:#f1e7db}.ma-at-flavor-icon{font-size:42px;font-family:Georgia,serif}.ma-at-finder-options strong{font:normal 24px/1.2 Georgia,serif}.ma-at-finder-options small{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em}.ma-at-finder-result{background:#eee8df;padding:clamp(25px,4vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:17px 35px;align-items:start}.ma-at-finder-result>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.13em}.ma-at-finder-result h3{font:normal clamp(32px,4vw,60px)/1 Georgia,serif}.ma-at-finder-result p{font:16px/1.6 Arial,sans-serif;max-width:420px}.ma-at-finder-result a{grid-column:2;justify-self:start;border-bottom:1px solid #191612;padding-bottom:10px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.ma-at-finder-note{display:block;margin-top:12px;font:11px/1.5 Arial,sans-serif;opacity:.7}
.ma-at-shop{background:#f1ece5;color:#191512;padding:clamp(75px,9vw,150px) 7vw}.ma-at-shop-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:60px}.ma-at-shop-heading h2{font-size:clamp(66px,8vw,132px);margin-top:25px}.ma-at-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ma-at-product{display:block;min-width:0}.ma-at-product-image{height:clamp(250px,29vw,420px);background:#ded6c8;overflow:hidden;display:flex;justify-content:center;align-items:center}.ma-at-product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.ma-at-product:hover img{transform:scale(1.07)}.ma-at-product-index{display:block;margin:16px 0 10px;color:#7d7165;font:9px 'IBM Plex Mono',monospace}.ma-at-product h3{font:normal 23px/1.25 Georgia,serif;min-height:60px}.ma-at-product-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bcb1a4;margin-top:20px;padding-top:12px;font:11px 'IBM Plex Mono',monospace}.ma-at-shop-placeholder{grid-column:1/-1;padding:90px 20px;text-align:center;border:1px solid #c6bcb0}.ma-at-shop-placeholder h3{font:35px Georgia,serif}.ma-at-shop-placeholder p{margin:15px 0}
.ma-at-cafe{min-height:850px;height:100svh;position:relative;background:#15100d;overflow:hidden}.ma-at-cafe-img{position:absolute;inset:-8%}.ma-at-cafe-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(.75)}.ma-at-cafe-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#090807dc,#09080791 50%,transparent)}.ma-at-cafe-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:850px}.ma-at-ready .ma-at-cafe-copy.ma-at-reveal:not(.ma-at-visible){transform:translateY(calc(-50% + 42px))}.ma-at-cafe h2{font-size:clamp(75px,10vw,158px);margin:30px 0}.ma-at-cafe p{font:18px/1.7 Arial,sans-serif;max-width:530px}.ma-at-cafe-links{display:flex;gap:30px;margin:40px 0;font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em}.ma-at-cafe-links a{border-bottom:1px solid;padding-bottom:12px}.ma-at-cafe-address{font:10px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#d5c1aa}
.ma-at-pathways{background:#1b1916;padding:clamp(80px,9vw,150px) 7vw;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.ma-at-pathways h2{font-size:clamp(70px,9vw,140px);margin-top:30px}.ma-at-pathways-links a{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #62584d;transition:color .2s}.ma-at-pathways-links a:hover{color:#e7c8a8}.ma-at-pathways-links a>span{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#a99a89}.ma-at-pathways-links strong{font:normal clamp(17px,2vw,27px) Georgia,serif}.ma-at-pathways-links i{font-style:normal}.ma-at-outro{background:#0d0c0a;text-align:center;padding:70px 15px 90px;display:flex;flex-direction:column;gap:20px}.ma-at-outro span,.ma-at-outro small{font:10px 'IBM Plex Mono',monospace;letter-spacing:.2em}.ma-at-outro strong{font-size:clamp(60px,8vw,120px)}
@media(max-width:1000px){.ma-at-hero-seal{right:5%;top:14%;width:110px;height:110px}.ma-at-roast-wrap,.ma-at-pathways{grid-template-columns:1fr}.ma-at-roast-stage{min-height:500px}.ma-at-product-grid{grid-template-columns:repeat(2,1fr)}.ma-at-pathways{gap:40px}}
@media(max-width:700px){.ma-at-hero{height:92svh;min-height:650px}.ma-at-hero-inside{padding:110px 24px 95px}.ma-at-hero h1{font-size:clamp(69px,15vw,115px)}.ma-at-hero-foot{flex-direction:column;align-items:start;gap:10px}.ma-at-hero-actions{flex-direction:column;gap:20px;margin-top:32px;max-width:250px}.ma-at-hero-seal{width:84px;height:84px;right:24px;top:90px}.ma-at-scrollcue{left:24px}.ma-at-interlude,.ma-at-transform,.ma-at-finder,.ma-at-shop,.ma-at-pathways{padding-left:24px;padding-right:24px}.ma-at-interlude h2{font-size:clamp(50px,11vw,80px)}.ma-at-interlude-bottom{grid-template-columns:1fr}.ma-at-origin{height:760px}.ma-at-origin-copy{left:24px;right:24px;top:47%}.ma-at-origin-copy h2{font-size:clamp(55px,12vw,90px)}.ma-at-transform-head,.ma-at-finder-intro{grid-template-columns:1fr}.ma-at-transform-head h2,.ma-at-finder-intro h2{font-size:clamp(50px,11vw,85px)}.ma-at-finder-intro p{grid-column:1}.ma-at-roast-stage{min-height:330px}.ma-at-roast-control{padding:15px 0 25px}.ma-at-roast-ticks{font-size:7px;letter-spacing:0}.ma-at-finder-options{grid-template-columns:1fr}.ma-at-finder-options button{min-height:105px;padding:20px;display:grid;grid-template-columns:48px 1fr;align-items:center}.ma-at-finder-options small{grid-column:2}.ma-at-finder-result{grid-template-columns:1fr}.ma-at-finder-result a{grid-column:1}.ma-at-product-grid{gap:12px}.ma-at-product-image{height:260px}.ma-at-product h3{font-size:18px}.ma-at-product-foot{font-size:9px}.ma-at-shop-heading{align-items:start;flex-direction:column}.ma-at-cafe{min-height:730px}.ma-at-cafe-copy{left:24px;right:24px}.ma-at-cafe h2{font-size:clamp(62px,12vw,95px)}.ma-at-pathways-links a{grid-template-columns:1fr auto}.ma-at-pathways-links a>span{grid-column:1/-1}.ma-at-pathways-links strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ma-at *, .ma-at *:before,.ma-at *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ma-at .ma-at-reveal{opacity:1!important;transform:none!important}.ma-at .ma-at-cafe-copy,.ma-at .ma-at-origin-copy{transform:translateY(-50%)!important}}
