/* Immersive first screen inspired by the local Fáerhin composition.
   The landscape is concept imagery; every catalogue photo is an original studio photo. */
.utility{background:#202a23;color:#c7cebe;border-color:#445046;position:relative;z-index:21}
.status-dot{background:#b9c79c}
.header{position:fixed;top:34px;left:0;right:0;background:transparent;backdrop-filter:none;color:var(--paper);border-bottom:1px solid #eeeecc30;transition:background .25s,color .25s,top .2s}
.header.is-scrolled{top:0;background:#f1eee6f2;backdrop-filter:blur(16px);color:var(--ink);border-bottom-color:var(--line)}
.header .nav a:after{background:currentColor}
.header .nav-cta{border-color:currentColor}
.header .nav-cta:hover{background:var(--paper);color:var(--ink)}
.header.is-scrolled .nav-cta:hover{background:var(--ink);color:var(--paper)}
.header .menu-toggle span{background:currentColor}
.hero{display:block;position:relative;isolation:isolate;overflow:hidden;background:#202a23;color:var(--paper);min-height:max(730px,calc(100svh - 34px));max-height:none}
.hero-landscape{position:absolute;inset:0;z-index:-3}
.hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72);display:block}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(16,26,21,.85) 0%,rgba(19,28,23,.65) 31%,rgba(24,33,27,.21) 67%,rgba(20,28,23,.08) 100%),linear-gradient(0deg,rgba(15,24,20,.72),transparent 29%,transparent 65%,rgba(15,24,20,.35))}
.hero-copy{position:relative;padding:184px 8% 162px;overflow:visible;max-width:870px;min-height:730px;display:flex;align-items:flex-start;justify-content:center}
.hero .eyebrow{color:#d1d7c5;font-size:9px;letter-spacing:.19em;margin-bottom:18px}
.hero .tiny-line{background:#acb88c;width:35px}
.hero h1{font-size:clamp(82px,7.8vw,122px);line-height:.92;margin:0 0 30px;text-shadow:0 2px 22px #101c1840}
.hero h1 em{color:#c6d1af}
.hero h1:has(#hero-main:empty)>br,.hero h1:has(#hero-accent:empty)>br{display:none}
.hero-description{color:#d0d3c8;max-width:365px;font-size:12px;line-height:1.9}
.hero-actions{margin-top:29px;gap:28px}
.hero .button-dark{background:#e8ebdc;color:#263021;border-color:#e8ebdc}
.hero .button-dark:hover{background:#c7d0af;border-color:#c7d0af}
.hero .text-link{color:#e8ecdd;border-color:#e8ecdd70}
.hero .text-link:hover{color:#c6d1af}
.hero-side{position:absolute;right:3%;top:47%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:#e0e3d4}
.hero-bottom{position:absolute;left:8%;right:5%;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.hero-foot{color:#d0d5c3;margin:0;padding:0;flex:1;max-width:510px;gap:20px;font-size:8px;letter-spacing:.025em;border-top:1px solid #e0e4cf38;padding-top:20px}
.hero-foot>span:nth-child(2){display:block}
.hero-foot a{border-color:#e0e4cf55;color:var(--paper)}
.hero-product{position:static;left:auto;right:auto;bottom:auto;min-width:300px;color:var(--paper);background:#2131258a;padding:11px 15px 11px 11px;border:1px solid #dde1cb36;backdrop-filter:blur(10px);gap:17px}
.hero-product>img{width:52px;height:64px;object-fit:cover;filter:saturate(.7)}
.hero-product>span:nth-child(2){margin-right:auto}
.hero-product small{font-size:7px;letter-spacing:.17em;color:#c7d0b7}
.hero-product strong{font-size:23px;white-space:nowrap}
.hero-product .circle-arrow{border-color:#c1c9af77;width:32px;height:32px;font-size:18px}
.hero-product:hover .circle-arrow{background:#e8ebdc;color:#263021}
.craft-strip{background:#202a23;border-top:1px solid #e0e4cf25}
@media(min-width:1600px){.hero-copy{padding-top:210px;max-width:1100px;min-height:850px}.hero{min-height:max(850px,calc(100svh - 34px))}}
@media(max-width:1100px){.hero-copy{padding-top:168px;padding-bottom:156px;max-width:750px}.hero h1{font-size:96px}.hero-bottom{left:8%}.hero-foot>span:nth-child(2){display:none}}
@media(max-width:760px){
  .header{top:29px;height:76px}
  .header.is-scrolled{top:0}
  .header .nav{color:var(--ink);background:var(--paper)}
  .hero{min-height:max(825px,calc(100svh - 29px))}
  .hero-landscape img{object-position:57% center;filter:saturate(.65)}
  .hero-shade{background:linear-gradient(90deg,rgba(14,24,18,.72),rgba(17,27,20,.45)),linear-gradient(0deg,rgba(15,24,18,.8),transparent 40%,rgba(15,24,18,.28))}
  .hero-copy{padding:146px 7% 210px;min-height:0;max-width:none;justify-content:flex-start}
  .hero .eyebrow{font-size:7px;margin-bottom:22px;letter-spacing:.16em}
  .hero .tiny-line{width:22px}
  .hero h1{font-size:clamp(60px,14.3vw,94px);line-height:.96;margin-bottom:28px}
  .hero-description{font-size:11px;max-width:300px;line-height:1.85}
  .hero-actions{margin-top:25px;gap:21px}
  .hero .button{font-size:9px;padding:13px 15px;gap:24px}
  .hero .text-link{font-size:9px}
  .hero-side{display:none}
  .hero-bottom{left:7%;right:7%;bottom:22px;flex-direction:column;align-items:stretch;gap:22px}
  .hero-product{order:0;min-width:0;padding:9px 12px;gap:13px}
  .hero-product>img{width:44px;height:52px}
  .hero-product strong{font-size:22px}
  .hero-product small{font-size:6px}
  .hero-foot{order:1;max-width:none;width:100%;padding-top:16px;font-size:7px;gap:14px}
  .hero-foot>span:nth-child(2){display:block;font-size:7px}
  .hero-foot .coordinate{font-size:7px}
  .hero-foot a{width:30px;height:30px}
}
@media(max-width:370px){.hero-copy{padding-top:130px}.hero h1{font-size:58px}.hero{min-height:820px}.hero-actions{gap:18px}.hero-foot>span:nth-child(2){font-size:6px}}