.reference-home{min-width:320px;color:#151612;background:#f4efe5;font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;font-size:16px;line-height:1.5}.reference-home svg{stroke-width:1.4}.ref-header{height:60px;color:#fff;background:linear-gradient(90deg,#073b31,#06362e 58%,#073c32);border:0}.ref-header__inner{width:min(1400px,calc(100% - 72px));height:100%;margin:0 auto;display:grid;grid-template-columns:330px 1fr auto;align-items:center}.ref-wordmark,.ref-footer__brand{color:#d4a85f;line-height:1}.ref-wordmark strong,.ref-footer__brand strong{display:block;font-family:Georgia,"Songti SC",serif;font-size:21px;font-weight:500;letter-spacing:.04em}.ref-wordmark strong span,.ref-footer__brand strong span{margin-left:5px;font-family:"Songti SC","STSong",serif;font-size:17px;letter-spacing:.08em}.ref-wordmark small,.ref-footer__brand small{margin:5px 0 0 54px;display:block;color:#b98d4a;font-size:8px;letter-spacing:.42em}.ref-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(26px,3vw,56px)}.ref-nav a{position:relative;height:100%;display:flex;align-items:center;color:rgba(255,255,255,.88);font-size:14px;letter-spacing:.04em;white-space:nowrap}.ref-nav a.is-active::after{position:absolute;right:2px;bottom:0;left:2px;height:2px;content:"";background:#c99b53}.ref-header__actions{height:32px;padding-left:24px;display:flex;align-items:center;gap:24px;border-left:1px solid rgba(216,176,105,.65)}.ref-search-link{display:grid;place-items:center;color:#d6ac64}.ref-search-link svg{width:19px;height:19px}.ref-language{color:rgba(255,255,255,.86);font-size:13px;white-space:nowrap}.ref-consult{min-width:112px;height:36px;display:grid;place-items:center;color:#fff;background:#7b2131;border:1px solid #bc6f70;font-size:14px;letter-spacing:.08em}.ref-mobile-nav{display:none}

.ref-hero{height:335px;overflow:hidden;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.86),transparent 40%),radial-gradient(circle at 78% 10%,rgba(222,202,171,.18),transparent 38%),linear-gradient(90deg,#f7f3ea,#f0e9dd 54%,#f5efe5);border-bottom:1px solid rgba(80,56,31,.12)}.ref-hero__inner{position:relative;width:min(1400px,calc(100% - 72px));height:100%;margin:0 auto;display:grid;grid-template-columns:minmax(520px,.98fr) 140px minmax(610px,1.12fr);align-items:center;gap:16px}.ref-hero__copy{padding-left:12px;align-self:center}.ref-eyebrow{margin:0 0 6px;color:#9b6c36;font-family:Georgia,serif;font-size:12px;letter-spacing:.15em}.ref-hero__copy h1{margin:0;font-size:clamp(38px,3vw,50px);font-weight:700;line-height:1.12;letter-spacing:.04em}.ref-english{margin:2px 0 10px;color:#6e6255;font-family:Georgia,serif;font-size:20px;letter-spacing:.08em}.ref-hero__copy h2{margin:0 0 7px;font-size:clamp(22px,1.8vw,28px);font-weight:600;line-height:1.35}.ref-lead{margin:0;color:#433e37;font-size:14px;line-height:1.7}.ref-hero__buttons{margin-top:14px;display:flex;gap:14px}.ref-button{height:43px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;letter-spacing:.03em}.ref-button--primary{min-width:170px;color:#fff;background:#063d32;border:1px solid #063d32}.ref-button--secondary{min-width:168px;color:#241e17;background:rgba(255,255,255,.38);border:1px solid #a57a42}.ref-button svg{width:18px;height:18px}.ref-hero__aside{align-self:end;margin-bottom:27px;color:#948b7f;font-family:Georgia,"Songti SC",serif;font-size:10px;letter-spacing:.06em;line-height:1.35}.ref-hero__aside i{width:32px;height:1px;margin:10px 0;display:block;background:#b89b72}.ref-hero__aside p{margin:0;color:#9b9388;font-size:11px;line-height:1.65}.ref-hero__visual{align-self:stretch;padding:6px 0 0;display:grid;grid-template-rows:minmax(0,1fr) 36px}.ref-before-after{min-height:0;display:grid;grid-template-columns:1fr 1fr}.ref-half{position:relative;margin:0;overflow:hidden;background:#d8cebf}.ref-half+.ref-half{border-left:2px solid #f4eee4}.ref-half img{position:absolute;left:0;width:100%;max-width:none;height:200%;object-fit:cover}.ref-half--before img{top:0}.ref-half--after img{top:-100%}.ref-half figcaption,.ref-label{position:absolute;z-index:2;top:14px;left:14px;color:#28231c;font-size:13px;font-style:normal;line-height:1.12}.ref-half figcaption small,.ref-label small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:.02em}.ref-transition{position:absolute;z-index:3;top:49%;left:50%;width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#c19754;border:2px solid #fff;border-radius:50%;font-family:Arial,sans-serif;transform:translate(-50%,-50%)}.ref-before-after--hero{position:relative;border:1px solid rgba(120,90,50,.22)}.ref-hero__caption{margin:0;display:flex;align-items:center;justify-content:center;color:#463e34;background:rgba(255,255,255,.35);font-size:11px;white-space:nowrap}

.ref-categories{height:56px;background:rgba(255,255,255,.7);border-bottom:1px solid rgba(66,48,29,.14);box-shadow:0 3px 12px rgba(60,45,28,.05)}.ref-categories__inner{width:min(1420px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;gap:7px}.ref-categories a{height:38px;min-width:106px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;color:#26211a;font-size:15px;white-space:nowrap}.ref-categories a.is-active{color:#fff;background:#063d32}.ref-categories .ref-video-tab{color:#8c2134;font-weight:600}.ref-video-tab span{width:17px;height:17px;margin-left:8px;display:grid;place-items:center;color:#fff;background:#8c2134;border-radius:50%;font-size:7px}.ref-categories p{margin:0 0 0 auto;display:flex;align-items:center;color:#968d80;font-family:Georgia,serif;font-size:8px;white-space:nowrap}.ref-categories p i{width:56px;height:1px;margin-right:12px;display:block;background:#a77c40}

.ref-showcase{height:332px;padding:12px 0;background:#f7f4ed}.ref-showcase__inner{width:min(1420px,calc(100% - 64px));height:100%;margin:auto;display:grid;grid-template-columns:minmax(0,2.55fr) minmax(230px,.8fr) minmax(260px,1fr);gap:14px}.ref-primary-case,.ref-side-case{min-width:0;height:100%;background:#fffdfa;border:1px solid #ded7cc;box-shadow:0 2px 10px rgba(52,39,24,.04)}.ref-primary-case{display:grid;grid-template-columns:63% 37%}.ref-primary-case__visual{min-width:0;overflow:hidden;background:#ded5c8}.ref-before-after--case{height:100%}.ref-primary-case__copy{padding:16px 18px 13px;display:flex;flex-direction:column;align-items:flex-start}.ref-primary-case__copy h2,.ref-side-case__copy h2{margin:0;font-size:20px;font-weight:600;line-height:1.35}.ref-primary-case__copy ul,.ref-side-case__copy ul{margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px;list-style:none}.ref-primary-case__copy li,.ref-side-case__copy li{padding:3px 9px;color:#5f5343;background:#f0eadf;font-size:11px}.ref-primary-case__copy>p,.ref-side-case__copy>p{margin:23px 0 0;color:#625a50;font-size:13px;line-height:1.8}.ref-primary-case__copy>a,.ref-side-case__copy>a{margin-top:auto;padding-bottom:4px;color:#201d18;border-bottom:1px solid #a9814d;font-size:12px}.ref-primary-case__copy>a span,.ref-side-case__copy>a span{margin-left:10px;color:#94662f}.ref-side-case{display:grid;grid-template-rows:62% 38%}.ref-side-case__media{position:relative;min-height:0;display:block;overflow:hidden;background:#d8d0c5}.ref-side-case__media>img{width:100%;height:100%;object-fit:cover}.ref-side-case__copy{padding:10px 13px;display:flex;flex-direction:column;align-items:flex-start}.ref-side-case__copy h2{font-size:16px}.ref-side-case__copy ul{margin-top:6px;gap:4px}.ref-side-case__copy li{padding:2px 6px;font-size:9px}.ref-side-case__copy>p{margin:6px 0 0;font-size:10px;line-height:1.5}.ref-side-case__copy>a{font-size:11px}.ref-play{position:absolute;z-index:2;top:50%;left:50%;width:56px;height:56px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.ref-play i{width:0;height:0;margin-left:5px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff}.ref-side-case__media>em{position:absolute;top:9px;left:9px;padding:4px 8px;color:#fff;background:rgba(6,61,50,.84);font-size:9px;font-style:normal}.ref-label--right{right:13px;left:auto}

.ref-paths{height:124px;color:#fff;background:radial-gradient(circle at 70% 110%,rgba(130,112,60,.22),transparent 27%),linear-gradient(90deg,#073b31,#0a4338 55%,#06362e);border-top:1px solid rgba(211,170,93,.28)}.ref-paths__inner{width:min(1400px,calc(100% - 72px));height:100%;margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);align-items:center}.ref-paths__title{padding-right:36px;color:#d4a85f}.ref-paths__title strong{display:block;font-size:24px;font-weight:600}.ref-paths__title small{display:block;margin-top:4px;font-family:Georgia,serif;font-size:10px;letter-spacing:.08em}.ref-paths__inner>a{min-width:0;height:62px;padding:0 24px;display:flex;align-items:center;gap:18px;border-left:1px solid rgba(208,169,99,.45)}.ref-paths__inner>a svg{width:47px;height:47px;flex:0 0 auto;color:#d8a95d}.ref-paths__inner>a span{min-width:0}.ref-paths__inner>a strong,.ref-paths__inner>a small{display:block}.ref-paths__inner>a strong{font-size:15px;font-weight:500}.ref-paths__inner>a small{margin-top:6px;overflow:hidden;color:rgba(255,255,255,.65);font-size:10px;text-overflow:ellipsis;white-space:nowrap}

.ref-footer{height:117px;color:rgba(255,255,255,.76);background:linear-gradient(90deg,#17211f,#101917 65%,#18201e);border-top:1px solid rgba(208,169,99,.4)}.ref-footer__inner{width:min(1400px,calc(100% - 72px));height:100%;margin:auto;display:grid;grid-template-columns:235px 270px 260px 1fr 180px;align-items:center}.ref-footer__inner>*+*{min-height:45px;padding-left:26px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(207,171,105,.48)}.ref-footer__brand strong{font-size:19px}.ref-footer__claim strong,.ref-footer__motto strong{font-size:12px;font-weight:400;letter-spacing:.06em}.ref-footer__claim small,.ref-footer__motto small{margin-top:5px;color:rgba(255,255,255,.45);font-family:Georgia,serif;font-size:8px;letter-spacing:.1em}.ref-footer__contact{gap:5px;font-size:11px}.ref-footer nav{padding-right:18px;flex-direction:row;align-items:center;justify-content:center;gap:18px}.ref-footer nav a{font-size:11px;white-space:nowrap}.ref-footer__motto{color:#c9a15d}

@media(max-width:1260px){.ref-header__inner{grid-template-columns:250px 1fr auto}.ref-nav{gap:20px}.ref-language{display:none}.ref-hero__inner{grid-template-columns:minmax(460px,.9fr) 70px minmax(500px,1.1fr)}.ref-categories a{min-width:90px;padding:0 12px}.ref-categories p{display:none}.ref-footer__inner{grid-template-columns:215px 235px 220px 1fr}.ref-footer__motto{display:none}}

@media(max-width:980px){.ref-header{height:66px}.ref-header__inner{width:calc(100% - 36px);grid-template-columns:1fr auto}.ref-nav,.ref-header__actions{display:none}.ref-mobile-nav{position:relative;display:block}.ref-mobile-nav summary{width:38px;height:38px;display:grid;align-content:center;gap:5px;border:1px solid rgba(255,255,255,.28);border-radius:50%;list-style:none;cursor:pointer}.ref-mobile-nav summary::-webkit-details-marker{display:none}.ref-mobile-nav summary span{width:16px;height:1px;margin:auto;display:block;background:#fff}.ref-mobile-nav>div{position:absolute;z-index:30;top:51px;right:0;width:240px;padding:16px 20px;background:#07382f;box-shadow:0 20px 40px rgba(0,0,0,.2)}.ref-mobile-nav>div a{padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.ref-hero{height:auto}.ref-hero__inner{width:calc(100% - 36px);padding:48px 0 30px;grid-template-columns:1fr;gap:28px}.ref-hero__copy{padding:0}.ref-hero__aside{display:none}.ref-hero__visual{min-height:470px}.ref-categories{height:58px;overflow:hidden}.ref-categories__inner{width:100%;padding:0 18px;overflow-x:auto;scrollbar-width:none}.ref-categories__inner::-webkit-scrollbar{display:none}.ref-showcase{height:auto}.ref-showcase__inner{width:calc(100% - 36px);grid-template-columns:1fr 1fr}.ref-primary-case{min-height:430px;grid-column:1/-1}.ref-side-case{min-height:350px}.ref-paths{height:auto}.ref-paths__inner{width:calc(100% - 36px);padding:30px 0;grid-template-columns:1fr 1fr}.ref-paths__title{grid-column:1/-1;padding:0 0 22px}.ref-paths__inner>a:nth-of-type(3){display:none}.ref-footer{height:auto}.ref-footer__inner{width:calc(100% - 36px);padding:34px 0;grid-template-columns:1fr 1fr;gap:25px}.ref-footer__inner>*+*{padding-left:20px}.ref-footer nav{display:none}}

@media(max-width:620px){.ref-wordmark strong{font-size:18px}.ref-wordmark strong span{font-size:15px}.ref-hero__inner{padding-top:38px}.ref-hero__copy h1{font-size:40px}.ref-english{font-size:16px}.ref-hero__copy h2{font-size:21px}.ref-lead{font-size:14px}.ref-hero__buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-button{min-width:0;padding:0 12px;gap:9px;font-size:13px}.ref-hero__visual{min-height:330px;grid-template-rows:minmax(0,1fr) 48px}.ref-hero__caption{padding:0 8px;font-size:9px;line-height:1.4;text-align:center;white-space:normal}.ref-half figcaption,.ref-label{top:9px;left:9px;font-size:11px}.ref-showcase__inner{grid-template-columns:1fr}.ref-primary-case{min-height:0;grid-column:auto;grid-template-columns:1fr}.ref-primary-case__visual{height:330px}.ref-primary-case__copy{min-height:250px}.ref-side-case{min-height:390px}.ref-paths__inner{grid-template-columns:1fr}.ref-paths__inner>a{border-top:1px solid rgba(208,169,99,.32);border-left:0}.ref-paths__inner>a:nth-of-type(3){display:flex}.ref-footer__inner{grid-template-columns:1fr}.ref-footer__inner>*+*{padding:18px 0 0;border-top:1px solid rgba(207,171,105,.34);border-left:0}}

/* Frontend refinement: premium depth, readable type and restrained motion. */
.reference-home{
  background:#06362e;
}
.ref-header{
  position:relative;
  z-index:50;
  height:64px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 42%),
    linear-gradient(105deg,#052f28 0%,#0b473a 54%,#062f28 100%);
  border-bottom:1px solid rgba(224,188,119,.46);
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 24px rgba(7,35,30,.16);
}
.ref-header__inner{width:min(1500px,calc(100% - 64px));grid-template-columns:270px 1fr auto;gap:16px}
.ref-wordmark strong{text-shadow:0 1px 0 rgba(255,255,255,.14),0 2px 8px rgba(0,0,0,.38)}
.ref-wordmark small{font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.ref-nav{gap:clamp(5px,.75vw,13px)}
.ref-nav a{
  height:36px;
  padding:0 clamp(8px,.75vw,14px);
  border:1px solid transparent;
  border-radius:3px;
  color:rgba(255,255,255,.9);
  font-size:14px;
  font-weight:600;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
  transition:color .2s ease,transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ref-nav a:hover,.ref-nav a:focus-visible,.ref-nav a.is-active{
  color:#fff9ea;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.025));
  border-color:rgba(219,181,111,.38);
  box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -2px rgba(0,0,0,.12),0 5px 12px rgba(0,0,0,.16);
  transform:translateY(-1px);
}
.ref-nav a.is-active::after{right:11px;bottom:3px;left:11px;height:2px;background:linear-gradient(90deg,transparent,#e0b96f,transparent)}
.ref-header__actions{gap:18px}
.ref-search-link{width:34px;height:34px;border:1px solid rgba(221,183,111,.28);border-radius:50%;box-shadow:inset 0 1px rgba(255,255,255,.1);transition:.2s ease}
.ref-search-link:hover{color:#f5d18e;background:rgba(255,255,255,.08);border-color:rgba(228,191,121,.7);transform:translateY(-1px)}
.ref-language{font-weight:600}
.ref-consult{
  min-width:112px;
  background:linear-gradient(180deg,#9b3144,#701b2c);
  border-color:#b86770;
  box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px rgba(53,4,15,.3),0 5px 12px rgba(42,7,13,.22);
  font-weight:600;
  transition:.2s ease;
}
.ref-consult:hover{background:linear-gradient(180deg,#aa3a4d,#7c2032);transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.24),0 8px 16px rgba(42,7,13,.26)}
.ref-hero{height:350px;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.96),transparent 39%),radial-gradient(circle at 82% 4%,rgba(190,145,78,.12),transparent 35%),linear-gradient(108deg,#f8f4ec,#ece3d5 55%,#f7f1e7)}
.ref-hero__inner{width:min(1500px,calc(100% - 64px));grid-template-columns:minmax(500px,.95fr) 115px minmax(600px,1.15fr);gap:18px}
.ref-hero__copy{animation:ref-rise .58s ease-out both}
.ref-hero__visual{animation:ref-rise .64s .08s ease-out both}
.ref-lead{font-size:15px;font-weight:500}
.ref-button{
  font-weight:600;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.ref-button--primary{background:linear-gradient(180deg,#0c5444,#06372e);border-color:#0f5a49;box-shadow:inset 0 1px rgba(255,255,255,.17),inset 0 -2px rgba(0,0,0,.17),0 7px 15px rgba(7,46,38,.18)}
.ref-button--secondary{background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(243,235,222,.72));box-shadow:inset 0 1px #fff,inset 0 -2px rgba(117,79,35,.08),0 6px 14px rgba(83,61,34,.09)}
.ref-button:hover,.ref-button:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.2),0 10px 20px rgba(29,48,42,.18)}
.ref-before-after--hero{box-shadow:0 14px 36px rgba(61,45,28,.14),inset 0 1px rgba(255,255,255,.6)}
.ref-half img{transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.ref-before-after:hover .ref-half img{transform:scale(1.018)}
.ref-half figcaption,.ref-label{font-weight:600;text-shadow:0 1px rgba(255,255,255,.55)}
.ref-hero__caption{font-size:12px;font-weight:500}
.ref-categories{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,238,228,.9));box-shadow:inset 0 1px #fff,0 5px 16px rgba(60,45,28,.07)}
.ref-categories__inner{width:min(1510px,calc(100% - 54px));gap:6px}
.ref-categories a{
  min-width:102px;
  padding:0 15px;
  border:1px solid transparent;
  border-radius:2px;
  font-weight:600;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.ref-categories a:hover,.ref-categories a:focus-visible{color:#073d32;background:#fdf9f0;border-color:rgba(151,109,53,.28);box-shadow:inset 0 1px #fff,0 5px 11px rgba(54,41,24,.08);transform:translateY(-1px)}
.ref-categories a.is-active{background:linear-gradient(180deg,#0c5142,#06382f);border-color:#0b493c;box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -2px rgba(0,0,0,.14),0 5px 11px rgba(7,48,40,.2)}
.ref-showcase{height:350px;background:linear-gradient(110deg,#f8f5ef,#f0e9de 56%,#f8f4ec)}
.ref-showcase__inner{width:min(1510px,calc(100% - 54px));gap:13px}
.ref-primary-case,.ref-side-case{border-color:rgba(116,87,51,.2);box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 16px rgba(52,39,24,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ref-primary-case:hover,.ref-side-case:hover{transform:translateY(-3px);border-color:rgba(162,119,57,.38);box-shadow:inset 0 1px #fff,0 15px 30px rgba(43,37,27,.13)}
.ref-primary-case__copy h2,.ref-side-case__copy h2{font-weight:700}
.ref-primary-case__copy li,.ref-side-case__copy li{font-size:11px;font-weight:600}
.ref-primary-case__copy>p{font-size:14px;font-weight:500}
.ref-side-case__copy>p{font-size:11px;font-weight:500}
.ref-primary-case__copy>a,.ref-side-case__copy>a{font-size:12px;font-weight:700}
.ref-side-case__copy h2{font-size:17px}
.ref-play{box-shadow:0 7px 18px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.35);transition:transform .2s ease,background .2s ease}
.ref-side-case:hover .ref-play{background:rgba(6,61,50,.36);transform:translate(-50%,-50%) scale(1.06)}
.ref-paths{height:clamp(150px,calc(100vh - 820px),190px);background:radial-gradient(circle at 72% 115%,rgba(180,148,79,.22),transparent 28%),linear-gradient(105deg,#06332b,#0a493c 54%,#052f28);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.ref-paths__inner{width:min(1500px,calc(100% - 64px))}
.ref-paths__title strong{font-size:25px;text-shadow:0 1px 3px rgba(0,0,0,.26)}
.ref-paths__title small{font-size:11px;font-weight:600}
.ref-paths__inner>a{border-radius:3px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.ref-paths__inner>a:hover,.ref-paths__inner>a:focus-visible{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.12);transform:translateY(-2px)}
.ref-paths__inner>a strong{font-size:16px;font-weight:600}.ref-paths__inner>a small{font-size:11px;font-weight:500}
@keyframes ref-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1300px){
  .ref-header__inner{grid-template-columns:230px 1fr auto}
  .ref-nav a{padding:0 8px;font-size:13px}
  .ref-header__actions{gap:12px;padding-left:15px}
  .ref-language{display:none}
  .ref-hero__inner{grid-template-columns:minmax(450px,.9fr) 70px minmax(500px,1.1fr)}
}
@media(max-width:1120px){
  .ref-header__inner{width:calc(100% - 36px);grid-template-columns:1fr auto}
  .ref-nav,.ref-header__actions{display:none}
  .ref-mobile-nav{position:relative;display:block}
  .ref-mobile-nav summary{width:40px;height:40px;display:grid;align-content:center;gap:5px;border:1px solid rgba(235,203,141,.42);border-radius:50%;box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 12px rgba(0,0,0,.16);list-style:none;cursor:pointer}
  .ref-mobile-nav summary::-webkit-details-marker{display:none}
  .ref-mobile-nav summary span{width:17px;height:1px;margin:auto;display:block;background:#fff}
  .ref-mobile-nav>div{position:absolute;z-index:30;top:52px;right:0;width:255px;padding:15px 20px;background:linear-gradient(145deg,#0c473b,#052e27);border:1px solid rgba(217,177,103,.3);box-shadow:0 20px 40px rgba(0,0,0,.25)}
  .ref-mobile-nav>div a{padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:600}
}
@media(max-width:980px){
  .ref-hero{height:auto}
  .ref-hero__inner{width:calc(100% - 36px);padding:48px 0 30px;grid-template-columns:1fr;gap:28px}
  .ref-hero__copy{padding:0}
  .ref-hero__aside{display:none}
  .ref-hero__visual{min-height:470px}
  .ref-categories__inner{width:100%;padding:0 18px}
  .ref-showcase{height:auto}
  .ref-showcase__inner{width:calc(100% - 36px)}
  .ref-paths{height:auto}
  .ref-paths__inner{width:calc(100% - 36px)}
}
@media(max-width:620px){
  .ref-hero{height:auto}
  .ref-hero__visual{min-height:330px;grid-template-rows:minmax(0,1fr) 48px}
  .ref-showcase{height:auto;padding:14px 0}
  .ref-paths{height:auto}
  .ref-hero__caption{font-size:10px}
  .ref-primary-case__copy>p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.ref-hero__copy,.ref-hero__visual{animation:none}.reference-home *{scroll-behavior:auto!important;transition-duration:.01ms!important}}