:root { --ivory:#f8f6ee; --navy:#071d3d; --gold:#b88638; --ink:#0b2142; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ivory); color:var(--ink); font-family:"DM Sans", Arial, sans-serif; }
.hero { min-height:100svh; position:relative; isolation:isolate; display:flex; flex-direction:column; overflow:hidden; background:#8db8d6 url("assets/lake-como-hero.png") center/cover no-repeat; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(248,246,238,.54) 0%,rgba(248,246,238,.16) 47%,rgba(7,29,61,.03) 100%), linear-gradient(0deg,rgba(4,20,41,.12),transparent 50%); }
.nav { height:82px; padding:0 2.8vw 0 1.55vw; background:transparent; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.16); transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }.nav.sticky { position:fixed; z-index:9999; top:0; left:0; right:0; background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(250,248,242,.92) 55%,rgba(255,255,255,.83)); box-shadow:0 5px 16px rgba(7,29,61,.1); border-bottom-color:rgba(7,29,61,.08); }.hero:has(.nav.sticky) { z-index:100; overflow:visible; }.nav.nav-hidden { transform:translateY(-105%); }
.brand { display:flex; align-items:center; color:var(--navy); text-decoration:none; gap:5px; }
.mark { width:51px; color:var(--gold); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-name { font-family:"Cormorant Garamond", serif; font-size:36px; font-weight:500; letter-spacing:3.2px; }
.brand-subtitle { font-size:7.5px; font-weight:500; letter-spacing:2.35px; margin:4px 0 0 4px; }
.nav-links { width:58%; display:flex; align-items:center; justify-content:space-between; gap:0; }
.nav-links a { color:#031a3c; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:1.35px; white-space:nowrap; text-shadow:0 0 2px rgba(248,246,238,.96), 0 0 6px rgba(248,246,238,.82), 0 1px 1px rgba(248,246,238,.9); transition:color .2s; }
.nav-links a:hover { color:var(--gold); }
.menu-toggle { display:none; }
.hero-content { width:100%; padding:70px 9vw 105px; margin:auto 0; text-align:center; transform:translateY(12px); }
.eyebrow { display:none; }
h1 { margin:0; color:#061b3c; font-family:"Cormorant Garamond", Georgia, serif; font-size:clamp(4rem,7.2vw,7.3rem); line-height:.78; letter-spacing:-1.5px; font-weight:500; text-transform:uppercase; }
.intro { margin:23px auto 18px; color:#0d294b; font-size:12.5px; line-height:1.65; }
.actions { display:flex; justify-content:center; gap:18px; }
.button { min-width:174px; padding:13px 20px 12px; text-decoration:none; text-transform:uppercase; letter-spacing:1.35px; font-size:10px; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-outline { border:1px solid #bd9658; color:#a77222; background:rgba(255,255,255,.75); }
.button-gold { color:var(--ivory); background:#b88638; border:1px solid #b88638; }
.button-gold:hover { background:#9e702b; }
.scroll { position:absolute; bottom:22px; left:50%; transform:translateX(-50%); width:18px; height:22px; }
.scroll span { width:8px; height:8px; position:absolute; border-right:1px solid white; border-bottom:1px solid white; transform:rotate(45deg); }
.accreditation { min-height:570px; display:grid; grid-template-columns:48% 52%; position:relative; overflow:hidden; background:#faf8f1; }
.accreditation::after { content:""; position:absolute; width:520px; height:520px; right:-105px; top:-85px; opacity:.055; background:radial-gradient(ellipse at center,transparent 42%,#b88638 43% 44%,transparent 45%),linear-gradient(45deg,transparent 47%,#b88638 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#b88638 48% 52%,transparent 53%); border-radius:50%; pointer-events:none; }
.accreditation-image { position:relative; min-height:570px; overflow:hidden; background:url("assets/santorini-accreditation.png") center/cover no-repeat; border-radius:0 13% 13% 0 / 0 50% 50% 0; }
.accreditation-image::before { content:""; position:absolute; inset:0; z-index:2; border-right:2px solid rgba(209,154,65,.72); border-radius:0 13% 13% 0 / 0 50% 50% 0; pointer-events:none; }
.accreditation-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 70%); }
.avian-stamp { position:absolute; z-index:1; left:30px; top:18px; width:145px; color:#0b2850; text-align:center; display:flex; flex-direction:column; align-items:center; line-height:1; }
.avian-stamp svg { color:#c59441; width:67px; height:40px; margin-bottom:1px; }
.avian-stamp strong { font:500 37px/ .9 "Cormorant Garamond",serif; letter-spacing:4px; }
.avian-stamp span { margin-top:5px; font-size:8px; letter-spacing:2px; }
.accreditation-copy { position:relative; z-index:1; text-align:center; padding:26px 3.7vw 30px 2vw; }
.orbital-line { display:none; }
.tourism-seal { width:91px; height:91px; margin:0 auto 8px; border-radius:50%; border:2px solid #b98635; box-shadow:0 2px 6px rgba(18,37,60,.35), inset 0 0 0 4px #f6e3b8; background:#fffaf0; color:#06244b; display:flex; flex-direction:column; justify-content:center; align-items:center; transform:rotate(-8deg); }
.tourism-seal span,.tourism-seal i { font:600 6.5px/1.1 "DM Sans",sans-serif; letter-spacing:.7px; font-style:normal; }.tourism-seal b { font-size:40px; color:#c18b32; line-height:.75; }
.accreditation h2 { margin:4px 0 5px; color:#092653; font:500 clamp(2.6rem,4.3vw,4.4rem)/.82 "Cormorant Garamond",Georgia,serif; letter-spacing:.3px; }
.diamond-rule { color:#c18b32; font-size:11px; letter-spacing:9px; margin:9px 0 5px; }.confidence { margin:0; color:#b27a2b; font:italic 20px/1.2 "Cormorant Garamond",serif; }.accreditation-note { margin:1px 0 15px; font:14px "Cormorant Garamond",serif; color:#0a2853; }
.assurance-cards { display:flex; justify-content:center; gap:27px; }.assurance-cards article { width:139px; height:90px; padding:10px 5px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:rgba(255,255,255,.84); border-radius:10px; box-shadow:0 5px 14px rgba(14,31,49,.12); }.assurance-icon { height:40px; color:#bd8736; font:37px/1 "Cormorant Garamond",serif; }.assurance-cards p { margin:5px 0 0; font:12px "Cormorant Garamond",serif; color:#092653; }
.journey-button { display:inline-flex; align-items:center; gap:13px; margin-top:19px; padding:7px 27px 8px; border-radius:5px; background:#062650; border:1px solid #bb8533; box-shadow:0 2px 5px rgba(0,0,0,.34); color:#fff; text-decoration:none; font:15px "Cormorant Garamond",serif; text-transform:uppercase; }.journey-button span { color:#d6a344; font-size:18px; }
.travel-types { padding:4px 0 0; background:#fff; }.travel-types-title { height:107px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#092653; background:#faf9f6; margin-bottom:8px; }.travel-types-title span { display:block; height:28px; color:#bd8737; font:31px/25px "Cormorant Garamond",serif; }.travel-types-title h2 { margin:5px 0 0; text-transform:uppercase; font:500 clamp(2.15rem,3.15vw,3.3rem)/1 "Cormorant Garamond",Georgia,serif; }.travel-type-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:19px 3.25vw 0; background:#faf9f6; }.travel-type { position:relative; min-height:443px; background-position:center; background-size:cover; border-radius:6px 6px 0 0; }.leisure { background-image:url("assets/leisure-travel.png"); }.corporate { background-image:url("assets/corporate-travel.png"); }.type-panel { position:absolute; z-index:1; left:5.5%; right:5.5%; bottom:0; min-height:205px; padding:16px 26px 16px; background:rgba(255,254,251,.97); }.type-panel > span { color:#b77e29; font:15px "Cormorant Garamond",serif; }.type-panel h3 { margin:10px 0 11px; text-transform:uppercase; color:#092653; font:500 25px/1 "Cormorant Garamond",serif; }.type-panel i { display:block; width:33px; height:1px; background:#be8533; }.type-panel p { max-width:390px; margin:13px 0 17px; color:#243248; font-size:10.5px; line-height:1.55; }.type-panel a { min-height:34px; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 15px 0 20px; color:#ad7529; border:1px solid #c99954; border-radius:3px; font-size:9px; font-weight:500; letter-spacing:.25px; text-transform:uppercase; text-decoration:none; }.type-panel a b { font-size:18px; font-weight:400; }
.travel-types { padding:4px 0 0; background:#fff; }.travel-types-title { height:107px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#092653; background:#faf9f6; margin-bottom:8px; }.travel-types-title span { display:block; height:28px; color:#bd8737; font:31px/25px "Cormorant Garamond",serif; }.travel-types-title h2 { margin:5px 0 0; text-transform:uppercase; font:500 clamp(2.15rem,3.15vw,3.3rem)/1 "Cormorant Garamond",Georgia,serif; }.travel-type-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:19px 3.25vw 0; background:#faf9f6; }.travel-type { position:relative; min-height:443px; background-position:center; background-size:cover; border-radius:6px 6px 0 0; }.leisure { background-image:url("assets/leisure-travel.png"); }.corporate { background-image:url("assets/corporate-travel.png"); }.type-panel { position:absolute; z-index:1; left:5.5%; right:5.5%; bottom:0; min-height:205px; padding:16px 26px 16px; background:rgba(255,254,251,.97); }.type-panel > span { color:#b77e29; font:15px "Cormorant Garamond",serif; }.type-panel h3 { margin:10px 0 11px; text-transform:uppercase; color:#092653; font:500 25px/1 "Cormorant Garamond",serif; }.type-panel i { display:block; width:33px; height:1px; background:#be8533; }.type-panel p { max-width:390px; margin:13px 0 17px; color:#243248; font-size:10.5px; line-height:1.55; }.type-panel a { min-height:34px; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 15px 0 20px; color:#ad7529; border:1px solid #c99954; border-radius:3px; font-size:9px; font-weight:500; letter-spacing:.25px; text-transform:uppercase; text-decoration:none; transition:background .25s ease,color .25s ease,transform .25s ease; }.type-panel a:hover { transform:translateY(-2px); border-color:#0a2852; background:#0a2852; color:#fff; }.type-panel a b { font-size:18px; font-weight:400; transition:transform .25s ease; }.type-panel a:hover b { transform:translateX(5px); }
.recognition { position:relative; min-height:198px; margin:16px 10px 0; padding:39px 0 27px; overflow:hidden; background:#fff; border-top:2px solid rgba(22,35,50,.52); border-bottom:2px solid rgba(22,35,50,.52); }.recognition::before,.recognition::after { content:""; position:absolute; z-index:2; width:210px; height:210px; border:1px solid rgba(190,134,48,.09); border-radius:50%; pointer-events:none; }.recognition::before { left:-110px; bottom:-160px; box-shadow:0 0 0 9px rgba(190,134,48,.035); }.recognition::after { right:-164px; top:-101px; box-shadow:0 0 0 7px rgba(190,134,48,.035),0 0 0 14px rgba(190,134,48,.025); }.recognition-track { display:flex; width:200%; transition:transform .7s cubic-bezier(.25,.65,.35,1); }.recognition-page { width:50%; flex:0 0 50%; display:grid; grid-template-columns:repeat(4,1fr); gap:3.5%; padding:0 5.5%; }.recognition-page-two { grid-template-columns:repeat(2,minmax(190px,250px)); justify-content:center; }.recognition-item { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center; color:#5c6270; text-decoration:none; transition:transform .2s; }.recognition-item:hover { transform:translateY(-3px); }.recognition-item p { min-height:66px; max-width:265px; margin:0; font-size:8px; font-weight:600; line-height:1.52; letter-spacing:.82px; text-transform:uppercase; }.media-logo { display:inline-flex; align-items:center; justify-content:center; margin-top:11px; color:#12161d; min-height:29px; }.business-mirror { font:700 20px/1 "Cormorant Garamond",serif; }.business-mirror span { color:#d69b24; }.philstar { padding:4px 8px; border-radius:3px; background:#153d78; color:white; font:700 18px/1 "DM Sans",sans-serif; }.philstar span { color:#f6c326; }.manila-standard { position:relative; flex-direction:column; align-items:flex-start; color:#165190; font:800 18px/.8 "DM Sans",sans-serif; }.manila-standard small { margin-left:2px; font:9px/.8 Georgia,serif; }.manila-times { font:700 19px/1 "Cormorant Garamond",serif; letter-spacing:-.8px; }.purple-publication { color:#5c2e87; flex-direction:column; font:800 17px/1 "DM Sans",sans-serif; }.purple-publication span { font:8px/1 "DM Sans",sans-serif; letter-spacing:2px; text-transform:uppercase; }.graphic { color:#252525; font:700 8px/.9 "DM Sans",sans-serif; letter-spacing:1px; }.graphic b { color:#b4212b; font-size:16px; letter-spacing:-.5px; }.recognition-dots { position:relative; z-index:3; display:flex; justify-content:center; gap:8px; margin-top:17px; }.recognition-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:#dedede; cursor:pointer; }.recognition-dots button.active { background:#34404b; }
.details { padding:32px 16px 24px; background:#fbfaf7; }.details-heading { padding:0 10px 25px; text-align:center; }.details-heading h2 { margin:0; color:#0a2852; font:500 clamp(3rem,4.1vw,4.45rem)/1 "Cormorant Garamond",serif; }.details-heading p { margin:9px 0 0; color:#6c7076; font-size:12px; }.details-heading em { color:#bc8436; font-style:normal; }.details-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }.detail-card { position:relative; min-height:510px; overflow:hidden; text-align:center; background:#fff; border-radius:8px 8px 0 0; box-shadow:0 7px 18px rgba(13,31,50,.14); transition:transform .3s ease,box-shadow .3s ease; }.detail-card:hover { z-index:1; transform:translateY(-8px); box-shadow:0 15px 28px rgba(13,31,50,.2); }.detail-photo { height:235px; background-position:center; background-size:cover; }.planning .detail-photo { background-image:url("assets/leisure-travel.png"); }.partners .detail-photo { background-image:url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=650&q=80"); }.coordination .detail-photo { background-image:url("assets/corporate-travel.png"); }.assistance .detail-photo { background-image:url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=650&q=80"); }.corporate-detail .detail-photo { background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=650&q=80"); }.detail-icon { position:absolute; top:195px; left:50%; transform:translateX(-50%); width:77px; height:77px; display:grid; place-items:center; color:#bf8736; font:42px/1 "Cormorant Garamond",serif; border:2px solid #ebd6b1; border-radius:50%; background:#fff; box-shadow:0 3px 9px rgba(16,32,52,.08); }.detail-card h3 { margin:66px 14px 18px; color:#102d55; font:500 clamp(1.35rem,1.75vw,1.9rem)/1 "Cormorant Garamond",serif; text-transform:uppercase; }.detail-card p { margin:0 auto; max-width:285px; padding:0 18px; color:#424b58; font-size:11px; line-height:1.62; }
.destinations { position:relative; padding:53px 0 20px; overflow:hidden; background:radial-gradient(circle at 50% 7%,#fff 0,#fbfaf7 45%,#f4f2eb 100%); }
.destination-heading { color:#152d50; text-align:center; font-size:12px; line-height:1.55; }.destination-heading p { margin:0 0 7px; color:#bd8737; font-size:11px; text-transform:uppercase; letter-spacing:2px; }.destination-heading h2 { margin:0; font:500 clamp(2.8rem,4.25vw,4.45rem)/.9 "Cormorant Garamond",Georgia,serif; text-transform:uppercase; }.gold-bird { display:block; height:26px; color:#bd8737; font:31px/24px "Cormorant Garamond",serif; }
.destination-controls { position:absolute; z-index:2; right:2.8%; top:150px; display:flex; gap:10px; }.destination-controls span { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(225,195,145,.85); border-radius:50%; color:#b77e2c; background:rgba(255,255,255,.86); box-shadow:0 5px 12px rgba(18,32,49,.1); font-size:24px; transition:background .2s,color .2s,transform .2s; }.destination-controls span:hover { color:#fff; background:#0a2852; transform:scale(1.06); }
.destination-grid { width:100%; max-width:none; margin:25px 0 0; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }.destination-card { min-height:455px; position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:6px; color:white; background-position:center; background-size:cover; box-shadow:0 10px 20px rgba(11,31,56,.14); }.destination-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,18,39,.86) 5%,rgba(3,22,48,.02) 70%); }.destination-card > * { position:relative; z-index:1; }.korea { background-image:url("https://images.unsplash.com/photo-1538485399081-7c8979d0e5c3?auto=format&fit=crop&w=500&q=85"); }.lapland { background-image:url("https://images.unsplash.com/photo-1483347756197-71ef80e95f73?auto=format&fit=crop&w=500&q=85"); }.africa { background-image:url("https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=500&q=85"); }.europe { background-image:url("https://images.unsplash.com/photo-1570077188670-e3a8d69ac5ff?auto=format&fit=crop&w=500&q=85"); }.japan { background-image:url("https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=500&q=85"); }.maldives { background-image:url("https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=500&q=85"); }
.destination-grid { width:100%; max-width:none; margin:25px 0 0; display:grid; grid-template-columns:repeat(6,1fr); gap:10px; }.destination-card { min-height:455px; position:relative; display:flex; flex-direction:column; overflow:hidden; border-radius:6px; color:white; background-position:center; background-size:cover; box-shadow:0 10px 20px rgba(11,31,56,.14); transition:transform .35s ease,box-shadow .35s ease,background-size .6s ease; }.destination-card::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,18,39,.86) 5%,rgba(3,22,48,.02) 70%); transition:background .35s ease; }.destination-card > * { position:relative; z-index:1; }.destination-card:hover { transform:translateY(-10px); background-size:112%; box-shadow:0 20px 30px rgba(11,31,56,.25); }.destination-card:hover::before { background:linear-gradient(0deg,rgba(0,18,39,.92) 5%,rgba(3,22,48,.14) 75%); }.destination-card:hover .card-copy { transform:translateY(-6px); }.destination-card:hover a { color:#fff; background:#0a2852; }.destination-card:hover a b { transform:translateX(4px); }.korea { background-image:url("https://images.unsplash.com/photo-1538485399081-7c8979d0e5c3?auto=format&fit=crop&w=500&q=85"); }.lapland { background-image:url("https://images.unsplash.com/photo-1483347756197-71ef80e95f73?auto=format&fit=crop&w=500&q=85"); }.africa { background-image:url("https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=500&q=85"); }.europe { background-image:url("https://images.unsplash.com/photo-1570077188670-e3a8d69ac5ff?auto=format&fit=crop&w=500&q=85"); }.japan { background-image:url("https://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=500&q=85"); }.maldives { background-image:url("https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=500&q=85"); }
.place { margin:17px 15px; font-size:8px; text-transform:uppercase; letter-spacing:1.2px; }.card-copy { margin-top:auto; padding:0 15px 15px; transition:transform .35s ease; }.card-copy h3 { margin:0 0 8px; font:500 26px/.91 "Cormorant Garamond",serif; text-transform:uppercase; }.card-copy p { margin:0; min-height:49px; font-size:9.5px; line-height:1.48; }.destination-card a { display:flex; justify-content:space-between; align-items:center; min-height:43px; padding:0 15px; color:#a97122; background:#fff; text-decoration:none; text-transform:uppercase; font-size:8px; letter-spacing:.85px; transition:background .3s ease,color .3s ease; }.destination-card a b { font-size:20px; font-weight:400; transition:transform .3s ease; }.carousel-dots { margin:21px 0 0; display:flex; justify-content:center; gap:8px; }.carousel-dots i,.carousel-dots b { width:7px; height:7px; border-radius:50%; background:#ddd; }.carousel-dots b { background:#bd8737; }
@media (max-width:700px) { .nav { height:64px; padding:0 20px; } .nav-links { display:none; position:absolute; top:64px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:rgba(237,244,245,.93); padding:12px 20px; } .nav-links.open { display:flex; } .nav-links a { padding:13px 0; font-size:10px; border-bottom:1px solid rgba(7,29,61,.11); } .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; width:36px; height:36px; border:0; background:transparent; } .menu-toggle span { height:1px; width:23px; display:block; background:var(--navy); } .hero { min-height:680px; background-position:58% center; } .hero-content { padding:52px 20px 95px; transform:none; } h1 { font-size:clamp(3.55rem,15vw,5.2rem); line-height:.8; } .intro { font-size:12px; max-width:330px; margin-top:20px; } .desktop-break { display:none; } .actions { flex-direction:column; align-items:center; gap:10px; } .button { width:195px; } .brand-name { font-size:27px; } }
@media (max-width:700px) { .accreditation { display:block; }.accreditation-image { min-height:310px; border-radius:0; background-position:center 58%; }.accreditation-image::before { display:none; }.accreditation-copy { padding:25px 16px 35px; }.orbital-line { display:none; }.avian-stamp { left:18px; top:14px; transform:scale(.82); transform-origin:top left; }.accreditation h2 { font-size:2.75rem; }.assurance-cards { gap:8px; }.assurance-cards article { width:31%; height:92px; }.assurance-cards p { font-size:11px; }.accreditation-note { font-size:13px; } }
@media (max-width:900px) { .destination-grid { grid-template-columns:repeat(3,1fr); }.destination-card { min-height:300px; } }
@media (max-width:700px) { .destinations { padding:35px 18px 22px; }.destination-heading h2 { font-size:2.55rem; }.destination-controls { display:none; }.destination-grid { grid-template-columns:repeat(2,1fr); gap:10px; }.destination-card { min-height:280px; }.card-copy h3 { font-size:19px; } }
@media (max-width:700px) { .travel-types { padding-top:4px; }.travel-types-title { height:104px; }.travel-type-grid { grid-template-columns:1fr; gap:16px; padding:15px 15px 0; }.travel-type { min-height:390px; }.type-panel { min-height:188px; left:5%; right:5%; padding:14px 20px; }.type-panel h3 { font-size:24px; }.type-panel p { margin:11px 0 14px; } }
@media (max-width:700px) { .recognition { min-height:310px; padding-top:35px; }.recognition-page { grid-template-columns:repeat(2,1fr); gap:28px 12px; padding:0 18px; }.recognition-page-two { grid-template-columns:repeat(2,1fr); }.recognition-item p { min-height:78px; font-size:7px; } }
@media (max-width:700px) { .details { padding:22px 12px; }.details-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.detail-card { min-height:315px; }.detail-photo { height:143px; }.detail-icon { top:116px; width:54px; height:54px; }.details-heading h2 { font-size:2.8rem; }.detail-card h3 { margin-top:43px; font-size:1.3rem; }.detail-card p { font-size:9px; }.detail-card:last-child { grid-column:1 / -1; } }

/* Editorial press-feature carousel */
.recognition { min-height:410px; margin:30px 4%; padding:0; overflow:visible; border:1px solid #ececef; border-radius:12px; background:#fff; box-shadow:0 15px 27px rgba(22,29,40,.14); }.recognition::before,.recognition::after { display:none; }.recognition-viewport { height:365px; overflow:hidden; border-radius:12px 12px 0 0; }.recognition-track { width:600%; height:365px; transition:transform .7s cubic-bezier(.25,.65,.35,1); }.recognition-page { width:calc(100% / 6); flex:0 0 calc(100% / 6); display:block; padding:0; }.recognition-item { width:100%; height:100%; display:grid; grid-template-columns:34% 66%; grid-template-rows:1fr; align-items:center; padding:51px 8% 39px; text-align:left; color:#0d0f14; transform:none !important; }.recognition-item p { grid-column:2; grid-row:1; min-height:0; max-width:760px; margin:0; color:#101116; font:500 clamp(1.8rem,2.6vw,3.05rem)/1.08 "Cormorant Garamond",Georgia,serif; letter-spacing:-.45px; text-transform:none; }.recognition-item p::before { content:"Featured in the press"; display:block; margin-bottom:20px; color:#171a20; font:600 11px/1 "DM Sans",sans-serif; letter-spacing:1.7px; text-transform:uppercase; }.media-logo { grid-column:1; grid-row:1; align-self:center; justify-self:center; margin:0; min-width:188px; min-height:188px; padding:24px; border-radius:50%; background:#f2f2f2; color:#15181e; text-align:center; box-shadow:none; }.business-mirror { font-size:27px; }.philstar { border-radius:7px; background:#153d78; min-height:auto; padding:10px 14px; }.manila-standard { align-items:center; font-size:24px; }.manila-times { font-size:25px; text-align:center; }.purple-publication { font-size:21px; }.graphic { flex-direction:column; font-size:10px; }.graphic b { font-size:21px; }.recognition-dots { height:45px; margin:0; align-items:center; }.recognition-dots button { width:10px; height:10px; background:#c8c9cb; }.recognition-dots button.active { background:#4d4f54; }
.media-logo img { display:block; max-width:132px; max-height:92px; width:auto; height:auto; object-fit:contain; }
.temporary-logo { flex-direction:column; gap:7px; border:1px solid #d9d9d9; background:#f5f5f5; }.temporary-logo b { color:#0b2850; font:500 44px/.8 "Cormorant Garamond",serif; }.temporary-logo small { color:#69717e; font:600 8px/1 "DM Sans",sans-serif; letter-spacing:1.1px; text-transform:uppercase; }
.recognition-dots button { width:7px; height:7px; background:#ddd; }.recognition-dots button.active { background:#bd8737; }
.site-footer { color:#f9f5ec; background:radial-gradient(circle at 5% 120%,#16436a 0,transparent 35%),linear-gradient(115deg,#031a34,#062b50); }.footer-main { display:grid; grid-template-columns:1.25fr .85fr 1fr .95fr 1.7fr; gap:28px; padding:35px 5% 25px; }.footer-brand { padding-right:28px; text-align:center; border-right:1px solid rgba(215,165,84,.4); }.footer-brand svg { display:block; width:48px; height:32px; margin:0 auto 2px; color:#d29a3e; }.footer-brand strong { display:block; font:500 31px/.9 "Cormorant Garamond",serif; letter-spacing:5px; }.footer-brand > span { font-size:7px; letter-spacing:2.2px; }.footer-brand i { display:block; width:85px; height:1px; margin:7px auto 13px; background:#c99642; }.footer-brand p { margin:0; color:#e3e7e9; font-size:9px; line-height:1.55; }.footer-dot { display:inline-grid; width:44px; height:44px; margin:18px 8px 0 0; place-items:center; border:2px solid #d5a14d; border-radius:50%; color:#d5a14d; font-size:26px; vertical-align:middle; }.footer-brand small { display:inline-block; color:#e4e6e5; font-size:10px; line-height:1.35; text-align:left; vertical-align:middle; }.footer-links h3,.footer-contact h3 { margin:3px 0 15px; color:#d5a14d; font-size:10px; letter-spacing:.7px; text-transform:uppercase; }.footer-links { display:flex; flex-direction:column; gap:11px; }.footer-links a,.footer-contact a { color:#eef1f2; text-decoration:none; font-size:10px; }.footer-links a:hover,.footer-contact a:hover { color:#d5a14d; }.footer-contact { padding-left:25px; border-left:1px solid rgba(215,165,84,.4); }.footer-contact p { display:flex; gap:9px; margin:0 0 11px; color:#d5a14d; font-size:15px; }.footer-contact p span,.footer-contact p a { color:#e7ebec; font-size:9px; line-height:1.45; }.socials { display:flex; gap:12px; margin-top:17px; }.socials a { width:32px; height:32px; display:grid; place-items:center; border:1px solid #c99542; border-radius:50%; color:#d5a14d; font-weight:600; text-decoration:none; }.footer-newsletter { display:flex; align-items:center; justify-content:space-between; gap:38px; padding:17px 6% 18px 29%; border-top:1px solid rgba(213,161,77,.5); border-bottom:1px solid rgba(213,161,77,.5); }.newsletter-copy { display:flex; align-items:center; gap:15px; }.newsletter-copy > span { width:42px; height:42px; display:grid; place-items:center; border:1px solid #d4a04b; border-radius:50%; color:#d4a04b; font-size:20px; }.newsletter-copy h3 { margin:0 0 2px; color:#d5a14d; font-size:9px; letter-spacing:1px; text-transform:uppercase; }.newsletter-copy strong { font:500 20px/1 "Cormorant Garamond",serif; }.newsletter-copy p { margin:4px 0 0; max-width:330px; color:#dfe4e5; font-size:9px; line-height:1.4; }.footer-newsletter form { display:flex; min-width:285px; }.footer-newsletter input { width:100%; height:35px; padding:0 13px; color:#fff; border:1px solid rgba(213,161,77,.55); border-right:0; background:transparent; font:9px "DM Sans",sans-serif; }.footer-newsletter input::placeholder { color:#dce2e5; }.footer-newsletter button { width:92px; border:0; background:#c89442; color:#fff; text-transform:uppercase; font:600 9px "DM Sans",sans-serif; letter-spacing:.5px; }.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding:17px 5%; color:#dce3e5; font-size:8px; }.footer-bottom div { display:flex; gap:17px; }.footer-bottom a { color:#dce3e5; text-decoration:none; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.stories { position:relative; padding:62px 4.5% 55px; overflow:hidden; border-top:1px solid rgba(15,31,48,.43); background:radial-gradient(circle at 10% 20%,#fff 0,#f8f5ed 51%,#eee7d9 100%); }.stories::before { display:none; }.stories-heading { position:relative; z-index:1; margin-bottom:34px; color:#0a2852; text-align:center; }.stories-heading p { margin:0 0 8px; color:#b77f2e; font-size:10px; letter-spacing:2px; text-transform:uppercase; }.stories-heading h2 { margin:0; color:#0a2852; font:500 clamp(2.8rem,4.1vw,4.5rem)/.9 "Cormorant Garamond",serif; text-transform:uppercase; }.stories-heading span { display:block; height:28px; color:#bd8737; font:32px/25px "Cormorant Garamond",serif; }.stories-heading div { color:#27374d; font-size:11px; letter-spacing:.35px; }.stories-mosaic { position:relative; z-index:1; display:grid; grid-template-columns:29% 29% 1fr; grid-template-rows:205px 215px; gap:10px; max-width:1320px; margin:0 auto; padding:0; background:transparent; box-shadow:none; }.story-tile { border-radius:13px; background-position:center; background-size:cover; box-shadow:0 5px 12px rgba(12,29,49,.11); transition:transform .35s ease,box-shadow .35s ease; }.story-tile:hover { z-index:1; transform:scale(1.025); box-shadow:0 12px 22px rgba(12,29,49,.19); }.beach-family { grid-row:1 / 3; background-image:url("assets/story-family-beach.png"); }.mountain-family { background-image:url("assets/story-mountain-couple.png"); }.hotel-family { background-image:url("assets/story-hotel-family.png"); }.dinner-friends { background-image:url("assets/story-dinner-group.png"); }.tour-friends { background-image:url("assets/story-guided-tour.png"); }.stories-button { position:relative; z-index:1; width:min(285px,90%); min-height:46px; display:flex; align-items:center; justify-content:center; gap:30px; margin:31px auto 0; color:#b57c2a; border:1px solid #c9974c; background:rgba(255,255,255,.72); text-decoration:none; text-transform:uppercase; font:600 9px "DM Sans",sans-serif; letter-spacing:.7px; transition:background .2s,color .2s; }.stories-button:hover { color:#fff; background:#0a2852; }.stories-button b { font-size:18px; font-weight:400; }
.distinction { position:relative; padding:54px 4.5% 52px; overflow:hidden; background:linear-gradient(135deg,#f5f1e8 0%,#fbfaf7 45%,#f1ece1 100%); }.distinction::before { content:""; position:absolute; inset:18px; border:1px solid rgba(190,135,53,.21); pointer-events:none; }.distinction-heading { position:relative; z-index:1; margin-bottom:30px; text-align:center; color:#0b2850; }.distinction-heading p { margin:0 0 8px; color:#b88030; font-size:10px; letter-spacing:2px; text-transform:uppercase; }.distinction-heading h2 { margin:0; font:500 clamp(2.8rem,4vw,4.4rem)/.9 "Cormorant Garamond",serif; text-transform:uppercase; }.distinction-heading span { display:block; height:26px; color:#be8735; font:31px/25px "Cormorant Garamond",serif; }.distinction-heading div { font-size:11px; letter-spacing:.35px; }.distinction-gallery { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,1fr); gap:12px; max-width:1260px; margin:0 auto; }.distinction-card { position:relative; min-height:430px; overflow:hidden; border-radius:12px; background-position:center; background-size:cover; box-shadow:0 13px 23px rgba(15,30,48,.16); transition:transform .35s ease,box-shadow .35s ease; }.distinction-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(5,20,42,.5)); }.distinction-card:hover { transform:translateY(-8px); box-shadow:0 19px 30px rgba(15,30,48,.22); }.jet-set { background-image:url("https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?auto=format&fit=crop&w=600&q=85"); }.coast { background-image:url("https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=600&q=85"); }.artist { background-image:url("https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=600&q=85"); }.explorer { background-image:url("https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=600&q=85"); }.roma { background-image:url("https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=600&q=85"); }.distinction-card span { position:absolute; z-index:1; left:50%; bottom:18px; transform:translateX(-50%); width:43px; height:43px; display:grid; place-items:center; color:#bd8737; border:1px solid rgba(222,193,141,.9); border-radius:50%; background:rgba(255,255,255,.96); font:21px "Cormorant Garamond",serif; }.artist-journeys { position:relative; z-index:1; width:min(275px,90%); min-height:44px; display:flex; align-items:center; justify-content:center; gap:26px; margin:30px auto 0; color:#b57c2a; border:1px solid #c9974c; background:rgba(255,255,255,.55); text-decoration:none; text-transform:uppercase; font:600 9px "DM Sans",sans-serif; letter-spacing:.65px; transition:background .2s,color .2s; }.artist-journeys:hover { background:#0b2850; color:#fff; }.artist-journeys b { font-size:19px; font-weight:400; }
.recognition-nav button { position:absolute; z-index:5; top:50%; width:48px; height:48px; display:grid; place-items:center; padding:0; border:1px solid rgba(225,195,145,.9); border-radius:50%; background:rgba(255,255,255,.92); box-shadow:0 7px 17px rgba(20,25,32,.16); color:#b77e2c; font:42px/.65 Arial,sans-serif; cursor:pointer; transition:background .2s,color .2s,transform .2s,box-shadow .2s; }.recognition-nav button:hover { color:#fff; background:#0a2852; transform:translateY(-50%) scale(1.06); box-shadow:0 10px 22px rgba(20,25,32,.22); }.recognition-prev { left:-25px; transform:translateY(-50%); }.recognition-next { right:-25px; transform:translateY(-50%); }
@media (max-width:700px) { .recognition-nav button { width:38px; height:38px; font-size:32px; }.recognition-prev { left:-19px; }.recognition-next { right:-19px; } }
@media (max-width:700px) { .distinction { padding:43px 20px 38px; }.distinction::before { inset:10px; }.distinction-heading h2 { font-size:3rem; }.distinction-heading div { font-size:10px; }.distinction-gallery { grid-template-columns:repeat(2,1fr); gap:10px; }.distinction-card { min-height:300px; }.distinction-card:last-child { grid-column:1 / -1; }.distinction-card:last-child { background-position:center 35%; } }
@media (max-width:700px) { .stories { padding:44px 20px 40px; }.stories::before { inset:10px; }.stories-heading h2 { font-size:3rem; }.stories-heading div { font-size:10px; }.stories-mosaic { grid-template-columns:1fr 1fr; grid-template-rows:220px 150px 150px; gap:7px; padding:7px; }.beach-family { grid-column:1 / -1; grid-row:auto; }.hotel-family { grid-row:2 / 4; } }
@media (max-width:900px) { .footer-main { grid-template-columns:repeat(2,1fr); }.footer-brand,.footer-contact { border:0; padding:0; }.footer-newsletter { padding:22px 6%; flex-direction:column; align-items:stretch; }.footer-newsletter form { min-width:0; }.footer-bottom { flex-direction:column; } }
@media (max-width:560px) { .footer-main { grid-template-columns:1fr; text-align:center; }.footer-links { align-items:center; }.footer-contact { text-align:left; }.footer-newsletter { gap:20px; }.newsletter-copy { align-items:flex-start; }.footer-bottom div { flex-wrap:wrap; gap:10px 16px; } }

/* Refined footer typography */
.footer-main { gap:34px; padding-top:44px; padding-bottom:33px; }.footer-brand strong { font-size:36px; }.footer-brand > span { font-size:8px; }.footer-brand p { font-size:10px; }.footer-brand small { font-size:11px; }.footer-links h3,.footer-contact h3 { margin-bottom:18px; font-size:11px; letter-spacing:1px; }.footer-links { gap:13px; }.footer-links a,.footer-contact a { font-size:11px; }.footer-contact p { margin-bottom:13px; font-size:16px; }.footer-contact p span,.footer-contact p a { font-size:10px; line-height:1.55; }.socials { margin-top:20px; }.socials a { width:36px; height:36px; }.footer-newsletter { padding-top:22px; padding-bottom:22px; }.newsletter-copy h3 { font-size:10px; }.newsletter-copy strong { font-size:23px; }.newsletter-copy p { font-size:10px; }.footer-newsletter input { height:40px; font-size:10px; }.footer-newsletter button { width:105px; font-size:10px; }.footer-bottom { padding-top:20px; padding-bottom:20px; font-size:9px; }
.footer-main { grid-template-columns:1.25fr .92fr 1.1fr 1.12fr 1.75fr; gap:42px; padding:54px 8% 42px; }.footer-brand { padding-right:34px; }.footer-contact { padding-left:30px; }.footer-links h3,.footer-contact h3 { margin-bottom:20px; }.footer-links { gap:15px; }.footer-contact p { margin-bottom:15px; }.socials { gap:14px; margin-top:24px; }.socials a { width:44px; height:44px; border-color:#c99542; background:rgba(2,19,39,.2); }.socials svg { width:20px; height:20px; fill:#d5a14d; stroke:#d5a14d; stroke-width:1.6; }.socials svg .fill { fill:#d5a14d; stroke:none; }.socials svg .cut { fill:#062b50; stroke:none; }.footer-newsletter { padding:27px 8% 27px 29%; }.footer-bottom { padding:21px 8%; }
 .socials a[aria-label="Instagram"] svg { fill:none; }.socials a[aria-label="Instagram"] svg .fill { fill:#d5a14d; }.socials a:hover { border-color:#f1d39b; background:#c99542; transform:translateY(-2px); }.socials a:hover svg { fill:#062b50; stroke:#062b50; }.socials a:hover svg .fill,.socials a:hover svg .cut { fill:#062b50; }
@media (max-width:900px) { .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); padding:42px 6% 34px; gap:32px; }.footer-brand,.footer-contact { padding:0; border:0; }.footer-newsletter { padding:24px 6%; } }
@media (max-width:560px) { .footer-main { grid-template-columns:1fr; padding:38px 7% 32px; text-align:center; }.footer-contact { text-align:left; }.footer-newsletter { padding:24px 7%; }.socials { justify-content:center; }.footer-contact .socials { justify-content:flex-start; }.footer-bottom { padding:19px 7%; } }

/* Keep the Instagram and YouTube marks crisp at every state. */
.socials a[aria-label="Instagram"] svg,.socials a[aria-label="YouTube"] svg { fill:none; stroke:#d5a14d; }
.socials a[aria-label="Instagram"] svg .fill,.socials a[aria-label="YouTube"] svg .cut { fill:#d5a14d; stroke:none; }
.socials a:hover[aria-label="Instagram"] svg,.socials a:hover[aria-label="YouTube"] svg { fill:none; stroke:#062b50; }
.socials a:hover[aria-label="Instagram"] svg .fill,.socials a:hover[aria-label="YouTube"] svg .cut { fill:#062b50; stroke:none; }
.socials a[aria-label="Facebook"] svg,.socials a[aria-label="TikTok"] svg { fill:#d5a14d; stroke:none; }
.socials a:hover[aria-label="Facebook"] svg,.socials a:hover[aria-label="TikTok"] svg { fill:#062b50; stroke:none; }
.site-footer .socials a { width:44px; height:44px; }
.site-footer .socials svg { width:25px; height:25px; }
@media (max-width:700px) { .recognition { min-height:490px; margin:18px 12px; }.recognition-viewport,.recognition-track { height:440px; }.recognition-page { display:block; padding:0; }.recognition-item { display:flex; flex-direction:column; justify-content:center; gap:24px; padding:38px 28px; text-align:center; }.recognition-item p { max-width:500px; font-size:2rem; }.recognition-item p::before { margin-bottom:14px; font-size:9px; }.media-logo { min-width:130px; min-height:130px; padding:18px; } }