/* Shared DA NO inner-page language, with layouts scoped by page purpose. */
body.danuo-inner{--cream:#fff;--pale:#faf8f2;--line:#abbba5;--ink:#193e2c;--muted:#48614e;background:#fff;color:var(--ink)}
.danuo-inner .wrap{width:calc(100% - 112px);max-width:1360px}
.danuo-inner main{overflow-x:clip}
.danuo-inner .header{background:#fff}.danuo-inner .nav{height:90px}
.danuo-inner .section{padding-block:88px;background:#fff}
.danuo-inner .section.tight{padding-top:64px}
.danuo-inner main :is(h1,h2,h3,h4,p),.danuo-inner .page-intro,.danuo-inner .section-head{text-align:left}
.danuo-inner main h1{font-size:clamp(38px,4.1vw,64px);letter-spacing:-.04em;line-height:1.1;max-width:20ch}
.danuo-inner main h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;line-height:1.18}
.danuo-inner main h3{font-size:21px;line-height:1.3}
.danuo-inner main p{line-height:1.75;max-width:72ch;font-size:16px}
.danuo-inner main .subnote,.danuo-inner main .notice{font-size:13px}
.danuo-inner .page-intro{max-width:1360px;margin-inline:auto;padding-block:60px 40px}
.danuo-inner .page-intro p{margin-left:0;max-width:65ch}
.danuo-inner .section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start;margin:0 0 38px;max-width:none}
.danuo-inner .section-head>h2{margin:0;max-width:22ch}.danuo-inner .section-head>p{margin:0;max-width:50ch}
.danuo-inner .section-head:has(>h2:only-child){grid-template-columns:1fr}
.danuo-inner .inner-banner{overflow:hidden;background:#10472f}
.danuo-inner .inner-banner .banner-content{min-height:clamp(390px,33vw,500px);padding-block:70px 105px;justify-content:flex-start}
.danuo-inner .inner-banner.compact-banner .banner-content{min-height:340px}
.danuo-inner .banner-copy{width:55%;max-width:700px;margin:0;text-align:left}
.danuo-inner .inner-banner h1{font-size:clamp(40px,4.2vw,64px);max-width:17ch;color:#fff}
.danuo-inner .inner-banner p{color:#f4f7ef;max-width:49ch;font-size:17px}
.danuo-inner .inner-banner:before{background:linear-gradient(90deg,#073d2be8,#0c442b9c 46%,#0a40291a 85%)}
.inner-wave{position:absolute;bottom:-1px;left:0;width:100%;height:65px;fill:#fff;pointer-events:none}
.danuo-inner .btn,.danuo-inner .inner-action{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 22px;background:#ff8a34;color:#173e2b;border:1px solid #d8782d;border-radius:7px;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;white-space:normal;max-width:100%;transition:background .2s,transform .2s}
.danuo-inner .btn:hover,.danuo-inner .inner-action:hover{background:#ffa34f;color:#173e2b}
.danuo-inner .btn.outline{background:transparent;border-color:#4d7858;color:#1b5736}
.danuo-inner .banner-copy .btn.outline{border-color:#dce6d6;color:#fff}
.danuo-inner .split,.danuo-inner .content-photo-split{gap:65px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.danuo-inner .inner-photo-split>figure{margin:0;min-width:0}
.danuo-inner .inner-photo-split img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px 6px 28px 6px}
.danuo-inner .inner-photo-reverse>figure{grid-column:1;grid-row:1}
.danuo-inner .inner-photo-reverse>div{grid-column:2;grid-row:1}
.danuo-inner .company-photo,.danuo-inner .content-photo{overflow:hidden}
.danuo-inner .company-photo img,.danuo-inner .content-photo img{border-radius:24px 5px 24px 5px}
.danuo-inner .company-metrics{gap:30px;padding:35px 0;border-block:1px solid #a5b99c;background:#faf8f2}
.danuo-inner .company-metrics strong{font-size:clamp(36px,4vw,60px);color:#17613d;font-weight:500}
.danuo-inner .company-metrics>div{padding:0 25px}
.danuo-inner .cards{gap:32px}
.danuo-inner .card-image{aspect-ratio:4/3;height:auto;border-radius:22px 5px 22px 5px}
.danuo-inner .card-image img{height:100%;object-fit:cover}
.danuo-inner .card-body{padding:24px 0 18px;border-color:#a7b79f}
.danuo-inner .card h3{font-size:24px}.danuo-inner .card p{font-size:15px}
.danuo-inner .editorial-directory{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.danuo-inner .editorial-directory>.panel{display:block;padding:28px;border:1px solid #c4ceba;border-radius:14px;background:#faf8f2;min-width:0;transition:border-color .25s,transform .3s}
.danuo-inner .editorial-directory>.panel h3{margin:0 0 12px;font-size:21px}
.danuo-inner .editorial-directory>.panel p{font-size:15px;max-width:55ch}
.danuo-inner .editorial-directory>a.panel:hover{transform:translateY(-4px);border-color:#558052}
.danuo-inner .content-photo-copy .table-scroll{max-width:100%}
.danuo-inner .table-scroll{border:1px solid #bdc9b5;border-radius:12px;overflow-x:auto;max-width:100%}
.danuo-inner table{margin:0}.danuo-inner th{background:#f3f5ed;font-size:14px}.danuo-inner td{font-size:15px;background:#fff}
.danuo-inner .detail-hero{padding-block:64px 70px}
.danuo-inner .detail-hero .split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:65px}
.danuo-inner .detail-photo{height:auto;aspect-ratio:4/3;background:#faf8f2;border-radius:26px 6px 26px 6px;overflow:hidden}
.danuo-inner .detail-photo img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.danuo-inner .spec-summary{background:#faf8f2;padding:20px 24px;border-radius:12px;border:1px solid #d6ddcc;margin-block:28px}
.danuo-inner .detail-grid{grid-template-columns:minmax(0,1fr) 310px;gap:50px;align-items:start}
.danuo-inner .detail-grid .panel.sticky{background:#faf8f2;border-color:#bdc9b5;top:110px}
.danuo-inner .content-block{margin-bottom:55px}.danuo-inner .anchor-nav{justify-content:flex-start;gap:24px;border-color:#aabc9f}
.danuo-inner .steps{gap:24px}.danuo-inner .step{padding:24px 20px;background:#faf8f2;border-top:3px solid #6b9766;border-radius:0 0 12px 12px}
.danuo-inner .step .number{font-size:24px;color:#dc792e;margin-bottom:14px}
.danuo-inner .story-photo{overflow:hidden}.danuo-inner .story-photo img{border-radius:28px 6px 28px 6px}
.danuo-inner .framework-placeholder{background:#faf8f2;border:1px solid #c9d1c1;border-radius:12px;text-align:left}
.danuo-inner .resource{padding:28px;border:1px solid #c7d0bf;border-radius:14px;background:#faf8f2;margin-bottom:22px}
.danuo-inner .resource h3{font-size:23px}
.danuo-inner.inner-article .section>.wrap{max-width:960px}.danuo-inner.inner-article main p{max-width:75ch}
.danuo-inner.inner-article .content-photo-split{grid-template-columns:1fr}.danuo-inner.inner-article .section-head{display:block}
.danuo-inner.inner-article .section-head p{margin-top:15px}
.danuo-inner.inner-rfq .detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:40px}
.danuo-inner.inner-rfq #rfq-form{margin-top:30px}.danuo-inner.inner-rfq .panel:has(#rfq-form){padding:36px;border-radius:18px;background:#faf8f2}
.danuo-inner :is(input,textarea,select){border-color:#9faf98;border-radius:7px;background:#fff}
.danuo-inner .form-grid{gap:22px}.danuo-inner label{line-height:1.6}
.danuo-inner .market-map{background:#fff}.danuo-inner .taste-market-groups{gap:22px;border:0}
.danuo-inner .origin-atlas{background:#faf8f2}
.danuo-inner .final-inquiry{position:relative;padding-block:100px 115px;background:linear-gradient(90deg,#164b2bdc,#194d32a6),url('/images/atmosphere/farm-panorama.webp') center/cover;color:white}
.danuo-inner .final-inquiry .cta{background:none;padding:0;border:0;display:flex;justify-content:space-between;gap:45px;align-items:center}
.danuo-inner .final-inquiry :is(h2,p){color:#fff}.danuo-inner .final-inquiry h2{font-size:clamp(30px,3.4vw,48px)}
.danuo-inner .final-inquiry:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:45px;background:#153f2b;clip-path:ellipse(60% 90% at 60% 100%)}
.danuo-inner .footer{background:linear-gradient(#153f2bef,#123c29b8),url('/images/atmosphere/footer-landscape.webp') center bottom/cover;padding-block:70px 28px;color:#edf4e9}
.danuo-inner .footer :is(h3,p,a,small){color:#edf4e9}.danuo-inner .footer h3{font-size:21px}.danuo-inner .footer-grid{gap:45px;padding-bottom:45px}
.danuo-inner .footer-bottom{border-color:#789375}.danuo-inner .footer-utility{border-color:#789375}
@media(max-width:1100px){.danuo-inner .wrap{width:calc(100% - 64px)}.danuo-inner .split,.danuo-inner .content-photo-split,.danuo-inner .detail-hero .split{gap:35px}.danuo-inner .detail-grid{gap:28px;grid-template-columns:minmax(0,1fr) 270px}.danuo-inner .cards{gap:22px}}
@media(max-width:760px){.danuo-inner .wrap{width:calc(100% - 40px)}.danuo-inner .nav{height:72px}.danuo-inner .section{padding-block:52px}.danuo-inner .section.tight{padding-top:40px}.danuo-inner main h1{font-size:38px}.danuo-inner main h2{font-size:30px}.danuo-inner .section-head{display:block;margin-bottom:28px}.danuo-inner .section-head p{margin-top:14px}.danuo-inner .inner-banner>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-position:65% center}.danuo-inner .inner-banner:before{display:block;background:linear-gradient(90deg,#073d2bef,#073d2b83)}.danuo-inner .inner-banner .banner-content,.danuo-inner .inner-banner.compact-banner .banner-content{min-height:360px;padding-block:50px 80px}.danuo-inner .banner-copy{width:100%;max-width:100%}.danuo-inner .inner-banner h1{font-size:38px!important}.danuo-inner .inner-banner p{font-size:16px}.inner-wave{height:40px}.danuo-inner .split,.danuo-inner .content-photo-split,.danuo-inner .detail-hero .split,.danuo-inner .detail-grid,.danuo-inner.inner-rfq .detail-grid{grid-template-columns:1fr;gap:30px}.danuo-inner .inner-photo-reverse>figure,.danuo-inner .inner-photo-reverse>div{grid-column:auto;grid-row:auto}.danuo-inner .inner-photo-split img{border-radius:20px 4px 20px 4px}.danuo-inner .editorial-directory{grid-template-columns:1fr;gap:16px}.danuo-inner .editorial-directory>.panel{padding:24px}.danuo-inner .cards{gap:30px}.danuo-inner .detail-hero{padding-block:36px}.danuo-inner .detail-grid .panel.sticky{position:static}.danuo-inner.inner-rfq .panel:has(#rfq-form){padding:23px}.danuo-inner .company-metrics>div{padding-inline:18px}.danuo-inner .final-inquiry{padding-block:65px 85px}.danuo-inner .final-inquiry .cta{align-items:flex-start;flex-direction:column;gap:22px}.danuo-inner .footer{padding-block:55px 90px}.danuo-inner .footer-grid{gap:28px}.danuo-inner .taste-market-groups{grid-template-columns:1fr}.danuo-inner .content-block{margin-bottom:38px}}
@media(min-width:761px) and (max-width:1080px){.danuo-inner .navlinks{top:90px}}
/* Section markers draw independently of readable headings. */
@keyframes section-marker{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.motion-section-title{position:relative}
.motion-section-title:after{content:'';display:block;width:44px;height:3px;background:#e88b37;margin-top:15px;transform-origin:left}
@media(prefers-reduced-motion:no-preference){.motion-title-drawn:after{animation:section-marker .9s ease-out both}}
