header{display:flex;align-items:center;justify-content:space-between;gap:24px}
header nav{display:flex;align-items:center;gap:clamp(16px,3vw,32px)}
header .nav-link{border:0;background:none;padding:6px 0;min-height:42px;font:inherit;font-size:16px;color:#62615f;opacity:1}
@media(max-width:700px){header .nav-link{font-size:14px}}
header .brand-home{gap:9px;white-space:nowrap}
header .brand-name{font-size:22px;font-weight:300;line-height:1;transform:translateY(-2px)}
@media(max-width:380px){header{gap:12px}header .brand-home{gap:6px}header .brand-name{font-size:20px}header nav{gap:12px}}
body.layout-8{min-height:100svh;display:flex;flex-direction:column}
body.layout-8 header{padding-block:clamp(12px,3vh,34px)}
body.layout-8 main{min-height:0;flex:1;display:flex;align-items:center;padding:24px 8vw 40px 16vw}
body.layout-8 h1{font-size:clamp(44px,min(6.6vw,9vh),98px)}
body.layout-8 .sub{margin-top:clamp(18px,4vh,46px)}
body.layout-8 .newsletter{margin-top:clamp(30px,7vh,84px);position:relative;top:clamp(8px,2vh,20px)}
@media(max-width:700px){body.layout-8 main{padding:18px 26px 28px}body.layout-8 h1{font-size:clamp(36px,min(12vw,7vh),53px)}body.layout-8 .sub{font-size:17px;line-height:1.45}body.layout-8 .hero-action{margin-top:20px}body.layout-8 .newsletter{margin-top:clamp(24px,6vh,68px)}}
@media(max-height:540px) and (min-width:701px){body.layout-8 main{padding-block:12px}body.layout-8 .intro{max-width:1050px}body.layout-8 h1{max-width:none;font-size:44px}body.layout-8 .sub{margin-top:14px;font-size:17px;max-width:750px}body.layout-8 .hero-action{margin-top:16px}body.layout-8 .newsletter{margin-top:24px}}
header nav a{display:inline-flex;align-items:center;min-height:42px;padding:6px 0;font-size:16px;color:#62615f;position:relative;transition:color .2s ease,transform .25s ease}
header nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
header nav a:hover{color:#1a1a1a;transform:translateY(-1px)}
header nav a:hover::after,header nav a:focus-visible::after{transform:scaleX(1)}
@font-face{font-family:BookingGothic;src:url("/assets/preview/agency-20261004/portfolio/button-fonts/URWGothic-Book.otf");font-weight:400;font-display:swap}
.hero-action{margin-top:32px}
.booking{font-family:BookingGothic,sans-serif;font-size:18px;font-weight:400;line-height:1.2}
.booking{position:relative;inset:auto;display:inline-flex;align-items:center;justify-content:center;gap:17px;isolation:isolate;overflow:hidden;padding:15px 27px;border:1px solid #161616;border-radius:30px;background:linear-gradient(160deg,#484644 0%,#272625 45%,#171717 100%);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00000055,0 3px 5px #1a1a1a13,0 9px 21px #1a1a1a20;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .3s ease}
.booking::before{content:'';position:absolute;inset:-50% -70%;z-index:-1;background:linear-gradient(110deg,transparent 37%,#ffffff00 42%,#ffffff27 50%,#ffffff00 58%,transparent 63%);transform:translateX(-65%);transition:transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.booking{animation:button-glow 4s ease-in-out infinite}
.booking::before{animation:button-sheen 7s ease-in-out infinite;animation-delay:1s}
@keyframes button-glow{0%,100%{box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #00000055,0 3px 5px #1a1a1a13,0 9px 21px #1a1a1a20,0 0 0 0 #b5a89200}50%{box-shadow:inset 0 1px 0 #ffffff66,inset 0 -1px 0 #00000044,0 4px 9px #1a1a1a1c,0 12px 30px #1a1a1a30,0 0 25px 5px #b5a89230}}
@keyframes button-sheen{0%,68%{transform:translateX(-65%)}88%,100%{transform:translateX(65%)}}
.booking:hover,.booking:focus-visible{transform:translateY(-3px);filter:brightness(1.1);box-shadow:inset 0 1px 0 #ffffff55,0 5px 8px #1a1a1a15,0 15px 28px #1a1a1a2b}
.booking:hover::before,.booking:focus-visible::before{transform:translateX(65%)}
.booking:active{transform:translateY(0) scale(.98);box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #1a1a1a20}
.layout-8 .newsletter{margin-top:84px}
.newsletter.capsule form{background:linear-gradient(180deg,#ffffff60,#ffffff10);border-color:#1a1a1a26;box-shadow:inset 0 1px 0 #ffffffb3,0 3px 10px #1a1a1a05;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
.newsletter.capsule form:hover{border-color:#1a1a1a50;box-shadow:inset 0 1px 0 #ffffffc0,0 5px 14px #1a1a1a0a}
.newsletter.capsule form:focus-within{border-color:#68635c;box-shadow:0 0 0 4px #1a1a1a0a,inset 0 1px 0 #ffffffc0,0 6px 18px #1a1a1a0d;transform:translateY(-1px)}
.newsletter.capsule input{caret-color:#1a1a1a;color:#1a1a1a;outline:none;line-height:24px;padding-block:7px 13px}
.newsletter.capsule input::placeholder{color:#858079;opacity:1}
.newsletter.capsule input:autofill{box-shadow:0 0 0 1000px #faf8f4 inset}
.newsletter.capsule form button{border-radius:24px;align-self:flex-start;margin:5px 0;padding:5px 13px;min-height:34px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.newsletter.capsule form button:hover{background:#1a1a1a09;box-shadow:inset 0 1px 0 #ffffff80;transform:translateX(1px)}
.newsletter.capsule form button:active{transform:scale(.96)}
a:focus-visible,button:focus-visible{outline:2px solid #6a645b;outline-offset:5px;border-radius:5px}
.booking:focus-visible,.newsletter.capsule form button:focus-visible{border-radius:30px}
dialog{border-radius:18px;border-color:#1a1a1a26;box-shadow:0 24px 80px #1a1a1a2b;animation:arrive .25s ease both}
dialog::backdrop{background:#1a1a1a30;backdrop-filter:blur(5px)}
dialog button{border-radius:24px;transition:background .2s ease,transform .2s ease}
dialog button:hover{background:#1a1a1a08;transform:translateY(-1px)}
.intro h1,.intro>.sub,.hero-action,.newsletter{animation:arrive .65s cubic-bezier(.2,.7,.2,1) both}
.intro>.sub{animation-delay:.07s}.hero-action{animation-delay:.14s}.newsletter{animation-delay:.21s}
@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){header{padding:20px 26px}header nav a{font-size:14px}.hero-action{margin-top:28px}.booking{padding:14px 24px}.layout-8 .newsletter{margin-top:68px}.layout-8 main{min-height:calc(100svh - 84px);padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.booking:hover,.booking:active,.newsletter.capsule form:focus-within,header nav a:hover{transform:none}.booking::before{display:none}}
@font-face{font-family:BookingMono;src:url("/assets/preview/agency-20261004/portfolio/button-fonts/JetBrainsMono-Regular.ttf");font-weight:400;font-display:swap}
.booking{font-family:BookingMono,monospace;font-size:16px;font-weight:400;line-height:1.2;filter:drop-shadow(0 10px 14px #1a1a1a50);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease,box-shadow .45s ease}
.booking:hover,.booking:focus-visible{filter:brightness(1.08) drop-shadow(0 15px 20px #1a1a1a60)}