9
1
.flyhugz-article {
--fh-text: #242424;
--fh-muted: #666666;
--fh-gold: #d4ad4f;
--fh-gold-dark: #a9822f;
--fh-soft: #f7f5ef;
--fh-border: #e8e4da;
--fh-white: #ffffff;
max-width: 1180px;
margin: 0 auto;
padding: 2rem 1.25rem 5rem;
color: var(--fh-text);
font-family: inherit;
box-sizing: border-box;
}
.flyhugz-article *,
.flyhugz-article *::before,
.flyhugz-article *::after {
box-sizing: border-box;
}
.flyhugz-hero {
position: relative;
overflow: hidden;
background:
linear-gradient(135deg, rgba(30,30,30,0.96), rgba(51,51,51,0.88));
border-radius: 22px;
padding: 4.5rem 3.5rem;
margin-bottom: 2rem;
}
.flyhugz-hero::after {
content: "";
position: absolute;
width: 260px;
height: 260px;
border-radius: 50%;
background: rgba(212, 173, 79, 0.12);
right: -70px;
top: -80px;
}
.flyhugz-kicker {
display: inline-block;
margin-bottom: 1rem;
padding: 0.5rem 0.9rem;
border: 1px solid rgba(212, 173, 79, 0.5);
border-radius: 999px;
color: #e3c779;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.flyhugz-hero h1 {
position: relative;
z-index: 2;
max-width: 820px;
margin: 0;
color: #ffffff;
font-size: clamp(2.3rem, 5vw, 4.8rem);
line-height: 1.04;
letter-spacing: -0.04em;
}
.flyhugz-hero p {
position: relative;
z-index: 2;
max-width: 720px;
margin: 1.5rem 0 0;
color: rgba(255,255,255,0.78);
font-size: 1.1rem;
line-height: 1.75;
}
.flyhugz-intro-grid {
display: grid;
grid-template-columns: 1.45fr 0.75fr;
gap: 1.5rem;
margin-bottom: 2rem;
}
.flyhugz-intro-card,
.flyhugz-nav-card {
background: var(--fh-white);
border: 1px solid var(--fh-border);
border-radius: 18px;
padding: 2rem;
}
.flyhugz-intro-card {
box-shadow: 0 12px 35px rgba(0,0,0,0.05);
}
.flyhugz-intro-card p {
margin: 0 0 1rem;
font-size: 1.03rem;
line-height: 1.8;
color: #484848;
}
.flyhugz-intro-card p:last-child {
margin-bottom: 0;
}
.flyhugz-nav-card {
background: var(--fh-soft);
}
.flyhugz-nav-card h2 {
margin: 0 0 1rem;
font-size: 1.15rem;
}
.flyhugz-nav-card a {
display: block;
padding: 0.72rem 0;
border-bottom: 1px solid #e3ded2;
color: var(--fh-text);
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
}
.flyhugz-nav-card a:last-child {
border-bottom: 0;
}
.flyhugz-nav-card a:hover {
color: var(--fh-gold-dark);
}
.flyhugz-section {
margin-top: 1.5rem;
padding: 2.4rem;
background: var(--fh-white);
border: 1px solid var(--fh-border);
border-radius: 20px;
}
.flyhugz-section h2 {
margin: 0 0 1rem;
font-size: clamp(1.65rem, 3vw, 2.25rem);
line-height: 1.2;
letter-spacing: -0.02em;
}
.flyhugz-section p {
margin: 0 0 1rem;
color: #505050;
font-size: 1rem;
line-height: 1.8;
}
.flyhugz-section p:last-child {
margin-bottom: 0;
}
.flyhugz-tips {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: 1.3rem;
}
.flyhugz-tip {
padding: 1.25rem;
background: var(--fh-soft);
border-radius: 14px;
}
.flyhugz-tip strong {
display: block;
margin-bottom: 0.45rem;
font-size: 1rem;
color: var(--fh-text);
}
.flyhugz-tip span {
color: var(--fh-muted);
font-size: 0.95rem;
line-height: 1.65;
}
.flyhugz-highlight {
margin-top: 1.5rem;
padding: 1.35rem 1.5rem;
border-left: 4px solid var(--fh-gold);
background: #fbf8ef;
border-radius: 0 14px 14px 0;
color: #4b463b;
line-height: 1.7;
}
.flyhugz-final {
margin-top: 2rem;
padding: 3rem;
border-radius: 22px;
background: #292929;
color: #ffffff;
text-align: center;
}
.flyhugz-final h2 {
margin: 0 0 1rem;
color: #ffffff;
font-size: clamp(1.8rem, 3vw, 2.7rem);
}
.flyhugz-final p {
max-width: 760px;
margin: 0 auto;
color: rgba(255,255,255,0.78);
font-size: 1rem;
line-height: 1.8;
}
.flyhugz-brand-line {
width: 58px;
height: 3px;
margin: 0 0 1.4rem;
background: var(--fh-gold);
border-radius: 3px;
}
@media (max-width: 850px) {
.flyhugz-intro-grid {
grid-template-columns: 1fr;
}
.flyhugz-hero {
padding: 3.2rem 2rem;
}
}
@media (max-width: 620px) {
.flyhugz-article {
padding: 1rem 0.8rem 3rem;
}
.flyhugz-hero {
border-radius: 16px;
padding: 2.5rem 1.4rem;
}
.flyhugz-section,
.flyhugz-intro-card,
.flyhugz-nav-card {
padding: 1.4rem;
border-radius: 15px;
}
.flyhugz-tips {
grid-template-columns: 1fr;
}
.flyhugz-final {
padding: 2.2rem 1.4rem;
border-radius: 16px;
}
}
Planning your next trip? Discover practical travel tips to help you stay organised, comfortable and confident from departure to arrival.]]>
https://www.flyhugz.co.nz/media/website_posts/9/Category_banner_travel1_1.webp
page
https://www.flyhugz.co.nz/blog/travel-with-confidence-essential-tips-for-a-smoother-journey/
2025-12-10 10:09:00
8
1
https://www.flyhugz.co.nz/media/website_posts/8/gift-guide-bannerimages-personalised-acc.png
page
https://www.flyhugz.co.nz/blog/essential-travel-items-to-pack-for-your-next-trip/
2025-12-10 09:58:58
7
1
https://www.flyhugz.co.nz/media/website_posts/7/GIF-BANNER-ENG-1024x326.gif
page
https://www.flyhugz.co.nz/blog/must-have-travel-accessories-for-a-more-comfortable-journey/
2025-12-10 09:34:56
2
1
https://www.flyhugz.co.nz/media/website_posts/2/Your-paragraph-text-(1).gif
page
https://www.flyhugz.co.nz/blog/how-to-stay-comfortable-on-a-long-haul-flight/
2025-11-20 14:24:00