/* BT-TRAVEL. Direction "De rode draad". Tokens mirror theme.json. */
/* Fallbacks sized close to Alegreya, so the swap does not re-wrap the first screen. */
@font-face{font-family:Alegreya;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/alegreya-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Alegreya;font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/alegreya-latin-ext-500-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/josefin-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/josefin-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/josefin-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/josefin-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:"Alegreya Fallback";src:local("Georgia");size-adjust:92%;ascent-override:95%;descent-override:30%}
@font-face{font-family:"Alegreya Sans Fallback";src:local("Calibri"),local("Gill Sans"),local("Arial");size-adjust:88%}
:root{
  --cypress:#18261F;--cypress-2:#22342B;--limestone:#E8E6DE;--paper:#F3F2EC;--madder:#A8253A;--madder-d:#8C1C2F;
  --thread:#E0606C;--olive:#4C5A46;--ink:#16211B;--wool:#F4F2EA;--muted:#47534B;--line:#CFCDC3;
  --press:120ms;--ui:260ms;--ease:cubic-bezier(.16,1,.3,1);
  --gut:clamp(16px,3vw,40px);--sec:clamp(3.5rem,8vw,7.5rem);
  --display:Alegreya,"Alegreya Fallback",Georgia,serif;
  --stitch:repeating-linear-gradient(90deg,var(--thread) 0 13px,transparent 13px 22px);
}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{margin:0;-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--madder);color:#fff}
:focus-visible{outline:3px solid var(--madder-d);outline-offset:3px}
:is(.btt-header,.btt-reelhero,.btt-dests,.btt-pagehead,.btt-desthead,.btt-footer) :focus-visible{outline-color:var(--thread)}
:is(.btt-trade,.btt-paths .wp-block-column:first-child) :focus-visible{outline-color:var(--wool)}
a{text-underline-offset:.18em}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
main,.wp-block-post-content,.wp-site-blocks{margin:0}
.wp-site-blocks>*{margin-block:0!important}
.wp-block-post-content>*,main.wp-block-group>*{margin-block:0;max-width:none}
.btt-wrap{max-width:85rem;margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box;width:100%}

/* Pages cross-fade into each other where the browser can do it. */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* Header */
.btt-header{position:absolute;inset:0 0 auto;z-index:5;color:var(--wool)}
.btt-header__in{display:flex;align-items:center;gap:1.6rem;max-width:85rem;margin-inline:auto;padding:1.1rem var(--gut);box-sizing:border-box}
.btt-wordmark{display:flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:.02em;font-size:1.2rem;color:inherit;text-decoration:none;margin-right:auto}
.btt-wordmark svg{width:34px;height:34px;display:block}
.btt-nav{display:flex;gap:1.35rem;font-size:1rem}
.btt-nav a,.btt-menu nav a{color:var(--wool);text-decoration:none}
.btt-nav a{position:relative;padding-block:.25rem}
.btt-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--thread) 0 7px,transparent 7px 11px);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--ui) var(--ease)}
.btt-nav a:hover::after,.btt-nav a:focus-visible::after,.btt-nav a[aria-current]::after{transform:none}
.btt-lang{display:flex;background:rgba(244,242,234,.1);padding:.15rem}
.btt-lang a{padding:.3rem .65rem;font-size:.95rem;color:var(--wool);text-decoration:none}
.btt-lang a[aria-current]{background:var(--wool);color:var(--ink)}
.btt-menu{display:none}
.btt-menu summary{cursor:pointer;list-style:none;padding:.3rem .65rem;background:rgba(244,242,234,.1)}
.btt-menu summary::-webkit-details-marker{display:none}
.btt-menu[open] nav{animation:btt-drop 240ms var(--ease) both}
@keyframes btt-drop{from{transform:translateY(-10px);clip-path:inset(0 0 100% 0)}to{transform:none;clip-path:inset(0)}}
.btt-menu nav{position:absolute;left:0;right:0;top:100%;background:var(--cypress-2);display:grid;padding:.5rem var(--gut) 1rem;z-index:6}
.btt-menu nav a{padding:.7rem 0;font-size:1.2rem}

/* Buttons */
.btt-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.btt-btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.15rem;font-weight:700;font-size:1.05rem;line-height:1.2;text-decoration:none;border-radius:3px;box-sizing:border-box;transition:background var(--ui) var(--ease),transform var(--press) ease-out}
.btt-btn:active,.wp-block-button__link:active{transform:scale(.97)}
.btt-btn{color:var(--wool);background:rgba(244,242,234,.14)}
.btt-btn:hover{background:rgba(244,242,234,.24)}
.btt-btn--main,.wp-block-button__link{background:var(--madder);color:#fff}
.btt-btn--main:hover,.wp-block-button__link:hover{background:var(--madder-d);color:#fff}
.btt-quiet .wp-block-button__link{background:rgba(22,33,27,.09);color:var(--ink)}
.btt-quiet .wp-block-button__link:hover{background:rgba(22,33,27,.16);color:var(--ink)}

/* Hero */
.btt-topo{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.btt-lede{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.45;max-width:36em;margin-top:1.1rem}
:root:not(.js) .btt-mode-row{display:none}
.btt-mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.3rem;font-size:1.02rem}
.btt-mode{display:flex;background:rgba(244,242,234,.1);padding:.15rem}
.btt-mode button{all:unset;cursor:pointer;padding:.3rem .65rem;font-size:.95rem;color:var(--wool);transition:background var(--ui) var(--ease),color var(--ui) var(--ease)}
.btt-mode button:focus-visible{outline:3px solid var(--thread);outline-offset:2px}
.btt-mode [aria-pressed=true]{background:var(--wool);color:var(--ink)}
.btt-band{position:relative;margin-top:1rem;--tw:264px;--th:176px}
@media (prefers-reduced-motion:no-preference){.js .btt-band{height:310px}.js .btt-band:not(.is-live) .btt-tiles{visibility:hidden}}
.btt-thread{display:none}
.btt-tiles{list-style:none;margin:0;padding:.5rem var(--gut) 1rem;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity}
.btt-tiles li{flex:none;scroll-snap-align:start}
.btt-tile{display:block;position:relative;width:var(--tw);height:var(--th);overflow:hidden;background:var(--cypress-2);color:#fff;text-decoration:none}
.btt-tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.btt-tile span{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .7rem .5rem;font-weight:700;background:linear-gradient(to top,rgba(10,16,12,.72),rgba(10,16,12,0))}
.btt-band.is-live{height:310px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.btt-band.is-live.drag{cursor:grabbing}
.btt-band.is-live .btt-thread{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(0 0 0 0);transition:clip-path 1800ms var(--ease)}
.btt-band.is-live .btt-thread.pre{clip-path:inset(0 100% 0 0)}
.btt-band.is-live .btt-tiles{display:contents}
.btt-band.is-live li{display:contents}
.btt-band.is-live .btt-tile{position:absolute;left:0;top:0;transform-origin:50% -20px;will-change:transform;-webkit-user-drag:none}

/* Destinations, directly under the footage: the contour map and the thread. */
.btt-dests{position:relative;isolation:isolate;overflow:hidden;background:var(--cypress);color:var(--wool);padding-top:clamp(2.2rem,4vw,3.5rem)}
.btt-dests h2{font-size:clamp(1.9rem,3vw,2.6rem)}

/* Motion graphics. Each one finishes a drawing as it comes into view, once. Without script or with reduced motion they are simply complete. */
.btt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.btt-map{margin:0}
.btt-map__svg{display:block;width:100%;height:auto;max-height:70vh;overflow:hidden}
.btt-map__land{fill:none;stroke:rgba(244,242,234,.55);stroke-width:1.2}
.btt-map__reveal{fill:none;stroke:#fff;stroke-width:14;stroke-dasharray:1;stroke-dashoffset:0}
.btt-map__route{fill:none;stroke:#F4F2EA;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:13 9}
.btt-map__stop circle{fill:var(--madder);stroke:#F4F2EA;stroke-width:3}
.btt-map__stop text{font:700 19px "Alegreya Sans",Calibri,sans-serif;fill:#fff;paint-order:stroke;stroke:rgba(12,20,15,.82);stroke-width:5px;stroke-linejoin:round}
.btt-map figcaption{margin-top:.5rem;font-size:.95rem;color:var(--muted)}
.btt-map.is-armed .btt-map__reveal{stroke-dashoffset:1}
.btt-map.is-armed .btt-map__stop{transform:scale(.8);transform-box:fill-box;transform-origin:center;opacity:0}
.btt-map.is-in .btt-map__reveal{stroke-dashoffset:0;transition:stroke-dashoffset 2600ms cubic-bezier(.45,0,.2,1)}
.btt-map.is-in .btt-map__stop{transform:none;opacity:1;transition:transform 400ms var(--ease),opacity 260ms ease;transition-delay:calc(200ms + var(--i)*340ms)}
.btt-steps ol,ol.btt-steps{position:relative;list-style:none;margin:0;padding:0 0 0 2.4rem;counter-reset:s}
.btt-steps ol::before,ol.btt-steps::before{content:"";position:absolute;left:.72rem;top:.5rem;bottom:.5rem;width:3px;background:repeating-linear-gradient(180deg,var(--madder) 0 13px,transparent 13px 22px)}
.btt-steps.is-armed ol::before{clip-path:inset(0 0 100% 0)}
.btt-steps.is-in ol::before{clip-path:inset(0);transition:clip-path 1800ms cubic-bezier(.45,0,.2,1)}
.btt-steps li{position:relative;counter-increment:s;margin:0 0 1.1rem}
.btt-steps li::before{content:counter(s);position:absolute;left:-2.4rem;top:-.05rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2.5px var(--madder);color:var(--ink);font-weight:800;font-size:.9rem;line-height:1.75rem;text-align:center}
.btt-settle{overflow:hidden}
.btt-days li::before{content:"";width:.95rem;height:.95rem;left:-2rem;top:.3rem}
.btt-days li strong{display:block;font-family:var(--display);font-size:1.2rem}
.btt-rail>.btt-monthwrap{max-width:none}
.btt-brief{margin-top:1rem}
.btt-brief li::before{background:var(--limestone)}
.btt-split figure{margin:0}.btt-split img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.btt-settle.is-armed img{transform:scale(1.06)}
.btt-settle.is-in img{transform:none;transition:transform 1200ms var(--ease)}
.btt-monthwrap{position:relative;overflow-x:auto;max-width:100%}
.btt-months{border-collapse:separate;border-spacing:3px;width:100%;min-width:30rem;font-size:.98rem}
.btt-months th{font-weight:700;text-align:center}
.btt-months tbody th{text-align:left;padding-right:.8rem;font-weight:500;white-space:nowrap}
.btt-months td{height:2.2rem;padding:0;vertical-align:bottom}
.btt-m{display:block;width:100%;background:var(--madder)}
td .btt-m--2{height:100%;min-height:2.2rem}td .btt-m--1{min-height:1.1rem;background:#C9838D}td .btt-m--0{min-height:.3rem;background:var(--line)}
.btt-months.is-armed td .btt-m{transform:scaleY(.05);transform-origin:bottom}
.btt-months.is-in td .btt-m{transform:none;transition:transform 500ms var(--ease);transition-delay:calc(var(--i)*40ms)}
.btt-monthkey{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-top:.6rem;font-size:.95rem;color:var(--muted)}
.btt-monthkey .btt-m{display:inline-block;width:1rem;height:1rem;margin-left:.5rem}.btt-monthkey .btt-m:first-child{margin-left:0}
.btt-monthkey .btt-m--1{background:#C9838D}.btt-monthkey .btt-m--0{background:var(--line)}

/* Opening: the thread sews itself across the hero once, and each scene settles slowly towards the viewer. */
.btt-reel__layer img,.btt-reel__layer video{transform-origin:50% 60%}
.btt-reel__layer.is-on img,.btt-reel__layer.is-on video{animation:btt-settle-in 9s cubic-bezier(.2,.6,.2,1) both}
@keyframes btt-settle-in{from{transform:scale(1.07)}to{transform:scale(1)}}
.btt-reelhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--stitch);transform-origin:0 50%;animation:btt-sew 2200ms cubic-bezier(.45,0,.2,1) 300ms both}
@keyframes btt-sew{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){
  .btt-reel{animation:btt-depth linear both;animation-timeline:scroll(root);animation-range:0 100vh}
  @keyframes btt-depth{to{transform:translateY(9%)}}
}}
@media (prefers-reduced-motion:reduce){.btt-reel__layer.is-on img,.btt-reel__layer.is-on video,.btt-reelhero::after{animation:none}}
/* Text rises into place and never fades, so it is readable at every moment of the movement. */
.btt-rise.is-armed{transform:translateY(22px)}
.btt-rise.is-in{transform:none;transition:transform 700ms var(--ease)}
/* A stitched thread across the top of the page shows how far you have read, where the browser supports scroll timelines. */
@supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
    body.single::before,body.tax-btt_style::before{content:"";position:fixed;inset:0 0 auto;height:3px;z-index:20;background:var(--stitch);transform-origin:0 50%;clip-path:inset(0 100% 0 0);animation:btt-read linear both;animation-timeline:scroll(root)}
    @keyframes btt-read{to{clip-path:inset(0)}}
    /* Pictures drift a little slower than the page, for depth. */
    .btt-region img{animation:btt-drift linear both;animation-timeline:view();scale:1.08}
    @keyframes btt-drift{from{translate:0 -3%}to{translate:0 3%}}
  }
}

/* 3D: the globe, and route maps that tilt towards the pointer. */
.btt-globe{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#16241d 0,#0b130f 70%);color:var(--wool);padding-bottom:1rem}
.btt-globe__stage{position:relative;max-width:85rem;margin-inline:auto;box-sizing:border-box}
.btt-globe__stage ul{list-style:none;margin:0;padding:1rem var(--gut);display:flex;flex-wrap:wrap;gap:.5rem}
.btt-globe__pin{color:var(--wool);font-weight:700}
.btt-globe__hint{display:none;max-width:85rem;margin:0 auto;padding-inline:var(--gut);color:#D5D9D1}
.js .btt-globe__stage{height:min(78vh,44rem);overflow:hidden}
.js .btt-globe:not(.is-live) ul{visibility:hidden}
.btt-globe.is-live canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.btt-globe.is-live.is-drag canvas{cursor:grabbing}
.btt-globe.is-live ul{display:contents}
.btt-globe.is-live li{display:contents}
.btt-globe.is-live .btt-globe__pin{position:absolute;left:0;top:0;margin:-1.1rem 0 0 .5rem;padding:.25rem .55rem;min-height:30px;box-sizing:border-box;background:var(--wool);color:var(--ink);border-radius:3px;font-size:.98rem;line-height:1.3;text-decoration:none;white-space:nowrap;will-change:transform;transition:background var(--ui) var(--ease),color var(--ui) var(--ease),opacity var(--ui) ease}
.btt-globe.is-live .btt-globe__pin:hover,.btt-globe.is-live .btt-globe__pin.is-on{background:var(--madder);color:#fff}
.btt-globe.is-live .btt-globe__pin.is-back{opacity:0;pointer-events:none}
.btt-globe.is-live .btt-globe__pin.is-back:focus{opacity:1}
.js .btt-globe__hint{display:block;min-height:1.6em}
.btt-globe.is-flying{z-index:100}
.js .btt-globe.is-flying .btt-globe__stage{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;margin:0;border:0;padding:0;overflow:hidden;color:inherit;z-index:100;background:radial-gradient(ellipse at 50% 45%,#16241d 0,#0b130f 70%)}
.btt-globe__stage::backdrop{background:none}
.btt-globe.is-live.is-flying .btt-globe__pin,.btt-globe.is-live.is-flying .btt-globe__pin.is-back:focus{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,visibility 0s 180ms}
.btt-globe__fade{position:absolute;inset:0;background:var(--cypress);opacity:0;pointer-events:none}
.btt-globe__status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.btt-map{perspective:1100px}
.btt-map__svg{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform 400ms var(--ease)}
.btt-map__stop.is-hot circle{fill:#fff;stroke:var(--madder);stroke-width:5}
.btt-days li{transition:background var(--ui) var(--ease)}
.btt-days li.is-hot strong{color:var(--madder-d)}

/* 3D explainers: a tilted board with tiles along the thread. Text stays flat and readable beside it. */
.btt-iso{margin:0;display:grid;gap:1rem;overflow:visible}
.btt-iso__scene{perspective:1100px;height:clamp(13rem,24vw,18rem);display:grid;place-items:center}
.btt-iso__board{position:relative;width:min(100%,27rem);aspect-ratio:calc(var(--n)*1.1)/1.3;background:var(--limestone);transform:rotateX(56deg) rotateZ(-32deg);transform-style:preserve-3d;box-shadow:18px 26px 40px rgba(22,33,27,.2);display:grid;grid-template-columns:repeat(var(--n),1fr);align-items:center;justify-items:center}
.btt-band2 .btt-iso__board{background:var(--paper)}
.btt-iso__thread{position:absolute;left:8%;right:8%;top:50%;height:4px;background:repeating-linear-gradient(90deg,var(--madder) 0 13px,transparent 13px 22px)}
.btt-iso__tile{position:relative;width:62%;aspect-ratio:1;background:var(--cypress);color:var(--wool);display:grid;place-items:center;transform:translateZ(26px);transform-style:preserve-3d}
.btt-iso__tile::before,.btt-iso__tile::after{content:"";position:absolute;background:#0f1a14}
.btt-iso__tile::before{left:0;right:0;top:100%;height:26px;transform-origin:50% 0;transform:rotateX(-90deg)}
.btt-iso__tile::after{top:0;bottom:0;left:100%;width:26px;transform-origin:0 50%;background:#22342B;transform:rotateY(90deg)}
.btt-iso__tile b{font:800 1.3rem "Alegreya Sans",sans-serif;transform:rotateZ(32deg)}
.btt-iso__steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;font-size:1rem}
.btt-iso__steps li{counter-increment:s;display:grid;grid-template-columns:1.7rem 1fr;align-items:start}
.btt-iso__steps li::before{content:counter(s);font-weight:800;color:var(--madder-d)}
.btt-iso.is-armed .btt-iso__tile{transform:translateZ(0)}
.btt-iso.is-armed .btt-iso__thread{clip-path:inset(0 100% 0 0)}
.btt-iso.is-in .btt-iso__tile{transform:translateZ(26px);transition:transform 620ms cubic-bezier(.34,1.3,.64,1);transition-delay:calc(240ms + var(--i)*260ms)}
.btt-iso.is-in .btt-iso__thread{clip-path:inset(0);transition:clip-path 1500ms cubic-bezier(.45,0,.2,1)}
.btt-iso.is-in .btt-iso__board{animation:btt-board 14s ease-in-out 2s infinite alternate}
@keyframes btt-board{from{transform:rotateX(56deg) rotateZ(-32deg)}to{transform:rotateX(54deg) rotateZ(-27deg)}}
@media (prefers-reduced-motion:reduce){.btt-iso.is-in .btt-iso__board{animation:none}}
.btt-globe--compact{background:radial-gradient(ellipse at 50% 50%,#16241d 0,#0b130f 72%)}
.js .btt-globe--compact .btt-globe__stage{height:min(62vh,30rem)}
.btt-rail:has(.btt-globe){max-width:none}

/* Trip pages: the map stays beside the programme and follows the reader. */
.btt-split .wp-block-column:has(.btt-map){position:sticky;top:5rem;align-self:flex-start}
.btt-map__stop.is-past circle{fill:#fff;stroke:var(--madder)}
.btt-days li.is-now strong{color:var(--madder-d)}
/* The live brief beside the form. */
.btt-live{list-style:none;margin:0 0 1.4rem;padding:0 0 0 1.5rem;position:relative}
.btt-live::before{content:"";position:absolute;left:.4rem;top:.4rem;bottom:.4rem;width:3px;background:var(--line)}
.btt-live::after{content:"";position:absolute;left:.4rem;top:.4rem;width:3px;height:var(--done,0%);max-height:calc(100% - .8rem);background:repeating-linear-gradient(180deg,var(--madder) 0 9px,transparent 9px 15px);transition:height var(--ui) var(--ease)}
.btt-live li{position:relative;padding:.15rem 0;color:var(--muted)}
.btt-live li::before{content:"";position:absolute;left:-1.3rem;top:.55rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--line);transition:background var(--press) ease-out,box-shadow var(--press) ease-out}
.btt-live li.is-done{color:var(--ink);font-weight:500}
.btt-live li.is-done::before{background:var(--madder);box-shadow:none}
@media (max-width:899px){.btt-live-wrap{display:none}.btt-split .wp-block-column:has(.btt-map){position:static}.btt-sectionnav a.btt-sectionnav__cta{font-size:.92rem;padding-inline:.65rem;max-width:48vw;line-height:1.1}}

/* Information that is quick to scan. */
.btt-glance{background:var(--cypress);color:var(--wool);padding-block:clamp(1.4rem,3vw,2.2rem)}
.btt-glance dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1rem clamp(1rem,3vw,2.5rem);margin-block:0}
.btt-glance dt{font-size:.95rem;color:#C9CFC6}
.btt-glance dd{margin:.1rem 0 0;font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.15}
.btt-why ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem clamp(1.5rem,4vw,3.5rem)}
.btt-why strong{display:block;font-family:var(--display);font-size:1.3rem;line-height:1.15;margin-bottom:.25rem;padding-top:.7rem;background:repeating-linear-gradient(90deg,var(--madder) 0 13px,transparent 13px 22px) top/100% 3px no-repeat}
.btt-faq{max-width:85rem;margin-inline:auto;padding:var(--sec) var(--gut) 0;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:0 clamp(1.2rem,4vw,4rem)}
.btt-faq>h2{grid-row:1/span 20;font-size:clamp(1.7rem,2.6vw,2.2rem)}
.btt-faq>details{grid-column:2;max-width:46em;border-top:1px solid var(--line);interpolate-size:allow-keywords}
.btt-faq>details:last-of-type{border-bottom:1px solid var(--line)}
.btt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;font-weight:700;font-size:1.08rem;min-height:44px;box-sizing:border-box;align-items:center}
.btt-faq summary::-webkit-details-marker{display:none}
.btt-faq summary::after{content:"+";flex:none;font-size:1.5rem;line-height:1;color:var(--madder-d);transition:transform var(--ui) var(--ease)}
.btt-faq details[open] summary::after{transform:rotate(45deg)}
.btt-faq details::details-content{block-size:0;overflow:hidden;transition:block-size var(--ui) var(--ease),content-visibility var(--ui) allow-discrete}
.btt-faq details[open]::details-content{block-size:auto}
.btt-faq details p{margin:0 0 1rem;max-width:42em}
.btt-matrix{border-collapse:collapse;width:100%;min-width:34rem}
.btt-matrix th{font-weight:700;padding:.55rem .6rem;text-align:center}
.btt-matrix tbody th{text-align:left;padding-left:0}
.btt-matrix a{color:var(--ink);text-decoration-color:var(--line)}
.btt-matrix td{text-align:center;border-top:1px solid var(--line);padding:.55rem .6rem}
.btt-matrix tbody th{border-top:1px solid var(--line)}
.btt-dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line)}
.btt-dot.is-on{background:var(--madder);box-shadow:none}
.btt-matrixwrap.is-armed .btt-dot.is-on{transform:scale(0)}
.btt-matrixwrap.is-in .btt-dot.is-on{transform:none;transition:transform 420ms cubic-bezier(.34,1.3,.64,1);transition-delay:calc(var(--i,0)*60ms)}
.btt-compare table{width:100%;border-collapse:collapse;min-width:32rem}
.btt-compare th,.btt-compare td{text-align:left;vertical-align:top;padding:.65rem .8rem .65rem 0;border-top:1px solid var(--line)}
.btt-compare thead th{border-top:0;font-family:var(--display);font-size:1.25rem}
.btt-styleday__suits{font-weight:700;margin-top:.8rem}
.btt-styleday h2{font-size:clamp(1.7rem,2.6vw,2.2rem);margin-bottom:.6rem}
@media (max-width:899px){.btt-why ul{grid-template-columns:minmax(0,1fr)}.btt-faq{grid-template-columns:minmax(0,1fr)}.btt-faq>h2{grid-row:auto;margin-bottom:.6rem}.btt-faq>details{grid-column:1}}
@media (prefers-reduced-motion:reduce){.btt-faq details::details-content{transition:none}}

/* Two typefaces in every headline: heavy sans for the statement, a warm italic serif in colour for the close. */
h1,h2,.btt-reelhero h1,.btt-pagehead h1,.btt-styles strong,.btt-sc h2{font-family:"Alegreya Sans","Alegreya Sans Fallback",Calibri,sans-serif;font-weight:800;letter-spacing:-.022em}
.btt-a{font-family:var(--display);font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--madder-d)}
:is(.btt-reelhero,.btt-pagehead,.btt-desthead,.btt-dests,.btt-stylesec,.btt-footer) .btt-a{color:#F4B7A4}
.btt-trade .btt-a,.btt-paths .wp-block-column:first-child .btt-a{color:#F3DFC6}
.btt-stylesec,.btt-regions,.btt-trade,.btt-band2{position:relative;isolation:isolate;overflow:hidden}
.btt-stylesec{background:var(--cypress);color:var(--wool)}
main .btt-stylesec h2{font-size:clamp(2.4rem,5.6vw,5rem);line-height:1.02;margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.btt-stylesec .btt-styles a,.btt-stylesec .btt-styles strong{color:var(--wool)}
.btt-stylesec .btt-styles a{text-decoration-color:rgba(244,242,234,.35)}
.btt-stylesec .btt-styles a:hover{text-decoration-color:var(--thread)}
.btt-stylesec :is(.btt-styles--pics) figcaption{color:#C9CFC6}
.btt-stylesec :focus-visible{outline-color:var(--thread)}
main :is(.btt-activities,.btt-bulent) h2,main .btt-howhome>h2,main .btt-trade h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.04}
main .btt-region h3{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.01em;line-height:1.02;color:var(--madder-d)}
.btt-region figure,.btt-styles--pics figure,.btt-trip__img{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 500ms var(--ease)}
main .btt-regions>.btt-wrap h2{font-size:clamp(2.4rem,5.6vw,5rem);line-height:1.02}

/* A filmstrip of everyday travel. It scrolls sideways and the page keeps scrolling up and down. */
.btt-strip{display:flex;gap:clamp(.6rem,1.4vw,1.1rem);overflow-x:auto;scroll-snap-type:x proximity;padding:0 max(var(--gut),calc((100% - 85rem)/2 + var(--gut))) 1rem;scrollbar-width:thin;scrollbar-color:var(--madder) transparent}
.btt-strip figure{flex:0 0 clamp(15rem,30vw,27rem);margin:0;scroll-snap-align:start}
.btt-strip figure:nth-child(even){flex-basis:clamp(12rem,22vw,19rem)}
.btt-strip img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.btt-strip figure:nth-child(even) img{aspect-ratio:4/5}
.btt-strip figcaption{margin-top:.35rem;font-size:.88rem;color:var(--muted)}

/* Region stories: full-width picture and text, alternating sides, so a country page reads like a magazine, not a form. */
.btt-regions{padding-block:var(--sec)}
.btt-regions>.btt-wrap h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.btt-region.wp-block-columns{max-width:85rem;margin:0 auto clamp(2.5rem,6vw,5rem);padding-inline:var(--gut);box-sizing:border-box;gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.btt-region:nth-of-type(even){flex-direction:row-reverse}
.btt-region .wp-block-column:has(figure){flex-basis:58%!important}
.btt-region figure{margin:0}
.btt-region img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.btt-region h3{font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.08;margin-bottom:.5rem}
.btt-region figcaption{margin-top:.4rem;font-size:.9rem;color:var(--muted)}
.btt-split.wp-block-columns{max-width:85rem;margin-inline:auto;padding:var(--sec) var(--gut);box-sizing:border-box;gap:clamp(2rem,6vw,5rem);align-items:start}
.btt-split h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:.7rem}
.btt-band2{background:var(--limestone);padding-block:var(--sec)}
.btt-band2>.btt-wrap>h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:.7rem}
.btt-facts ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.1rem clamp(1.5rem,4vw,3.5rem)}
.btt-facts strong{display:block;font-family:var(--display);font-size:1.25rem}

/* Home sections */
.btt-activities{padding-block:var(--sec)}
.btt-activities>.wp-block-columns{max-width:85rem;margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box;gap:clamp(2rem,6vw,6rem)}
.btt-activities h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:.8rem}
.btt-activities .wp-block-buttons{margin-top:1.3rem}
.btt-stylesec{background:var(--limestone);padding-block:var(--sec);padding-inline:max(var(--gut),calc((100% - 85rem)/2 + var(--gut)))}
.btt-stylesec h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:1.6rem}
.btt-styles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem clamp(2rem,6vw,6rem)}
.btt-styles strong{display:block;font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1}
.btt-styles span{display:block;margin-top:.2rem;max-width:30em}
.btt-bulent{padding-block:var(--sec)}
.btt-bulent>.wp-block-columns{max-width:85rem;margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box;gap:clamp(2rem,5vw,5rem);align-items:center}
.btt-bulent img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.btt-bulent h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:.8rem}
.btt-trade{background:var(--olive);color:#fff;padding-block:var(--sec);padding-inline:max(var(--gut),calc((100% - 85rem)/2 + var(--gut)));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(2rem,6vw,6rem);align-items:start}
.btt-trade>*{grid-column:1;margin-block:0;max-width:none}
.btt-trade h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:.8rem}
.btt-trade ul{grid-column:2;grid-row:1/span 3;list-style:none;padding:0;font-family:var(--display);font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.15}
.btt-trade li+li{margin-top:.7rem}
.btt-trade .wp-block-buttons{margin-top:1.4rem}
.btt-trade:not(:has(ul))>.wp-block-buttons{grid-column:2;grid-row:1/span 3;align-self:center;justify-content:flex-end;margin-top:0}
.btt-onolive .wp-block-button__link,.btt-onolive .wp-block-button__link:hover{background:var(--wool);color:var(--ink)}
.btt-nb{white-space:nowrap}
.btt-note{font-weight:700;margin-bottom:1rem}
main.wp-block-group>.btt-rail{max-width:85rem}
.btt-rail{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:0 clamp(1.2rem,4vw,4rem);max-width:85rem;margin-inline:auto;padding:var(--sec) var(--gut) 0;box-sizing:border-box}
.btt-rail>h2{grid-row:1/span 20;font-size:clamp(1.7rem,2.6vw,2.2rem)}
.btt-rail>:not(h2){grid-column:2;max-width:42em;margin-block:0 .9rem}
.btt-rail ul,.btt-rail ol{padding-left:1.2em}
.btt-rail li+li{margin-top:.3rem}
.btt-how{padding-bottom:var(--sec)}
/* Two activities: one reading column on the left edge, the picture beside it inside the margins. */
.btt-lead h2{font-size:clamp(1.9rem,3vw,2.6rem)}
.btt-lead .wp-block-buttons+h2{margin-top:clamp(2.2rem,4vw,3.2rem)}
.btt-lead figure,.btt-bulent figure{margin:0}
.btt-lead img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
:is(.btt-lead,.btt-bulent,.btt-styles--pics) figcaption{position:relative;margin-top:.4rem;font-size:.9rem;color:var(--muted)}

/* Six styles, like a contents page: a lead picture, then entries in two forms and five sizes. The whole entry is the link. */
.btt-styles--pics{display:block}
.btt-styles--pics li{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto 1fr;column-gap:clamp(1.5rem,4vw,3.5rem)}
.btt-styles--pics li+li{margin-top:clamp(2rem,4vw,3.2rem)}
.btt-styles--pics :is(a,span){grid-column:1}
.btt-styles--pics a::after{content:"";position:absolute;inset:0}
.btt-styles--pics figure{grid-column:2;grid-row:1/-1;margin:0}
.btt-styles--pics img{display:block;width:60%;height:auto;aspect-ratio:3/2;object-fit:cover}
.btt-styles--pics figcaption{z-index:1;overflow-wrap:anywhere}
.btt-styles--pics li:is(:first-child,:nth-child(3),:nth-child(6)){grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.btt-styles--pics li:first-child figure{grid-column:1;grid-row:1;margin-bottom:1rem}
.btt-styles--pics li:first-child img{width:100%;aspect-ratio:2/1;object-position:50% 15%}
.btt-styles--pics li:is(:nth-child(3),:nth-child(6)) figure{grid-column:1;grid-row:auto;margin-top:.8rem}
.btt-styles--pics li:nth-child(3) img{width:66%;aspect-ratio:3/1;object-position:50% 25%}
.btt-styles--pics li:nth-child(4) img{width:34%}
.btt-styles--pics li:nth-child(5) img{width:48%}
.btt-styles--pics li:nth-child(6) img{width:30%}
.btt-stylesec>.wp-block-buttons{margin-top:clamp(2rem,4vw,3.2rem)}

/* From tablet up the list fills the full width as tiles of mixed size. */
.btt-styles__where{display:block;margin-top:.3rem;font-style:normal;font-weight:700;font-size:.95rem;color:#F4B7A4}
.btt-styles--pics img{transition:transform 700ms var(--ease)}
.btt-styles--pics li:hover img{transform:scale(1.03)}
.btt-styles--pics figure{overflow:hidden}
.btt-styles--pics figcaption{position:relative;background:var(--cypress)}
@media (min-width:900px){
  .btt-styles--pics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,3.4vw,3rem) clamp(1rem,2.4vw,2rem)}
  .btt-styles--pics li,.btt-styles--pics li:is(:first-child,:nth-child(3),:nth-child(6)),.btt-styles--pics li:nth-child(n){display:flex;flex-direction:column;margin:0}
  .btt-styles--pics li:nth-child(n) figure{order:-1;margin:0 0 .8rem}
  .btt-styles--pics li:nth-child(n) img{width:100%;height:clamp(15rem,23vw,21rem);aspect-ratio:auto;object-position:50% 40%}
  .btt-styles--pics li:first-child{grid-column:span 12}
  .btt-styles--pics li:first-child img{height:clamp(22rem,38vw,34rem);object-position:50% 15%}
  .btt-styles--pics li:nth-child(2),.btt-styles--pics li:nth-child(5){grid-column:span 7}
  .btt-styles--pics li:nth-child(3),.btt-styles--pics li:nth-child(4){grid-column:span 5}
  .btt-styles--pics li:nth-child(6){grid-column:span 12;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto auto;align-content:center;column-gap:clamp(1rem,2.4vw,2rem)}
  .btt-styles--pics li:nth-child(6) figure{order:2;margin:0;grid-column:2;grid-row:1/span 3}
  .btt-styles--pics li:nth-child(6) :is(a,span,em){grid-column:1}
}

/* How a request works: the heading spans the section, so on a phone the diagram can sit between it and the steps. */
.btt-howhome{max-width:85rem;margin-inline:auto;padding:var(--sec) var(--gut);box-sizing:border-box}
.btt-howhome>h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:.7rem}
.btt-howhome>.btt-split.wp-block-columns{padding:0;margin-top:1.2rem}

/* Core sets flex-basis:0 and flex-grow:1 on columns at a higher specificity, so these need !important, like .btt-region. */
@media (min-width:900px){
  .btt-lead>.wp-block-column:has(figure){flex:0 0 54%!important}
  .btt-bulent .wp-block-column:has(figure){flex:0 0 42%!important}
}
@media (max-width:899px){
  .btt-activities>.btt-lead{flex-direction:column}
  .btt-howhome>.btt-split.wp-block-columns{flex-direction:column-reverse}
  .btt-howhome>.btt-split>.wp-block-column{flex:none!important;width:100%}
  .btt-lead h2{font-size:min(1.9rem,8vw)}
  .btt-styles--pics li{grid-template-columns:minmax(0,1fr) clamp(7rem,34vw,14rem);column-gap:1rem}
  .btt-styles--pics li:nth-child(4){grid-template-columns:minmax(0,1fr) clamp(5.5rem,25vw,10rem)}
  .btt-styles--pics li:nth-child(n+2) img{width:100%}
  .btt-styles--pics li:first-child img{aspect-ratio:4/3}
  .btt-styles--pics li:nth-child(3) img{width:60%;aspect-ratio:3/2}
  .btt-styles--pics li:nth-child(6) img{width:46%}
}

.btt-note{font-size:.98rem}
.btt-draft{font-size:.98rem;background:#F2E3D0;color:var(--ink);padding:.35rem .6rem;width:fit-content}
.btt-trade .btt-draft{margin-top:.8rem}
.btt-prose:has(>.wp-block-post-content>:is(.btt-close,.btt-trade):last-child){padding-bottom:0}
.btt-close{background:var(--limestone);padding-block:clamp(2.5rem,5vw,4rem)}
.btt-close .btt-btn:not(.btt-btn--main){background:rgba(22,33,27,.09);color:var(--ink)}
.btt-close .btt-btn:not(.btt-btn--main):hover{background:rgba(22,33,27,.16)}

/* Inner pages */
.btt-pagehead,.btt-desthead{position:relative;isolation:isolate;overflow:hidden;background:var(--cypress);color:var(--wool);padding-top:6rem}
.btt-pagehead{padding-bottom:clamp(2.5rem,5vw,4rem)}
/* The same stitched line that runs under the footage closes every page header. */
.btt-pagehead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--stitch)}
.btt-pagehead--scene{padding-top:clamp(11rem,24vw,20rem)}
.btt-pagehead__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 68%;z-index:-2}
.btt-pagehead--scene::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(12,20,15,.72) 0,rgba(12,20,15,0) 30%),linear-gradient(to top,rgba(12,20,15,.9) 0,rgba(12,20,15,.72) 45%,rgba(12,20,15,0) 85%)}
.btt-pagehead__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 68%;z-index:-2;opacity:0;transition:opacity 1200ms linear}
.btt-pagehead__video.is-on{opacity:1}
.btt-desthero{padding-top:clamp(14rem,34vw,27rem)}
.btt-desthero .btt-back{color:var(--wool)}
figure[data-clip]{position:relative}
.btt-split .btt-clip__video{aspect-ratio:4/3}
.btt-clip__video{position:absolute;left:0;top:0;width:100%;aspect-ratio:3/2;object-fit:cover;opacity:0;transition:opacity 1200ms linear}
.btt-clip__video.is-on{opacity:1}
.btt-clip__toggle{all:unset;box-sizing:border-box;position:absolute;right:.6rem;top:.6rem;min-height:44px;padding:.3rem .8rem;display:inline-flex;align-items:center;background:rgba(12,20,15,.72);color:var(--wool);border-radius:3px;font-weight:700;font-size:.95rem;cursor:pointer}
.btt-clip__toggle:hover{background:rgba(12,20,15,.9)}
.btt-clip__toggle:focus-visible{outline:3px solid var(--thread);outline-offset:2px}
.btt-pagehead__toggle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;margin:.6rem .9rem 0 0;padding:.3rem .8rem;background:rgba(244,242,234,.16);border-radius:3px;font-weight:700;cursor:pointer;vertical-align:middle}
.btt-pagehead__toggle:hover{background:rgba(244,242,234,.28)}
.btt-pagehead__toggle:focus-visible{outline:3px solid var(--thread);outline-offset:2px}
.js .btt-pagehead--scene .btt-pagehead__note{margin-top:.6rem;min-height:44px;display:inline-flex;align-items:center}
.btt-pagehead__note{display:inline-block;vertical-align:middle;margin-top:.5rem;font-size:.95rem;color:#D5D9D1}
.btt-pagehead h1,.btt-desthead h1{font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.015em}
.btt-back{display:inline-block;color:var(--wool);margin-bottom:.8rem}
.btt-desthead__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;padding-bottom:clamp(2rem,4vw,3.5rem)}
.btt-desthead__copy{align-self:center}
.btt-desthead figure{margin:0}
.btt-desthead img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.btt-desthead figcaption{font-size:.9rem;color:#C9CFC6;margin-top:.4rem}
.btt-sectionnav{position:sticky;top:0;z-index:4;background:var(--paper)}
.btt-sectionnav::after{content:"";display:block;height:3px;background:var(--stitch)}
.btt-sectionnav .btt-wrap{display:flex;align-items:center;gap:1.5rem;padding-block:.5rem}
.btt-sectionnav__links{display:flex;gap:1.5rem;overflow-x:auto;flex:1 1 auto;min-width:0;padding-block:.35rem;scrollbar-width:none}
.btt-sectionnav a.btt-sectionnav__cta{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:.35rem .9rem;background:var(--madder);color:#fff;border-radius:3px;font-weight:700;font-size:1rem;transition:background var(--ui) var(--ease),transform var(--press) ease-out}
.btt-sectionnav a.btt-sectionnav__cta:hover{background:var(--madder-d);text-decoration:none}
.btt-sectionnav a.btt-sectionnav__cta:active{transform:scale(.97)}
.btt-sectionnav a{white-space:nowrap;color:var(--ink);text-decoration:none;font-weight:500}
.btt-sectionnav a.is-here{font-weight:700;text-decoration:underline;text-decoration-color:var(--madder);text-decoration-thickness:2px;text-underline-offset:.3em}
.btt-sectionnav a:hover{text-decoration:underline;text-decoration-color:var(--madder);text-decoration-thickness:2px}
.btt-prose{padding-bottom:var(--sec)}
.admin-bar .btt-header{top:32px}
@media (max-width:782px){.admin-bar .btt-header{top:46px}}
.btt-trips{background:var(--limestone);padding-block:var(--sec)}
.btt-trips h2{font-size:clamp(1.9rem,3vw,2.6rem)}
.btt-trips__note{margin-top:.5rem;max-width:42em}
.btt-trip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(1.2rem,4vw,3rem);align-items:center;margin-top:clamp(2rem,4vw,3rem)}
.btt-trip:nth-of-type(even) .btt-trip__img{order:2}
.btt-trip img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.btt-trip h3{font-size:clamp(1.5rem,2.4vw,2.1rem)}
.btt-trip h3 a{color:var(--ink);text-decoration:none}
.btt-trip h3 a:hover{text-decoration:underline;text-decoration-color:var(--madder)}
.btt-meta{font-weight:700;margin-block:.3rem .5rem}
.btt-destcta{background:var(--paper);padding-block:var(--sec)}
.btt-destcta .btt-btn:not(.btt-btn--main){background:rgba(22,33,27,.09);color:var(--ink)}
.btt-destcta .btt-btn:not(.btt-btn--main):hover{background:rgba(22,33,27,.16)}
.btt-destcta h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.btt-destcta p{margin-block:.7rem 1.3rem;max-width:38em}

/* Destinations overview */
.btt-destlist{list-style:none;margin-block:0;padding-block:var(--sec) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2.5rem,5vw,4.5rem) clamp(1rem,3vw,2.5rem);align-items:start}
.btt-destlist li{grid-column:span 5}
.btt-destlist li:nth-child(4n+1),.btt-destlist li:nth-child(4n){grid-column:span 7}
.btt-destlist li:last-child:nth-child(odd){grid-column:span 12}
.btt-destlist li:last-child:nth-child(odd) img{aspect-ratio:21/9}
.btt-destlist a{color:var(--ink);text-decoration:none}
.btt-destlist img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.btt-destlist h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-top:.7rem}
.btt-destlist a:hover h2{text-decoration:underline;text-decoration-color:var(--madder);text-decoration-thickness:2px}
.btt-destlist p{max-width:34em;margin-top:.2rem}

/* Travel styles */
.btt-styles a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:2px}
.btt-styles a:hover{text-decoration:underline;text-decoration-color:var(--madder);text-decoration-thickness:2px}
.btt-stylelist{list-style:none;margin-block:0;padding-block:var(--sec) 0}
.btt-stylelist li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.4rem clamp(2rem,6vw,6rem);align-items:baseline}
.btt-stylelist li+li{margin-top:clamp(2rem,4vw,3rem)}
.btt-stylelist h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}
.btt-stylelist h2 a{color:var(--ink);text-decoration:none}
.btt-stylelist h2 a:hover{text-decoration:underline;text-decoration-color:var(--madder);text-decoration-thickness:2px}
.btt-stylelist p{max-width:36em}
.btt-stylelist .btt-meta{margin-block:.4rem 0}

/* Two entry points */
.btt-paths>.wp-block-columns{gap:0;margin:0;max-width:none}
.btt-paths .wp-block-column{box-sizing:border-box;padding:var(--sec) var(--gut)}
.btt-paths .wp-block-column:first-child{background:var(--olive);color:#fff;padding-left:max(var(--gut),calc((100vw - 85rem)/2 + var(--gut)))}
.btt-paths .wp-block-column:last-child{background:var(--limestone);padding-right:max(var(--gut),calc((100vw - 85rem)/2 + var(--gut)))}
.btt-paths h2{font-size:clamp(1.9rem,3.2vw,2.8rem);margin-bottom:.8rem}
.btt-paths p{max-width:30em}
.btt-paths .wp-block-buttons{margin-top:1.3rem}

/* Forms */
.btt-formwrap{display:grid;grid-template-columns:minmax(0,42rem) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);padding-top:clamp(2.5rem,5vw,4rem)}
.btt-formwrap :focus-visible,.btt-formdone :focus-visible{outline-color:var(--madder-d)}
[data-btt-focus]:focus{outline:0}
.btt-form{position:relative}
.btt-form fieldset{border:0;padding:0;margin:0 0 2.2rem;min-width:0}
.btt-form legend{font-family:var(--display);font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;padding:0;margin-bottom:.8rem}
.btt-field{margin-bottom:1.25rem}
.btt-field>label{display:block;font-weight:700;margin-bottom:.25rem}
.btt-opt{font-weight:400;color:var(--muted)}
.btt-field input:not([type=checkbox]),.btt-field select,.btt-field textarea{display:block;width:100%;min-height:48px;box-sizing:border-box;padding:.55rem .7rem;font:inherit;color:var(--ink);background:#fff;border:1px solid #6B746D;border-radius:3px}
.btt-field input[type=file]{padding:.6rem .5rem}
.btt-field textarea{resize:vertical;min-height:9rem}
.btt-field [aria-invalid=true]{border:2px solid var(--madder-d)}
.btt-hint{font-size:.98rem;color:var(--muted);margin-top:.3rem}
.btt-error{color:var(--madder-d);font-weight:700;margin-top:.3rem}
.btt-field--check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .7rem;align-items:start}
.btt-field--check input{width:24px;height:24px;margin:.1rem 0 0;accent-color:var(--madder)}
.btt-field--check>label{font-weight:400;margin:0}
.btt-field--check p{grid-column:2}
.btt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btt-privacynote{max-width:38em;margin-bottom:1.1rem}
.btt-form button{border:0;cursor:pointer;font-family:inherit}
.btt-summary{background:#F2E3D0;padding:1.1rem 1.3rem;margin-bottom:2rem}
.btt-summary h2{font-size:clamp(1.4rem,2.2vw,1.7rem)}
.btt-summary ul{margin:.5rem 0 0;padding-left:1.2em}
.btt-summary p{margin-top:.6rem}
.btt-summary a{color:var(--madder-d)}
.btt-formaside h2{font-size:clamp(1.4rem,2.2vw,1.7rem)}
.btt-formaside ul{list-style:none;margin:.7rem 0 0;padding:0}
.btt-formaside li+li{margin-top:.5rem}
.btt-formdone{padding-block:clamp(3rem,6vw,5rem) 0}
.btt-formdone h2{font-size:clamp(1.9rem,3.2vw,2.8rem);margin-bottom:.7rem}
.btt-formdone p{max-width:38em}
.btt-formdone__next{margin-top:1.2rem}

/* Footer */
.btt-footer{background:var(--cypress);color:var(--wool);padding-top:clamp(2.5rem,5vw,4rem);overflow:hidden}
.btt-footer__tag{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700}
.btt-footer__nav{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;margin-top:1rem}
.btt-footer a{color:var(--wool)}
.btt-footer__legal{margin-top:.8rem;font-size:.98rem;color:#C9CFC6}
.btt-footer__name{font-weight:800;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.01em;line-height:1;margin-top:1.5rem;white-space:nowrap;color:#5E7868}

@media (max-width:781px){.btt-paths .wp-block-column:first-child,.btt-paths .wp-block-column:last-child{padding-inline:var(--gut)}}
@media (max-width:1040px){.btt-nav{display:none}.btt-menu{display:block}}
@media (max-width:899px){
  .btt-desthead__in,.btt-trip,.btt-rail{grid-template-columns:minmax(0,1fr)}
  .btt-pagehead h1,.btt-desthead h1{font-size:clamp(1.8rem,9vw,4rem)}
    .btt-band{--tw:186px;--th:124px}
  .btt-band.is-live,.js .btt-band{height:220px}
  .btt-actions .btt-btn{width:100%}
  .btt-styles,.btt-trade{grid-template-columns:minmax(0,1fr)}
  .btt-trade ul{grid-column:1;grid-row:auto;margin-top:1rem}
  .btt-trade:not(:has(ul))>.wp-block-buttons{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:1.4rem}
  .btt-rail>h2{grid-row:auto;margin-bottom:.6rem}
  .btt-rail>:not(h2){grid-column:1}
  .btt-trip:nth-of-type(even) .btt-trip__img{order:0}
  .btt-formwrap,.btt-stylelist li{grid-template-columns:minmax(0,1fr)}
  .btt-destlist li,.btt-destlist li:nth-child(4n+1),.btt-destlist li:nth-child(4n),.btt-destlist li:last-child:nth-child(odd){grid-column:1/-1}
  .btt-destlist li:last-child:nth-child(odd) img{aspect-ratio:3/2}
  .btt-form .btt-btn{width:100%}
  .btt-region:nth-of-type(even){flex-direction:column}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btt-pagehead__toggle{display:none}*,*::before,*::after{transition-duration:.01ms!important}}

/* Art deco layer. Geometric capitals, brass lines, stepped corners and sunburst fans: a 1920s grand-tour poster, in the site's own colours. */
:root{--brass:#C9A45C;--brass-d:#7A5C20;--deco:"Josefin Sans","Alegreya Sans Fallback",Calibri,sans-serif;--fan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23C9A45C' stroke-width='1.4'%3E%3Cpath d='M200 400V60M200 400L88 80M200 400L312 80M200 400L12 150M200 400L388 150M200 400L-30 250M200 400L430 250'/%3E%3Cpath d='M40 400a160 160 0 0 1 320 0M90 400a110 110 0 0 1 220 0M140 400a60 60 0 0 1 120 0'/%3E%3C/svg%3E")}
h1,h2,.btt-reelhero h1,.btt-pagehead h1,.btt-sc h2{font-family:var(--deco);font-weight:700;text-transform:uppercase;letter-spacing:.012em}
.btt-a{text-transform:none;font-size:1.08em;letter-spacing:-.01em}
main .btt-pagehead h1,.btt-desthero h1{font-size:clamp(2.6rem,8vw,7.5rem);line-height:.98}
main .btt-stylesec h2,main .btt-regions>.btt-wrap h2{font-size:clamp(2.5rem,7vw,6.4rem);line-height:1}
main :is(.btt-activities,.btt-bulent) h2,main .btt-howhome>h2,main .btt-trade h2,.btt-band2>.btt-wrap>h2,.btt-split h2,.btt-dests h2{font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.02}
.btt-rail>h2,.btt-faq>h2{font-size:clamp(1.5rem,2.2vw,2.05rem);line-height:1.08;overflow-wrap:break-word}
.btt-faq{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.btt-lede{font-size:clamp(1.2rem,1.9vw,1.55rem)}
/* Brass double rule closes the dark headers. */
.btt-pagehead::before,.btt-dests::after{pointer-events:none}
.btt-pagehead{border-bottom:1px solid var(--brass);box-shadow:0 5px 0 -4px var(--brass)}
/* Stepped corners on the main pictures. */
.btt-region img,.btt-styles--pics img,.btt-lead img,.btt-split figure img,.btt-bulent img,.btt-trip__img img{clip-path:polygon(0 18px,18px 18px,18px 0,calc(100% - 18px) 0,calc(100% - 18px) 18px,100% 18px,100% calc(100% - 18px),calc(100% - 18px) calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,18px calc(100% - 18px),0 calc(100% - 18px))}
/* Buttons: square with a fine inner line. */
.btt-btn,.wp-block-button__link,.btt-sc__btn,.btt-sectionnav a.btt-sectionnav__cta{border-radius:0;font-family:var(--deco);font-weight:600;letter-spacing:.03em;padding-top:.78rem;box-shadow:inset 0 0 0 1px rgba(201,164,92,.55)}
/* Fans fill the quiet side of reading sections. */
.btt-rail{grid-template-columns:minmax(0,300px) minmax(0,42em) minmax(0,1fr)}
.btt-rail::after{content:"";grid-column:3;grid-row:1/span 20;align-self:start;justify-self:center;width:min(100%,19rem);aspect-ratio:1;background:var(--fan) center/contain no-repeat;opacity:.5}
.btt-glance{border-block:1px solid var(--brass)}
.btt-glance dd{font-family:var(--deco);font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.btt-band2::before{content:"";position:absolute;right:-5rem;bottom:-5rem;width:26rem;aspect-ratio:1;background:var(--fan) center/contain no-repeat;opacity:.34;z-index:-1}
.btt-stylesec::after{content:"";position:absolute;right:-6rem;top:-6rem;width:30rem;aspect-ratio:1;background:var(--fan) center/contain no-repeat;opacity:.28;transform:rotate(180deg);z-index:-1}
.btt-footer{border-top:1px solid var(--brass)}
.btt-footer__name{font-family:var(--deco);text-transform:uppercase;letter-spacing:.14em;font-size:clamp(1.8rem,5vw,3.6rem);color:var(--brass)}
.btt-formaside{position:sticky;top:5rem;align-self:start}
@media (max-width:899px){.btt-rail{grid-template-columns:minmax(0,1fr)}.btt-rail::after{display:none}}
/* History as a brass line with stations. */
.btt-timeline{list-style:none;margin:1.6rem 0 0;padding:1.6rem 0 .6rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,1fr);gap:1.4rem;overflow-x:auto;position:relative;background:linear-gradient(var(--brass-d),var(--brass-d)) 0 .45rem/100% 2px no-repeat}
.btt-timeline li{position:relative}
.btt-timeline li::before{content:"";position:absolute;left:0;top:-1.5rem;width:.9rem;height:.9rem;transform:rotate(45deg);background:var(--brass-d)}
.btt-timeline strong{display:block;font-family:var(--deco);font-weight:700;font-size:1.25rem;letter-spacing:.02em}
/* Fluted glass behind the colour sections; without WebGL the same reeds are drawn in plain CSS. */
.btt-fluted{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}
.btt-footer{position:relative;isolation:isolate;overflow:hidden}
:is(.btt-stylesec,.btt-trade){background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(255,255,255,.035) 12px,rgba(255,255,255,.015) 24px,rgba(0,0,0,.2) 34px)}
main .btt-stylesec{background-color:var(--cypress)}
@media (max-width:899px){.btt-sectionnav .btt-wrap{gap:.75rem}.btt-sectionnav a.btt-sectionnav__cta{flex:0 1 auto;min-width:0;max-width:44vw;white-space:normal;line-height:1.1;font-size:.85rem;padding-inline:.6rem}}
/* At the table: one card per dish, each with its own photograph. */
.btt-dishes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2rem);margin-top:clamp(1.4rem,3vw,2.4rem)}
.btt-dish figure{margin:0 0 .8rem;overflow:hidden}
.btt-dish img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 500ms var(--ease)}
.btt-dish:hover img{transform:scale(1.04)}
.btt-dish figcaption{font-size:.78rem;margin-top:.3rem;color:var(--muted)}
.btt-dish h3{font-size:clamp(1.3rem,1.8vw,1.6rem);margin:0 0 .35rem}
.btt-dish p{margin:0}
.btt-dishes__stay{max-width:46em;margin-top:clamp(1.6rem,3vw,2.4rem)}
@media (max-width:1040px){.btt-dishes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.btt-dishes{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.btt-dish:hover img{transform:none}}
/* Explainer films beside their step list. */
.wp-block-columns.btt-filmrow{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(1.4rem,3vw,2.8rem);align-items:start;margin-top:1.4rem}
.btt-filmrow>.wp-block-column{margin:0;min-width:0}
.btt-film{position:relative;margin:0}
.btt-film video,.btt-film>img{display:block;width:100%;aspect-ratio:16/9;background:#E9E3D3;box-shadow:0 18px 40px -22px rgba(22,33,27,.6)}
.btt-film figcaption{font-size:.8rem;color:var(--muted);margin-top:.45rem}
.btt-film__btn{position:absolute;right:.6rem;top:.6rem;min-height:36px;padding:.2rem .7rem;border:0;background:rgba(22,33,27,.82);color:var(--wool);font:inherit;font-size:.9rem;cursor:pointer}
.btt-filmrow ol{list-style:none;margin:0;padding:0;counter-reset:s}
.btt-filmrow ol>li{counter-increment:s;padding:0;margin:0;border-top:1px solid var(--line)}
.btt-filmrow ol>li::before{content:none}
.btt-film__step{all:unset;box-sizing:border-box;display:block;width:100%;min-height:44px;padding:.65rem .5rem .65rem 2.6rem;position:relative;cursor:pointer;line-height:1.3;transition:background var(--ui) var(--ease)}
.btt-film__step::before{content:counter(s);position:absolute;left:.5rem;top:.6rem;width:1.55rem;height:1.55rem;border-radius:50%;background:var(--line);color:var(--ink);font:700 .9rem/1.7rem var(--deco);text-align:center;transition:background var(--ui) var(--ease),color var(--ui) var(--ease)}
.btt-film__step:hover{background:rgba(241,206,90,.22)}
.btt-film__step:focus-visible{outline:2px solid var(--madder);outline-offset:-2px}
.btt-filmrow li.is-on .btt-film__step{background:linear-gradient(transparent 8%,rgba(241,206,90,.5) 8% 92%,transparent 92%);font-weight:700}
.btt-filmrow li.is-on .btt-film__step::before{background:var(--madder);color:#fff}
@media (max-width:899px){.wp-block-columns.btt-filmrow{grid-template-columns:minmax(0,1fr)}}
/* Destinations for a style: picture cards that start their clip under the pointer. */
.btt-stylecards{position:relative;isolation:isolate;overflow:hidden;background:var(--cypress);color:var(--wool);padding-block:var(--sec)}
.btt-stylecards h2{color:var(--wool)}
.btt-stylecards ul{list-style:none;margin:clamp(1.4rem,3vw,2.4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2vw,1.6rem)}
.btt-placecard{position:relative;display:block;min-height:24rem;height:100%;overflow:hidden;color:var(--wool);text-decoration:none;padding:1.2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;isolation:isolate;outline-offset:3px}
.btt-placecard img,.btt-placecard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 700ms var(--ease),opacity 400ms ease}
.btt-placecard video{opacity:0;z-index:-1}.btt-placecard.is-playing video{opacity:1}
.btt-placecard::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 30%,rgba(11,19,15,.86));pointer-events:none}
.btt-placecard strong,.btt-placecard span{position:relative;z-index:1}
.btt-placecard strong{font-family:var(--deco);font-size:clamp(1.5rem,2.2vw,2rem);text-transform:uppercase;letter-spacing:.03em;line-height:1.05}
.btt-placecard span{font-size:.98rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.btt-placecard:hover img{transform:scale(1.05)}
/* Planning aids. */
.btt-aids{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(1.2rem,2.5vw,2rem)}
.btt-aid{background:var(--paper);padding:clamp(1rem,2vw,1.6rem);box-sizing:border-box;min-width:0;border-top:3px solid var(--brass)}
.btt-aid h3{font-family:var(--deco);font-size:clamp(1.25rem,1.8vw,1.6rem);margin:0 0 .7rem;line-height:1.1}
.btt-aid__note{font-size:.84rem;color:var(--muted);margin:.8rem 0 0}
.btt-aid--months{grid-column:1/-1}.btt-aid--fly,.btt-aid--pack{grid-column:span 2}.btt-aid--drive{grid-column:span 4}.btt-aid--sites{grid-column:span 3}.btt-aid--say{grid-column:span 3}.btt-aid--pack{grid-column:1/-1}
.btt-aid__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.btt-monthname{font-family:var(--display);font-style:italic;font-size:clamp(1.6rem,3vw,2.5rem);color:var(--madder)}
.btt-aid input[type=range]{width:100%;height:44px;accent-color:var(--madder);margin:.2rem 0 .8rem;cursor:grab}
.btt-clims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.6rem)}
.btt-clim h4{margin:0 0 .4rem;font-size:1.15rem}.btt-clim dl{margin:0;display:grid;gap:.45rem}
.btt-clim dl>div{display:grid;grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:.6rem}.btt-clim dt{font-size:.92rem}.btt-clim dd{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;align-items:center}
.btt-clim dd b{font-family:var(--deco);font-size:1.25rem}
.btt-clim dd{position:relative;grid-template-columns:4.2rem minmax(0,1fr)}.btt-clim dd b{grid-column:1}
.btt-bar{grid-column:2;grid-row:1;display:block;height:10px;background:linear-gradient(90deg,var(--madder) var(--v),rgba(22,33,27,.1) var(--v));transition:--v 300ms}
.btt-bar--n{background:linear-gradient(90deg,var(--olive) var(--v),rgba(22,33,27,.1) var(--v))}.btt-bar--r{background:linear-gradient(90deg,#3E6E8C var(--v),rgba(22,33,27,.1) var(--v))}.btt-bar--s{background:linear-gradient(90deg,#2C8C8A var(--v),rgba(22,33,27,.1) var(--v))}
.btt-flights{list-style:none;margin:0 0 .7rem;padding:0;display:grid;gap:.7rem}
.btt-flights li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem}.btt-flights span{grid-column:1}.btt-flights b{grid-column:2;grid-row:1;font-family:var(--deco)}
.btt-flightbar{grid-column:1/-1;display:block;height:3px;background:rgba(22,33,27,.12);position:relative}
.btt-flightbar u{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--madder);text-decoration:none}
.btt-flights.is-in u{width:var(--w);transition:width 1.6s var(--ease)}
.btt-drivefrom{font-weight:700;margin:.8rem 0 .2rem}
.btt-drive{list-style:none;margin:0;padding:0;display:flex;gap:3px}
.btt-drive li{flex:var(--g) 1 0;min-width:0;border-top:5px solid var(--madder);padding-top:.35rem;font-size:.9rem;overflow-wrap:anywhere}.btt-drive b{display:block;line-height:1.15}.btt-drive span{color:var(--muted)}
.btt-sitemap{position:relative;overflow:hidden;background:#123}
.btt-sitemap img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.btt-site{position:absolute;width:26px;height:26px;margin:-13px;padding:0;border:0;background:none;cursor:pointer}
.btt-site::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--wool);box-shadow:0 0 0 2px var(--madder);transition:transform 180ms var(--ease)}
.btt-site:hover::after,.btt-site[aria-pressed=true]::after{transform:scale(1.5);background:var(--madder);box-shadow:0 0 0 2px var(--wool)}
.btt-sitename{margin:.6rem 0 .2rem;min-height:3em}.btt-sitename span{color:var(--muted)}.btt-sitename em{display:block;font-size:.9rem;color:var(--madder)}
.btt-sitelist li span{color:var(--muted)}.btt-sitelist ul{padding-left:1.1rem;margin:.4rem 0 0}.btt-sitelist summary{cursor:pointer;min-height:30px}
.btt-phrases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.btt-phrase{all:unset;box-sizing:border-box;display:block;width:100%;min-height:5rem;padding:.6rem .7rem;background:var(--limestone);cursor:pointer;line-height:1.25;overflow-wrap:anywhere}
.btt-phrase:focus-visible{outline:2px solid var(--madder)}
.btt-phrase b{display:block;font-size:1.1rem}.btt-phrase span{display:block}.btt-phrase small{display:block;color:var(--madder-d);font-size:.92rem}
.btt-phrase[aria-expanded=true]{background:#F1CE5A}
.btt-pack{margin:0;display:grid;grid-template-columns:1fr 1.4fr 2fr;gap:clamp(1rem,2.4vw,2rem)}.btt-pack dt{font-weight:700;font-family:var(--deco)}.btt-pack dd{margin:.15rem 0 0}
@media (max-width:899px){.btt-aids{grid-template-columns:minmax(0,1fr)}.btt-aid--fly,.btt-aid--drive,.btt-aid--sites,.btt-aid--say,.btt-aid--pack,.btt-aid--months{grid-column:1}.btt-clims,.btt-pack{grid-template-columns:minmax(0,1fr)}.btt-drive{flex-direction:column}.btt-drive li{flex:none}}
.btt-filmrow .btt-steps ol{padding:0}.btt-filmrow .btt-steps ol::before{content:none}.btt-filmrow .btt-steps li{margin:0}.btt-filmrow .btt-steps li::before{content:none}
.btt-clim dd{display:flex;align-items:baseline;gap:.2rem;white-space:nowrap}.btt-clim dd .btt-bar{flex:1;align-self:center;margin-left:.7rem}
.btt-split h2,.btt-rail>h2{hyphens:auto;overflow-wrap:break-word}
.btt-contactgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.6vw,2.2rem);padding-block:var(--sec)}
.btt-contactcard figure{margin:0 0 1rem}.btt-contactcard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.btt-contactcard figcaption{font-size:.78rem;color:var(--muted);margin-top:.3rem}
.btt-contactcard h2{font-size:clamp(1.5rem,2.2vw,2.1rem);margin:0 0 .4rem}
.btt-formaside{position:sticky;top:1.5rem;align-self:start}.btt-formaside .btt-film{margin-bottom:1.6rem}
@media (max-width:899px){.btt-contactgrid{grid-template-columns:minmax(0,1fr)}.btt-formaside{position:static}}
.btt-band2>.btt-wrap>.btt-film{max-width:72rem;margin-top:1.2rem}
/* From the usability review. */
main [id],main h2{scroll-margin-top:6.5rem}
.btt-pagehead__next{margin:1.2rem 0 0}
.btt-pagehead__toggle{background:rgba(22,33,27,.55);font-size:.85rem}
.btt-mode__label{font-size:.98rem}
.btt-styleday .wp-block-column+.wp-block-column{margin-top:0}
@media (max-width:899px){
  .btt-styleday .wp-block-column+.wp-block-column{margin-top:1.8rem}
  .btt-sectionnav a.btt-sectionnav__cta{flex:none;max-width:none;width:8.6rem;white-space:normal;font-size:.8rem;line-height:1.12;padding:.35rem .5rem}
  .btt-sectionnav__links{-webkit-mask:linear-gradient(90deg,#000 82%,transparent);mask:linear-gradient(90deg,#000 82%,transparent);padding-right:1.5rem}
  .btt-sectionnav__links a,.btt-back,.btt-footer a,.btt-reel__rail a{display:inline-flex;align-items:center;min-height:44px}
  .btt-menu summary,.btt-lang a{display:inline-flex;align-items:center;min-height:44px}
  .btt-globe.is-live .btt-globe__pin{min-height:44px;display:inline-flex;align-items:center;margin-top:-1.4rem}
}
@media (max-width:600px){
  .btt-months{min-width:0;table-layout:fixed;border-spacing:2px;font-size:.82rem}
  .btt-months tbody th{width:5.6rem;white-space:normal;padding-right:.3rem;line-height:1.15}
  .btt-months thead th:first-child{width:5.6rem}
}


/* Client feedback 2026-11-10: a calmer opening screen with one clear way in per activity, direct contact details, credits on their own page. */
.btt-reelhero__copy .btt-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;max-width:46rem}
.btt-entry{border-top:2px solid var(--thread);padding-top:.75rem;display:flex;flex-direction:column;align-items:flex-start}
.btt-entry__k{margin:0;font-size:1.2rem;font-weight:600;line-height:1.2}
.btt-entry__who{margin:.25rem 0 .85rem;font-size:1rem;color:#D5D9D1}
.btt-entry .btt-btn{margin-top:auto}
.btt-reelhero .btt-reel__rail,.btt-reelhero [data-reel-name]{display:none}
@media (max-width:640px){.btt-reelhero__copy .btt-entries{grid-template-columns:1fr;gap:1rem}}
.btt-contactlist{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.2rem;margin:0 0 1rem;font-size:1.1rem}
.btt-contactlist dt{color:var(--muted)}
.btt-contactlist dd{margin:0}
.btt-contactlist a,.btt-footer__contact a{display:inline-flex;align-items:center;min-height:44px}
.btt-footer__contact{display:flex;flex-wrap:wrap;gap:0 1.3rem;margin-top:.8rem}
.btt-credits__list{columns:2 20rem;column-gap:2rem;padding-left:1.1rem;font-size:.95rem}
.btt-credits__list li{break-inside:avoid;margin-bottom:.25rem}
@media (max-width:899px){.btt-reelhero .btt-reelhero__copy .btt-reelhero__lede{order:1}.btt-reelhero .btt-reelhero__copy .btt-entries{order:2;margin-top:1.2rem}}
.btt-footer__maker{margin-top:.8rem;font-size:.92rem;color:#C9CFC6}.btt-footer__maker a{display:inline-flex;align-items:center;min-height:44px}