@font-face{font-family:Arshila;src:url("../assets/fonts/Arshila-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Caelia;src:url("../assets/fonts/Caelia-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Dareva;src:url("../assets/fonts/Dareva-BoldText.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:KineksSans;src:url("../assets/fonts/Kineks-BoldSans.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:KineksText;src:url("../assets/fonts/KineksText-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:KineksCompact;src:url("../assets/fonts/KineksCompact-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KineksCompact;src:url("../assets/fonts/KineksCompact-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--black:#080808;--gray:#c6c6c6;--yellow:#f2d400}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--black);font-family:KineksText,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.page{min-height:100vh;padding:28px 5.35vw 28px;display:flex;flex-direction:column}

header{display:flex;align-items:flex-start;justify-content:space-between}
.logo{display:block;width:62px}
.logo img{display:block;width:100%;height:auto}
.nav{display:flex;gap:30px;font-size:12px;font-weight:600;line-height:1;padding-top:4px}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}

.hero{text-align:center;padding:68px 20px 0}
.hero-kicker{font-size:14px;font-weight:600;line-height:1;margin-bottom:43px}
.hero h1{font-size:clamp(48px,5.25vw,78px);line-height:1.02;letter-spacing:-.06em;font-weight:700;margin:0 auto 38px;max-width:900px}
.hero p{font-size:16px;line-height:1.28;letter-spacing:.01em;max-width:900px;margin:0 auto}

.featured{margin-top:52px}
.featured-title{text-align:center;font-size:12px;font-weight:700;line-height:1;margin-bottom:12px}
.font-list{border-top:2px solid var(--black)}
.font-row{height:88px;border-bottom:2px solid var(--black);display:flex;align-items:center;justify-content:center;overflow:hidden}
.font-row span,.font-row a{font-size:clamp(50px,5.4vw,76px);line-height:.82;letter-spacing:-.065em;white-space:nowrap}
.font-row.disabled{color:var(--gray);cursor:default}
.font-row.arshila span{font-family:Georgia,serif;font-weight:700;letter-spacing:-.06em}
.font-row.bia span,.font-row.caelia span,.font-row.dareva span{font-family:KineksText;font-weight:700}
.font-row.kineks span{font-family:Georgia,serif;font-weight:700}
.font-row.kineks-text{font-family:KineksText;font-weight:700}
.font-row.kineks-text a:hover{opacity:.6}
.font-row.compact{font-family:KineksCompact;font-weight:700}

.bottom{margin-top:auto;padding-top:72px;display:flex;justify-content:space-between;align-items:flex-end}
.information{font-size:10px;line-height:1.55}
.information strong{display:block;font-size:11px;line-height:1;margin-bottom:4px}
.information a{display:block;width:max-content}
.information a:hover{text-decoration:underline;text-underline-offset:3px}
.copyright{text-align:right}
.copyright .brand{font-size:26px;font-weight:700;letter-spacing:-.055em;line-height:.9}
.copyright .copy{font-size:9px;line-height:1;margin-top:4px}

@media(max-width:700px){
 .page{padding:20px 5vw 24px}
 .logo{width:55px}
 .nav{gap:14px;font-size:11px}
 .hero{padding-top:55px}
 .hero-kicker{margin-bottom:34px}
 .hero h1{font-size:44px;margin-bottom:30px}
 .hero p{font-size:14px;max-width:500px}
 .featured{margin-top:42px}
 .font-row{height:72px}
 .font-row span,.font-row a{font-size:43px}
 .bottom{padding-top:62px}
 .bottom{gap:30px}
 .copyright .brand{font-size:22px}
 .information{font-size:9px}
}

.font-row.arshila span{font-family:Arshila,serif;font-weight:900}
.font-row.caelia span{font-family:Caelia,sans-serif;font-weight:700}
.font-row.dareva span{font-family:Dareva,sans-serif;font-weight:700}
.font-row.kineks span{font-family:KineksSans,sans-serif;font-weight:700}


/* Responsive type scale — shared tuning */
.hero h1{font-size:clamp(44px,6.5vw,86px);line-height:1.02;letter-spacing:-.055em}
.hero p{font-size:clamp(14px,1.35vw,18px);line-height:1.38}
.featured-title{font-size:clamp(11px,.95vw,13px)}
.font-row{height:clamp(72px,6.2vw,92px)}
.font-row span,.font-row a{font-size:clamp(42px,5.1vw,74px);line-height:.9}
@media(max-width:700px){
 .hero{padding-top:48px}
 .hero-kicker{margin-bottom:28px}
 .hero h1{font-size:clamp(42px,12.5vw,58px);line-height:1.02;margin-bottom:25px}
 .hero p{font-size:14px;line-height:1.32}
 .featured{margin-top:38px}
 .font-row{height:68px}
 .font-row span,.font-row a{font-size:clamp(34px,10.5vw,43px);line-height:.92}
}

/* Final mobile hero correction */
@media (max-width:700px){
  .hero{
    padding-top:44px;
  }
  .hero-kicker{
    font-size:11px;
    margin-bottom:30px;
  }
  .hero h1{
    font-size:40px;
    line-height:1.04;
    letter-spacing:-.045em;
    margin-left:auto;
    margin-right:auto;
    max-width:350px;
  }
  .hero p{
    font-size:13px;
    line-height:1.34;
    max-width:350px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width:370px){
  .hero h1{
    font-size:37px;
  }
  .hero p{
    font-size:12.5px;
    max-width:320px;
  }
}

/* Home hero — preserve the intended two-line composition on desktop */
@media (min-width:701px){
  .hero h1{
    max-width:none;
    white-space:nowrap;
    font-size:clamp(56px,5.25vw,78px);
  }
  .hero p{
    max-width:none;
    white-space:nowrap;
  }
}

/* Keep the same intentional line break on mobile without extra wrapping */
@media (max-width:700px){
  .hero h1{
    max-width:none;
    white-space:nowrap;
    font-size:40px;
    line-height:1.04;
  }
}
@media (max-width:370px){
  .hero h1{font-size:36px}
}

/* Final Home responsive composition */
.hero h1 .hero-line-one{white-space:nowrap}

@media(max-width:700px){
  .page{padding:16px 4vw 24px}
  header{align-items:flex-start}
  .logo{width:48px}
  .nav{gap:12px;font-size:10.5px;padding-top:3px;white-space:nowrap}
  .hero{padding:52px 0 0}
  .hero-kicker{font-size:11px;margin-bottom:28px}
  .hero h1{
    font-size:clamp(32px,8.2vw,40px);
    line-height:1.05;
    letter-spacing:-.045em;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .hero p{
    font-size:13px;
    line-height:1.34;
    max-width:350px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:370px){
  .logo{width:44px}
  .nav{gap:9px;font-size:10px}
  .hero h1{font-size:31px}
  .hero p{font-size:12.5px;max-width:320px}
}