/* Crameri concept home. One authoritative, scoped stylesheet. */
#index #wrapper{padding:0;background:#f6f1e8}
#index #wrapper>.container{width:100%;max-width:none;padding:0}
#index #content-wrapper{width:100%;padding:0}
#index #main,#index .page-home{margin:0}
#index .breadcrumb,#index #_desktop_slider,#index .homeslider-container,#index #carousel{display:none}
#cf-concept{--home-x:clamp(22px,7vw,112px);--home-y:clamp(64px,7vw,110px);--home-gold:#806034;--home-forest:#2b3d32;--home-ivory:#f6f1e8;background:var(--home-ivory);color:var(--home-forest);overflow:clip;font-family:var(--cf-sans)}
#cf-concept *{box-sizing:border-box}
#cf-concept :is(h1,h2,h3,p,figure){margin:0;padding:0;float:none;text-transform:none;letter-spacing:normal;hyphens:none;word-break:normal;overflow-wrap:normal;text-shadow:none}
#cf-concept :is(h1,h2,h3){font-family:var(--cf-serif);font-weight:400;color:inherit;line-height:1.02}
#cf-concept h2{font-size:clamp(48px,5.8vw,88px)}
#cf-concept p{font-size:clamp(17px,1.55vw,22px);line-height:1.65;color:inherit}
#cf-concept :is(em,i){font-weight:400;color:var(--home-gold)}
#cf-concept img{display:block;max-width:100%}
#cf-concept a{color:inherit;text-decoration:none}
#cf-concept a:focus-visible,#cf-concept button:focus-visible,#cf-concept [tabindex]:focus-visible{outline:3px solid #bd985f;outline-offset:5px}
#cf-concept :is(.micro,.count,.eyebrow,small){font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.5}
#cf-concept :is(.micro,.count,.eyebrow){color:var(--home-gold)}
#cf-concept .count{display:inline-block;margin-right:18px}
#cf-concept .eyebrow{display:flex;align-items:baseline;gap:0;margin-bottom:24px}
#cf-concept .cta-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:10px 0;border-bottom:1px solid var(--home-gold);font-size:16px;font-weight:600;line-height:1.4}
#cf-concept .cta-link::after{content:'→';transition:transform .25s ease}
#cf-concept .cta-link:hover::after{transform:translateX(5px)}
#cf-concept .hero{position:relative;min-height:560px;height:calc(100svh - 126px);max-height:1000px;color:#fffdf8;isolation:isolate}
#cf-concept .hero-picture,#cf-concept .hero-bg,#cf-concept .hero-shade{position:absolute;inset:0;width:100%;height:100%}
#cf-concept .hero-bg{object-fit:cover;object-position:center}
#cf-concept .hero-shade{background:linear-gradient(90deg,rgba(15,37,28,.17),transparent 72%);z-index:0}
#cf-concept .hero-copy{position:absolute;top:8%;left:3vw;width:max-content;max-width:88%;padding:26px 32px 28px;background:rgba(31,53,41,.62);border-left:2px solid var(--home-gold);z-index:1}
#cf-concept .hero-copy .micro{color:#e2c18b}
#cf-concept .hero h1{font-size:clamp(76px,7.5vw,116px);line-height:.85;margin:24px 0;color:#fffdf8}
#cf-concept .hero h1 em{display:block;margin:16px 0 0 5vw;color:#d3ae71}
#cf-concept .hero p{margin:26px 0 16px;font-size:clamp(17px,1.6vw,23px)}
#cf-concept .scroll{position:absolute;bottom:28px;left:3vw;font-size:12px;letter-spacing:.24em}
#cf-concept .prologue{position:relative;text-align:center;padding:80px var(--home-x);isolation:isolate}
#cf-concept .prologue small{color:var(--home-gold)}
#cf-concept .prologue h2{margin:22px 0}
#cf-concept .prologue p{max-width:660px;margin:auto;color:#686158}
#cf-concept .prologue-mark{position:absolute;right:-40px;bottom:0;width:280px;opacity:.035;z-index:-1}
#cf-concept .promise-rail{position:relative;background:var(--home-forest);color:var(--home-ivory);padding:23px 0;overflow:hidden}
#cf-concept .promise-window{overflow:hidden;padding-right:55px}
#cf-concept .promise-flow,#cf-concept .promise-repeat{display:flex;align-items:center;gap:40px;width:max-content}
#cf-concept .promise-flow{animation:cf-home-flow 75s linear infinite}
#cf-concept .promise-item{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-left:22px}
#cf-concept .promise-item svg{width:32px;height:32px;stroke:#d0ae77;stroke-width:1.3;fill:none;flex-shrink:0}
#cf-concept .promise-item b{font-size:14px;font-weight:600;line-height:1.5}
#cf-concept .promise-item small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#d9ded8}
#cf-concept .promise-rail:hover .promise-flow,#cf-concept .promise-rail:focus-within .promise-flow,#cf-concept .promise-rail.is-paused .promise-flow{animation-play-state:paused}
#cf-concept .promise-pause{position:absolute;z-index:2;right:0;top:0;height:100%;width:48px;border:0;background:var(--home-forest);color:#e0c38e;cursor:pointer;font-size:18px}
#cf-concept .day{padding:clamp(44px,4.2vw,62px) 0 64px}
#cf-concept .day-head,#cf-concept .producer-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;margin:0 var(--home-x) 36px}
#cf-concept .day-head h2,#cf-concept .producer-head h2{margin-top:22px}
#cf-concept .day-head p,#cf-concept .producer-head p{max-width:400px;color:#686158;padding-bottom:5px}
#cf-concept .day-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 var(--home-x) 16px;scroll-padding-left:var(--home-x);scrollbar-width:thin;scrollbar-color:#a27d49 transparent}
#cf-concept .moment{position:relative;display:block;flex:0 0 clamp(450px,48vw,760px);aspect-ratio:4/3;overflow:hidden;scroll-snap-align:start;color:white;background:var(--home-forest)}
#cf-concept .moment img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#cf-concept .moment:hover img{transform:scale(1.018)}
#cf-concept .moment::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(13,30,22,.83))}
#cf-concept .moment-copy{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;color:#fffdf8}
#cf-concept .moment h3{font-size:clamp(30px,3vw,48px);max-width:90%;margin-bottom:14px}
#cf-concept .moment-copy span{font-size:16px;font-weight:600}
#cf-concept .day-foot,#cf-concept .producer-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:18px var(--home-x) 0}
#cf-concept .day-hint,#cf-concept .producer-foot>span{font-size:12px;letter-spacing:.13em;color:#686158}
#cf-concept .day-navigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#cf-concept .day-nav-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #a9afa5;border-radius:0;background:transparent;color:var(--home-forest);font:400 23px/1 var(--cf-sans);cursor:pointer}
#cf-concept .day-nav-button:disabled{opacity:.35;cursor:default}
#cf-concept .day-nav-button:focus-visible{outline:2px solid var(--home-forest);outline-offset:3px}
#cf-concept .shop-world{padding:var(--home-y) var(--home-x);background:var(--home-forest);color:var(--home-ivory);--home-gold:#d3ae71}
#cf-concept .shop-world h2{margin:24px 0 40px}
#cf-concept .shop-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px;border-top:1px solid #617064;border-left:1px solid #617064}
#cf-concept .shop-link{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:18px;min-height:112px;padding:24px 28px;border-right:1px solid #617064;border-bottom:1px solid #617064;transition:background .25s}
#cf-concept .shop-link:hover{background:rgba(255,255,255,.05)}
#cf-concept .shop-link b{font-size:12px;font-weight:400;color:#c4a271}
#cf-concept .shop-link strong{font:400 clamp(26px,2.8vw,43px)/1.15 var(--cf-serif)}
#cf-concept .shop-link>span{font-size:22px}
#cf-concept .object{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:64px var(--home-x)}
#cf-concept .object-visual{height:440px;background:#ebe3d7;overflow:hidden}
#cf-concept .object-product{width:100%;height:100%;object-fit:cover}
#cf-concept .object h2{font-size:clamp(44px,4.3vw,68px)}
#cf-concept .object p{margin:24px 0;color:#686158}
#cf-concept .origin{display:grid;grid-template-columns:54% 46%;background:#f6f1e8}
#cf-concept .origin-picture{display:block;height:570px;min-width:0}
#cf-concept .origin-bg{width:100%;height:100%;object-fit:cover;object-position:center 58%}
#cf-concept .origin-copy{padding:50px clamp(28px,4vw,76px);align-self:center}
#cf-concept .origin h2{font-size:clamp(56px,5.5vw,82px)}
#cf-concept .origin p{margin:28px 0 20px;color:#686158}
#cf-concept .producer-index{padding:70px 0}
#cf-concept .producer-rows{margin:0 var(--home-x);border-top:1px solid #cfcbbf}
#cf-concept .producer-rows a{display:grid;grid-template-columns:32px 1.4fr 1fr 22px;gap:20px;align-items:center;padding:26px 0;border-bottom:1px solid #cfcbbf}
#cf-concept .producer-rows strong{font:400 clamp(25px,3vw,45px)/1.2 var(--cf-serif)}
#cf-concept .producer-rows :is(small,span){font-size:12px;color:#806034;letter-spacing:.12em}
#cf-concept .producer-rows i{font-style:normal;font-size:24px}
#cf-concept .services{display:grid;grid-template-columns:1.65fr 1fr}
#cf-concept .services article{position:relative;min-height:650px;isolation:isolate;overflow:hidden;color:#fffdf8;background:var(--home-forest)}
#cf-concept .services img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#cf-concept .business-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,36,26,.9),rgba(19,36,26,.3));z-index:-1}
#cf-concept .business-copy{padding:64px clamp(24px,5vw,80px)}
#cf-concept .business-copy h2{font-size:clamp(48px,4.6vw,74px);margin:28px 0;hyphens:auto;overflow-wrap:anywhere}
#cf-concept .business-copy i{color:#fffdf8}
#cf-concept .business-copy p{max-width:550px}
#cf-concept .business-notes{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0;font-size:12px;color:#e3c38e}
#cf-concept .market-card{display:flex;align-items:flex-end;padding:32px}
#cf-concept .market-copy{padding:26px;background:rgba(24,46,33,.86);border-left:2px solid #bb965d;width:100%}
#cf-concept .market-copy h3{font-size:clamp(42px,4vw,58px);margin:24px 0}
#cf-concept .market-copy p{font-size:17px;margin-bottom:20px}
#cf-concept .market-copy small,#cf-concept .business-copy small{color:#e3c38e}
@keyframes cf-home-flow{to{transform:translateX(-50%)}}
@keyframes cf-home-enter{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}
#cf-concept .is-entering{animation:cf-home-enter .65s ease-out both}
@media(max-width:900px){
 #cf-concept .hero{min-height:600px;max-height:820px}
 #cf-concept .hero h1{font-size:clamp(65px,10vw,95px)}
 #cf-concept .hero-copy{max-width:94%}
 #cf-concept .shop-link{padding:22px 18px;gap:12px}
 #cf-concept .origin{grid-template-columns:1fr 1fr}
 #cf-concept .origin-copy{padding:30px 24px}
 #cf-concept .origin h2{font-size:56px}
 #cf-concept .origin-picture{height:520px}
 #cf-concept .object-visual{height:360px}
 #cf-concept .services{grid-template-columns:1fr 1fr}
 #cf-concept .business-copy{padding:40px 24px}
 #cf-concept .market-card{padding:18px}
 #cf-concept .producer-rows{margin-top:32px}
}
@media(max-width:600px){
 #cf-concept{--home-x:22px;--home-y:52px}
 #cf-concept .hero{height:calc(100svh - 90px);min-height:540px;max-height:780px}
 #cf-concept .hero-bg{object-position:57% center}
 #cf-concept .hero-copy{left:14px;right:14px;top:19%;width:auto;max-width:none;padding:22px 18px}
 #cf-concept .hero h1{font-size:clamp(46px,13vw,74px);line-height:.95;margin:24px 0}
 #cf-concept .hero h1 em{margin:5px 0 0 12px}
 #cf-concept .hero .micro{font-size:12px;letter-spacing:.12em}
 #cf-concept .hero p{font-size:17px;margin:22px 0 12px}
 #cf-concept h2{font-size:48px}
 #cf-concept .prologue{padding:56px 22px}
 #cf-concept .prologue h2{font-size:44px}
 #cf-concept .prologue-mark{width:190px}
 #cf-concept .day-head,#cf-concept .producer-head{grid-template-columns:1fr;gap:22px;margin-bottom:26px}
 #cf-concept .day-head h2{font-size:54px}
 #cf-concept .micro{font-size:12px;letter-spacing:.11em}
 #cf-concept .count{margin-right:10px;font-size:12px}
 #cf-concept .day{padding:42px 0}
 #cf-concept .day-track{gap:12px}
 #cf-concept .moment{flex-basis:84vw;aspect-ratio:4/5}
 #cf-concept .moment-copy{left:20px;right:20px;bottom:22px}
 #cf-concept .moment h3{font-size:34px}
 #cf-concept .day-foot,#cf-concept .producer-foot{flex-wrap:wrap;gap:10px}
 #cf-concept .shop-links{grid-template-columns:1fr}
 #cf-concept .shop-link{min-height:84px;grid-template-columns:22px 1fr 20px;padding:18px}
 #cf-concept .shop-link strong{font-size:29px}
 #cf-concept .shop-world h2{font-size:48px;margin:22px 0 28px}
 #cf-concept .object{grid-template-columns:1fr;padding:44px 22px;gap:28px}
 #cf-concept .object-visual{height:310px}
 #cf-concept .object h2{font-size:46px}
 #cf-concept .origin{grid-template-columns:1fr}
 #cf-concept .origin-picture{height:320px}
 #cf-concept .origin-copy{padding:36px 22px}
 #cf-concept .origin h2{font-size:54px}
 #cf-concept .origin p{margin:24px 0 16px}
 #cf-concept .producer-index{padding:40px 0 48px}
 #cf-concept .producer-rows a{grid-template-columns:24px 1fr 20px;gap:10px;padding:22px 0}
 #cf-concept .producer-rows span{grid-column:2;grid-row:2}
 #cf-concept .producer-rows i{grid-column:3;grid-row:1/3}
 #cf-concept .producer-rows strong{font-size:29px}
 #cf-concept .services{grid-template-columns:1fr}
 #cf-concept .services article{min-height:550px}
 #cf-concept .business-copy{padding:48px 22px}
 #cf-concept .business-copy h2{font-size:48px;hyphens:auto;overflow-wrap:anywhere}
 #cf-concept .market-card{padding:22px}
 #cf-concept .market-copy{padding:24px}
}
@media(prefers-reduced-motion:reduce){
 #cf-concept .promise-flow,#cf-concept .is-entering{animation:none}
 #cf-concept .promise-repeat,#cf-concept .promise-pause{display:none}
 #cf-concept .promise-window{overflow-x:auto;padding:0}
 #cf-concept .moment img,#cf-concept .cta-link::after{transition:none}
}