/* Final visual system shared by the home page and editorial pages. */
:root{--green:#142e29;--gold:#b88b56;--goldlight:#e1bd8b;--cream:#f7f4ed;--ink:#20332e}
html{scroll-padding-top:28px}
body{overflow-x:clip}
h1,h2,h3{text-wrap:balance}
.site-header{background:#faf8f2}
.nav-shell{gap:clamp(20px,2.3vw,38px)}
.brand{flex:none}
.desktop-nav{gap:clamp(14px,1.8vw,29px)}
.desktop-nav a{white-space:nowrap}
.portal-nav{color:#775832!important;border-bottom:1px solid #b88b56;padding-bottom:3px}
.portal-nav span{margin-left:3px}
.detail-nav{min-width:0;overflow-x:auto;scrollbar-width:thin}
.detail-nav .portal-nav{white-space:nowrap}
.portal-simple{font-size:13px;font-weight:700;color:#775832;text-decoration:underline;text-decoration-color:#b88b56;text-underline-offset:5px;margin-left:auto}
.article-header .portal-article{color:#775832;text-decoration:underline;text-decoration-color:#b88b56;text-underline-offset:5px}
.detail-hero h1 em,.detail-intro h2 em,.detail-scope h2 em,.detail-questions h2 em,.knowledge-intro h2 em,.editorial h2 em,.list-layout h2 em{color:#875e35}
.nav-contact{flex:none}
.site-footer .footer-bottom{align-items:start;line-height:1.7}
.footer-bottom div{flex-wrap:wrap;justify-content:flex-end;row-gap:7px}
.footer-bottom a{white-space:nowrap}

/* The headline has deliberate line breaks and never leaves a one-word line. */
.home .hero{background:linear-gradient(125deg,#1d3a31 0%,#142e29 63%,#0d2721 100%)}
.home .hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(40px,4.5vw,74px);min-height:660px}
.home .hero-copy{min-width:0}
.home .hero h1{font-size:clamp(58px,5.25vw,82px);line-height:1.055;letter-spacing:-.055em;max-width:720px;margin:32px 0 29px}
.home .hero h1 em{display:block;white-space:nowrap;color:#d5ad7b}
.home .hero-lead{max-width:525px}
.home .hero-media{min-height:575px;box-shadow:23px 25px 0 -11px #b88b56}
.home .media-shade{inset:26% 0 0;background:linear-gradient(transparent,#071b17e8)}
.home .media-caption{font-size:clamp(23px,2.35vw,36px)}
.home .hero-foot{margin-top:61px}
.home .status-inner{max-width:1210px}
.home .status p{max-width:1000px}
.home .intro-grid{grid-template-columns:.8fr 1.2fr;gap:9%}
.home .outline-symbol{color:transparent;-webkit-text-stroke:1px #aeb9a9;opacity:.8}
.home .intro h2,.home .section-head h2,.home .journey h2,.home .guide h2,.home .faq h2,.home .contact h2{letter-spacing:-.052em}
.home .intro h2 em,.home .services h2 em,.home .journey h2 em,.home .check h2 em,.home .home-knowledge h2 em,.home .guide h2 em,.home .faq h2 em{color:#875e35}
.home .section-head{align-items:end}
.home .section-head>p{width:340px;max-width:100%}

/* Equal cards without fixed empty text blocks. */
.home .service-grid{gap:16px}
.home .service-card{display:flex;flex-direction:column;min-height:575px;padding:30px 29px 33px;background:#f8f6f0}
.home .card-top{font-size:11px;min-height:28px;letter-spacing:.1em}
.home .card-art{top:43px;height:83px;right:21px;opacity:.5}
.home .card-body{display:flex;flex:1;flex-direction:column;margin-top:65px}
.home .card-body h3{font-size:clamp(32px,2.7vw,43px);line-height:1.08;min-height:2.2em;margin-bottom:18px;max-width:330px}
.home .card-body>p{font-size:14px;min-height:0;line-height:1.7;max-width:340px}
.home .card-body ul{margin:25px 0 25px;margin-top:auto}
.home .card-body li{font-size:12px;line-height:1.45;padding:11px 0}
.home .card-link{margin-top:0}
.home .principles{padding-bottom:clamp(105px,10vw,155px)}
.home .principles-list article:first-child{border-top:1px solid #ffffff3b}
.home .journey-steps article{margin-right:0;padding-right:clamp(20px,3vw,40px);padding-left:clamp(20px,3vw,40px)}
.home .journey-steps article:first-child{padding-left:0}
.home .journey-steps article:last-child{padding-right:0}
.home .quiz{min-width:0}
.home .quiz-head{gap:10px}
.home .knowledge-feature,.home .knowledge-mini{min-width:0}
.home .home-knowledge.section-space,.home .guide.section-space{padding:clamp(78px,8vw,112px) 0}
.home .knowledge-feature{background:linear-gradient(160deg,#1f4438,#102c25 75%)}
.home .knowledge-feature h3{font-size:clamp(32px,3vw,46px);line-height:1.12}
.home .knowledge-mini h3{font-size:clamp(25px,2.3vw,31px)}
.home .guide-sheet{transform:rotate(2deg)}
.home .contact-grid{gap:8%}
.home .contact-composer{min-width:0}
.home .contact-composer input,.home .contact-composer select,.home .contact-composer textarea{min-width:0}

/* Fruitly connects the visual story to the actual owner portal. */
.fruitly{position:relative;overflow:hidden;background:#e7e5da}
.fruitly-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(55px,9vw,140px);align-items:center}
.fruitly-copy{position:relative;z-index:1}
.fruitly h2{margin:23px 0 27px;font-size:clamp(46px,5.1vw,76px);line-height:1.08}
.fruitly h2 em{color:#8f6a42}
.fruitly-copy>p:not(.eyebrow){max-width:550px;color:#53635a;font-size:17px;line-height:1.82}
.fruitly-button{margin-top:32px;min-width:250px}
.fruitly-copy .fruitly-note{font-size:12px!important;line-height:1.6!important;margin-top:20px;color:#68746a!important;max-width:420px!important}
.fruitly-visual{min-width:0;min-height:565px;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 72% 18%,#52745e 0%,#234237 35%,#122e27 76%);border-radius:3px;box-shadow:22px 22px 0 -10px #b79a73;overflow:hidden}
.fruitly-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff0c 0 1px,transparent 1px 92px),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 92px)}
.fruitly-arc{position:absolute;width:560px;height:560px;border:1px solid #d6bd8f66;border-radius:50%;top:-265px;right:-220px}
.fruitly-arc-two{width:480px;height:480px;top:auto;right:auto;bottom:-310px;left:-230px;opacity:.65}
.fruitly-card{position:relative;z-index:1;width:min(68%,350px);aspect-ratio:.78;background:#f7f4eb;box-shadow:18px 23px 32px #061d1880;transform:rotate(-4deg);padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#18342c;border:1px solid #d8d2c4}
.fruitly-card:after{content:'';position:absolute;inset:12px;border:1px solid #d4d3c7;pointer-events:none}
.fruitly-card-top,.fruitly-card-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;align-items:start;font-size:10px;font-weight:800;letter-spacing:.19em}
.fruitly-card-top span:last-child{font-size:17px;line-height:1}
.fruitly-monogram{font:normal clamp(155px,17vw,240px)/.8 Georgia,serif;letter-spacing:-.13em;text-align:center;transform:translateX(-.07em)}
.fruitly-monogram span{color:#bd9462}
.fruitly-card-bottom{border-top:1px solid #acbaa9;padding-top:15px;line-height:1.5;font-size:8px}
.fruitly-visual-label{position:absolute;left:27px;right:27px;bottom:21px;z-index:1;color:#d2d9c8;font-size:9px;font-weight:700;letter-spacing:.15em}

@media(max-width:1100px){
  .detail-header .nav-shell{display:grid;grid-template-columns:1fr auto;gap:10px 20px;min-height:90px;height:auto;padding-top:14px;padding-bottom:14px}
  .detail-header .detail-nav{grid-column:1/-1;grid-row:2;overflow-x:auto;padding:4px 0 9px;gap:22px}
  .detail-header .nav-contact{display:flex;grid-column:2;grid-row:1;margin:0}
  .home .hero h1{font-size:clamp(54px,5.4vw,67px)}
  .home .service-card{min-height:535px}
  .home .card-body h3{font-size:clamp(31px,3.1vw,39px)}
}
@media(max-width:1000px){
  .home .desktop-nav,.home .nav-contact{display:none}
  .home .menu-toggle{display:flex;width:45px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:transparent;border:1px solid #bec8ba;margin-left:auto}
  .home .menu-toggle span{display:block;width:19px;height:1px;background:var(--green)}
  .home .mobile-nav{position:absolute;top:90px;left:0;right:0;background:#faf8f2;box-shadow:0 20px 30px #10251f26;padding:20px max(24px,calc((100vw - 1320px)/2));z-index:40}
  .home .mobile-nav:not([hidden]){display:block}
  .home .mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid #d5d5c9;font-weight:600}
  .home .mobile-nav .mobile-portal{color:#80603a}
  .home .mobile-portal span{float:right}
  .home .hero-layout{grid-template-columns:1fr;gap:20px;padding-top:72px;padding-bottom:52px}
  .home .hero h1{font-size:clamp(64px,8.5vw,88px)}
  .home .hero-media{height:490px;min-height:490px;max-width:none}
  .home .hero-foot{margin-top:45px}
  .fruitly-grid{gap:50px}
  .fruitly-visual{min-height:470px}
  .fruitly-card{width:74%}
}
@media(max-width:800px){
  .home .mobile-nav{top:74px}
  .home .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home .service-card:last-child{grid-column:1/-1;min-height:auto}
  .home .service-card:last-child .card-body>p{max-width:620px}
  .home .service-card{min-height:515px}
  .home .card-body h3{min-height:0}
  .fruitly-grid{grid-template-columns:1fr;gap:42px}
  .fruitly-visual{min-height:490px}
  .fruitly-card{width:min(52%,330px)}
  .home .footer-bottom{display:grid;grid-template-columns:1fr 1fr}
  .home .footer-bottom div{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:610px){
  .detail-header .nav-shell{width:min(100% - 40px,1320px)}
  .portal-simple{font-size:12px;margin-left:auto}
  .article-header .article-nav:not(.portal-article),.article-header .nav-contact{display:none}
  .article-header .portal-article{font-size:12px;margin-left:auto}
  .home .hero-layout{padding-top:48px}
  .home .hero h1{font-size:clamp(49px,11.2vw,65px);line-height:1.07;margin:26px 0 25px}
  .home .hero h1 em{white-space:normal}
  .home .hero-media{height:410px;min-height:410px}
  .home .hero-actions{align-items:flex-start}
  .home .hero-foot{font-size:9px;letter-spacing:.11em}
  .home .service-grid{grid-template-columns:1fr}
  .home .service-card,.home .service-card:last-child{grid-column:auto;min-height:0;padding:29px 27px 31px}
  .home .card-body{margin-top:83px}
  .home .card-body h3{font-size:clamp(36px,9vw,46px);margin-bottom:20px}
  .home .card-body ul{margin-top:28px}
  .home .journey-steps article,.home .journey-steps article:first-child,.home .journey-steps article:last-child{padding:25px 0;margin:0;border-right:0}
  .home .journey-steps article:last-child{border-bottom:1px solid #c9c9bb}
  .home .quiz-actions{flex-direction:column}
  .home .quiz-actions button{width:100%}
  .home .knowledge-feature h3{font-size:clamp(31px,8vw,39px)}
  .home .guide-sheet{transform:none}
  .fruitly h2{font-size:clamp(44px,10vw,58px)}
  .fruitly-copy>p:not(.eyebrow){font-size:16px}
  .fruitly-visual{min-height:390px;box-shadow:13px 13px 0 -6px #b79a73}
  .fruitly-card{width:min(62%,270px);padding:20px}
  .fruitly-monogram{font-size:150px}
  .fruitly-card-bottom{font-size:7px}
  .fruitly-visual-label{font-size:8px;left:18px;right:18px;bottom:13px}
  .home .footer-bottom{grid-template-columns:1fr;gap:7px}
  .home .footer-bottom div{grid-column:1;gap:12px 18px}
  .home .eyebrow{font-size:11px;letter-spacing:.12em}
  .home .hero-foot,.home .guide-note{font-size:11px}
}
@media(max-width:380px){
  .home .hero h1{font-size:46px}
  .home .hero-actions .button{width:100%}
  .fruitly-card{width:70%}
  .fruitly-card-bottom span:last-child{display:none}
}
.fruitly-logo{width:62%;margin:auto;color:#18342c;position:relative;z-index:1}