* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f3f1ec; color:#20211f; font-family:"Inter",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
.eyebrow { margin-bottom:14px; color:#57594f; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; }

/* HEADER */
.site-header { position:relative; z-index:20; height:78px; background:#f5f3ee; border-bottom:1px solid rgba(0,0,0,.10); }
.header-inner { width:100%; max-width:1400px; height:100%; margin:0 auto; padding:0 40px; display:flex; align-items:center; justify-content:space-between; }
.corporate-brand { display:block; }
.brand-name { color:#161817; font-family:"Manrope",Arial,sans-serif; font-size:29px; line-height:1; font-weight:800; letter-spacing:-1.4px; }
.brand-name span { color:#737466; }
.brand-tagline { margin-top:5px; color:#606158; font-size:8px; line-height:1; font-weight:700; letter-spacing:3px; text-align:center; }
.site-nav { display:flex; align-items:center; gap:38px; }
.site-nav a { position:relative; color:#2e302c; font-size:13px; font-weight:600; }
.site-nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-7px; height:2px; background:#77796b; transition:right .18s ease; }
.site-nav a:hover:after { right:0; }

/* HERO */
/* HERO */
.hero { position:relative; min-height:500px; overflow:hidden; background:url("/images/hero.png") center center/cover no-repeat; }
.hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(246,244,239,.98) 0%,rgba(246,244,239,.94) 20%,rgba(246,244,239,.75) 31%,rgba(246,244,239,.30) 43%,rgba(246,244,239,0) 58%); }
.hero-inner { position:relative; z-index:2; width:100%; max-width:1400px; min-height:500px; margin:0 auto; padding:55px 40px; display:flex; align-items:center; justify-content:space-between; }
.hero-copy { width:520px; }
.hero-copy .eyebrow { margin-bottom:17px; color:#4d5049; }
.hero-copy h1 { margin:0 0 20px; color:#171817; font-family:"Manrope",Arial,sans-serif; font-size:56px; line-height:.98; font-weight:800; letter-spacing:-2.8px; }
.hero-copy h1 strong { font-weight:800; }
.hero-copy h1 span { color:#77796b; }
.hero-copy p { max-width:500px; margin:0 0 25px; color:#33352f; font-size:15px; line-height:1.6; }
.hero-copy p strong { color:#1c1e1b; font-weight:700; }
.button { display:inline-flex; height:48px; padding:0 23px; gap:13px; align-items:center; justify-content:center; border-radius:6px; background:#747667; color:#fff; font-size:13px; font-weight:700; transition:background .15s ease,transform .15s ease; }
.button span { font-size:18px; line-height:1; }
.button:hover { background:#5e6054; transform:translateY(-1px); }
.hero-note { align-self:flex-end; margin:0 25px 35px 0; color:#fff; font-family:"Manrope",Arial,sans-serif; font-size:18px; line-height:1.7; font-weight:800; letter-spacing:2px; text-transform:uppercase; text-align:right; text-shadow:0 2px 8px rgba(0,0,0,.65); }

/* ECOSYSTEM */
.ecosystem { padding:46px 30px 40px; background:#ebe8e1; }
.section-heading { max-width:850px; margin:0 auto 30px; text-align:center; }
.section-heading .eyebrow { margin-bottom:9px; }
.section-heading h2 { margin-bottom:8px; color:#151714; font-family:"Manrope",Arial,sans-serif; font-size:31px; line-height:1.15; font-weight:800; letter-spacing:-1px; }
.section-heading p { margin:0; color:#575950; font-size:14px; line-height:1.55; }

.site-grid { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:15px; }

.site-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; background:#f8f6f1; border:1px solid #d7d3ca; border-radius:5px; box-shadow:0 4px 14px rgba(42,43,39,.05); transition:transform .18s ease,box-shadow .18s ease; }
.site-card:hover { transform:translateY(-4px); box-shadow:0 10px 25px rgba(42,43,39,.14); }

.site-card-image { width:100%; aspect-ratio:1.42/1; background-position:center center; background-size:100% 100%; background-repeat:no-repeat; }

.llc-image { background-image:url("/images/card_myown_llc.jpg"); }
.studio-image { background-image:url("/images/card_myown_studio.jpg"); }
.farm-image { background-image:url("/images/card_myown_farm.jpg"); }
.market-image { background-image:url("/images/card_myown_market.jpg"); }
.food-image { background-image:url("/images/card_myown_food.jpg"); }

.site-copy { flex:1; min-height:132px; padding:20px 18px 16px; text-align:center; }
.site-copy strong { display:block; max-width:210px; margin:0 auto 9px; color:#171916; font-size:14px; line-height:1.35; }
.site-copy p { max-width:220px; margin:0 auto; color:#66685f; font-size:12px; line-height:1.5; }

.site-link { padding:13px 12px; border-top:1px solid #dedbd4; background:#f3f1ec; color:#292b27; font-size:11px; font-weight:700; text-align:center; }
.site-link span { margin-left:5px; font-size:15px; }

/* VALUES */
.values { background:#f5f3ee; border-top:1px solid #ddd9d0; border-bottom:1px solid #ddd9d0; }
.values-inner { max-width:1400px; margin:0 auto; padding:29px 40px; display:grid; grid-template-columns:repeat(4,1fr); }
.value { min-width:0; padding:0 28px; display:flex; align-items:center; gap:18px; border-right:1px solid #d3d0c8; }
.value:first-child { padding-left:0; }
.value:last-child { padding-right:0; border-right:0; }
.value-icon { flex:0 0 58px; display:flex; align-items:center; justify-content:center; color:#68695d; }
.value-icon svg { width:52px; height:52px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.value strong { display:block; margin-bottom:6px; color:#292b27; font-size:13px; line-height:1.35; }
.value p { margin:0; color:#696b62; font-size:11px; line-height:1.5; }

/* COMMITMENT */
.commitment { min-height:260px; display:grid; grid-template-columns:45% 55%; background:#e6e2d9; }
.commitment-image { min-height:260px; background:url("/images/community.jpg") center center/cover no-repeat; }
.commitment-copy { padding:48px 65px; display:flex; flex-direction:column; justify-content:center; }
.commitment-copy h2 { margin-bottom:10px; color:#242521; font-family:"Manrope",Arial,sans-serif; font-size:30px; line-height:1.15; font-weight:800; letter-spacing:-1px; }
.commitment-copy p { max-width:650px; margin:0; color:#55574f; font-size:14px; line-height:1.65; }

/* FOOTER */
.site-footer { background:#f5f3ee; border-top:1px solid #d9d5cd; }
.footer-inner { max-width:1400px; min-height:105px; margin:0 auto; padding:25px 40px; display:grid; grid-template-columns:260px 1fr 200px; align-items:center; gap:25px; }
.footer-brand .brand-name { font-size:25px; }
.footer-brand .brand-tagline { width:100%; font-size:7px; }
.footer-nav { display:flex; justify-content:center; gap:30px; }
.footer-nav a { color:#505249; font-size:11px; font-weight:600; }
.footer-nav a:hover { color:#111; }
.copyright { color:#73756c; font-size:10px; line-height:1.5; text-align:right; }

/* RESPONSIVE */
@media(max-width:1100px) {
    .site-grid { grid-template-columns:repeat(3,1fr); }
    .values-inner { grid-template-columns:repeat(2,1fr); gap:25px 0; }
    .value:nth-child(2) { border-right:0; }
    .hero-copy h1 { font-size:46px; }
}

@media(max-width:760px) {
    .site-header { height:auto; }
    .header-inner { padding:20px; flex-direction:column; gap:18px; }
    .site-nav { gap:20px; flex-wrap:wrap; justify-content:center; }
    .hero { min-height:auto; background-position:65% center; }
    .hero:before { background:rgba(245,242,235,.88); }
    .hero-inner { min-height:auto; padding:55px 25px; display:block; }
    .hero-copy { width:100%; }
    .hero-copy h1 { font-size:41px; }
    .hero-note { display:none; }
    .ecosystem { padding:40px 18px; }
    .site-grid { grid-template-columns:1fr; }
    .site-logo,.studio-logo { height:145px; }
    .site-copy { min-height:0; }
    .values-inner { padding:30px 25px; grid-template-columns:1fr; gap:0; }
    .value,.value:first-child,.value:last-child { padding:20px 0; border-right:0; border-bottom:1px solid #d3d0c8; }
    .value:last-child { border-bottom:0; }
    .commitment { grid-template-columns:1fr; }
    .commitment-image { min-height:220px; }
    .commitment-copy { padding:40px 25px; }
    .footer-inner { padding:30px 25px; grid-template-columns:1fr; text-align:center; }
    .footer-brand { margin:auto; }
    .footer-nav { flex-wrap:wrap; gap:15px 25px; }
    .copyright { text-align:center; }
}