@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Lexend:wght@400;500;600;700&display=swap');

:root { --ink:#163426; --green:#1e5a38; --green-deep:#123524; --orange:#f49b28; --sage:#91b39a; --cream:#f7f5ef; --paper:#fffefa; --line:#dedbcf; --muted:#667267; --shadow:0 18px 44px rgba(22,52,38,.09); font-family:'Be Vietnam Pro',Arial,sans-serif; color:var(--ink); background:var(--cream); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--cream); }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.wrap { width:min(1180px,calc(100% - 56px)); margin:0 auto; }
.utility { background:var(--green-deep); color:#dce9df; min-height:35px; display:flex; align-items:center; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.utility .wrap { display:flex; justify-content:space-between; gap:18px; }
.utility a { color:#fff; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(255,254,250,.97); backdrop-filter:blur(12px); }
.nav { min-height:77px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.brand { display:inline-flex; align-items:center; gap:11px; color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:13px; font-weight:700; line-height:1.02; letter-spacing:.04em; }
.brand-logo-frame { display:block; flex:0 0 46px; width:46px; height:46px; overflow:hidden; }
.brand-logo { width:52px; max-width:none; height:52px; transform:translate(-3px,0); }
.nav-links { display:flex; align-items:center; justify-content:center; gap:22px; flex:1; white-space:nowrap; }
.nav-links a, .lang { font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.nav-links a { padding:8px 0; border-bottom:1px solid transparent; }
.nav-links a:hover { color:var(--orange); border-color:var(--orange); }
.lang { color:var(--muted); }
.mobile-menu { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 17px; border:1px solid transparent; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; transition:background .18s,color .18s,border .18s,transform .18s; }
.button:hover { transform:translateY(-1px); }
.button.primary { background:var(--green); color:#fff; }
.button.primary:hover { background:var(--orange); color:var(--ink); }
.button.outline { border-color:var(--green); color:var(--green); }
.button.outline:hover { background:var(--green); color:#fff; }
.button.light { background:#fff; color:var(--green); }
.button.light:hover { background:var(--orange); color:var(--ink); }
.kicker { margin:0 0 13px; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
h1,h2,h3,h4 { margin:0; font-family:Lexend,Arial,sans-serif; color:var(--green); }
h1 { max-width:740px; font-size:clamp(38px,5.1vw,70px); line-height:1.06; letter-spacing:-.05em; }
h2 { font-size:clamp(28px,3.4vw,48px); line-height:1.12; letter-spacing:-.045em; }
h3 { font-size:18px; line-height:1.3; letter-spacing:-.025em; }
p { margin:0; }
.lead { max-width:610px; margin-top:23px; color:#536355; font-size:16px; line-height:1.72; }
.crumbs { padding:28px 0 0; color:#68776a; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.crumbs a:hover { color:var(--orange); }
.home-hero { min-height:590px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr); align-items:stretch; border-bottom:1px solid var(--line); }
.home-hero-copy { padding:110px max(28px,calc((100vw - 1180px)/2)) 92px max(28px,calc((100vw - 1180px)/2)); background:var(--paper); }
.home-hero-copy .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:33px; }
.hero-media { position:relative; overflow:hidden; background:#315640; min-height:460px; }
.hero-media img { width:100%; height:100%; object-fit:cover; filter:saturate(.83) contrast(1.04); }
.hero-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(19,53,36,.30),transparent 52%); pointer-events:none; }
.section { padding:102px 0; }
.section.paper { background:var(--paper); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:34px; margin-bottom:42px; }
.section-heading > p { max-width:470px; color:#59695b; font-size:14px; line-height:1.72; }
.split { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.9fr); gap:74px; align-items:start; }
.copy p { color:#566657; font-size:15px; line-height:1.78; }
.copy p + p { margin-top:18px; }
.copy ul { display:grid; gap:14px; margin:23px 0 0; padding:0; list-style:none; }
.copy li { padding:0 0 14px; border-bottom:1px solid var(--line); color:#405546; font-size:14px; }
.copy li::before { content:'↗'; color:var(--orange); font-weight:700; margin-right:10px; }
.core-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.core-card { min-height:225px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); }
.core-card .number { display:block; color:var(--orange); margin-bottom:45px; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.12em; }
.core-card p { margin-top:12px; color:#5a695c; font-size:13px; line-height:1.65; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.category-card { min-height:365px; position:relative; overflow:hidden; background:var(--green); color:#fff; box-shadow:var(--shadow); }
.category-card img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:saturate(.78) contrast(1.05); transition:transform .4s ease; }
.category-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(11,35,23,.92)); }
.category-card:hover img { transform:scale(1.04); }
.category-card .category-copy { position:absolute; z-index:1; inset:auto 24px 23px; }
.category-card .category-copy span { color:#f7d0a0; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.category-card h3 { margin-top:9px; color:#fff; font-size:20px; }
.category-card p { margin-top:8px; color:#edf3ee; font-size:12px; line-height:1.55; }
.category-card .go { display:inline-block; margin-top:14px; color:#fff; border-bottom:1px solid var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.chain { background:var(--green-deep); color:#fff; }
.chain h2 { color:#fff; }
.chain .lead { color:#dce8df; }
.process-list { display:grid; grid-template-columns:repeat(5,1fr); margin-top:43px; border-top:1px solid rgba(255,255,255,.24); }
.process { min-height:190px; padding:27px 22px 20px 0; border-right:1px solid rgba(255,255,255,.2); margin-right:22px; }
.process:last-child { border:none; margin-right:0; }
.process strong { display:block; color:var(--orange); margin-bottom:33px; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.12em; }
.process h3 { color:#fff; font-size:16px; }
.process p { margin-top:8px; color:#d5e4d8; font-size:12px; line-height:1.55; }
.timeline { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.timeline-card { min-height:235px; padding:30px; background:var(--paper); border-top:3px solid var(--orange); box-shadow:0 10px 25px rgba(22,52,38,.05); }
.timeline-card .year { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:12px; font-weight:600; letter-spacing:.08em; }
.timeline-card h3 { margin-top:30px; }
.timeline-card p { margin-top:11px; color:#59695b; font-size:13px; line-height:1.62; }
.route-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr); min-height:405px; margin-top:28px; background:var(--paper); }
.route-copy { padding:68px 68px 54px; align-self:center; }
.route-copy .actions { margin-top:29px; display:flex; flex-wrap:wrap; gap:12px; }
.route-media { min-height:355px; overflow:hidden; background:var(--green); }
.route-media img { width:100%; height:100%; object-fit:cover; }
.anchor-tabs { display:flex; flex-wrap:wrap; gap:22px; margin:38px 0 0; padding-bottom:18px; border-bottom:1px solid var(--line); }
.anchor-tabs a { color:#5e6e60; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.anchor-tabs a:hover { color:var(--orange); }
.catalog-section { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr); gap:70px; padding:74px 0; border-bottom:1px solid var(--line); }
.catalog-section.reverse .catalog-image { order:-1; }
.catalog-image { overflow:hidden; min-height:340px; background:#dfe7df; }
.catalog-image img { width:100%; height:100%; object-fit:cover; }
.catalog-content { align-self:center; }
.catalog-content > p { margin-top:16px; color:#566657; font-size:14px; line-height:1.7; }
.catalog-list { display:grid; gap:0; margin:24px 0; border-top:1px solid var(--line); }
.catalog-list a,.catalog-list div { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--line); color:#263c2d; font-family:Lexend,Arial,sans-serif; font-size:13px; }
.catalog-list a:hover { color:var(--orange); }
.catalog-list small { color:#738074; font-family:'Be Vietnam Pro',Arial,sans-serif; font-size:11px; text-align:right; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { min-height:250px; padding:26px; display:flex; flex-direction:column; background:var(--paper); border:1px solid var(--line); transition:box-shadow .2s ease,transform .2s ease; }
.product-card:hover { box-shadow:var(--shadow); transform:translateY(-3px); }
.product-card .number { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.product-card h3 { margin-top:42px; }
.product-card p { margin-top:11px; color:#5b6a5c; font-size:13px; line-height:1.58; }
.product-card .go { margin-top:auto; padding-top:18px; color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.specs { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:48px 0 28px; border:1px solid var(--line); background:var(--line); }
.spec { min-height:125px; padding:24px; background:var(--paper); }
.spec strong { display:block; color:var(--green); margin-bottom:9px; font-family:Lexend,Arial,sans-serif; font-size:12px; }
.spec span { color:#5e6d60; font-size:13px; line-height:1.55; }
.notice { padding:19px 22px; border-left:3px solid var(--orange); background:#f2eee3; color:#536053; font-size:13px; line-height:1.62; }
.spice-directory-section { padding-bottom:0; }
.spice-heading { margin-bottom:52px; }
.spice-exchange-strip { display:grid; grid-template-columns:repeat(3,1fr); margin:0 0 72px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.spice-exchange-strip article { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; min-height:126px; padding:25px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#f7f4ec; }
.spice-exchange-strip > article:nth-child(2) { background:#f2f0e8; }
.spice-exchange-strip > article:nth-child(3) { background:#eef3ec; }
.spice-exchange-strip > article > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; }
.spice-exchange-strip h3 { margin:0; color:var(--green); font-size:14px; }
.spice-exchange-strip p { margin-top:8px; color:#667467; font-size:12px; line-height:1.6; }
.spice-catalogue-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin:0 0 18px; padding-top:3px; }
.spice-catalogue-head > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.spice-catalogue-head p { max-width:485px; color:#667467; font-size:12px; line-height:1.65; }
.spice-catalogue-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.spice-product-card { min-height:414px; padding:0 0 22px; overflow:hidden; border-color:var(--line); box-shadow:none; background:#fbfaf6; }
.spice-product-card:hover { box-shadow:none; transform:translateY(-2px); border-color:#c6bfae; background:#f5f2e9; }
.spice-card-image { display:block; flex:0 0 auto; height:172px; margin:0; overflow:hidden; background:#e6ded0; }
.spice-card-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.spice-product-card .product-card-head { margin:17px 23px 0; }
.spice-product-card h3 { margin:7px 23px 0; font-size:23px; }
.spice-product-card .product-type { margin:14px 23px 0; }
.spice-product-card .product-en { margin:3px 23px 0; }
.spice-product-card p { max-width:310px; margin:10px 23px 0; }
.spice-product-card .go { margin:auto 23px 0; padding-top:16px; }
.category-directory-section { padding-top:0; }
.category-heading { margin-bottom:52px; }
.category-catalogue-grid-seafood { grid-template-columns:repeat(4,minmax(0,1fr)); }
.category-catalogue-grid-seafood .spice-product-card { min-height:430px; }
.category-catalogue-grid-seafood .spice-product-card h3 { font-size:21px; }
.product-directory { grid-template-columns:repeat(2,1fr); gap:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.product-directory .product-card { min-height:280px; padding:28px 30px 26px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); box-shadow:none; }
.product-directory .product-card:hover { box-shadow:none; transform:none; background:#f8f5ed; }
.product-card-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.product-arrow { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--line); border-radius:50%; color:var(--green); font-size:15px; transition:background .2s ease,color .2s ease; }
.product-card:hover .product-arrow { background:var(--green); border-color:var(--green); color:#fff; }
.product-type { margin-top:27px; color:#788477; font-family:Lexend,Arial,sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.product-directory .product-card h3 { margin-top:7px; font-size:25px; }
.product-en { margin-top:4px; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:11px; letter-spacing:.035em; }
.product-directory .product-card p { max-width:410px; }
.product-card .go b { margin-left:5px; font-size:14px; }
.directory-foot { display:flex; align-items:start; justify-content:space-between; gap:35px; padding:23px 0 38px; color:#59685b; border-bottom:1px solid var(--line); }
.directory-foot > span { flex:0 0 auto; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.directory-foot p { max-width:490px; font-size:12px; line-height:1.65; }
.inquiry-banner { display:flex; align-items:center; justify-content:space-between; gap:46px; padding:54px 58px; background:var(--green-deep); }
.products-inquiry { margin-top:72px; }
.inquiry-banner h2 { max-width:660px; color:#fff; }
.inquiry-banner p { max-width:660px; margin-top:13px; color:#d5e3d8; font-size:14px; line-height:1.7; }
.inquiry-banner .button { flex:0 0 auto; }
.category-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); gap:70px; align-items:center; }
.category-intro h2 { max-width:590px; }
.category-intro .lead { max-width:650px; margin-top:18px; }
.category-brief { padding:27px 28px 28px; background:var(--green); }
.category-brief .number { color:#f6c693; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.category-brief p { margin-top:19px; color:#e5eee6; font-size:13px; line-height:1.68; }
.category-brief a { display:inline-block; margin-top:22px; color:#fff; border-bottom:1px solid var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.category-brief b { margin-left:7px; color:#f5ca97; font-size:14px; }
.category-list-section { padding-top:0; }
.supply-layout { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr); gap:65px; align-items:start; }
.supply-list { border-top:1px solid var(--line); }
.supply-item { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:24px; align-items:center; padding:25px 0; border-bottom:1px solid var(--line); color:var(--ink); transition:background .18s ease,padding .18s ease; }
.supply-item:hover { padding-right:18px; padding-left:14px; background:#f5f1e7; }
.supply-item:hover h3,.supply-item:hover .supply-state { color:var(--orange); }
.supply-number { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:12px; letter-spacing:.06em; }
.supply-item h3 { font-size:21px; }
.supply-item p { margin-top:7px; color:#5a695c; font-size:13px; line-height:1.55; }
.supply-state { color:#778377; font-family:Lexend,Arial,sans-serif; font-size:9px; letter-spacing:.085em; text-align:right; text-transform:uppercase; }
.supply-visual { position:sticky; top:24px; min-height:428px; overflow:hidden; background:var(--green); }
.supply-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 24%,rgba(13,47,29,.9)); }
.supply-visual img { width:100%; height:428px; object-fit:cover; }
.supply-visual div { position:absolute; z-index:1; right:29px; bottom:27px; left:29px; color:#fff; }
.supply-visual span { display:block; color:#f5c895; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.supply-visual strong { display:block; margin-top:8px; font-family:Lexend,Arial,sans-serif; font-size:23px; line-height:1.25; }
.product-profile { padding-bottom:72px; }
.product-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); gap:70px; align-items:center; }
.product-intro h2 { margin-top:10px; color:var(--orange); font-size:27px; }
.product-intro .lead { max-width:700px; margin-top:18px; }
.product-intro-note { padding:27px 28px; border-top:3px solid var(--orange); background:#e7eee7; }
.product-intro-note .number { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.product-intro-note p { margin-top:16px; color:#435844; font-size:13px; line-height:1.68; }
.product-specs { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:52px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.product-spec { min-height:208px; padding:23px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.product-spec > span { display:block; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.product-spec strong { display:block; margin-top:38px; color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:13px; }
.product-spec p { margin-top:9px; color:#5d6c5e; font-size:12px; line-height:1.6; }
.product-profile .notice { margin-top:28px; }
.product-exchange { background:#e8efe8; }
.exchange-heading { margin-bottom:45px; }
.product-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #b9cbbb; }
.product-steps article { min-height:214px; padding:28px 30px 25px 0; border-right:1px solid #b9cbbb; margin-right:30px; }
.product-steps article:last-child { margin-right:0; border-right:0; }
.product-steps span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:11px; letter-spacing:.1em; }
.product-steps h3 { margin-top:34px; font-size:18px; }
.product-steps p { margin-top:9px; max-width:295px; color:#526554; font-size:13px; line-height:1.62; }
.cinnamon-overview-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr); gap:78px; align-items:start; }
.cinnamon-copy > p:not(.kicker) { max-width:700px; color:#526354; font-size:14px; line-height:1.76; }
.cinnamon-copy .lead + p { margin-top:18px; }
.cinnamon-forms { margin-top:34px; padding-top:19px; border-top:1px solid var(--line); }
.cinnamon-forms > span { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.cinnamon-forms ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:16px 0 0; padding:0; list-style:none; }
.cinnamon-forms li { padding:11px 0; border-bottom:1px solid var(--line); color:#405546; font-size:13px; }
.cinnamon-forms li::before { content:'↗'; margin-right:9px; color:var(--orange); font-weight:700; }
.cinnamon-forms-visual { background:#efeee8; }
.cinnamon-image-feature { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr); gap:70px; align-items:center; }
.cinnamon-image-feature figure,.cinnamon-packing-feature figure { margin:0; overflow:hidden; background:#dfe5dd; }
.cinnamon-image-feature img { width:100%; height:445px; object-fit:cover; }
.cinnamon-image-feature figcaption { padding:22px 25px 24px; background:var(--green-deep); color:#fff; }
.cinnamon-image-feature figcaption span,.cinnamon-packing-feature figcaption span { color:#f6c892; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; }
.cinnamon-image-feature figcaption p,.cinnamon-packing-feature figcaption p { margin-top:9px; font-size:13px; line-height:1.65; }
.cinnamon-image-feature-copy h2 { max-width:480px; }
.cinnamon-image-feature-copy > p:not(.kicker) { margin-top:20px; color:#566657; font-size:14px; line-height:1.75; }
.cinnamon-image-feature-copy .text-link { display:inline-block; margin-top:25px; }
.cinnamon-brief { padding:31px; border-top:3px solid var(--orange); background:#e6eee6; }
.cinnamon-brief .number { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.12em; }
.cinnamon-brief dl { display:grid; gap:0; margin:27px 0 0; }
.cinnamon-brief dl div { padding:15px 0; border-bottom:1px solid #c4d5c5; }
.cinnamon-brief dl div:first-child { padding-top:0; }
.cinnamon-brief dt { color:#6d7d70; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.cinnamon-brief dd { margin:7px 0 0; color:#284332; font-size:13px; font-weight:600; line-height:1.55; }
.cinnamon-criteria { background:var(--green-deep); color:#fff; }
.cinnamon-criteria h2 { max-width:660px; color:#fff; }
.cinnamon-criteria .section-heading > p { color:#d4e3d6; }
.cinnamon-criteria-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.24); }
.cinnamon-criteria-grid article { min-height:247px; padding:28px 25px 28px 0; border-right:1px solid rgba(255,255,255,.2); margin-right:25px; }
.cinnamon-criteria-grid article:last-child { border-right:0; margin-right:0; }
.cinnamon-criteria-grid span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:11px; letter-spacing:.11em; }
.cinnamon-criteria-grid h3 { margin-top:33px; color:#fff; font-size:18px; }
.cinnamon-criteria-grid p { margin-top:10px; color:#d5e3d7; font-size:12px; line-height:1.65; }
.cinnamon-order-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:76px; align-items:start; }
.cinnamon-order-grid h2 { max-width:530px; }
.cinnamon-order-list { border-top:1px solid var(--line); }
.cinnamon-order-list article { display:grid; grid-template-columns:50px minmax(0,1fr); gap:14px; padding:20px 0; border-bottom:1px solid var(--line); }
.cinnamon-order-list article > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.cinnamon-order-list h3 { font-size:15px; }
.cinnamon-order-list p { margin-top:6px; color:#5e6e60; font-size:12px; line-height:1.65; }
.cinnamon-disclaimer { margin:40px 0 0; padding:18px 24px; border-left:3px solid var(--orange); background:#f0ede4; color:#58685b; font-size:13px; line-height:1.65; }
.cinnamon-packing-visual { background:#f4f2eb; }
.cinnamon-packing-feature { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:74px; align-items:center; }
.cinnamon-packing-feature h2 { max-width:500px; }
.cinnamon-packing-feature figure { box-shadow:var(--shadow); }
.cinnamon-packing-feature img { width:100%; height:405px; object-fit:cover; object-position:left center; }
.cinnamon-packing-feature figcaption { padding:19px 23px 21px; background:var(--green); color:#fff; }
.cinnamon-workflow .product-steps { grid-template-columns:repeat(4,1fr); }
.cinnamon-workflow .product-steps article { min-height:224px; }
.cinnamon-compact-profile { padding-bottom:86px; }
.cinnamon-compact-profile-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr); gap:72px; align-items:start; }
.cinnamon-compact-profile-grid h2 { max-width:610px; }
.cinnamon-compact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:36px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.cinnamon-compact-grid article { min-height:138px; padding:20px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.cinnamon-compact-grid span { display:block; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.cinnamon-compact-grid strong { display:block; margin-top:20px; color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:13px; }
.cinnamon-compact-grid p { margin-top:7px; color:#5c6c5e; font-size:12px; line-height:1.55; }
.cinnamon-compact-forms { margin:0; overflow:hidden; background:#dfe5dd; box-shadow:var(--shadow); }
.cinnamon-compact-forms img { width:100%; height:412px; object-fit:cover; }
.cinnamon-compact-forms figcaption { padding:20px 24px 22px; background:var(--green-deep); color:#fff; }
.cinnamon-compact-forms span,.cinnamon-compact-packing span { color:#f6c892; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; }
.cinnamon-compact-forms p,.cinnamon-compact-packing p { margin-top:8px; font-size:12px; line-height:1.62; }
.cinnamon-compact-criteria { padding-top:84px; padding-bottom:84px; }
.cinnamon-compact-preparation { padding-top:86px; padding-bottom:78px; }
.cinnamon-compact-preparation-grid { display:grid; grid-template-columns:minmax(320px,.87fr) minmax(0,1.13fr); gap:74px; align-items:start; }
.cinnamon-compact-preparation h2 { max-width:480px; }
.compact-product-prep-note { max-width:440px; margin-top:34px; padding:20px 22px; border-top:2px solid var(--orange); background:#edf0e8; }
.compact-product-prep-note span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.11em; }
.compact-product-prep-note p { margin-top:9px; color:#516452; font-size:12px; line-height:1.65; }
.cinnamon-compact-packing { margin:29px 0 0; overflow:hidden; background:#dfe5dd; }
.cinnamon-compact-packing img { width:100%; height:255px; object-fit:cover; object-position:left center; }
.cinnamon-compact-packing figcaption { padding:16px 19px 18px; background:var(--green); color:#fff; }
.cinnamon-compact-inquiry { padding-top:72px; padding-bottom:72px; }
.quality-grid { display:grid; gap:28px; }
.quality-row { display:grid; grid-template-columns:120px minmax(0,1fr) minmax(250px,.7fr); gap:36px; padding:34px 0; border-bottom:1px solid var(--line); }
.quality-row .stage { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.quality-row p { color:#5b695d; font-size:14px; line-height:1.66; }
.quality-row ul { margin:0; padding:0; list-style:none; color:#48604d; font-size:12px; line-height:1.7; }
.quality-row li::before { content:'•'; color:var(--orange); margin-right:9px; }
.quality-principles { background:var(--paper); }
.quality-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:78px; align-items:end; }
.quality-intro h2 { max-width:570px; }
.quality-intro .lead { margin:0; color:#526554; font-size:15px; line-height:1.76; }
.quality-principles-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:58px; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.quality-principle { min-height:212px; padding:28px 28px 24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.quality-principle > span,.dossier-grid > article > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:11px; letter-spacing:.1em; }
.quality-principle h3 { margin-top:40px; color:var(--green); font-size:17px; }
.quality-principle p { margin-top:9px; color:#5b695d; font-size:12px; line-height:1.7; }
.quality-protocol { background:#e7eee7; }
.quality-heading { margin-bottom:49px; }
.quality-roadmap { border-top:1px solid #b9cbbb; }
.quality-stage { display:grid; grid-template-columns:145px minmax(0,1fr) minmax(210px,.55fr); gap:37px; padding:31px 0 33px; border-bottom:1px solid #b9cbbb; }
.quality-stage .stage { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.quality-stage h3 { color:var(--green); font-size:19px; }
.quality-stage p { margin-top:9px; max-width:550px; color:#526554; font-size:13px; line-height:1.7; }
.quality-output { padding-left:23px; border-left:2px solid var(--orange); }
.quality-output span { display:block; color:#667a68; font-family:Lexend,Arial,sans-serif; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.quality-output strong { display:block; margin-top:9px; color:#214c32; font-family:Lexend,Arial,sans-serif; font-size:12px; line-height:1.48; }
.section.quality-dossier { background:var(--green-deep); }
.quality-dossier .kicker { color:#f5cb99; }
.quality-dossier h2 { color:#fff; }
.quality-dossier .section-heading > p { color:#d1e0d3; }
.dossier-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:47px; border-top:1px solid rgba(255,255,255,.22); }
.dossier-grid > article { min-height:220px; padding:27px 30px 24px 0; border-right:1px solid rgba(255,255,255,.22); margin-right:30px; }
.dossier-grid > article:last-child { border-right:0; margin-right:0; }
.dossier-grid > article > span { color:#f5cb99; }
.dossier-grid h3 { margin-top:34px; color:#fff; font-size:17px; }
.dossier-grid ul { margin:12px 0 0; padding:0; list-style:none; color:#d1e0d3; font-size:12px; line-height:1.78; }
.dossier-grid li::before { content:'•'; color:var(--orange); margin-right:8px; }
.quality-disclaimer { margin-top:28px; padding:19px 22px; border-left:3px solid var(--orange); background:rgba(255,255,255,.08); color:#d9e7db; font-size:12px; line-height:1.7; }
.quality-scenes { background:#eeefe9; }
.quality-scenes-heading { margin-bottom:46px; }
.quality-visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
.quality-scene { margin:0; background:var(--paper); box-shadow:0 12px 26px rgba(19,53,36,.07); }
.quality-scene img { display:block; width:100%; height:335px; object-fit:cover; }
.quality-scene:first-child img { object-position:center; }
.quality-scene:last-child img { object-position:center; }
.quality-scene figcaption { padding:26px 28px 29px; border-top:3px solid var(--orange); }
.quality-scene figcaption > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.1em; }
.quality-scene h3 { margin-top:25px; color:var(--green); font-size:19px; }
.quality-scene p { margin-top:10px; color:#59695b; font-size:13px; line-height:1.7; }
.quality-protocol { background:#edf2ed; border-top:1px solid #d2ddd3; border-bottom:1px solid #d2ddd3; }
.quality-protocol .wrap { display:grid; grid-template-columns:minmax(265px,.7fr) minmax(0,1.3fr); gap:76px; align-items:start; }
.quality-protocol .quality-heading { display:block; position:sticky; top:28px; margin:0; padding-top:8px; }
.quality-protocol .quality-heading > p { margin-top:22px; }
.quality-protocol .quality-heading::after { content:''; display:block; height:350px; margin-top:35px; background:url('quality-inspection-v1.png') center/cover no-repeat; box-shadow:0 16px 28px rgba(19,53,36,.12); }
.quality-protocol .quality-roadmap { position:relative; margin:0; padding:5px 0 0 92px; border-top:0; }
.quality-protocol .quality-roadmap::before { content:''; position:absolute; top:13px; bottom:238px; left:43px; width:1px; background:#9db8a2; }
.quality-protocol .quality-roadmap::after { content:''; display:block; height:200px; margin:2px 0 0 -92px; background:url('quality-packing-v1.png') center/cover no-repeat; box-shadow:0 16px 28px rgba(19,53,36,.12); }
.quality-protocol .quality-stage { position:relative; display:grid; grid-template-columns:1fr; gap:0; padding:0 0 39px; border:0; }
.quality-protocol .quality-stage::before { content:''; position:absolute; top:3px; left:-56px; z-index:1; width:16px; height:16px; border:4px solid #edf2ed; border-radius:50%; background:var(--orange); }
.quality-protocol .quality-stage .stage { display:block; color:var(--orange); font-size:10px; }
.quality-protocol .quality-stage > div:nth-child(2) { padding-top:13px; }
.quality-protocol .quality-stage h3 { font-size:22px; }
.quality-protocol .quality-stage p { max-width:520px; font-size:14px; }
.quality-protocol .quality-output { width:fit-content; max-width:390px; margin-top:17px; padding:12px 17px; border-left:0; border-top:2px solid var(--orange); background:rgba(255,254,250,.72); }
.quality-protocol .quality-output strong { font-size:12px; }
.quality-protocol .quality-stage:last-child { padding-bottom:36px; }
.quality-protocol .quality-stage:last-child::before { background:var(--green); }
.quality-scenes { display:none; }
@media (prefers-reduced-motion:no-preference) { .quality-protocol .quality-stage { transition:transform .22s ease; } .quality-protocol .quality-stage:hover { transform:translateX(7px); } }
.quote { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr); gap:55px; padding:56px; background:var(--green-deep); }
.quote h2 { color:#fff; }
.quote p { margin-top:14px; color:#d5e3d8; font-size:14px; line-height:1.7; }
.contact-details { max-width:420px; margin-top:31px; padding-top:18px; border-top:1px solid rgba(237,245,238,.25); }
.contact-details > span { display:block; color:#f5cb99; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.11em; }
.contact-details > a,.contact-details > div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; padding-top:13px; color:#edf5ee; font-size:13px; line-height:1.5; }
.contact-details b { color:#b6cfbc; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.04em; }
.contact-details i { color:#fff; font-style:normal; }
.contact-details > div > p { display:flex; flex-wrap:wrap; gap:8px; margin:0; color:#fff; font-size:13px; }
.contact-details > div > p a { color:#fff; }
.contact-details > div > p em { color:#8fa992; font-style:normal; }
.form { display:grid; grid-template-columns:1fr 1fr; gap:13px; align-content:start; }
.field { display:grid; gap:7px; }
.field.full { grid-column:1/-1; }
label { color:#dcecdf; font-family:Lexend,Arial,sans-serif; font-size:9px; letter-spacing:.1em; }
input,textarea { width:100%; min-width:0; border:1px solid #78977d; padding:12px 13px; background:#fff; color:var(--ink); font:13px 'Be Vietnam Pro',Arial,sans-serif; }
textarea { min-height:106px; resize:vertical; }
.form .button { justify-self:start; cursor:pointer; }
.legal { max-width:850px; }
.legal h2 { margin-top:45px; font-size:26px; }
.legal p,.legal li { color:#536153; font-size:14px; line-height:1.78; }
.legal p { margin-top:15px; }
.legal ul { padding-left:20px; }
.footer { padding:66px 0 58px; background:var(--green-deep); color:#d6e4d8; }
.footer-grid { display:grid; grid-template-columns:minmax(320px,1.05fr) minmax(500px,1.35fr); gap:112px; }
.footer-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:70px; row-gap:35px; align-content:start; }
.footer .brand { color:#fff; }
.footer .brand-logo { filter:brightness(0) invert(1); }
.footer p { margin-top:17px; max-width:390px; color:#c9ddcd; font-size:13px; line-height:1.7; }
.footer h4 { color:#f5cb99; margin:4px 0 18px; font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.footer nav { display:grid; gap:12px; }
.footer nav a { color:#e1eee3; font-size:12px; }
.footer nav a:hover { color:var(--orange); }
.footer-legal { max-width:425px; margin-top:30px; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); }
.footer-contact { display:grid; grid-column:1/-1; grid-template-columns:112px minmax(0,1fr) minmax(0,1fr); gap:28px; max-width:none; margin:0; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); }
.footer-contact > span,.footer-legal > span { display:block; color:#f5cb99; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.11em; }
.footer-contact > a,.footer-contact > div { display:grid; grid-template-columns:1fr; gap:5px; padding-top:0; color:#edf5ee; font-size:12px; line-height:1.5; }
.footer-contact b { color:#b6cfbc; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.04em; }
.footer-contact i { color:#fff; font-style:normal; }
.footer-contact > div > p { display:flex; flex-wrap:wrap; gap:7px; margin:0; color:#fff; font-size:12px; }
.footer-contact > div > p a { color:#fff; }
.footer-contact > div > p em { color:#8fa992; font-style:normal; }
.footer-contact a:hover { color:#f5cb99; }
.footer-legal > strong { display:block; margin-top:11px; color:#f1f6f1; font-family:Lexend,Arial,sans-serif; font-size:12px; font-weight:600; line-height:1.55; }
.footer .footer-legal p { margin-top:7px; color:#bcd0c0; font-size:12px; line-height:1.58; }
.home-hero-note { margin-top:46px; padding-top:16px; border-top:1px solid var(--line); color:#637166; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.home-opening { padding-top:118px; padding-bottom:116px; }
.home-opening-grid,.about-opening-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:74px; align-items:start; }
.home-opening-grid h2 { max-width:590px; }
.home-brief { position:relative; overflow:hidden; background:#e9efe9; }
.home-brief::before { content:''; position:absolute; width:380px; height:380px; right:-170px; top:-205px; border:1px solid rgba(30,90,56,.14); border-radius:50%; box-shadow:0 0 0 43px rgba(30,90,56,.05),0 0 0 86px rgba(30,90,56,.03); }
.home-brief-heading { position:relative; z-index:1; }
.home-brief-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #b9cab9; border-left:1px solid #b9cab9; }
.home-brief-grid article { min-height:236px; padding:28px 25px 25px; border-right:1px solid #b9cab9; border-bottom:1px solid #b9cab9; background:rgba(255,254,250,.62); }
.home-brief-grid span { display:block; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.11em; }
.home-brief-grid h3 { margin-top:42px; font-size:19px; }
.home-brief-grid p { margin-top:11px; color:#526453; font-size:13px; line-height:1.62; }
.chain-button { margin-top:38px; }
.home-origin { background:#e7eee7; }
.home-origin-grid,.about-scope-grid { display:grid; grid-template-columns:minmax(330px,.86fr) minmax(0,1.14fr); gap:76px; align-items:center; }
.home-origin-image,.about-scope-image { min-height:475px; overflow:hidden; background:var(--green); }
.home-origin-image img,.about-scope-image img { width:100%; height:100%; object-fit:cover; }
.home-origin-copy > p { max-width:560px; margin-top:19px; color:#526453; font-size:15px; line-height:1.74; }
.home-origin-copy ul { display:grid; gap:0; margin:31px 0 27px; padding:0; list-style:none; border-top:1px solid #bacbbb; }
.home-origin-copy li { display:grid; grid-template-columns:138px minmax(0,1fr); gap:18px; padding:15px 0; border-bottom:1px solid #bacbbb; color:#536455; font-size:13px; line-height:1.55; }
.home-origin-copy li b { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:11px; letter-spacing:.015em; }
.text-link { display:inline-flex; gap:9px; align-items:center; padding-bottom:5px; border-bottom:1px solid var(--orange); color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.text-link:hover { color:var(--orange); }
.home-inquiry-section,.about-inquiry-section { background:var(--green-deep); }
.home-inquiry { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:58px 66px; background:linear-gradient(114deg,#1d6540,#16462f); box-shadow:var(--shadow); }
.home-inquiry .kicker { color:#f8c581; }
.home-inquiry h2 { max-width:620px; color:#fff; }
.home-inquiry p:not(.kicker) { max-width:650px; margin-top:15px; color:#d7e8da; font-size:14px; line-height:1.72; }
.about-opening { padding-bottom:112px; }
.about-manifesto { position:relative; overflow:hidden; background:var(--green-deep); color:#fff; }
.about-manifesto::after { content:'01'; position:absolute; right:4%; bottom:-68px; color:rgba(255,255,255,.045); font-family:Lexend,Arial,sans-serif; font-size:250px; font-weight:700; letter-spacing:-.1em; }
.about-manifesto-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.9fr) 170px; gap:54px; align-items:end; }
.about-manifesto h2 { color:#fff; }
.about-manifesto-copy p { color:#dcebdc; font-size:15px; line-height:1.74; }
.about-manifesto-copy p + p { margin-top:18px; }
.about-manifesto-mark { min-height:172px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; background:var(--orange); color:var(--green-deep); }
.about-manifesto-mark span { font-family:Lexend,Arial,sans-serif; font-size:11px; font-weight:700; letter-spacing:.1em; }
.about-manifesto-mark strong { font-family:Lexend,Arial,sans-serif; font-size:19px; line-height:1.22; letter-spacing:-.035em; }
.about-method { background:#f3f4ee; }
.about-method-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.about-method-grid article { min-height:278px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); }
.about-method-grid span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.about-method-grid h3 { margin-top:47px; font-size:21px; }
.about-method-grid p { margin-top:12px; color:#536453; font-size:13px; line-height:1.67; }
.about-scope { background:#e7eee7; }
.about-scope-lead { max-width:570px; margin-top:18px; color:#526453; font-size:15px; line-height:1.72; }
.about-scope-list { margin-top:28px; border-top:1px solid #b8c9b9; }
.about-scope-list article { display:grid; grid-template-columns:48px minmax(0,1fr); gap:17px; padding:18px 0; border-bottom:1px solid #b8c9b9; }
.about-scope-list span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; }
.about-scope-list h3 { font-size:16px; }
.about-scope-list p { margin-top:6px; color:#566656; font-size:13px; line-height:1.55; }
.about-values { padding-bottom:116px; }
.about-hero { position:relative; min-height:640px; overflow:hidden; background:#d9e0d5; }
.about-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.78) contrast(.94); }
.about-hero-overlay { position:absolute; inset:0; display:flex; align-items:end; }
.about-hero-overlay::before { content:''; position:absolute; inset:0 39% 0 0; background:rgba(247,245,239,.9); clip-path:polygon(0 0,100% 0,81% 100%,0 100%); }
.about-hero-overlay .wrap { position:relative; z-index:1; width:min(1180px,calc(100% - 56px)); margin:0 auto; padding:0 0 78px; }
.about-hero h1 { max-width:580px; color:var(--ink); font-size:clamp(44px,5.3vw,76px); }
.about-hero .kicker { margin-bottom:19px; }
.about-hero .kicker::after { content:''; display:inline-block; width:46px; height:1px; margin:0 0 3px 13px; background:var(--orange); }
.about-hero p:not(.kicker) { max-width:455px; margin-top:24px; color:#4b5d50; font-size:15px; line-height:1.7; }
.about-story { padding:124px 0 117px; }
.about-story-grid { display:grid; grid-template-columns:minmax(0,.83fr) minmax(410px,1.17fr); gap:126px; align-items:start; }
.about-story h2 { max-width:475px; }
.about-story-copy { max-width:640px; padding-top:8px; }
.about-story-copy p { color:#4f6051; font-size:16px; line-height:1.78; }
.about-story-copy p + p { margin-top:22px; }
.about-statement { background:var(--green-deep); color:#fff; }
.about-statement-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.78fr) 178px; gap:62px; align-items:end; }
.about-statement h2 { max-width:575px; color:#fff; }
.about-statement .kicker { color:#f7c17a; }
.about-statement-copy { padding-bottom:2px; }
.about-statement-copy p { color:#d9e9dc; font-size:15px; line-height:1.74; }
.about-statement-copy p + p { margin-top:18px; }
.about-statement-mark { min-height:184px; padding:26px; display:flex; flex-direction:column; justify-content:space-between; background:var(--orange); color:var(--green-deep); }
.about-statement-mark span { font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.about-statement-mark strong { font-family:Lexend,Arial,sans-serif; font-size:23px; line-height:1.15; letter-spacing:-.045em; }
.about-principles { padding:118px 0; }
.about-section-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr); gap:68px; align-items:end; margin-bottom:54px; }
.about-section-intro h2 { max-width:630px; }
.about-section-intro > p:not(.kicker) { max-width:430px; color:#566656; font-size:14px; line-height:1.72; }
.about-pillar-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.about-pillar-grid article { min-height:245px; padding:27px 34px 26px 0; border-right:1px solid var(--line); margin-right:31px; }
.about-pillar-grid article:last-child { margin-right:0; border-right:0; }
.about-pillar-grid span { display:block; color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.1em; }
.about-pillar-grid h3 { margin-top:48px; color:var(--green); font-size:21px; }
.about-pillar-grid p { max-width:300px; margin-top:11px; color:#566656; font-size:13px; line-height:1.64; }
.about-editorial { background:#e9ece5; }
.about-editorial-grid { display:grid; grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr); gap:84px; align-items:center; }
.about-editorial figure { position:relative; min-height:515px; margin:0; overflow:hidden; background:var(--green-deep); }
.about-editorial figure > img { width:100%; height:515px; object-fit:cover; filter:saturate(.78); }
.about-editorial figcaption { position:absolute; right:0; bottom:0; left:0; padding:23px 25px; background:rgba(18,53,36,.94); }
.about-editorial figcaption span { color:#f4bf79; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.1em; }
.about-editorial figcaption p { margin-top:10px; color:#edf5ee; font-size:12px; line-height:1.6; }
.about-editorial-copy > p:not(.kicker) { max-width:585px; margin-top:19px; color:#4e6050; font-size:15px; line-height:1.75; }
.about-editorial-copy ul { margin:30px 0 28px; padding:0; list-style:none; border-top:1px solid #bcc9bc; }
.about-editorial-copy li { display:grid; grid-template-columns:168px minmax(0,1fr); gap:18px; padding:15px 0; border-bottom:1px solid #bcc9bc; color:#566656; font-size:13px; line-height:1.55; }
.about-editorial-copy li strong { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:12px; }
.about-standard { background:var(--paper); }
.about-standard-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:86px; align-items:center; }
.about-standard-copy h2 { max-width:640px; }
.about-standard-copy > p:not(.kicker):not(.about-standard-note) { max-width:610px; margin-top:20px; color:#4e5f50; font-size:16px; line-height:1.75; }
.about-standard-copy > p:not(.kicker):not(.about-standard-note) + p:not(.kicker):not(.about-standard-note) { margin-top:16px; }
.about-standard-note { display:flex; align-items:center; gap:14px; margin-top:31px; padding-top:18px; border-top:1px solid var(--line); color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:11px; font-weight:600; letter-spacing:.03em; }
.about-standard-note span { color:var(--orange); font-size:9px; letter-spacing:.12em; }
.about-standard-image { position:relative; min-height:430px; margin:0; overflow:hidden; background:var(--green-deep); }
.about-standard-image img { width:100%; height:430px; object-fit:cover; }
.about-standard-image figcaption { position:absolute; right:0; bottom:0; left:0; padding:21px 24px; background:rgba(18,53,36,.94); }
.about-standard-image figcaption span { color:#f4bf79; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.1em; }
.about-standard-image figcaption p { margin-top:9px; color:#edf5ee; font-size:12px; line-height:1.58; }
.plan-opening { background:var(--paper); }
.plan-opening-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr); gap:84px; align-items:start; }
.plan-opening-grid h2 { max-width:650px; }
.plan-opening-copy { padding-top:5px; }
.plan-opening-copy > p:not(.plan-opening-note) { max-width:545px; color:#506151; font-size:16px; line-height:1.76; }
.plan-opening-copy > p + p { margin-top:16px; }
.plan-opening-note { display:flex; align-items:center; gap:14px; margin-top:31px; padding-top:18px; border-top:1px solid var(--line); color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:11px; font-weight:600; letter-spacing:.03em; }
.plan-opening-note span { color:var(--orange); font-size:9px; letter-spacing:.12em; }
.plan-roadmap { background:var(--green-deep); color:#fff; }
.plan-roadmap .kicker,.plan-path .plan-period { color:#f4bf79; }
.plan-roadmap h2 { color:#fff; }
.plan-roadmap-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:80px; align-items:end; margin-bottom:59px; }
.plan-roadmap-intro > p { max-width:500px; color:#d3e1d5; font-size:15px; line-height:1.7; }
.plan-path { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(237,245,238,.35); }
.plan-path article { position:relative; min-height:315px; padding:29px 29px 28px; border-right:1px solid rgba(237,245,238,.25); }
.plan-path article:first-child { padding-left:0; }
.plan-path article:last-child { padding-right:0; border-right:0; }
.plan-stage-number { display:block; color:#85a18a; font-family:Lexend,Arial,sans-serif; font-size:10px; font-weight:600; letter-spacing:.12em; }
.plan-period { display:block; margin-top:34px; font-family:Lexend,Arial,sans-serif; font-size:13px; font-weight:600; letter-spacing:.06em; }
.plan-path h3 { max-width:270px; margin-top:16px; color:#fff; font-size:21px; line-height:1.28; }
.plan-path article > p:not(.plan-focus) { max-width:286px; margin-top:14px; color:#d5e4d8; font-size:13px; line-height:1.64; }
.plan-focus { position:absolute; right:29px; bottom:29px; left:29px; padding-top:14px; border-top:1px solid rgba(237,245,238,.22); color:#f5f7f1; font-size:11px; line-height:1.5; }
.plan-path article:first-child .plan-focus { left:0; }
.plan-path article:last-child .plan-focus { right:0; }
.plan-focus span { display:block; margin-bottom:5px; color:#f4bf79; font-family:Lexend,Arial,sans-serif; font-size:8px; font-weight:600; letter-spacing:.12em; }
.plan-principles { background:#eef1e9; }
.plan-principles-intro { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:80px; align-items:end; margin-bottom:51px; }
.plan-principles-intro > p { max-width:505px; color:#536453; font-size:15px; line-height:1.72; }
.plan-principle-list { border-top:1px solid #b5c2b5; }
.plan-principle-list article { display:grid; grid-template-columns:100px minmax(0,1fr) minmax(260px,.85fr); gap:28px; align-items:baseline; padding:25px 0; border-bottom:1px solid #b5c2b5; }
.plan-principle-list article > span { color:var(--orange); font-family:Lexend,Arial,sans-serif; font-size:11px; font-weight:600; letter-spacing:.08em; }
.plan-principle-list h3 { color:var(--green); font-size:19px; }
.plan-principle-list p { color:#556555; font-size:13px; line-height:1.6; }
.plan-capability { background:var(--paper); }
.plan-capability-grid { display:grid; grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr); gap:86px; align-items:center; }
.plan-capability figure { position:relative; min-height:455px; margin:0; overflow:hidden; background:var(--green-deep); }
.plan-capability figure > img { width:100%; height:455px; object-fit:cover; }
.plan-capability figcaption { position:absolute; right:0; bottom:0; left:0; padding:22px 24px; background:rgba(18,53,36,.94); }
.plan-capability figcaption span { color:#f4bf79; font-family:Lexend,Arial,sans-serif; font-size:9px; font-weight:600; letter-spacing:.1em; }
.plan-capability figcaption p { margin-top:9px; color:#eef5ef; font-size:12px; line-height:1.58; }
.plan-capability-copy h2 { max-width:520px; }
.plan-capability-copy > p:not(.kicker) { max-width:530px; margin-top:20px; color:#526353; font-size:15px; line-height:1.74; }
.plan-capability-copy ul { margin:28px 0 27px; padding:0; list-style:none; border-top:1px solid #bcc9bc; }
.plan-capability-copy li { display:grid; grid-template-columns:190px minmax(0,1fr); gap:18px; padding:15px 0; border-bottom:1px solid #bcc9bc; color:#566656; font-size:13px; line-height:1.55; }
.plan-capability-copy li strong { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:12px; }
.plan-contact-strip { padding:28px 0; border-top:1px solid var(--orange); border-bottom:1px solid var(--orange); background:var(--paper); }
.plan-contact-strip .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.plan-contact-strip p { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:18px; font-weight:600; letter-spacing:-.03em; }
.about-contact-strip { padding:28px 0; border-top:1px solid var(--orange); border-bottom:1px solid var(--orange); background:var(--paper); }
.about-contact-strip .wrap { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.about-contact-strip p { color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:18px; font-weight:600; letter-spacing:-.03em; }
@media (max-width:1040px) { .nav-links { gap:13px; } .category-grid { grid-template-columns:repeat(2,1fr); } .process-list { grid-template-columns:repeat(3,1fr); } .process:nth-child(3) { border-right:none; margin-right:0; } .timeline { grid-template-columns:1fr; } }
@media (max-width:820px) { .wrap { width:min(100% - 34px,1180px); } .utility { display:none; } .nav { min-height:64px; gap:12px; } .nav-links,.lang { display:none; } .mobile-menu { display:block; position:relative; margin-left:auto; } .mobile-menu summary { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--line); color:var(--green); font-size:17px; cursor:pointer; list-style:none; } .mobile-menu summary::-webkit-details-marker { display:none; } .mobile-menu nav { position:absolute; right:0; top:43px; z-index:20; width:218px; padding:10px 17px; background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow); } .mobile-menu nav a { display:block; padding:12px 0; border-bottom:1px solid var(--line); color:var(--green); font-family:Lexend,Arial,sans-serif; font-size:10px; letter-spacing:.08em; text-transform:uppercase; } .mobile-menu nav a:last-child { border:0; } .brand { font-size:11px; } .brand-logo-frame { flex-basis:39px; width:39px; height:39px; } .brand-logo { width:45px; height:45px; transform:translate(-3px,0); } .button { min-height:37px; padding:0 12px; font-size:9px; } .home-hero,.route-hero { grid-template-columns:1fr; } .home-hero-copy { padding:72px 34px 56px; } .hero-media { min-height:320px; } .route-copy { padding:46px 30px; } .route-media { min-height:270px; } .section { padding:72px 0; } .section-heading,.split,.catalog-section,.quote { grid-template-columns:1fr; gap:28px; } .core-grid,.product-grid { grid-template-columns:repeat(2,1fr); } .process-list { grid-template-columns:repeat(2,1fr); } .process:nth-child(3) { border-right:1px solid rgba(255,255,255,.2); margin-right:22px; } .catalog-section.reverse .catalog-image { order:0; } .footer-grid { grid-template-columns:1fr 1fr; gap:35px; } .footer-grid > :first-child { grid-column:1/-1; } }
@media (max-width:520px) { .wrap { width:min(100% - 28px,1180px); } h1 { font-size:39px; } h2 { font-size:30px; } .home-hero-copy { padding:58px 28px 44px; } .lead { font-size:14px; } .category-grid,.core-grid,.product-grid,.specs,.form { grid-template-columns:1fr; } .category-card { min-height:310px; } .section-heading { align-items:start; flex-direction:column; margin-bottom:29px; } .process-list { grid-template-columns:1fr; } .process,.process:nth-child(3) { border-right:none; margin-right:0; border-bottom:1px solid rgba(255,255,255,.2); } .quality-row { grid-template-columns:1fr; gap:12px; } .quote { padding:34px 24px; } .field.full { grid-column:auto; } .footer-grid { grid-template-columns:1fr; } .footer-grid > :first-child { grid-column:auto; } }
@media (max-width:820px) { .category-intro,.product-intro,.supply-layout,.cinnamon-overview-grid,.cinnamon-order-grid,.cinnamon-image-feature,.cinnamon-packing-feature,.cinnamon-compact-profile-grid,.cinnamon-compact-preparation-grid { grid-template-columns:1fr; gap:34px; } .supply-visual { position:relative; top:auto; } .product-specs { grid-template-columns:repeat(2,1fr); } .product-steps,.cinnamon-workflow .product-steps { grid-template-columns:1fr; } .product-steps article,.product-steps article:last-child { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid #b9cbbb; margin:0; } .product-steps article:last-child { border-bottom:0; } .cinnamon-criteria-grid { grid-template-columns:repeat(2,1fr); } .cinnamon-criteria-grid article:nth-child(2) { border-right:0; margin-right:0; } .cinnamon-criteria-grid article { min-height:0; } .cinnamon-image-feature-copy { max-width:620px; } .cinnamon-compact-forms { max-width:620px; } .inquiry-banner { align-items:start; flex-direction:column; gap:28px; padding:44px 40px; } .directory-foot { align-items:start; flex-direction:column; gap:11px; } }
@media (max-width:520px) { .spice-heading { margin-bottom:32px; } .product-directory .product-card { min-height:255px; padding:24px 21px; } .product-directory .product-card h3 { font-size:23px; } .product-specs { grid-template-columns:1fr; margin-top:37px; } .product-spec { min-height:0; padding:23px; } .product-spec strong { margin-top:24px; } .supply-item { grid-template-columns:36px minmax(0,1fr); gap:15px; align-items:start; } .supply-state { grid-column:2; text-align:left; } .supply-visual,.supply-visual img { min-height:320px; height:320px; } .cinnamon-forms ul,.cinnamon-criteria-grid,.cinnamon-compact-grid { grid-template-columns:1fr; } .cinnamon-criteria-grid article,.cinnamon-criteria-grid article:nth-child(2) { border-right:0; border-bottom:1px solid rgba(255,255,255,.2); margin:0; } .cinnamon-criteria-grid article:last-child { border-bottom:0; } .cinnamon-brief { padding:26px 23px; } .cinnamon-image-feature img,.cinnamon-packing-feature img,.cinnamon-compact-forms img { height:300px; } .cinnamon-image-feature figcaption,.cinnamon-packing-feature figcaption { padding:19px 20px; } .cinnamon-compact-profile,.cinnamon-compact-preparation,.cinnamon-compact-criteria { padding-top:68px; padding-bottom:68px; } .cinnamon-compact-packing img { height:230px; } .cinnamon-disclaimer { padding:17px 18px; } .inquiry-banner { padding:36px 25px; } }
@media (max-width:820px) { .quality-intro,.quality-stage { grid-template-columns:1fr; gap:22px; } .quality-principles-grid,.dossier-grid,.quality-visual-grid { grid-template-columns:1fr; } .quality-principle { min-height:0; } .quality-stage { padding:28px 0; } .quality-output { max-width:320px; } .dossier-grid > article,.dossier-grid > article:last-child { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.22); margin:0; } .dossier-grid > article:last-child { border-bottom:0; } }
@media (max-width:520px) { .quality-intro .lead { font-size:14px; } .quality-principles-grid { margin-top:38px; } .quality-principle { padding:24px 22px; } .quality-principle h3 { margin-top:28px; } .quality-stage h3 { font-size:18px; } .quality-disclaimer { padding:17px 18px; } }
@media (max-width:820px) { .spice-exchange-strip { grid-template-columns:1fr; margin-bottom:52px; } .spice-exchange-strip article { min-height:0; border-right:0; } .spice-catalogue-head { align-items:flex-start; flex-direction:column; gap:9px; } .spice-catalogue-grid,.category-catalogue-grid-seafood { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .spice-heading { margin-bottom:31px; } .spice-exchange-strip { margin-bottom:42px; } .spice-exchange-strip article { padding:21px 19px; } .spice-catalogue-grid { grid-template-columns:1fr; } .spice-product-card { min-height:392px; padding:0 0 20px; } .spice-card-image { height:170px; } .spice-product-card .product-card-head { margin:15px 19px 0; } .spice-product-card .product-type { margin:13px 19px 0; } .spice-product-card h3 { margin:7px 19px 0; font-size:23px; } .spice-product-card .product-en { margin:3px 19px 0; } .spice-product-card p { margin:9px 19px 0; } .spice-product-card .go { margin:auto 19px 0; padding-top:15px; } }
@media (max-width:820px) { .quality-protocol .wrap { display:block; } .quality-protocol .quality-heading { position:static; } .quality-protocol .quality-heading::after { height:285px; margin-top:30px; } .quality-protocol .quality-roadmap { margin-top:44px; padding-left:74px; } .quality-protocol .quality-roadmap::before { bottom:214px; left:34px; } .quality-protocol .quality-roadmap::after { height:176px; margin-left:-74px; } .quality-protocol .quality-stage { gap:0; padding-bottom:35px; } .quality-protocol .quality-stage::before { left:-49px; } }
@media (max-width:520px) { .quality-protocol .quality-heading::after { height:220px; } .quality-protocol .quality-roadmap { padding-left:53px; } .quality-protocol .quality-roadmap::before { left:23px; bottom:186px; } .quality-protocol .quality-roadmap::after { height:150px; margin-left:-53px; } .quality-protocol .quality-stage::before { left:-39px; width:14px; height:14px; border-width:3px; } .quality-protocol .quality-stage h3 { font-size:20px; } .quality-protocol .quality-stage p { font-size:13px; } }
@media (max-width:1040px) { .home-brief-grid { grid-template-columns:repeat(2,1fr); } .about-manifesto-grid { grid-template-columns:minmax(0,1fr) minmax(260px,.8fr); } .about-manifesto-mark { grid-column:1/-1; max-width:280px; min-height:140px; } }
@media (max-width:820px) { .home-opening-grid,.about-opening-grid,.home-origin-grid,.about-scope-grid { grid-template-columns:1fr; gap:34px; } .home-brief-grid { grid-template-columns:repeat(2,1fr); } .home-origin-image,.about-scope-image { min-height:355px; } .home-inquiry { align-items:flex-start; flex-direction:column; gap:28px; padding:44px 40px; } .about-manifesto-grid { grid-template-columns:1fr; gap:32px; } .about-manifesto-mark { grid-column:auto; } .about-method-grid { grid-template-columns:1fr; } .about-method-grid article { min-height:0; padding:27px 25px; } .about-method-grid h3 { margin-top:29px; } }
@media (max-width:520px) { .home-hero-note { margin-top:34px; font-size:8px; line-height:1.6; } .home-opening { padding-top:76px; padding-bottom:76px; } .home-brief-grid { grid-template-columns:1fr; } .home-brief-grid article { min-height:0; padding:24px 22px; } .home-brief-grid h3 { margin-top:27px; } .home-origin-image,.about-scope-image { min-height:275px; } .home-origin-copy li { grid-template-columns:1fr; gap:5px; padding:14px 0; } .home-inquiry { padding:36px 25px; } .about-manifesto::after { right:-18px; bottom:-35px; font-size:160px; } .about-manifesto-mark { max-width:100%; } .about-scope-list article { grid-template-columns:36px minmax(0,1fr); gap:12px; } }
@media (max-width:1040px) { .about-story-grid { grid-template-columns:minmax(0,.9fr) minmax(370px,1.1fr); gap:70px; } .about-statement-grid { grid-template-columns:minmax(0,1fr) minmax(270px,.82fr); gap:40px; } .about-statement-mark { grid-column:1/-1; max-width:260px; min-height:135px; } .about-editorial-grid { gap:54px; } .about-standard-grid { gap:54px; } }
@media (max-width:820px) { .about-hero { min-height:580px; } .about-hero-overlay::before { inset:0 17% 0 0; clip-path:polygon(0 0,100% 0,82% 100%,0 100%); } .about-hero-overlay .wrap { padding-bottom:60px; } .about-story { padding:78px 0; } .about-story-grid,.about-statement-grid,.about-section-intro,.about-editorial-grid,.about-standard-grid { grid-template-columns:1fr; gap:34px; } .about-statement-mark { grid-column:auto; } .about-principles { padding:78px 0; } .about-pillar-grid { grid-template-columns:1fr; } .about-pillar-grid article,.about-pillar-grid article:last-child { min-height:0; padding:25px 0; border-right:0; border-bottom:1px solid var(--line); margin:0; } .about-pillar-grid article:last-child { border-bottom:0; } .about-pillar-grid h3 { margin-top:25px; } .about-editorial figure,.about-editorial figure > img { min-height:390px; height:390px; } .about-editorial-copy li { grid-template-columns:145px minmax(0,1fr); } .about-standard-image,.about-standard-image img { min-height:360px; height:360px; } .about-contact-strip .wrap { align-items:flex-start; flex-direction:column; } }
@media (max-width:520px) { .about-hero { min-height:530px; } .about-hero-overlay::before { inset:0; clip-path:none; background:rgba(247,245,239,.84); } .about-hero-overlay .wrap { width:min(100% - 56px,1180px); padding-bottom:45px; } .about-hero h1 { font-size:45px; } .about-hero p:not(.kicker) { font-size:14px; } .about-story-copy p,.about-standard-copy > p:not(.kicker):not(.about-standard-note) { font-size:14px; } .about-statement-mark { min-height:120px; } .about-editorial figure,.about-editorial figure > img { min-height:300px; height:300px; } .about-editorial figcaption { padding:18px; } .about-editorial-copy li { grid-template-columns:1fr; gap:5px; } .about-standard-note { align-items:flex-start; flex-direction:column; gap:7px; } .about-standard-image,.about-standard-image img { min-height:290px; height:290px; } .about-contact-strip p { font-size:16px; } }
@media (max-width:1040px) { .plan-opening-grid,.plan-roadmap-intro,.plan-principles-intro { gap:54px; } .plan-capability-grid { gap:54px; } }
@media (max-width:820px) { .plan-opening-grid,.plan-roadmap-intro,.plan-principles-intro,.plan-capability-grid { grid-template-columns:1fr; gap:34px; } .plan-roadmap-intro { margin-bottom:39px; } .plan-path { grid-template-columns:1fr; } .plan-path article,.plan-path article:first-child,.plan-path article:last-child { min-height:0; padding:26px 0 74px; border-right:0; border-bottom:1px solid rgba(237,245,238,.25); } .plan-path article:last-child { padding-bottom:70px; border-bottom:0; } .plan-period { margin-top:20px; } .plan-focus,.plan-path article:first-child .plan-focus,.plan-path article:last-child .plan-focus { right:0; bottom:24px; left:0; } .plan-principles-intro { margin-bottom:38px; } .plan-principle-list article { grid-template-columns:52px minmax(0,1fr); gap:18px; align-items:start; } .plan-principle-list article > p { grid-column:2; } .plan-capability figure,.plan-capability figure > img { min-height:390px; height:390px; } .plan-contact-strip .wrap { align-items:flex-start; flex-direction:column; } }
@media (max-width:520px) { .plan-opening-copy > p:not(.plan-opening-note) { font-size:14px; } .plan-opening-note { align-items:flex-start; flex-direction:column; gap:7px; } .plan-roadmap-intro > p,.plan-principles-intro > p { font-size:14px; } .plan-path h3 { font-size:20px; } .plan-capability figure,.plan-capability figure > img { min-height:300px; height:300px; } .plan-capability figcaption { padding:18px; } .plan-capability-copy > p:not(.kicker) { font-size:14px; } .plan-capability-copy li { grid-template-columns:1fr; gap:5px; } .plan-contact-strip p { font-size:16px; } }
@media (max-width:820px) { .footer-grid { grid-template-columns:1fr; gap:42px; } .footer-grid > :first-child { grid-column:auto; } .footer-side { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:35px; row-gap:31px; } .footer-contact { grid-column:1/-1; grid-template-columns:112px minmax(0,1fr) minmax(0,1fr); margin:0; } }
@media (max-width:520px) { .footer-side { grid-template-columns:1fr; row-gap:32px; } .footer-contact { grid-template-columns:1fr; gap:14px; } .footer-contact > a,.footer-contact > div { gap:4px; } }