html[theme=dark] .profile{--ink:#47B26B;--ink-soft:#497c5a;--accent-deep:#84D7A0}
.profile{--bg:#f5f1e8;--bg-alt:#ebe4d2;--ink:#1f2419;--ink-soft:#4a4f42;--accent:#009245;--accent-deep:#4a6b3a;--gold:#c9a14a;--line:#c9bfa8;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.content{position:sticky;top:60px}
h1{font-weight:500;font-size:clamp(36px,6vw,44px);line-height:.95;letter-spacing:-.03em;margin-bottom:40px;color:var(--ink)}
h1 .accent{font-style:italic;font-weight:500;color:var(--accent)}
.lead{font-size:17px;line-height:1.7;color:var(--gray-100);margin-bottom:24px;max-width:52ch}
.lead strong{font-weight:600}
.divider{width:48px;height:2px;background:var(--gold);margin:36px 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.stat-value{font-size:38px;font-weight:600;color:var(--accent-deep);letter-spacing:-.02em;line-height:1;margin-bottom:6px}
.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:90px;gap:8px}
.img{position:relative;overflow:hidden;border-radius:4px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.img img{position:relative;width:auto;height:100%;object-fit:cover}
.img:hover{transform:translateY(-4px)}
.img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(31,36,25,.35) 100%);pointer-events:none}
.img-1{grid-column:1/span 4;grid-row:1/span 4}
.img-2{grid-column:5/span 2;grid-row:1/span 3}
.img-3{grid-column:5/span 2;grid-row:4/span 2}
.img-4{grid-column:1/span 4;grid-row:5/span 3}
.img-1::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(92deg,transparent 0,transparent 14px,rgba(255,255,255,.08) 14px,rgba(255,255,255,.08) 15px),repeating-linear-gradient(88deg,transparent 0,transparent 22px,rgba(0,0,0,.1) 22px,rgba(0,0,0,.1) 23px)}
.img-2::before{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse 8px 20px at 20% 30%,rgba(255,240,200,.4),transparent),radial-gradient(ellipse 6px 16px at 60% 50%,rgba(255,240,200,.3),transparent),radial-gradient(ellipse 10px 24px at 80% 70%,rgba(255,240,200,.4),transparent),radial-gradient(ellipse 7px 18px at 40% 80%,rgba(255,240,200,.3),transparent)}
.img-3::before{content:'';position:absolute;inset:0;background:conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgba(255,255,255,.15) 45deg,transparent 90deg,rgba(0,0,0,.08) 135deg,transparent 180deg)}
.img-4::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(201,161,74,.25) 0,transparent 30%),radial-gradient(circle at 70% 20%,rgba(201,161,74,.15) 0,transparent 25%),repeating-linear-gradient(180deg,transparent 0,transparent 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 9px)}
.img-label{position:absolute;bottom:16px;left:18px;color:#fff;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;z-index:2;opacity:.9}
@media (max-width:1260px){
.profile{padding:0 16px}
}
@media (max-width:900px){
.profile{grid-template-columns:1fr;gap:24px}
.content{position:static}
.img img{width:100%}
.gallery{grid-auto-rows:70px}
.stats{gap:16px}
.stat-value{font-size:28px}
}
@media (max-width:480px){
.stats{grid-template-columns:1fr 1fr}
.stats>:last-child{grid-column:span 2}
.img img{width:auto}
.img-label{bottom:4px;left:8px;font-size:9px}
}
@keyframes fadeUp{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.eyebrow{animation:fadeUp .8s ease-out both}
h1{animation:fadeUp .8s ease-out .1s both}
.lead:nth-of-type(1){animation:fadeUp .8s ease-out .2s both}
.lead:nth-of-type(2){animation:fadeUp .8s ease-out .3s both}
.stats{animation:fadeUp .8s ease-out .4s both}
.img-1{animation:fadeUp .8s ease-out .2s both}
.img-2{animation:fadeUp .8s ease-out .35s both}
.img-3{animation:fadeUp .8s ease-out .45s both}
.img-4{animation:fadeUp .8s ease-out .55s both}
.faq details::details-content{block-size:0;transition:block-size .6s,content-visibility .6s;transition-behavior:allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq{interpolate-size:allow-keywords;max-width:1200px;margin:0 auto;padding:64px 0}
@media (max-width:1200px){
.faq{padding:48px 16px}
}
.faq__title{font-size:32px;font-weight:900;text-align:center;margin-bottom:40px}
.faq__list{display:flex;flex-direction:column;gap:0}
.faq__item{margin-bottom:16px;border-radius:16px;overflow:hidden}
.faq__question{cursor:pointer;font-size:16px;font-weight:600;list-style:none;transition:color .2s;padding:20px 24px;background-color:var(--gray-0);display:flex;align-items:center;gap:12px}
.faq__question::before{content:"";display:block;flex-shrink:0;width:20px;height:20px;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;transition:transform .3s ease}
.faq__item[open] .faq__question::before{transform:rotate(90deg)}
.faq__question::-webkit-details-marker{display:none}
.faq__question::marker{content:""}
.faq__item[open] .faq__question,.faq__question:hover{color:var(--brand-pink)}
.faq__answer{font-size:15px;line-height:1.6;padding:16px 24px;background-color:var(--gray-0)}
.faq__answer ol,.faq__answer ul{padding-left:20px}
.faq__answer ol li{list-style:decimal}
.faq__answer ul li{list-style:initial}
.faq__answer p+p{margin-top:8px}