:root{
  --orange:#ff6500;
  --cyan:#26d9df;
  --olive:#b5ca00;
  --lime-band:#e6e89b;
  --lime-box:#becd2c;
  --purple:#965f93;
  --text:#685946;
  --rule:#b8a58e;
  --page:980px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--text);font-family:'Open Sans',Arial,sans-serif}
a{color:inherit}
.site-header{background:#fff;padding-top:28px}
.header-inner{width:min(var(--page),calc(100% - 34px));margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--rule);padding-bottom:28px}
.brand{text-decoration:none;color:var(--orange);font-size:54px;line-height:1.14;font-weight:600;letter-spacing:-1.8px;display:flex;flex-direction:column}
.header-right{display:flex;align-items:flex-start;gap:24px;padding-top:8px}
.main-nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:400;white-space:nowrap}
.main-nav a{text-decoration:none;transition:color .2s ease}
.main-nav a:hover,.main-nav a.active{color:var(--orange)}
.nav-dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:-14px;display:none;min-width:126px;padding:8px 14px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1);z-index:10}
.dropdown-menu a{display:block;padding:5px 0}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}
.login-link{text-decoration:none;color:var(--cyan);font-size:12px;display:flex;align-items:center;gap:7px;margin-top:25px}
.user-icon{width:21px;height:21px;border-radius:50%;background:var(--cyan);color:#fff;font-size:0;position:relative;display:inline-block}
.user-icon:before{content:'';position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:7px;top:4px}
.user-icon:after{content:'';position:absolute;width:11px;height:6px;background:#fff;border-radius:7px 7px 5px 5px;left:5px;bottom:3px}
.bag-link{width:34px;height:45px;position:relative;margin-top:57px;margin-left:-5px}
.bag-handle{position:absolute;width:15px;height:12px;border:2px solid var(--cyan);border-bottom:0;border-radius:9px 9px 0 0;left:9px;top:0}
.bag-body{position:absolute;width:30px;height:30px;background:var(--cyan);left:2px;top:9px;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--orange);font-size:16px}

.hero-wrap{margin-top:44px}
.hero-slider{width:min(var(--page),calc(100% - 34px));height:615px;margin:0 auto;position:relative;overflow:hidden;background:var(--olive)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-band{height:198px;background:var(--lime-band);margin-top:-5px;position:relative}
.hero-copy{position:absolute;left:calc(50% - 490px + 4px);top:0;background:rgba(190,205,44,.96);width:455px;height:123px;padding:14px 16px}
.eyebrow{font-size:27px;line-height:1.15;font-weight:300}
.radiance{font-size:39px;line-height:1;font-weight:300}
.book-btn{position:absolute;right:calc(50% - 490px);top:0;width:203px;height:99px;background:var(--purple);color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:600}

.services-section{width:min(var(--page),calc(100% - 34px));margin:7px auto 170px;border-top:1px solid var(--rule);border-bottom:1px solid #dfd5c8;padding:0 3px 28px}
.services-section h1{font-weight:300;font-size:27px;line-height:1.12;margin:0 0 25px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:37px}
.service-image{display:block;height:275px;background:var(--olive);overflow:hidden;margin-bottom:26px}
.service-image img{width:100%;height:100%;object-fit:cover;display:block}
.service-card h2{font-size:19px;line-height:1.15;margin:0 0 3px;font-weight:600}
.service-card h3{font-size:14px;line-height:1.3;font-weight:400;margin:0 0 18px}
.service-card p{font-size:11px;line-height:1.25;margin:0;min-height:118px}
.more{display:inline-block;margin-top:23px;text-decoration:none;color:var(--cyan);font-size:10px}
.more:hover{text-decoration:underline}

@media (max-width:1020px){
  .hero-copy{left:17px}
  .book-btn{right:17px}
}
@media (max-width:760px){
  .site-header{padding-top:18px}
  .header-inner{align-items:center;padding-bottom:18px}
  .brand{font-size:36px}
  .header-right{align-items:center;padding-top:0;gap:10px}
  .menu-toggle{display:block}
  .main-nav{display:none;position:absolute;right:17px;top:92px;z-index:20;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}
  .main-nav.open{display:flex}
  .dropdown-menu{position:static;display:block;box-shadow:none;padding:4px 0 0 13px}
  .login-link,.bag-link{display:none}
  .hero-wrap{margin-top:24px}
  .hero-slider{height:58vw;min-height:310px}
  .hero-band{height:165px}
  .hero-copy{width:62%;height:104px;padding:12px 14px}
  .eyebrow{font-size:20px}.radiance{font-size:30px}
  .book-btn{width:30%;height:84px;font-size:15px;text-align:center}
  .service-grid{grid-template-columns:1fr;gap:46px}
  .service-image{height:55vw;min-height:240px;margin-bottom:18px}
  .service-card p{min-height:0}
  .services-section{margin-bottom:70px}
}