/* Kofi Akoko: warm coffee tones, editorial rhythm and real product photography. */
:root{--olive:#634635;--dark:#302118;--cream:#f8f2e9;--gold:#a04d2e;--line:#d8c8b7;--espresso:#302118;--latte:#e7d6c3;--clay:#a04d2e;--season:#5a6243}
body{background:var(--cream);color:var(--espresso)}p,.small,.product-info p,.item-info small{color:#746255}h1,h2,h3{color:var(--espresso)}
.announcement{background:var(--espresso);color:#f7ebdb;letter-spacing:2px;font-size:9px;padding:12px}.announcement:before,.announcement:after{content:'—';margin:0 16px;color:#c49675}
header{max-width:none;padding:0 max(5%,calc((100vw - 1440px)/2));height:100px;border-bottom:1px solid var(--line);background:var(--cream)}header .brand img{filter:brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(1148%) hue-rotate(341deg) brightness(94%) contrast(91%);width:215px}nav{gap:36px;font-size:12px}nav a{padding:10px 0}nav a:hover{color:var(--clay)}nav a[aria-current=page]{color:var(--clay);border-color:var(--clay)}.cart-trigger{border-color:#967c66;border-radius:0;padding:12px 16px;font-size:12px;font-weight:500}.cart-trigger span{background:var(--espresso);border-radius:0;margin-left:16px}
.eyebrow{font-size:10px;letter-spacing:2px;color:var(--clay);font-weight:600}.button{border-radius:0;background:var(--espresso);padding:18px 24px;font-size:12px;letter-spacing:.3px;transition:background .2s,transform .2s}.button:hover{background:var(--clay);transform:translateY(-2px)}.text-link{font-size:12px;border-color:var(--clay)}
.atelier-hero{max-width:1600px;padding:0 0 0 6%;display:grid;grid-template-columns:1fr 1.06fr;align-items:stretch;gap:4%;margin:auto}.atelier-hero .hero-copy{padding:64px 0 56px;align-self:center}.atelier-hero h1{font-size:clamp(48px,5.5vw,88px);font-weight:500;line-height:.98;letter-spacing:-4.5px;margin:28px 0}.atelier-hero h1 span{font-weight:300;color:#a04d2e;display:block}.atelier-hero .hero-copy p{max-width:350px;font-size:14px;line-height:1.8;margin:25px 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-actions .button{gap:32px}.hero-note{display:flex;align-items:center;gap:12px;color:#7a6352;margin-top:38px}.note-line{width:35px;height:1px;background:var(--clay)}
.atelier-hero .hero-photo{border-radius:0;height:560px;max-height:560px;align-self:stretch;position:relative;width:100%;margin:0;overflow:visible}.atelier-hero .hero-photo>img{object-fit:cover;object-position:center 55%;height:100%;width:100%}.atelier-hero .photo-tag{left:-36px;bottom:36px;border-radius:0;background:var(--espresso);color:var(--cream);padding:25px 30px;box-shadow:10px 10px 0 #e7d6c3;min-width:235px}.photo-tag>span{font-size:8px;letter-spacing:2px;color:#cdae94}.photo-tag b{display:block;font-size:24px;line-height:1.13;font-weight:400;letter-spacing:-.5px;margin:13px 0 20px}.photo-tag a{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #77614d;padding-top:12px}.photo-credit{position:absolute;right:18px;top:18px;writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;color:#fff;text-shadow:0 1px 6px #000}
.coffee-bridge{padding:42px 6%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;border-bottom:1px solid var(--line);max-width:1600px;margin:auto;background:var(--latte)}.coffee-bridge>p{font-size:27px;line-height:1.2;letter-spacing:-1px;color:var(--espresso);margin:0;font-weight:300}.coffee-bridge strong{font-weight:500}.coffee-bridge>div>a{display:flex;align-items:center;gap:18px;border-bottom:1px solid #bca58d;padding:14px 0;font-size:14px}.coffee-bridge>div>a>span{font-size:9px;color:var(--clay)}.coffee-bridge b{margin-left:auto;font-weight:400;font-size:18px}.coffee-bridge .eyebrow{font-size:8px}
.catalog{max-width:1400px;padding:85px 6%}.section-heading{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px}.section-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:400;letter-spacing:-1.8px;margin-bottom:6px}.section-heading p{font-size:12px;max-width:300px}.tools{margin:0 0 36px;align-items:center}.filters{gap:18px}.filters button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:11px 0;font-size:12px;color:#725b48}.filters button.active{color:var(--espresso);background:transparent;border-color:var(--clay);font-weight:700}.filters button:hover{color:var(--clay)}#search,#menuSearch{background:transparent;border:0;border-bottom:1px solid #b69c86;border-radius:0;padding:12px 0;font-size:12px}
.products{gap:42px 28px}.product{border-bottom:1px solid var(--line)}.product-image,#menuCatalog .product-image{height:320px;border-radius:0;background:#eadfce}.product-image img{transition:transform .6s;object-position:center 62%}.product-info{padding:20px 0 22px}.product-info h3{font-weight:500;font-size:21px;letter-spacing:-.5px}.product-info p{font-size:12px;margin:8px 0 18px}.product-bottom{gap:15px}.price{font-weight:500;font-size:19px}.price small{color:#806a58}.choose{border-radius:0;border:0;background:var(--espresso);color:#fff;padding:12px 13px;font-size:11px}.choose:hover{background:var(--clay)}.badge{border-radius:0;background:var(--season);color:#fff;font-size:8px;padding:8px 10px;letter-spacing:1px}.menu-category{color:var(--clay)}
.rompope-story{border-radius:0;max-width:1232px;background:var(--espresso);margin:0 auto 35px;grid-template-columns:1.1fr 1fr}.rompope-story img{height:520px}.rompope-story>div{padding:45px 12%}.rompope-story .eyebrow{color:#d9b18d;font-size:9px}.rompope-story h2{color:var(--cream);font-size:52px;font-weight:300;letter-spacing:-2px}.rompope-story p{color:#d4c2b0;font-size:13px}.rompope-story .button{background:var(--latte);color:var(--espresso)}.rompope-story .button:hover{background:#fff}
.how{padding-top:65px;max-width:1400px}.how-title{text-align:left}.how h2{font-size:44px;line-height:1.05}.steps{gap:35px}.steps article{padding-top:20px;border-color:#a98a6c}.steps article>span{font-size:35px;font-weight:300;color:#ab7958}.steps h3{font-size:17px}.steps p{font-size:12px}.pdf{color:var(--clay)}
.brand-invitation{background:var(--latte);padding:65px 6% 0;position:relative;overflow:hidden;border-top:1px solid var(--line)}.brand-invitation h2{font-size:clamp(34px,4vw,58px);line-height:1.08;font-weight:300;letter-spacing:-2px;max-width:750px}.brand-invitation>div{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:55px}.invitation-word{font-size:clamp(60px,15vw,220px);line-height:.8;font-weight:800;letter-spacing:-.075em;color:#c3aa90;display:block;white-space:nowrap;margin-bottom:-3px}
footer{background:var(--espresso);padding:40px 6%;border-top:1px solid #644c38}footer p{color:#d0b9a2}footer .brand img{width:210px}footer>a:last-child{color:#eadac9}.about-tabs button{border-radius:0}.about-panel{background:var(--latte);border-radius:0}.about-visual{border-radius:0}.about-visual>span{border-radius:0;background:var(--espresso);color:var(--cream)}.panel-number{color:#a27b58}.social-cards a{border-radius:0}.social-cards a:hover{background:var(--latte)}.menu-intro{padding-top:60px;padding-bottom:65px}.menu-intro h1{font-weight:400;letter-spacing:-3px}.menu-intro h1 span{color:var(--clay)}.menu-collage img,.menu-collage img:nth-child(2){border-radius:0}.menu-collage{gap:16px}.menu-collage>span{border-radius:0;border:0;background:var(--espresso);color:var(--cream)}.menu-season{background:var(--latte);border-radius:0}.about-intro{padding-top:45px}.about-intro h1{font-weight:400}.about-intro h1 span{color:var(--clay)}.copy-address{border-radius:0;color:var(--espresso)}
dialog{border-radius:2px;background:var(--cream)}dialog::backdrop{background:#20170fb0}.close{color:var(--espresso)}input,select,textarea{border-color:var(--line);border-radius:0}#productDetail>img,#menuProductDetail>img{border-radius:0}.item-info small{color:#746255}.qty button{border-radius:0}.cart-row img{border-radius:0}.small{color:#746255}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.sold-out-badge{background:#bc2925}
@media(min-width:1600px){.atelier-hero{padding-left:85px}}
@media(max-width:1000px){header{height:90px}.atelier-hero{gap:3%;padding-left:5%}.atelier-hero h1{font-size:58px;letter-spacing:-3px}.atelier-hero .hero-photo{height:510px;max-height:510px}.hero-actions{gap:20px}.atelier-hero .photo-tag{left:-18px;min-width:210px;padding:22px}.products{gap:30px 22px}.product-image,#menuCatalog .product-image{height:280px}.product-bottom{align-items:flex-start;flex-direction:column}.choose{width:100%;text-align:center}.rompope-story{margin-left:5%;margin-right:5%}.rompope-story h2{font-size:42px}.rompope-story img{height:470px}}
@media(max-width:800px){header{height:auto;min-height:105px;padding:18px 5% 12px}header nav{gap:30px;padding-top:12px}.atelier-hero h1{font-size:48px}.atelier-hero .hero-copy{padding:45px 0}.atelier-hero .hero-copy p{font-size:13px}.atelier-hero .hero-photo{height:480px;max-height:480px}.atelier-hero .photo-tag{bottom:28px;left:-12px;min-width:180px;padding:20px}.photo-tag b{font-size:21px}.hero-actions .button{padding:16px 18px;gap:20px}.coffee-bridge{padding:32px 5%;gap:6%}.coffee-bridge>p{font-size:24px}.catalog{padding:60px 5%}.section-heading p{margin-top:15px}.tools{align-items:stretch}.filters{gap:20px}.products{grid-template-columns:repeat(2,1fr)}.product-bottom{flex-direction:row;align-items:center}.choose{width:auto}.how h2{font-size:38px}.rompope-story h2{font-size:38px}.rompope-story>div{padding:32px 10%}.rompope-story img{height:460px}.brand-invitation{padding:50px 5% 0}}
@media(max-width:520px){.announcement{font-size:7px;letter-spacing:1.2px;padding:11px 5px}.announcement:before,.announcement:after{display:none}header .brand img{width:165px}.cart-trigger{padding:10px;font-size:10px}.cart-trigger span{margin-left:8px;width:20px;height:20px}header nav{gap:27px}header nav a{font-size:11px}.atelier-hero{display:flex;flex-direction:column;padding:0;gap:0}.atelier-hero .hero-copy{padding:38px 6% 33px}.atelier-hero .eyebrow{font-size:8px;letter-spacing:1.5px}.atelier-hero h1{font-size:58px;letter-spacing:-3.3px;margin:25px 0}.atelier-hero .hero-copy p{max-width:330px;font-size:13px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.hero-note{margin-top:26px;font-size:10px}.atelier-hero .hero-photo{width:100%;height:370px;max-height:370px;margin:0}.atelier-hero .photo-tag{left:6%;bottom:22px;min-width:185px;padding:20px;box-shadow:7px 7px 0 #e7d6c3}.photo-tag b{font-size:22px;margin:10px 0 14px}.photo-credit{font-size:7px}.coffee-bridge{grid-template-columns:1fr;gap:27px;padding:32px 6%}.coffee-bridge>p{font-size:28px}.coffee-bridge>div>a{font-size:13px;padding:12px 0}.catalog{padding:48px 5%}.section-heading h2{font-size:34px;letter-spacing:-1.4px}.section-heading p{font-size:12px}.filters{gap:16px}.filters button{font-size:10px;padding:9px 0}.tools{margin-bottom:26px}.products{gap:27px 14px}.product-image,#menuCatalog .product-image{height:225px}.product-info{padding:14px 0 17px}.product-info h3{font-size:17px;line-height:1.15;letter-spacing:-.4px}.product-info p{font-size:10px;margin:8px 0 12px;min-height:32px}.product-bottom{flex-direction:column;align-items:stretch;gap:12px}.price{font-size:17px}.price small{font-size:10px}.choose{width:100%;font-size:10px;padding:12px 8px}.badge{font-size:7px;padding:6px;max-width:90%;left:8px;top:8px}.rompope-story{margin:0 5% 10px;grid-template-columns:1fr}.rompope-story img{height:310px}.rompope-story>div{padding:33px 27px}.rompope-story h2{font-size:42px}.how{padding:48px 6%}.how h2{font-size:35px}.steps{gap:20px;margin-top:30px}.steps article{display:grid;grid-template-columns:45px 1fr;column-gap:12px;padding-top:20px}.steps article>span{grid-row:span 2;font-size:30px}.steps h3{margin:0 0 8px;font-size:17px}.steps p{margin:0;font-size:12px}.brand-invitation h2{font-size:37px;letter-spacing:-1.5px}.brand-invitation>div{gap:22px;margin-bottom:40px}.brand-invitation .text-link{font-size:11px}.invitation-word{font-size:16vw}footer .brand img{width:190px}.menu-intro{padding-top:36px}.menu-intro h1{font-size:51px}.menu-collage{height:270px}.menu-intro-links{gap:20px}.menu-season{padding:25px}.about-intro h1{font-size:48px}.about-tabs{gap:5px}.about-tabs button{font-size:11px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-image img{transition:none}.button:hover{transform:none}}
/* Seasonal palette: olive and gold, on a lighter warm white. */
:root{--olive:#606747;--dark:#303723;--cream:#fdfcf8;--gold:#957c49;--line:#deded0;--espresso:#303723;--latte:#eeeee3;--clay:#606747;--season:#606747}
p,.small,.product-info p,.item-info small{color:#6e705f}.announcement{background:#303723;color:#fdfcf8}.announcement:before,.announcement:after{color:#c8bb94}header .brand img{filter:brightness(0) saturate(100%) invert(19%) sepia(13%) saturate(1000%) hue-rotate(40deg)}.cart-trigger{border-color:#9da38b}.eyebrow{color:#957c49}.atelier-hero h1 span{color:#606747}.hero-note{color:#777d67}.note-line{background:#957c49}.atelier-hero .photo-tag{box-shadow:10px 10px 0 #eeeee3}.photo-tag>span{color:#c8bb94}.photo-tag a{border-color:#7f856e}.coffee-bridge>div>a{border-color:#c9cdbb}.filters button{color:#727960}.filters button.active{border-color:#957c49}#search,#menuSearch{border-color:#b8bdab}.product-image,#menuCatalog .product-image{background:#efeee6}.price small{color:#818373}.rompope-story .eyebrow{color:#c8bb94}.rompope-story p{color:#d4d8c6}.steps article{border-color:#b9bfaa}.steps article>span{color:#957c49}.invitation-word{color:#c6cbb7}footer{border-color:#636c50}footer p{color:#ccd0bd}footer>a:last-child{color:#f7f5e8}.panel-number{color:#a9af97}.item-info small,.small{color:#797b6d}dialog::backdrop{background:#202417a6}@media(max-width:520px){.atelier-hero .photo-tag{box-shadow:7px 7px 0 #eeeee3}}