/* v2.4 — editorial composition, organic frames, richer visual rhythm. */
:root{--bg:#f8f3e9;--surface:#fffaf1;--surface-2:#eee5d7;--ink:#16382d;--muted:#597064;--gold:#d4a35d;--gold-dark:#986936}
html[data-theme="dark"]{--bg:#101d18;--surface:#1a2c22;--surface-2:#25392d;--ink:#f4eddf;--muted:#bfccbd;--gold:#e1b978;--gold-dark:#efcb8c}
.hero-editorial{min-height:0;background:radial-gradient(circle at 15% 8%,#e5d7bf,transparent 28%),linear-gradient(120deg,#f8f4ea,#efe6d8);color:#193d2f;border-radius:0 0 clamp(38px,6vw,94px) clamp(38px,6vw,94px);box-shadow:0 26px 65px rgba(20,45,31,.08)}
html[data-theme="dark"] .hero-editorial{background:radial-gradient(circle at 15% 8%,#2e4634,transparent 28%),linear-gradient(120deg,#172820,#243b2d);color:#f4ead7}
.hero-editorial::before{background:repeating-radial-gradient(circle at 11% 88%,transparent 0 50px,rgba(79,106,69,.075) 51px 52px);background-size:auto;mask-image:none;opacity:1;z-index:0}
.hero-editorial::after{display:none}.hero-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 38%,rgba(212,160,83,.14),transparent 36%);z-index:0}
.hero-editorial .hero-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,6vw,100px);min-height:720px;padding-block:60px 80px;align-items:center;isolation:isolate}
.hero-editorial .hero-content{padding:0;max-width:none;position:relative;z-index:2}.hero-editorial .eyebrow{color:#9b703d;font-size:12px;letter-spacing:.03em}.hero-editorial .eyebrow-line{width:35px;height:2px}
.hero-editorial h1{font-size:clamp(58px,5.9vw,96px);line-height:1.24;color:#173e30;text-shadow:none;margin:22px 0 24px;max-width:760px}
body.lang-en .hero-editorial h1{font-size:clamp(55px,4.6vw,68px);line-height:1.2}
html[data-theme="dark"] .hero-editorial h1{color:#f6f0e3}.hero-editorial h1 em{background:linear-gradient(105deg,#bd8040,#d9a35d 58%,#9f6b38);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-editorial p{max-width:610px;color:#4d6557;font-size:clamp(16px,1.13vw,18px);line-height:2.1;margin-bottom:31px}html[data-theme="dark"] .hero-editorial p{color:#d5dfcf}
.hero-editorial .hero-actions{gap:12px}.hero-editorial .button{min-height:57px;border-radius:18px;padding-inline:25px;font-size:13px}.hero-editorial .button-gold{background:#1b4938;color:#fff;box-shadow:0 15px 27px rgba(24,68,42,.19)}.hero-editorial .button-gold:hover{background:#2c6349}.hero-editorial .button-outline{border-color:#aab7a5;background:rgba(255,255,255,.49);color:#184433;box-shadow:none}html[data-theme="dark"] .hero-editorial .button-outline{background:rgba(255,255,255,.07);border-color:#607c60;color:#f3ead9}
.hero-editorial .hero-proof{margin-top:37px;gap:10px}.hero-editorial .hero-proof span{background:#fffaf0;border:1px solid #dfd9c8;color:#41604b;box-shadow:0 8px 20px rgba(35,65,39,.055);padding:10px 14px;font-size:11px}html[data-theme="dark"] .hero-editorial .hero-proof span{background:#254234;border-color:#3f6148;color:#f0e9d9}.hero-editorial .hero-proof .line-icon{color:#aa763b}
.hero-visual{position:relative;min-width:0;height:clamp(540px,47vw,665px);padding:17px 16px 12px 25px;isolation:isolate}.hero-visual::before{content:"";position:absolute;inset:0 35px 18px 0;border:1px solid rgba(147,109,57,.42);border-radius:49% 49% 12% 12% / 34% 34% 9% 9%;transform:rotate(-4deg);z-index:-1}.hero-visual::after{content:"";position:absolute;width:130px;height:130px;inset-inline-end:-20px;top:25px;border:1px solid rgba(170,132,75,.45);border-radius:50%;z-index:-1}
.hero-visual-frame{height:100%;overflow:hidden;border-radius:48% 48% 11% 11% / 34% 34% 9% 9%;box-shadow:0 35px 70px rgba(24,56,32,.24);background:#24442c;position:relative}.hero-visual-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,20,.57),transparent 32%);pointer-events:none}.hero-visual-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.04) translateY(var(--hero-shift,0px));animation:hero-visual-enter 1.25s cubic-bezier(.2,.7,.2,1) both}
@keyframes hero-visual-enter{from{opacity:.5;transform:scale(1.12) translateY(28px)}to{opacity:1;transform:scale(1.04)}}
.hero-visual-caption{position:absolute;bottom:47px;inset-inline-start:61px;inset-inline-end:54px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff4de;font:800 11px var(--en);letter-spacing:.14em}.hero-visual-caption span:last-child{font-family:var(--fa);letter-spacing:0}
.hero-seal{position:absolute;z-index:3;inset-inline-start:-33px;bottom:100px;width:104px;height:104px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border:8px solid var(--bg);border-radius:50%;background:#173f30;color:#e8bf7f;box-shadow:0 18px 35px rgba(20,52,33,.22);font:800 9px var(--en);letter-spacing:.16em;animation:seal-float 5s ease-in-out infinite}.hero-seal .line-icon{width:27px;height:27px;stroke-width:1.4}@keyframes seal-float{50%{transform:translateY(-9px)}}
.hero-editorial .hero-scroll{left:auto;right:50%;bottom:20px;transform:translateX(50%);color:#627d6b;gap:10px}.hero-editorial .hero-scroll span{height:27px;background:linear-gradient(transparent,#8d9c7d)}
.signal-bar{background:var(--bg)}.signal-inner{padding-top:22px}
.about-preview{background:radial-gradient(circle at 80% 35%,rgba(209,179,125,.12),transparent 37%),var(--bg)}.about-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(55px,8vw,140px)}.about-side{position:relative;min-height:520px;padding:0;border:0;border-radius:44px 140px 44px 120px;overflow:visible;background:transparent;transform:none;box-shadow:none}.about-side::before{content:"";position:absolute;inset:24px -16px -20px 28px;width:auto;height:auto;border:2px solid #d9b179;border-radius:inherit;transform:none;opacity:.7}.about-side-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 30px 60px rgba(27,55,35,.18)}.about-side>.side-index{z-index:2;top:25px;inset-inline-start:25px;background:#153c2d;color:#f4d9a5;padding:9px 14px;border-radius:100px;letter-spacing:.1em}.about-side-stat{position:absolute;z-index:2;bottom:-20px;inset-inline-end:-29px;min-width:190px;padding:18px 23px;background:#fbf4e6;border:1px solid #e6d3b8;border-radius:26px 26px 60px 26px;box-shadow:0 17px 37px rgba(31,59,35,.16);display:grid;gap:1px;color:#1c4833}.about-side-stat strong{font:italic 50px/1 var(--display);letter-spacing:-.05em;color:#986a35}.about-side-stat span{font-size:11px;font-weight:800}html[data-theme="dark"] .about-side-stat{background:#243b2c;color:#f7e7c9;border-color:#526c4c}
.about-copy h2{font-size:clamp(38px,4.5vw,70px);line-height:1.34}.about-copy p{font-size:16px}
.trade-section{background:radial-gradient(circle at 25% 9%,rgba(218,179,115,.17),transparent 36%),var(--surface-2)}.trade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:stretch}.trade-card,.trade-card:nth-child(2){min-height:560px;margin-top:0}.trade-card-image{filter:saturate(1.08)}.trade-card-content{padding:45px}.trade-card-content>span{backdrop-filter:blur(8px)}.trade-card h3{font-size:clamp(44px,4.1vw,68px)}
.featured-section{position:relative;background:var(--bg)}.featured-section::before{content:"PORTFOLIO";position:absolute;top:50px;inset-inline-end:4vw;font:800 clamp(80px,12vw,190px)/1 var(--en);letter-spacing:-.08em;color:rgba(150,117,72,.055);pointer-events:none}.featured-section .container{position:relative}.featured-section .catalog-grid{padding-bottom:28px}.featured-section .catalog-card:nth-child(3n+2){transform:translateY(26px)}.featured-section .catalog-card:nth-child(3n+2):hover{transform:translateY(16px)}.catalog-card{border-color:#ddd9cb}.catalog-card:hover{border-color:#cfb38a}.catalog-image{aspect-ratio:1.2}.catalog-image img{transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .4s}.catalog-card:hover .catalog-image img{transform:scale(1.08)}.catalog-image-index{border-radius:13px;background:#1b4937}.catalog-card h3{font-size:23px}.catalog-card p{color:var(--muted)}
.quality-section{background:radial-gradient(circle at 83% 24%,#315b3c,#0e281d 56%)}.quality-content h2{font-size:clamp(38px,4.4vw,66px)}.quality-photo{transform:rotate(-1deg)}.quality-photo img{filter:saturate(1.08)}
.process-preview{background:radial-gradient(circle at 7% 11%,rgba(220,184,123,.18),transparent 24%),var(--bg)}.step-card{border-color:#e1dacb;background:linear-gradient(145deg,var(--surface),#f8f0e3)}html[data-theme="dark"] .step-card{background:linear-gradient(145deg,var(--surface),#263a2d)}.step-icon-wrap{border-radius:22px 22px 42px 22px}
.reasons-section{background:radial-gradient(circle at 16% 25%,#356141,#102e22 63%)}.reason-card{min-height:350px}.reason-icon{border-radius:25px 25px 48px 25px}.reason-icon::after{border-radius:32px 32px 55px 32px}
/* Follow the upper rounded outline instead of drawing a straight hover bar. */
.reasons-grid .reason-card::before{inset:0 0 auto;width:auto;height:88px;box-sizing:border-box;background:none;border:2px solid #e3b878;border-bottom:0;border-radius:27px 27px 0 0;clip-path:inset(0 100% 0 0);opacity:0;pointer-events:none;z-index:2;transition:clip-path .65s cubic-bezier(.22,.75,.22,1),opacity .2s ease}
.reasons-grid .reason-card:nth-child(even)::before{border-top-right-radius:68px}
[dir="rtl"] .reasons-grid .reason-card::before{clip-path:inset(0 0 0 100%)}
.reasons-grid .reason-card:hover::before,.reasons-grid .reason-card:focus-within::before,[dir="rtl"] .reasons-grid .reason-card:hover::before,[dir="rtl"] .reasons-grid .reason-card:focus-within::before{width:auto;clip-path:inset(0);opacity:1}
.value-grid article>.line-icon{display:block;width:38px;height:38px;color:var(--gold-dark);margin-bottom:24px}
.value-grid h3{margin-top:0}
.shipping-section{background:radial-gradient(circle at 91% 12%,rgba(217,178,113,.17),transparent 31%),var(--bg)}.shipping-visual{transform:rotate(1deg)}.shipping-copy h2{font-size:clamp(36px,4.25vw,64px)}.shipping-points>div{border-radius:18px 18px 38px 18px}
.closing-cta{background:radial-gradient(circle at 78% 43%,#396e45,#102d20 60%)}.closing-cta::before{background:repeating-radial-gradient(circle at 8% 50%,transparent 0 57px,rgba(245,220,170,.08) 58px 59px)}
.page-hero{background-image:linear-gradient(90deg,rgba(10,37,25,.98),rgba(10,37,25,.92) 44%,rgba(10,37,25,.39)),url('../images/editorial-hero-v24.webp');background-size:cover;background-position:center 54%}.page-hero::before{background:repeating-radial-gradient(circle at 11% 92%,transparent 0 64px,rgba(255,255,255,.045) 65px 66px)}[dir="rtl"] .page-hero{background-image:linear-gradient(270deg,rgba(10,37,25,.98),rgba(10,37,25,.92) 44%,rgba(10,37,25,.39)),url('../images/editorial-hero-v24.webp')}.page-hero-content{max-width:800px}.page-hero h1{color:#fff7e9}.page-hero p{color:#e4eadc}
html[data-theme] .theme-toggle,html[data-theme] .language-toggle,html[data-theme] .menu-toggle,html[data-theme] .hero-editorial .button-outline{transition:transform .25s,box-shadow .25s}
@media(max-width:1200px){.hero-editorial .hero-inner{gap:35px}.hero-editorial h1{font-size:clamp(52px,5.7vw,80px)}.hero-visual{height:580px}.hero-editorial p{font-size:16px}.about-layout{gap:65px}}
@media(max-width:1020px){.hero-editorial .hero-inner{min-height:640px;padding-block:50px 75px}.hero-visual{height:520px}.hero-seal{width:85px;height:85px;border-width:6px;inset-inline-start:-15px}.hero-editorial h1{font-size:clamp(45px,5.7vw,63px)}.hero-editorial .button{font-size:12px;padding-inline:16px}.about-layout{grid-template-columns:1fr 1.15fr;gap:45px}.about-side{min-height:430px}.about-side-stat{min-width:150px;inset-inline-end:-15px}.trade-card,.trade-card:nth-child(2){min-height:480px;margin-top:0}}
@media(max-width:760px){.hero-editorial .hero-inner{grid-template-columns:1fr;gap:26px;padding-block:64px 87px}.hero-editorial .hero-content{max-width:650px}.hero-editorial h1{font-size:clamp(50px,9vw,72px)}.hero-visual{height:min(72vw,570px);min-height:350px;width:min(100%,610px);margin-inline:auto}.hero-seal{bottom:60px}.hero-editorial .hero-scroll{bottom:16px}.about-layout{grid-template-columns:1fr;gap:65px}.about-side{min-height:450px;max-width:620px;width:100%;margin-inline:auto}.trade-grid{grid-template-columns:1fr}.trade-card,.trade-card:nth-child(2){min-height:440px;margin-top:0}.featured-section .catalog-card:nth-child(3n+2){transform:none}.featured-section .catalog-card:nth-child(3n+2):hover{transform:translateY(-7px)}}
@media(max-width:560px){.hero-editorial{border-radius:0 0 38px 38px}.hero-editorial .hero-inner{padding-block:50px 80px;gap:23px}.hero-editorial h1{font-size:clamp(43px,11vw,58px);margin:18px 0}.hero-editorial p{font-size:14.5px;line-height:2.05;margin-bottom:23px}.hero-editorial .hero-actions{gap:9px}.hero-editorial .hero-actions .button{font-size:11.5px;min-height:49px;padding-inline:11px;gap:9px}.hero-editorial .hero-proof{margin-top:23px}.hero-editorial .hero-proof span{font-size:10px;padding:7px 10px}.hero-visual{min-height:310px;height:84vw;max-height:400px;padding:7px 11px 8px 12px}.hero-visual::before{inset:8px 17px 9px 0}.hero-visual-frame{border-radius:47% 47% 10% 10% / 32% 32% 8% 8%}.hero-visual-caption{bottom:22px;inset-inline:29px;font-size:8px}.hero-seal{width:72px;height:72px;bottom:45px;inset-inline-start:0;border-width:5px;font-size:6px}.hero-seal .line-icon{width:20px;height:20px}.hero-editorial .hero-scroll{font-size:8px}.signal-inner{padding-top:15px}.about-layout{gap:55px}.about-side{min-height:320px;border-radius:25px 75px 25px 65px}.about-side::before{inset:12px -8px -11px 12px}.about-side-stat{bottom:-14px;inset-inline-end:-7px;min-width:132px;padding:13px 17px;border-radius:19px 19px 42px 19px}.about-side-stat strong{font-size:37px}.about-side-stat span{font-size:9px}.about-copy h2{font-size:clamp(32px,8.3vw,43px)}.trade-card,.trade-card:nth-child(2){min-height:365px}.featured-section::before{font-size:65px}.featured-section .catalog-grid{padding-bottom:0}.quality-photo{transform:none}.shipping-visual{transform:none}}
@media(max-width:560px){.page-hero,[dir="rtl"] .page-hero{background-image:linear-gradient(rgba(10,37,25,.88),rgba(10,37,25,.9)),url('../images/editorial-hero-v24.webp')}.reasons-grid .reason-card::before,.reasons-grid .reason-card:nth-child(even)::before{height:76px;border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){.hero-visual-frame img,.hero-seal{animation:none!important}}