/* Beer-mat travel options. Scoped to #travel so existing wedding styling is retained. */
#travel.travel-mats-section {display:block;min-height:auto;padding:105px 22px 120px;background:radial-gradient(circle at 50% 20%,rgba(220,173,124,.13),transparent 60%),#f6eee3;color:#41372e;text-align:center;overflow:hidden;}
#travel .travel-mats__eyebrow {margin:0 0 19px; font:600 11px/1.6 "Avenir Next",Arial,sans-serif;letter-spacing:.24em;color:#a15c4e;}
#travel h2 {margin:0 auto 19px; font-family:"Bodoni 72",Didot,Georgia,serif;font-weight:400;letter-spacing:-.02em;font-size:clamp(50px,7vw,96px);line-height:1;max-width:100%;}
#travel .travel-mats__intro{max-width:640px;margin:0 auto;color:#62574e;opacity:1;font-size:clamp(15px,1.55vw,18px);line-height:1.7;}
#travel .travel-mats__ornament{margin:20px 0 38px;color:#b66f5b;font-family:Georgia,serif;font-size:18px;letter-spacing:.6em;}
#travel .travel-mats__ornament span{color:#8d3e53;}
#travel .travel-mats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;max-width:1190px;margin:0 auto;justify-items:center;perspective:1800px;}
#travel .travel-mat{position:relative;aspect-ratio:1 / 1;width:100%;max-width:375px;min-width:0;perspective:1300px;transition:transform .25s ease;}
#travel .travel-mat:hover:not(.is-flipped){transform:translateY(-5px) rotate(-1deg);}
#travel .travel-mat:nth-child(4),#travel .travel-mat:nth-child(5){justify-self:center;}
#travel .travel-mat__rotator{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.74,.25,1);}
#travel .travel-mat.is-flipped .travel-mat__rotator{transform:rotateY(180deg);}
#travel .travel-mat__face{position:absolute;inset:0;border-radius:24px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 7px 0 rgba(65,45,38,.15),0 24px 36px rgba(74,53,35,.14);isolation:isolate;}
#travel .travel-mat__face::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.16) 1px,transparent 2px,transparent 5px),radial-gradient(circle at 20% 25%,rgba(255,255,255,.3),transparent 40%);}
#travel .travel-mat__face--front{color:#fff8ed;background:#783648;}
#travel .travel-mat__face--back{transform:rotateY(180deg);background:#fffbf3;color:#4e3b31;}
#travel .travel-mat__rim{position:absolute;z-index:0;inset:11px;border:1px solid currentColor;opacity:.32;border-radius:16px;pointer-events:none;}
#travel .travel-mat__rim::after{content:"";position:absolute;inset:5px;border:1px dashed currentColor;border-radius:12px;opacity:.5;}
#travel .travel-mat--havas .travel-mat__face--front{background:#c46e56;}
#travel .travel-mat--car .travel-mat__face--front{background:#606d57;}
#travel .travel-mat--ferry .travel-mat__face--front{background:#648b95;}
#travel .travel-mat--adventure .travel-mat__face--front{background:#c5a35f;color:#332a25;}
#travel .travel-mat__front-action{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:26px 26px 29px;}
#travel .travel-mat__front-action:focus-visible,#travel .travel-mat__back-action:focus-visible{outline:3px solid #eac38a;outline-offset:-8px;border-radius:22px;}
#travel .travel-mat__corner{position:absolute;top:27px;left:29px;font:600 10px/1 Arial,sans-serif;letter-spacing:.13em;}
#travel .travel-mat__divider{opacity:.55;margin:0 4px;}
#travel .travel-mat__emblem{display:grid;place-items:center;width:100px;height:100px;border:1px solid currentColor;border-radius:50%;margin-bottom:19px;opacity:.94;}
#travel .travel-mat__icon{width:57px;height:57px;}
#travel .travel-mat__kind{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;opacity:.86;}
#travel .travel-mat__title{display:block;margin:9px 0 4px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(32px,3.3vw,43px);font-weight:400;line-height:1.08;letter-spacing:-.025em;}
#travel .travel-mat__route{font:400 13px/1.5 Georgia,serif;font-style:italic;opacity:.91;}
#travel .travel-mat__turn{position:absolute;bottom:27px;left:0;right:0;font:600 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em;opacity:.88;}
#travel .travel-mat__turn span{font:normal 19px/0.7 Georgia,serif;display:inline-block;transform:translateY(2px);}
#travel .travel-mat__back-top{position:absolute;top:23px;left:28px;right:28px;display:flex;justify-content:space-between;gap:8px;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#9a705a;}
#travel .travel-mat__back-inner{position:absolute;z-index:1;top:43px;bottom:46px;left:27px;right:21px;padding:3px 8px 9px 0;overflow-y:auto;overscroll-behavior:contain;text-align:left;scrollbar-width:thin;scrollbar-color:#ca9d88 transparent;}
#travel .travel-mat__back-inner h3{font:400 clamp(25px,2.4vw,31px)/1.05 "Bodoni 72",Didot,Georgia,serif;margin:0 0 12px;color:#8a3d50;letter-spacing:-.015em;}
#travel .travel-mat__back-inner p,#travel .travel-mat__back-inner li{font:400 13px/1.56 "Avenir Next",Arial,sans-serif;color:#51443a;opacity:1;max-width:none;}
#travel .travel-mat__back-inner p{margin:0 0 11px;}
#travel .travel-mat__back-inner strong{color:#332f27;font-weight:700;}
#travel .travel-mat__back-inner ul,#travel .travel-mat__back-inner ol{margin:0 0 11px;padding-left:18px;}
#travel .travel-mat__back-inner li{margin:0 0 6px;padding-left:2px;}
#travel .travel-mat__back-inner li::marker{color:#b66f5b;}
#travel .travel-mat__times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 9px;}
#travel .travel-mat__times > div{padding:9px 8px 8px;background:#f5eadb;border-radius:6px;}
#travel .travel-mat__times p{margin:4px 0 0;font-size:12px;}
#travel .travel-mat__day,#travel .travel-mat__micro-heading{font:700 9px/1.35 Arial,sans-serif;letter-spacing:.08em;color:#9b5c4b;}
#travel .travel-mat__micro-heading{margin-top:6px!important;margin-bottom:4px!important;}
#travel .travel-mat__link{display:inline; color:#82394c;font-weight:700;text-underline-offset:3px;text-decoration-thickness:1px;line-height:1.5;}
#travel .travel-mat__back-action{position:absolute;z-index:1;bottom:18px;right:23px;padding:7px 9px;border:0;background:none;color:#914d4d;cursor:pointer;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;}
#travel .travel-mats__footnote{max-width:750px;margin:42px auto 0;color:#867568;opacity:1;font-size:12px;line-height:1.65;}
@media(min-width:901px){#travel .travel-mats__grid{grid-template-columns:repeat(6,minmax(0,1fr))}#travel .travel-mat:nth-child(-n+3){grid-column:span 2;}#travel .travel-mat:nth-child(4){grid-column:2 / 4;}#travel .travel-mat:nth-child(5){grid-column:4 / 6;}}
@media(max-width:900px){#travel .travel-mats__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:755px;gap:23px;}#travel .travel-mat:nth-child(4),#travel .travel-mat:nth-child(5){grid-column:auto;justify-self:center;}#travel .travel-mat:nth-child(5){grid-column:1 / 3;}#travel .travel-mat__title{font-size:clamp(30px,4vw,39px);}}
@media(max-width:560px){#travel.travel-mats-section{padding:85px 12px 90px;}#travel .travel-mats__eyebrow{font-size:9px;letter-spacing:.18em;}#travel .travel-mats__intro{font-size:15px;padding:0 14px;}#travel .travel-mats__grid{grid-template-columns:1fr;gap:26px;}#travel .travel-mat,#travel .travel-mat:nth-child(5){grid-column:auto;max-width:min(385px,calc(100vw - 30px));}#travel .travel-mat__back-inner h3{font-size:29px;}#travel .travel-mat__title{font-size:39px;}#travel .travel-mats__ornament{margin-bottom:30px;}#travel .travel-mats__footnote{margin-top:30px;font-size:11px;}}
@media(hover:none){#travel .travel-mat:hover:not(.is-flipped){transform:none;}}
@media(prefers-reduced-motion:reduce){#travel .travel-mat,#travel .travel-mat__rotator{transition-duration:.01ms;}}