/* Native adaptations of the brands' own heroes. Isolated classes, no embedded sites. */
@font-face { font-family:BrandFraunces; src:url('../fonts/fraunces.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:BrandFraunces; src:url('../fonts/fraunces-italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:BrandPet; src:url('../fonts/manrope.woff2') format('woff2'); font-weight:200 800; font-display:swap; }
@font-face { font-family:BrandEnem; src:url('../fonts/montserrat-800.woff2') format('woff2'); font-weight:800; font-display:swap; }
@font-face { font-family:BrandAlecrim; src:url('../fonts/young-serif.woff2') format('woff2'); font-weight:400; font-display:swap; }

.hero-intro>p { max-width:470px; }
.hero-intro>p strong { font-weight:600; }
.services .section-heading h2 .muted { font-size:.82em; line-height:1.12; }
.project-mesa { --project-bg:#100f0b; --project-ink:#ede4d3; --project-accent:#ff7757; }
.project-kron { --project-bg:#101211; --project-ink:#f1f3ec; --project-accent:#bcf758; }
.project-solar { --project-bg:#0d1826; --project-ink:#f2eee2; --project-accent:#f4bd60; }
.project-pet { --project-bg:#183c32; --project-ink:#f5f0e5; --project-accent:#c6e88d; }
.project-sos { --project-bg:#122340; --project-ink:#f4efdc; --project-accent:#ffce55; }
.project-stage { container-type:inline-size; padding-top:35px; }
.project-kron .project-stage,.project-pet .project-stage { padding-top:35px; }
.project-layout { grid-template-columns:30px .74fr 1.5fr; gap:40px; }
.project-pet .project-layout { grid-template-columns:30px 1.5fr .74fr; }
.project-title { font-size:clamp(42px,4.3vw,62px); }
.project-details { margin-top:35px; }
.project .project-copy { padding-top:12px; }
.project-rail-line { height:210px; }
.project.is-entering .native-showcase { animation:scene-in .65s var(--ease) both; }

.native-showcase { position:relative; isolation:isolate; padding:20px 0 15px; }
.brand-signature { display:flex; align-items:center; gap:7px; font:600 23px/1.2 var(--display); letter-spacing:-.04em; padding-bottom:25px; border-bottom:1px solid var(--line); margin-bottom:30px; }
.brand-signature small { font:8px/1.4 var(--mono); letter-spacing:.02em; margin-left:auto; }
.native-showcase h4 { margin:0; letter-spacing:-.055em; font-size:clamp(30px,7.7cqw,60px); font-weight:500; line-height:1.06; }
.native-showcase p { font-size:12px; line-height:1.7; }
.native-showcase em { color:var(--project-accent); }
.brand-overline { display:block; font:8px/1.7 var(--mono); letter-spacing:.07em; margin-bottom:18px; }
.brand-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; margin-top:24px; padding:12px 15px; background:var(--project-accent); color:var(--project-bg); font-size:10px; font-weight:600; border:1px solid var(--project-accent); transition:background .2s,transform .2s; }
.brand-cta:hover { transform:translateY(-2px); background:var(--project-ink); }
.brand-cta>span { font-size:17px; }

.native-mesa .brand-signature { font-family:BrandFraunces,Georgia,serif; font-weight:400; }
.native-mesa .brand-signature i { font-weight:400; }
.mesa-mark { width:8px; height:8px; background:#ff4a24; margin-right:4px; }
.mesa-scene { display:grid; grid-template-columns:1.35fr .8fr; align-items:center; gap:25px; }
.native-mesa h4 { font-family:BrandFraunces,Georgia,serif; font-weight:400; font-size:clamp(28px,7cqw,56px); letter-spacing:-.045em; }
.native-mesa h4 em { font-family:inherit; }
.mesa-message>p { margin-top:22px; color:#c4b9a1; }
.native-mesa .brand-cta { background:#ff4a24; border-color:#ff4a24; color:#100f0b; font-family:var(--mono); font-size:9px; }
.native-mesa .brand-cta:hover { background:#ede4d3; border-color:#ede4d3; }
.mesa-receipt { background:#ede4d3; color:#302c22; padding:21px 15px 18px; font-family:var(--mono); transform:rotate(4deg); position:relative; box-shadow:3px 14px 25px #0005; }
.mesa-receipt::before { content:''; position:absolute; height:6px; top:-4px; left:0; right:0; background:linear-gradient(135deg,transparent 25%,#ede4d3 25%) 0 0/8px 8px,linear-gradient(225deg,transparent 25%,#ede4d3 25%) 0 0/8px 8px; }
.receipt-top { display:flex; justify-content:space-between; gap:8px; font-size:9px; }
.mesa-receipt .receipt-meta { font-size:8px; margin:12px 0; line-height:1.7; }
.receipt-items { border-block:1px dashed #94876a; padding:10px 0; }
.mesa-receipt .receipt-items p { font-size:9px; line-height:1.7; }
.receipt-items p+p { margin-top:16px; }
.receipt-items b,.receipt-items span { display:block; }
.receipt-items span { font-size:8px; }
.receipt-total { border-block:1px dashed #94876a; padding:12px 0; display:flex; justify-content:space-between; font-size:10px; }
.mesa-receipt .receipt-sent { font-size:8px; margin-top:12px; color:#3c4b25; }
.receipt-demo { display:block; font-size:6px; letter-spacing:.05em; margin-top:15px; }

.native-kron .brand-signature { letter-spacing:.1em; font-size:24px; }
.kron-crown { color:#bcf758; font-size:35px; line-height:1; margin-right:5px; }
.kron-scene { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:20px; }
.native-kron h4 { font-size:clamp(28px,7cqw,55px); font-weight:700; }
.native-kron h4 em { font-family:inherit; font-style:normal; }
.kron-message>p { color:#bec7b4; margin-top:22px; }
.kron-art { width:100%; height:auto; border-radius:90px 90px 8px 8px; box-shadow:0 0 45px #b1ef3d0b; }

.native-solar .brand-signature { font-size:22px; gap:0; }
.native-solar .brand-signature>span:first-child { color:#f4bd60; margin-right:9px; font-size:29px; }
.solar-word { color:#f4bd60; }
.solar-scene { position:relative; padding:5px 0 40px; overflow:hidden; }
.native-solar h4 { font-size:clamp(34px,8.3cqw,67px); font-weight:700; position:relative; z-index:1; }
.native-solar h4 em { font:inherit; color:#f4bd60; }
.solar-scene>p { color:#c5cbd1; margin-top:24px; position:relative; z-index:1; }
.solar-scene .brand-cta { position:relative; z-index:1; }
.solar-orbit { position:absolute; width:145%; height:260px; border:1px solid #bca75f42; border-radius:50%; left:-10%; top:42%; transform:rotate(-14deg); z-index:-1; }
.solar-orbit-two { top:57%; border-color:#8a9bc038; transform:rotate(12deg); }
.solar-segments { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:18px; font:8px var(--mono); letter-spacing:.08em; }

.native-pet { font-family:BrandPet,var(--body); }
.native-pet .brand-signature>img { width:165px; height:auto; }
.pet-scene { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:20px; }
.native-pet h4 { font-family:BrandPet,var(--display); font-size:clamp(28px,6.5cqw,52px); font-weight:800; line-height:1.1; }
.native-pet h4 em { font:inherit; color:#c6e88d; }
.pet-message>p { color:#d6ddcb; margin-top:20px; }
.pet-vitrine { position:relative; padding-bottom:30px; min-width:0; }
.pet-arch { position:relative; height:320px; border-radius:130px 130px 4px 4px; background:#c6e88d; color:#183c32; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; padding:15px; }
.pet-actual-mark { width:70px; height:70px; position:absolute; top:50px; }
.pet-paw { font-size:60px; line-height:1; }
.pet-arch strong { font:800 22px/1.12 BrandPet,var(--display); letter-spacing:-.05em; }
.pet-arch>span:last-child { font-size:6px; line-height:1.6; }
.pet-native-dog { position:absolute; width:75%; left:-20%; bottom:0; }
.pet-native-cat { position:absolute; width:65%; right:-9%; bottom:0; }

.native-sos .brand-signature { font-family:BrandEnem,var(--display); font-weight:800; font-size:22px; }
.native-sos .brand-signature small { margin:0; font-size:9px; }
.sos-scene { display:grid; grid-template-columns:1.4fr .8fr; align-items:start; gap:20px; }
.native-sos h4 { font-family:BrandEnem,var(--display); font-weight:800; letter-spacing:-.045em; font-size:clamp(27px,6.3cqw,49px); line-height:1.15; }
.native-sos h4 em { font:inherit; color:#ffce55; }
.sos-message>p { color:#d8dfec; margin-top:20px; }
.sos-art { padding-top:25px; }
.sos-symbol { width:100%; height:auto; }
.sos-books { display:flex; justify-content:center; margin-top:20px; padding-bottom:20px; }
.sos-books>img { width:54%; height:auto; transform:rotate(-8deg); filter:drop-shadow(0 12px 8px #0003); }
.sos-books>img+img { transform:rotate(8deg); margin-left:-12%; margin-top:18px; }
.sos-ribbon { border-block:1px solid #ffce5560; padding:11px 0; margin-top:25px; color:#ffce55; font:8px/1.6 var(--mono); letter-spacing:.07em; }

.work-native { min-height:440px; padding:30px; position:relative; isolation:isolate; }
.work-brand-name { font:600 22px/1.2 var(--display); letter-spacing:-.05em; }
.work-brand-headline { font:500 clamp(28px,3.2vw,48px)/1.1 var(--display); letter-spacing:-.05em; margin-top:30px; position:relative; z-index:2; }
.work-brand-note { position:absolute; bottom:25px; left:30px; max-width:75%; font:8px/1.6 var(--mono); letter-spacing:.04em; }
.work-native-alecrim { background:#e8e6d2; color:#234c37; }
.work-native-alecrim .work-brand-name { font-family:BrandAlecrim,Georgia,serif; font-weight:400; }
.work-native-alecrim .work-brand-headline { font-family:BrandAlecrim,Georgia,serif; font-weight:400; font-size:clamp(27px,2.8vw,43px); letter-spacing:-.05em; }
.work-native-alecrim .work-brand-headline em { font-family:inherit; font-style:normal; color:#44632c; }
.alecrim-food { position:relative; height:230px; margin-top:20px; }
.work-image .alecrim-food>img { position:absolute; width:58%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:50%; left:8%; top:0; box-shadow:0 12px 20px #264a3720; }
.work-image .alecrim-food>img+img { width:43%; left:50%; top:35px; transform:rotate(12deg); }
.work-native-duo { background:#121721; color:#f0f5f7; min-height:480px; }
.work-native-duo .work-brand-name>span { color:#91fff1; }
.work-native-duo .work-brand-headline { font-weight:700; max-width:90%; }
.work-native-duo .work-brand-headline em { font-family:inherit; font-style:normal; color:#91fff1; }
.work-image .duo-native-mascot { position:absolute; width:70%; height:auto; aspect-ratio:1; object-fit:contain; right:-12%; bottom:15px; z-index:-1; opacity:.85; }
.work-duo { margin-top:100px; }
.about-qualifications { display:grid; gap:16px; margin-top:26px; border-top:1px solid var(--line); padding-top:22px; }
.about-qualifications>li { display:grid; grid-template-columns:125px 1fr; gap:20px; font-size:11px; }
.about-qualifications strong { font-weight:600; }
.about-qualifications span { color:var(--muted); }
.more-feedback { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
.more-feedback a { color:var(--paper-ink); border-bottom:1px solid var(--line); margin-inline:5px; white-space:nowrap; }

/* Mobile means the full single-column hero, including tablet-width phones. */
@media(max-width:800px) {
  .hero-portrait { display:none; }
  .hero-bottom { display:block; min-height:0; margin-top:28px; }
  .hero-intro { width:100%; max-width:560px; padding:0 0 15px; }
  .hero-intro>p { max-width:530px; }
  .hero-services { max-width:none; }
  .hero-actions { flex-direction:row; align-items:center; gap:25px; }
  .hero-footer { margin-top:25px; }
  .hero h1 { font-size:clamp(36px,7.3vw,62px); }
  .project-layout,.project-pet .project-layout { grid-template-columns:24px .9fr 1.3fr; gap:20px; }
  .project-stage,.project-kron .project-stage,.project-pet .project-stage { padding-top:35px; }
  .brand-signature { font-size:19px; margin-bottom:24px; padding-bottom:20px; }
  .brand-signature small { font-size:6px; }
  .native-showcase h4 { font-size:clamp(24px,7.3cqw,45px); }
  .brand-cta { font-size:9px; padding:10px; gap:10px; }
  .mesa-scene,.kron-scene,.pet-scene,.sos-scene { gap:14px; }
  .mesa-receipt { padding:15px 10px; }
  .receipt-top { font-size:7px; }
  .mesa-receipt .receipt-items p { font-size:8px; }
  .pet-arch { height:260px; padding:9px; }
  .pet-arch strong { font-size:18px; }
  .pet-paw { font-size:40px; }
  .work-native { padding:24px; }
  .work-brand-headline { font-size:33px; }
  .work-native-alecrim .work-brand-headline { font-size:30px; }
  .work-native-duo { min-height:440px; }
  .work-brand-note { left:24px; bottom:22px; }
  .work-duo { margin-top:60px; }
}
@media(min-width:601px) and (max-width:1000px) {
  .project-layout,.project-pet .project-layout { grid-template-columns:24px 1fr; }
  .project-copy,.project-pet .project-copy { grid-column:2; grid-row:1; position:static; }
  .project-stage,.project-pet .project-stage { grid-column:2; grid-row:2; }
  .project-copy { max-width:600px; }
  .project-story,.project-role { max-width:none; }
  .project-title em { display:inline; margin-left:8px; }
  .project-rail { grid-row:1/3; }
  .mesa-receipt { transform:rotate(2deg); margin-right:8px; }
}
@media(max-width:1000px) {
  .pet-native-cat { right:0; }
}
@media(max-width:600px) {
  .hero h1 { font-size:clamp(36px,8vw,48px); }
  .hero-actions { justify-content:space-between; gap:12px; }
  .project-layout,.project-pet .project-layout { display:flex; gap:0; }
  .project-rail-line { height:1px; }
  .project-stage,.project-kron .project-stage,.project-pet .project-stage { padding-top:30px; }
  .native-showcase { padding-top:12px; }
  .native-showcase p { font-size:11px; }
  .native-showcase h4 { font-size:clamp(27px,8cqw,40px); }
  .native-mesa h4 { font-size:clamp(25px,7.4cqw,34px); }
  .mesa-scene { grid-template-columns:1.35fr .8fr; gap:17px; }
  .mesa-receipt .receipt-meta { font-size:7px; }
  .receipt-items span { font-size:7px; }
  .receipt-total { font-size:8px; }
  .mesa-receipt .receipt-sent { font-size:7px; }
  .receipt-demo { font-size:5px; }
  .native-kron h4 { font-size:clamp(26px,7.6cqw,36px); }
  .kron-art { border-radius:55px 55px 4px 4px; }
  .brand-overline { font-size:7px; }
  .native-pet h4 { font-size:clamp(25px,7.2cqw,34px); }
  .pet-arch { height:240px; border-radius:80px 80px 3px 3px; }
  .pet-arch strong { font-size:16px; }
  .pet-paw { font-size:38px; }
  .pet-arch>span:last-child { font-size:5px; }
  .pet-actual-mark { width:50px; height:50px; top:40px; }
  .native-sos h4 { font-size:clamp(24px,7cqw,34px); }
  .sos-scene { grid-template-columns:1.4fr .8fr; gap:12px; }
  .sos-art { padding-top:35px; }
  .sos-ribbon { font-size:6px; }
  .solar-segments { font-size:7px; }
  .work-native { min-height:420px; }
  .work-duo { margin-top:0; }
  .work-native-alecrim .work-brand-headline { font-size:clamp(26px,7.5vw,39px); }
  .alecrim-food { height:210px; }
  .work-native-duo .work-brand-headline { font-size:clamp(32px,9vw,45px); }
  .work-image .duo-native-mascot { width:72%; right:-9%; bottom:15px; }
  .about-qualifications>li { grid-template-columns:1fr; gap:5px; font-size:12px; }
  .more-feedback { font-size:12px; line-height:1.9; }
}
@media(prefers-reduced-motion:reduce) { .brand-cta { transition:none; } }

/* Family businesses: ownership stays explicit, distinct from João's own brands. */
@font-face { font-family:SelloraDisplay; src:url('../fonts/sellora-playfair-normal.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:SelloraDisplay; src:url('../fonts/sellora-playfair-italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:CherryDisplay; src:url('../fonts/cherry-brasika.ttf') format('truetype'); font-weight:400; font-display:swap; }
.family-businesses { padding:100px 0; }
.family-project { display:grid; grid-template-columns:.8fr 1.4fr; gap:70px; padding:55px; align-items:center; }
.family-project+.family-project { margin-top:35px; }
.family-copy { min-width:0; }
.family-ownership { font:8px/1.7 var(--mono); letter-spacing:.1em; margin-bottom:22px; }
.family-copy h3 { font-size:42px; line-height:1.1; margin-bottom:22px; }
.family-copy>p:not(.family-ownership) { font-size:13px; line-height:1.85; }
.family-role { border-top:1px solid currentColor; margin-top:26px; padding-top:18px; }
.family-role>span { font:8px/1.5 var(--mono); letter-spacing:.06em; }
.family-role>p { font-size:12px; line-height:1.8; margin-top:9px; }
.family-link { display:inline-flex; gap:30px; align-items:center; padding-bottom:7px; margin-top:25px; border-bottom:1px solid currentColor; font-size:13px; }
.family-link>span { font-size:21px; transition:transform .2s; }
.family-link:hover>span { transform:translate(3px,-3px); }
.family-visual { position:relative; min-width:0; padding:20px 0; }
.family-visual h4 { margin:0; font-weight:400; }
.family-sellora { color:#f3eee4; background:#0d0d0d; }
.family-sellora .family-ownership { color:#d9c7a7; }
.family-sellora .family-copy>p:not(.family-ownership),.family-sellora .family-role>p { color:#c5bfb2; }
.family-sellora .family-role { border-color:#655f50; }
.sellora-native { min-height:440px; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.sellora-wordmark { font:400 14px/1.3 var(--body); letter-spacing:.3em; margin-bottom:45px; }
.sellora-eyebrow { font-size:8px; letter-spacing:.14em; color:#d0c6b6; margin-bottom:20px; }
.sellora-native h4 { font-family:SelloraDisplay,Georgia,serif; font-size:clamp(48px,5.2vw,76px); line-height:1.15; letter-spacing:-.045em; }
.sellora-native h4 em { font:inherit; font-style:italic; color:#e3c38a; }
.sellora-native-sub { color:#c5bfb2; font-size:12px; margin-top:22px; }
.sellora-brand-list { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 20px; border-top:1px solid #3e382d; padding-top:20px; margin-top:35px; color:#d9c7a7; font-size:9px; }
.sellora-spark { position:absolute; color:#e3c38a; font-size:22px; pointer-events:none; }
.spark-one { top:90px; right:7%; }
.spark-two { top:55%; left:2%; font-size:35px; }
.spark-three { top:25%; left:15%; font-size:28px; }
.family-cherry { color:#f7f5f0; background:#c1121f; grid-template-columns:1.4fr .8fr; }
.family-cherry .family-copy { grid-column:2; grid-row:1; }
.family-cherry .family-visual { grid-column:1; grid-row:1; }
.family-cherry .family-copy h3 { font-family:CherryDisplay,Georgia,serif; font-weight:400; font-size:33px; letter-spacing:-.025em; }
.family-cherry .family-role { border-color:#f7f5f070; }
.family-cherry .family-ownership { color:#fff0e4; }
.cherry-wordmark { display:flex; justify-content:space-between; font:400 20px/1.4 CherryDisplay,Georgia,serif; letter-spacing:-.03em; }
.cherry-wordmark>span { font-family:var(--body); }
.cherry-native-scene { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:12px; margin-top:45px; }
.cherry-native-scene h4 { font-family:CherryDisplay,Georgia,serif; font-size:clamp(30px,3.5vw,50px); line-height:1.32; letter-spacing:-.025em; }
.cherry-native-scene p { font-size:12px; line-height:1.7; margin-top:24px; }
.cherry-native-scene>img { width:100%; height:auto; }
.cherry-native-ribbon { margin-top:40px; border-block:1px solid #f7f5f080; padding:12px 0; text-align:center; font:9px/1.7 var(--mono); letter-spacing:.08em; }
@media(max-width:1100px) {
  .family-project { padding:35px; gap:40px; }
  .family-copy h3 { font-size:36px; }
  .family-cherry .family-copy h3 { font-size:28px; }
  .sellora-native h4 { font-size:54px; }
  .cherry-native-scene { grid-template-columns:1fr; margin-top:30px; }
  .cherry-native-scene>img { width:145px; position:absolute; right:-5px; bottom:90px; opacity:.9; }
  .cherry-native-scene>div { position:relative; z-index:1; }
  .cherry-native-scene h4 { font-size:38px; }
}
@media(max-width:800px) {
  .family-businesses { padding:70px 0; }
  .family-project,.family-cherry { grid-template-columns:1fr; padding:35px; gap:35px; }
  .family-cherry .family-copy,.family-cherry .family-visual { grid-column:auto; grid-row:auto; }
  .family-copy { max-width:600px; }
  .family-visual { border-top:1px solid #ffffff40; padding-top:30px; }
  .sellora-native { min-height:410px; }
  .sellora-native h4 { font-size:62px; }
  .cherry-native-scene { grid-template-columns:1.1fr 1fr; }
  .cherry-native-scene h4 { font-size:44px; }
  .cherry-native-scene>img { position:static; width:100%; opacity:1; }
}
@media(max-width:600px) {
  .family-businesses { padding:60px 0; }
  .family-project { padding:26px 22px; gap:28px; }
  .family-project+.family-project { margin-top:25px; }
  .family-copy h3 { font-size:37px; }
  .family-cherry .family-copy h3 { font-size:30px; }
  .family-copy>p:not(.family-ownership) { font-size:13px; }
  .family-ownership { font-size:7px; margin-bottom:18px; }
  .sellora-native { min-height:380px; }
  .sellora-wordmark { margin-bottom:35px; }
  .sellora-native h4 { font-size:clamp(43px,12vw,58px); }
  .sellora-eyebrow { font-size:6px; letter-spacing:.08em; }
  .sellora-native-sub { font-size:11px; }
  .sellora-brand-list { font-size:8px; gap:9px 15px; }
  .spark-one { right:0; }
  .spark-two { left:0; font-size:22px; }
  .cherry-wordmark { font-size:18px; }
  .cherry-native-scene { grid-template-columns:1fr; margin-top:25px; }
  .cherry-native-scene h4 { font-size:clamp(34px,9.8vw,48px); }
  .cherry-native-scene>img { width:160px; justify-self:center; margin-top:12px; }
  .cherry-native-scene p { margin-top:18px; }
  .cherry-native-ribbon { font-size:7px; margin-top:25px; }
}

/* Preserve intrinsic proportions for SVG artwork on mobile Safari. */
.pet-native-dog,.pet-native-cat { height:auto; }

/* The page follows the selected theme; product scenes retain their own identity. */
:root[data-theme=light] .project-mesa { --project-bg:#f2eadc; --project-ink:#302b23; --project-accent:#963e28; }
:root[data-theme=light] .project-kron { --project-bg:#eef2e4; --project-ink:#25301d; --project-accent:#41621f; }
:root[data-theme=light] .project-solar { --project-bg:#eaf0f4; --project-ink:#172b40; --project-accent:#80531a; }
:root[data-theme=light] .project-pet { --project-bg:#e7efe2; --project-ink:#183c32; --project-accent:#426128; }
:root[data-theme=light] .project-sos { --project-bg:#f3efdf; --project-ink:#122340; --project-accent:#80551a; }
:root[data-theme=light] .native-showcase { padding:24px; background:var(--project-bg); color:var(--project-ink); --line:color-mix(in srgb,var(--project-ink) 23%,transparent); }
:root[data-theme=light] .native-mesa { --project-bg:#100f0b; --project-ink:#ede4d3; --project-accent:#ff7757; }
:root[data-theme=light] .native-kron { --project-bg:#101211; --project-ink:#f1f3ec; --project-accent:#bcf758; }
:root[data-theme=light] .native-solar { --project-bg:#0d1826; --project-ink:#f2eee2; --project-accent:#f4bd60; }
:root[data-theme=light] .native-pet { --project-bg:#183c32; --project-ink:#f5f0e5; --project-accent:#c6e88d; }
:root[data-theme=light] .native-sos { --project-bg:#122340; --project-ink:#f4efdc; --project-accent:#ffce55; }
:root[data-theme=light] .family-sellora { background:#ede7db; color:#302b23; }
:root[data-theme=light] .family-sellora .family-ownership { color:#6c542c; }
:root[data-theme=light] .family-sellora .family-copy>p:not(.family-ownership),:root[data-theme=light] .family-sellora .family-role>p { color:#5c5549; }
:root[data-theme=light] .sellora-native { background:#0d0d0d; color:#f3eee4; padding:24px; }
:root[data-theme=light] .family-cherry { background:#f7eee8; color:#99101c; }
:root[data-theme=light] .family-cherry .family-ownership { color:#99101c; }
:root[data-theme=light] .family-cherry .family-role { border-color:#99101c55; }
:root[data-theme=light] .cherry-native { background:#c1121f; color:#f7f5f0; padding:24px; }
.work-visit { background:#f0eee6; color:#22271e; }