:root{
  --ink:#161311;--ink2:#1f1b18;--paper:#f7f0e3;--paper2:#efe5d2;--white:#fffcf6;
  --gold:#c9a24a;--gold-light:#e0c27a;--gold-text:#7e6120;--muted:#5a5046;
  --muted-dark:#c7b99f;--line:rgba(126,97,32,.22);--line-dark:rgba(201,162,74,.28);
  --footer:#100e0c;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans);overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.utility{height:36px;padding:0 80px;background:var(--ink);color:var(--muted-dark);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase}
.utility a{color:var(--gold-light);text-decoration:none}
.nav{height:88px;background:var(--ink);color:var(--paper);border-bottom:1px solid var(--line-dark);position:relative;z-index:40}
.nav-inner{height:100%;max-width:1440px;margin:auto;padding:0 80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav-left,.nav-right{display:flex;gap:34px;align-items:center}
.nav-right{justify-content:flex-end}
.nav a{text-decoration:none;font-size:14px;font-weight:500}
.brand{justify-self:center;font:600 21px/1 var(--serif)!important;letter-spacing:4px}
.order{height:44px;padding:0 22px;background:var(--paper);color:var(--ink)!important;display:inline-flex;align-items:center;text-transform:uppercase;font-size:12px!important;letter-spacing:2px}
.menu-toggle,.mobile-menu{display:none}
.eyebrow{margin:0 0 18px;color:var(--gold-text);font-size:13px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase}
.dark .eyebrow,.story-hero .eyebrow,.roots-feature .eyebrow{color:var(--gold-light)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.5px;margin:0}
.btn{height:52px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;border:0}
.btn-dark{background:var(--ink);color:var(--paper)}
.text-link{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.section{padding:116px 80px}
.section-inner{max-width:1440px;margin:auto}

/* Hero */
.story-hero{min-height:720px;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.story-hero-image{position:absolute;inset:0 0 0 53%;width:47%;height:100%;object-fit:cover;object-position:center}
.story-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 43%,rgba(22,19,17,.98) 50%,rgba(22,19,17,.62) 62%,rgba(22,19,17,.08) 80%)}
.story-hero-inner{position:relative;z-index:2;max-width:1440px;min-height:720px;margin:auto;padding:82px 80px 82px 36px;display:flex;align-items:center}
.story-hero-copy{max-width:540px}
.story-hero h1{font-size:clamp(72px,7vw,96px);line-height:.93}
.story-hero h1 em{display:block;color:var(--gold-light);font-style:italic}
.story-hero .lead{max-width:585px;color:var(--muted-dark);font-size:19px;line-height:1.7;margin:30px 0 0}

/* Founders */
.founders{background:var(--paper)}
.founders-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.founder-quote{font:italic 500 clamp(38px,4vw,52px)/1.24 var(--serif);margin:0;max-width:560px}
.founder-copy{max-width:700px}
.founder-copy p{margin:0 0 20px;color:var(--muted);font-size:18px;line-height:1.76}
.signature{margin-top:34px;font:italic 500 28px/1.2 var(--serif)}
.signature span{display:block;margin-top:8px;color:var(--gold-text);font:600 10px/1.4 var(--sans);letter-spacing:1.8px;text-transform:uppercase}

/* Turkish originals */
.roots-feature{display:grid;grid-template-columns:56% 44%;min-height:720px;background:var(--ink2);color:var(--paper)}
.roots-image{position:relative;overflow:hidden}
.roots-image img{width:100%;height:100%;object-fit:cover}
.roots-image:after{content:'';position:absolute;top:0;right:0;bottom:0;width:150px;background:linear-gradient(90deg,transparent,var(--ink2));pointer-events:none}
.roots-copy{padding:90px clamp(52px,6vw,105px) 90px clamp(42px,4vw,72px);display:flex;flex-direction:column;justify-content:center}
.roots-copy h2{font-size:clamp(52px,5vw,70px);line-height:1.02;max-width:650px}
.roots-copy>p:not(.eyebrow){max-width:650px;color:var(--muted-dark);font-size:17px;line-height:1.76;margin:20px 0 0}

/* Türkiye image journal */
.turkiye-scenes{background:var(--paper)}
.scene-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end;margin-bottom:48px}
.scene-heading .eyebrow{margin:0}
.scene-heading h2{font-size:clamp(48px,5vw,66px);line-height:1.03;max-width:820px}
.scene-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px;align-items:stretch}
.scene{margin:0;position:relative;overflow:hidden;min-height:470px;background:var(--paper2)}
.scene img{width:100%;height:100%;object-fit:cover}
.scene-tall img{object-position:center}
.scene figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 18px;color:var(--paper);background:linear-gradient(transparent,rgba(22,19,17,.74));font-size:11px;letter-spacing:1.25px;text-transform:uppercase}

/* Journey */
.journey{background:var(--paper2)}
.journey h2{font-size:clamp(52px,5vw,68px);line-height:1.03;max-width:940px}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:54px}
.journey-card{min-width:0}
.journey-media{height:350px;background:var(--ink);overflow:hidden}
.journey-media img{width:100%;height:100%;object-fit:cover}
.journey-market-image{object-position:center 48%}
.journey-shipped-image{object-position:center 50%}
.journey-num{margin-top:24px;color:var(--gold-text);font-size:11px;font-weight:600;letter-spacing:1.8px}
.journey-card h3{font-size:32px;line-height:1.05;margin-top:7px}
.journey-card p{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.72}

/* Botanical influence */
.botanical-feature{display:grid;grid-template-columns:44% 56%;min-height:680px;background:var(--paper)}
.botanical-copy{padding:90px clamp(42px,4vw,72px) 90px clamp(52px,6vw,105px);display:flex;flex-direction:column;justify-content:center}
.botanical-copy h2{font-size:clamp(52px,5vw,70px);line-height:1.02;max-width:580px}
.botanical-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.76;margin:20px 0 0}
.botanical-image{position:relative;overflow:hidden}
.botanical-image img{width:100%;height:100%;object-fit:cover}
.botanical-image:before{content:'';position:absolute;top:0;left:0;bottom:0;width:140px;background:linear-gradient(90deg,var(--paper),transparent);z-index:1;pointer-events:none}

/* Values */
.values{background:var(--ink);color:var(--paper)}
.values h2{font-size:clamp(52px,5vw,68px);line-height:1.03}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:52px}
.value{border-top:1px solid var(--gold);padding-top:20px}
.value h3{font-size:25px;line-height:1.08}
.value p{color:var(--muted-dark);font-size:14px;line-height:1.65;margin:10px 0 0}
.press-line{display:flex;gap:28px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line-dark);margin-top:62px;padding-top:28px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted-dark)}
.press-line span{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:1.7px}
.press-line a{text-decoration:none}

/* Conversion */
.paths{background:var(--paper2);display:grid;grid-template-columns:1fr 1fr;gap:96px;max-width:none}
.path{border-top:1px solid var(--gold);padding-top:30px}
.path h2{font-size:clamp(40px,3.5vw,52px);line-height:1.03}
.path p{max-width:600px;color:var(--muted);font-size:18px;margin:16px 0 26px}

/* Footer */
.footer{background:var(--footer);color:var(--muted-dark);padding:64px 80px 28px}
.footer-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}
.footer-brand{font:600 25px var(--serif);letter-spacing:3px;color:var(--paper);text-decoration:none}
.footer p{max-width:420px}
.footer h4{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px}
.footer-grid>div:not(:first-child) a{display:block;text-decoration:none;margin:9px 0}
.social{display:flex;gap:20px;margin-top:22px;flex-wrap:wrap}
.social a{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}
.footer-bottom{max-width:1440px;margin:50px auto 0;padding-top:22px;border-top:1px solid var(--line-dark);font-size:11px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}

@media(max-width:1100px){
  .utility{padding:0 30px}
  .nav-inner{padding:0 30px}
  .nav-left{gap:18px}
  .section{padding:90px 40px}
  .story-hero-inner{padding:70px 40px}
  .founders-grid{gap:60px}
  .roots-feature{grid-template-columns:52% 48%}
  .roots-copy{padding:72px 40px}
  .scene-grid{grid-template-columns:1.1fr 1fr}
  .scene:last-child{grid-column:1/-1;min-height:390px}
  .botanical-feature{grid-template-columns:48% 52%}
  .botanical-copy{padding:72px 40px}
  .value-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px) and (min-width:768px){
  .nav{height:72px}
  .nav-inner{padding:0 24px;grid-template-columns:44px 1fr 74px}
  .nav-left{display:none}
  .nav-right a:not(:last-child){display:none}
  .brand{font-size:17px!important;letter-spacing:3px}
  .menu-toggle{display:block;background:transparent;border:0;color:var(--paper);font-size:24px;text-align:left}
  .mobile-menu{display:none;position:absolute;z-index:50;top:108px;left:0;right:0;background:var(--ink);color:var(--paper);padding:28px 24px}
  .mobile-menu.open{display:grid}
  .mobile-menu a{padding:13px 0;border-bottom:1px solid var(--line-dark);text-decoration:none}
  .nav-right .order{height:auto;padding:0;background:transparent;color:var(--paper)!important;font-size:11px!important}
  .story-hero{min-height:0;display:flex;flex-direction:column}
  .story-hero-image{position:relative;inset:auto;width:100%;height:440px;order:1}
  .story-hero-shade{display:none}
  .story-hero-inner{order:2;min-height:0;padding:58px 40px;background:var(--ink)}
  .roots-feature,.botanical-feature{grid-template-columns:1fr}
  .roots-image,.botanical-image{height:480px}
  .roots-image:after,.botanical-image:before{display:none}
  .roots-copy,.botanical-copy{padding:70px 40px}
  .botanical-image{order:-1}
  .journey-grid{grid-template-columns:1fr 1fr}
  .journey-card:last-child{grid-column:1/-1;max-width:50%}
}
@media(max-width:767px){
  .utility{height:32px;padding:0 12px;justify-content:center;font-size:9px;letter-spacing:1px}
  .utility a{display:none}
  .nav{height:72px}
  .nav-inner{padding:0 20px;grid-template-columns:44px 1fr 44px}
  .nav-left{display:none}
  .nav-right a:not(:last-child){display:none}
  .nav-right .order{width:auto;padding:0;background:transparent;color:var(--paper)!important;font-size:10px!important;letter-spacing:1.4px}
  .brand{font-size:15px!important;letter-spacing:2.6px}
  .menu-toggle{display:block;background:transparent;border:0;color:var(--paper);font-size:24px;text-align:left}
  .mobile-menu{display:none;position:absolute;z-index:50;top:104px;left:0;right:0;background:var(--ink);color:var(--paper);padding:28px 20px}
  .mobile-menu.open{display:grid}
  .mobile-menu a{padding:13px 0;border-bottom:1px solid var(--line-dark);text-decoration:none}
  .section{padding:64px 20px}
  .story-hero{min-height:0;display:flex;flex-direction:column}
  .story-hero-image{position:relative;inset:auto;width:100%;height:300px;order:1}
  .story-hero-shade{display:none}
  .story-hero-inner{order:2;min-height:0;padding:48px 20px 58px;background:var(--ink)}
  .story-hero h1{font-size:51px}
  .story-hero .lead{font-size:16px;margin-top:24px}
  .founders-grid{grid-template-columns:1fr;gap:40px}
  .founder-quote{font-size:35px}
  .founder-copy p{font-size:16px}
  .roots-feature,.botanical-feature{grid-template-columns:1fr;min-height:0}
  .roots-image,.botanical-image{height:320px}
  .roots-image:after,.botanical-image:before{display:none}
  .roots-copy,.botanical-copy{padding:58px 20px 64px}
  .roots-copy h2,.botanical-copy h2{font-size:43px}
  .roots-copy>p:not(.eyebrow),.botanical-copy>p:not(.eyebrow){font-size:16px}
  .botanical-image{order:-1}
  .scene-heading{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
  .scene-heading h2{font-size:42px}
  .scene-grid{grid-template-columns:1fr;gap:12px}
  .scene,.scene:last-child{min-height:300px;grid-column:auto}
  .scene figcaption{padding:44px 16px 14px;font-size:9px}
  .journey-grid{grid-template-columns:1fr;gap:42px}
  .journey-card:last-child{grid-column:auto;max-width:none}
  .journey-media{height:290px}
  .value-grid{grid-template-columns:1fr;gap:30px}
  .press-line{gap:18px}
  .paths{grid-template-columns:1fr;gap:46px}
  .path p{font-size:16px}
  .footer{padding:55px 20px 28px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:38px}
  .footer-grid>div:first-child{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Sitewide header wordmark +30% — 2026-09-25 */
.nav .brand{font-size:27.3px!important;letter-spacing:5.2px!important}
@media(max-width:900px){.nav .brand{font-size:22.1px!important;letter-spacing:4px!important}}
@media(max-width:767px){.nav .brand{font-size:19.5px!important;letter-spacing:3.4px!important}}