.home-page{
--home-side:86px;
--band-h:clamp(300px, 31svh, 340px);
--ink:#141414; --lime:#d8ff00;
overflow-x:hidden;
}
.home-page *{ box-sizing:border-box; }
.home-page h1, .home-page h2, .home-page p{ margin:0; } .dts-btn{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
min-width:247px; height:55px; padding:0 32px;
border:1.5px solid currentColor; border-radius:999px;
font:500 22px/1 "Swear Display", serif; text-decoration:none; white-space:nowrap;
transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.dts-btn--light{ color:#fff !important; background:transparent; }
.dts-btn--light:focus-visible{ background:var(--lime); border-color:var(--lime); color:var(--ink) !important; }
@media (hover:hover){
.dts-btn--light:hover{ background:var(--lime); border-color:var(--lime); color:var(--ink) !important; }
}
.dts-btn:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
.dts-btn .dts-ico{ flex:0 0 auto; } .home-hero{
position:relative; overflow:hidden;
height:calc(100svh - var(--band-h)); min-height:560px;
color:#fff; background:#cfcfcf;
}
.home-hero__img{
position:absolute; inset:0; width:100%; height:100%;
object-fit:cover; object-position:50% 0%;
}
.home-hero__brand{
position:absolute; left:var(--home-side); top:222px; z-index:1;
font:400 140px/135px "Swear Display", serif; color:#fff;
}
.home-hero__line{ display:block; white-space:nowrap; }
.home-hero__brand em{ font-style:italic; }
.home-hero__smile{ display:inline-block; width:36px; height:auto; margin-left:12px; vertical-align:baseline; }
.home-hero__person{ position:absolute; left:73.65%; bottom:37px; z-index:1; }
.home-hero__name{ font:italic 500 32px/38px "Swear Display", serif; color:#fff; }
.home-hero__person .dts-btn{ margin-top:18px; } .home-band{
position:relative; height:var(--band-h);
background:var(--ink); color:#fff; text-align:center;
}
.home-band__state{
position:absolute; inset:0;
display:flex; flex-direction:column; align-items:center; justify-content:center;
padding:0 var(--home-side);
transition:opacity .6s ease;
}
.home-band__h1, .home-band__sub{ font:italic 400 50px/65px "Swear Display", serif; color:#fff; }
.home-band__state--b{ opacity:0; pointer-events:none; }
.home-band.is-b .home-band__state--a{ opacity:0; }
.home-band.is-b .home-band__state--b{ opacity:1; pointer-events:auto; }
.home-band__cta{ font:italic 400 50px/1.1 "Swear Display", serif; color:#fff; }
.home-band__buttons{ display:flex; gap:18px; margin-top:26px; }
.home-page .home-band__hint{ margin-top:46px; font:400 22px/1.2 "Swear Text", serif; color:#fff; }
.home-band__hint a{ color:#fff; text-decoration:underline; text-underline-offset:4px; }
.home-band__arrow{ display:inline-block; margin-left:8px; opacity:0; transform:translateX(-6px); transition:opacity .2s ease, transform .2s ease; }
.home-band__hint a:focus-visible .home-band__arrow{ opacity:1; transform:none; }
@media (hover:hover){
.home-band__hint a:hover .home-band__arrow{ opacity:1; transform:none; }
}
.home-band__hint a:focus-visible{ outline:2px solid #fff; outline-offset:4px; } .home-slider{
position:relative; overflow:hidden;
aspect-ratio:1920 / 820; min-height:520px;
background:#2b2d2a; color:#fff;
}
.home-slider__track{
position:absolute; inset:0; display:flex;
transition:transform .8s cubic-bezier(0.65,0,0.35,1);
}
.home-slider__slide{ flex:0 0 100%; height:100%; display:block; }
.home-slider__slide picture, .home-hero picture{ display:block; width:100%; height:100%; }
.home-slider__slide img{ width:100%; height:100%; object-fit:cover; object-position:50% 50%; display:block; }
.home-slider__slide:focus-visible{ outline:2px solid #fff; outline-offset:-6px; }
.home-slider__copy{
position:absolute; left:min(86px, 6vw); bottom:24.4%; z-index:2;
pointer-events:none; font-size:clamp(34px, 3.9vw, 50px);
}
.home-slider__copy .dts-btn{ pointer-events:auto; font-size:22px; }
.home-page .home-slider__kicker{ font:400 0.64em/1.1 "Swear Display", serif; color:#fff; margin-bottom:0.24em; }
.home-slider__title{ font:italic 500 1em/1.1 "Swear Display", serif; color:#fff; margin-bottom:1em !important; }
.dts-break-m{ display:none; } .home-slider__dots{
position:absolute; left:50%; bottom:62px; z-index:2;
display:flex; gap:0; transform:translateX(-50%);
}
.home-slider__dot{
width:26px; height:26px; padding:0; border:0; background:transparent; cursor:pointer;
display:flex; align-items:center; justify-content:center;
}
.home-slider__dot::before{ content:""; width:9px; height:9px; border-radius:50%; background:#b7b7b7; transition:background-color .2s ease; }
.home-slider__dot.is-active::before{ background:#fff; }
.home-slider__dot:focus-visible{ outline:2px solid #fff; outline-offset:0; border-radius:50%; } @media (max-width:900px){
.home-page{ --home-side:36px; } .home-hero{ height:calc(100svh - var(--wp-admin--admin-bar--height, 0px)); min-height:600px; } .home-hero__img{ object-position:50% 50%; }
.home-hero__brand{ top:140px; font-size:80px; line-height:80px; }
.home-hero__smile{ width:22px; margin-left:8px; }
.home-hero__person{ left:var(--home-side); right:var(--home-side); bottom:36px; }
.home-hero__name{ font-size:22px; line-height:26px; }
.home-hero__person .dts-btn{ margin-top:23px; }
.dts-btn{ width:100%; min-width:0; height:80px; }
.dts-btn--glass, .home-hero__person .dts-btn{
background:rgba(255,255,255,.14);
-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
.home-band{ height:auto; padding:79px var(--home-side) 53px; }
.home-band__state{ position:static; padding:0; }
.home-band__state--b{ opacity:1; pointer-events:auto; margin-top:132px; }
.home-band.is-b .home-band__state--a{ opacity:1; }
.home-band__h1, .home-band__sub{ display:inline; font-size:32px; line-height:40px; }
.home-band__state--a{ display:block; }
.home-band__cta{ font:italic 500 32px/32px "Swear Display", serif; max-width:9em; }
.home-band__buttons{ flex-direction:column; gap:19px; margin-top:39px; width:100%; }
.home-band__buttons .dts-btn{ height:83px; }
.home-page .home-band__hint{ margin-top:61px; }
.home-band__hint a{ display:block; margin-top:4px; }
.home-slider{ aspect-ratio:auto; height:720px; min-height:0; }
.home-slider__slide img{ object-position:50% 50%; }
.home-slider__copy{ top:59px; bottom:53px; left:var(--home-side); right:var(--home-side); display:flex; flex-direction:column; }
.home-slider__copy{ font-size:50px; }
.home-page .home-slider__kicker{ font-size:22px; line-height:22px; margin-bottom:23px; max-width:290px; }
.home-slider__title{ font-size:50px; line-height:50px; letter-spacing:-0.03em; margin-bottom:0 !important; }
.dts-break-m{ display:inline; }
.home-slider__copy .dts-btn{ font-size:22px; }
.home-slider__copy .dts-btn{ margin-top:auto; }
.home-slider__dots{ bottom:14px; } .dts-btn--light:hover{ background:transparent; border-color:#fff; color:#fff !important; }
.dts-btn--glass:hover, .home-hero__person .dts-btn:hover{
background:rgba(255,255,255,.14); border-color:#fff; color:#fff !important;
}
.home-band__hint a:hover .home-band__arrow{ opacity:0; }
}
@media (prefers-reduced-motion: reduce){
.home-slider__track, .home-band__state, .dts-btn, .home-band__arrow{ transition:none; }
}