
:root{--paper:#f7f0e3;--ink:#232b2c;--accent:#063a4b;--display:'DM Serif Display';--body:'DM Sans';--panel:#f7f0e3;--panel-ink:#063a4b}
.b-masthead{display:flex;align-items:center;justify-content:space-between;padding:25px 6% 20px;border-bottom:1px solid #232b2c45}.b-publication .eyebrow{font-size:8px;letter-spacing:.17em;display:block;margin-bottom:12px}.b-publication>a{font:400 42px/1 var(--display);letter-spacing:-.04em}.b-publication>a span{font:10px var(--body);letter-spacing:.15em;margin-left:12px}.b-mast-right{display:flex;gap:35px;align-items:center}.b-mast-right>a{font-size:11px;border-bottom:1px solid;padding:12px 0}.b-opening{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:55px 6% 75px}.b-open-copy{align-self:center}.b-open-copy>.eyebrow{color:#1c7581;font-size:9px}.b-open-copy h1{font-size:clamp(48px,6.5vw,94px);line-height:1.04;letter-spacing:-.045em;white-space:pre-line;font-weight:400;margin:30px 0}.b-open-copy p{font-size:15px;max-width:370px}.b-action{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;border:1px solid #063a4b;background:#063a4b;color:#f7f0e3;padding:14px 22px;font-size:13px;line-height:1.5;text-align:left}.b-action:hover{background:#1c7581}.b-open-copy .b-action{margin-top:28px}.b-opening-images{position:relative;padding:0 35px 40px 0}.b-samos{height:590px;position:relative;overflow:clip;border-radius:48% 48% 0 0}.b-samos img{object-position:center}.b-samos .photo-label{bottom:16px}.b-photo-annotation{position:absolute;right:-10px;bottom:10px;background:#d7b68a;color:#063a4b;padding:22px 25px;display:grid;gap:10px;transform:rotate(-3deg);max-width:260px;font-size:10px;letter-spacing:.07em}.b-photo-annotation>span:first-child{font-size:9px}.b-atlas{background:#063a4b;color:#f7f0e3;padding:65px 6% 40px;position:relative}.b-atlas-head{display:grid;grid-template-columns:1fr 1.2fr;gap:15px 8%;align-items:end}.b-atlas-head>.eyebrow{grid-column:1/-1;color:#d7b68a}.b-atlas-head h2{font:400 clamp(32px,4.5vw,58px)/1.1 var(--display);letter-spacing:-.04em}.b-atlas-head p{font-size:12px;max-width:440px;color:#c6dcdb}.b-atlas-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center;padding:35px 0}.b-map{position:relative;overflow:clip;transform:translateY(calc(20px - var(--progress)*40px))}.b-map svg{width:100%;height:auto;display:block}.b-map-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));opacity:.85}.b-map-points button{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;width:38px;height:38px;border-radius:50%;background:#063a4b;color:#f7f0e3;border:1px solid #d7b68a;font-size:12px;box-shadow:0 0 0 7px #063a4b55}.b-map-points button[aria-pressed=true]{background:#d7b68a;color:#063a4b;box-shadow:0 0 0 7px #d7b68a33}.b-region-pages article{border-top:1px solid #d7b68a;padding:20px 0;min-height:290px}.b-page-number{font-size:11px;color:#d7b68a}.b-region-pages h3{font:400 clamp(28px,3vw,42px)/1.12 var(--display);margin:20px 0;letter-spacing:-.02em}.b-region-pages p{font-size:13px;color:#d5e2df}.b-region-pages .b-action{background:none;color:#f7f0e3;border-color:#d7b68a;margin-top:25px}.b-region-tabs{display:flex;gap:20px;border-top:1px solid #d7b68a66}.b-region-tabs button{flex:1;text-align:left;color:#c6dcdb;background:none;border:0;border-top:2px solid transparent;margin-top:-1px;padding:20px 0;font-size:11px;line-height:1.7}.b-region-tabs button[aria-pressed=true]{border-color:#d7b68a;color:white}.b-chapters{padding:90px 9%;display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:center}.b-kotor{height:670px;position:relative;overflow:clip;box-shadow:20px 20px 0 #d7b68a77;transform:rotate(-2deg)}.b-kotor img{transform:translateY(calc(var(--progress)*-50px)) scale(1.14);object-position:center}.b-chapter-text h2{font:400 clamp(32px,3.9vw,54px)/1.1 var(--display);letter-spacing:-.025em;white-space:pre-line;margin:22px 0 35px}.b-chapter-text dl{margin:0}.b-chapter-text dl>div{padding:22px 0;border-top:1px solid #063a4b35}.b-chapter-text dt{font:400 22px/1.3 var(--display)}.b-chapter-text dd{margin:12px 0 0;font-size:13px;line-height:1.75}.b-contact{background:#d7b68a;color:#063a4b;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding:65px 6%;align-items:center}.b-contact h2{font:400 clamp(35px,4.6vw,64px)/1.12 var(--display);white-space:pre-line;letter-spacing:-.03em;margin:25px 0 30px}.b-contact address{font-size:14px}.b-contact address a{display:block;font-size:20px;margin-top:20px;overflow-wrap:anywhere}.b-agency{display:flex;justify-content:space-between;gap:40px;padding:30px 6%;border-bottom:1px solid #063a4b44}.b-agency p{font-size:10px;line-height:1.8;max-width:520px}.brand-bridge-tours .inquiry-sheet{top:auto;bottom:0;left:0;right:0;width:min(100%,1000px);height:94%;margin:0 auto;border-top:10px solid #d7b68a}.brand-bridge-tours .inquiry-content{padding-inline:45px}.brand-bridge-tours .field-grid input,.brand-bridge-tours .field-grid select,.brand-bridge-tours .field-grid textarea{border:0;border-bottom:1px solid #063a4b66;background:#d7b68a18}.brand-bridge-tours .inquiry-content button[type=submit]{background:#063a4b;color:#f7f0e3}.brand-bridge-tours .inquiry-content h2{font-weight:400}
@media(max-width:1000px){.b-opening{gap:6%;padding-top:40px}.b-samos{height:520px}.b-opening-images{padding-right:20px}.b-open-copy h1{font-size:6.5vw}.b-atlas-layout{gap:5%}.b-region-pages h3{font-size:30px}.b-chapters{gap:9%;padding-inline:7%}.b-kotor{height:600px}}
@media(max-width:700px){.b-masthead{padding:20px 6%;align-items:end}.b-publication .eyebrow{font-size:6px;max-width:150px}.b-publication>a{font-size:35px}.b-publication>a span{font-size:8px;margin-left:8px}.b-mast-right{display:block}.b-mast-right>a{display:block;text-align:right;font-size:9px;padding:8px 0}.b-opening{display:flex;flex-direction:column;gap:30px;padding:35px 6% 45px}.b-open-copy h1{font-size:12.5vw;margin:22px 0}.b-open-copy p{font-size:13px}.b-open-copy .b-action{margin-top:23px;font-size:12px}.b-opening-images{padding:0 20px 25px 0;width:100%}.b-samos{height:360px;border-radius:45% 45% 0 0}.b-photo-annotation{right:0;bottom:0;padding:16px;font-size:8px;max-width:225px}.b-atlas{padding:45px 6% 25px}.b-atlas-head{display:block}.b-atlas-head h2{font-size:36px;margin:20px 0}.b-atlas-head p{font-size:11px}.b-atlas-layout{display:block;padding:20px 0}.b-map{margin-inline:-5%}.b-map-points button{width:34px;height:34px}.b-region-pages article{min-height:0;padding-bottom:10px}.b-region-pages h3{font-size:33px}.b-region-pages p{font-size:13px}.b-region-tabs{gap:14px;flex-direction:column}.b-region-tabs button{padding:14px 0;border-top:0;border-left:2px solid transparent;padding-left:14px}.b-region-tabs button[aria-pressed=true]{border-left-color:#d7b68a}.b-chapters{display:block;padding:50px 7%}.b-kotor{height:430px;box-shadow:12px 12px 0 #d7b68a77;width:94%;margin-bottom:50px}.b-chapter-text h2{font-size:35px}.b-contact{display:block;padding:45px 6%}.b-contact h2{font-size:37px}.b-contact .b-action{font-size:12px}.b-contact address{margin-top:35px}.b-contact address a{font-size:19px}.b-agency{display:block}.b-agency p+p{margin-top:15px}.brand-bridge-tours .inquiry-content{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.b-map,.b-kotor,.b-kotor img{transform:none!important}.b-map-line{stroke-dashoffset:0}}
