/* Friends of Tobermory — Release 2.1b */
.legend-section{--gold:#d7b777;position:relative;isolation:isolate;overflow:hidden;padding:clamp(5.5rem,11vw,9rem) 0;background:radial-gradient(circle at 78% 42%,rgba(118,32,35,.22),transparent 30%),radial-gradient(circle at 28% 14%,rgba(18,78,86,.3),transparent 34%),linear-gradient(145deg,#07151c,#0a2027 46%,#050b10);border-block:1px solid rgba(215,183,119,.18)}
.legend-section:before,.legend-section:after{content:"";position:absolute;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,rgba(215,183,119,.55),transparent)}
.legend-section:before{top:1rem}.legend-section:after{bottom:1rem}
.legend-water{position:absolute;z-index:-1;width:50rem;height:50rem;border-radius:50%;border:1px solid rgba(100,174,177,.14)}
.legend-water-one{top:-31rem;left:-18rem;box-shadow:0 0 0 5rem rgba(11,61,69,.05),0 0 0 10rem rgba(11,61,69,.03)}
.legend-water-two{right:-30rem;bottom:-37rem;box-shadow:0 0 0 6rem rgba(142,40,42,.04),0 0 0 12rem rgba(142,40,42,.025)}
.legend-container{position:relative;z-index:2}.legend-journal{position:relative;width:min(790px,100%);padding:clamp(2rem,5vw,4.6rem);background:rgba(7,18,23,.88);border:1px solid rgba(215,183,119,.24);box-shadow:0 30px 90px rgba(0,0,0,.42);backdrop-filter:blur(12px)}
.legend-journal:before{content:"";position:absolute;inset:.7rem;border:1px solid rgba(215,183,119,.08);pointer-events:none}
.legend-kicker{margin:0 0 1rem;color:rgba(235,238,232,.7);font-family:"Cormorant Garamond",serif;font-size:clamp(1.05rem,2vw,1.35rem);font-style:italic}
.legend-eyebrow{color:var(--gold)}.legend-journal h2{max-width:690px;margin:.4rem 0 1.5rem;color:#f4eee2;font-family:"Cormorant Garamond",serif;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.94;letter-spacing:-.025em;text-wrap:balance}
.legend-rule{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;max-width:520px;margin:1.5rem 0 2rem;color:var(--gold)}.legend-rule span{height:1px;background:linear-gradient(90deg,transparent,rgba(215,183,119,.6))}.legend-rule span:last-child{background:linear-gradient(90deg,rgba(215,183,119,.6),transparent)}.legend-rule b{font-size:.55rem}
.legend-copy{display:grid;gap:1.25rem;max-width:690px}.legend-copy p{margin:0;color:rgba(239,240,234,.84);font-family:"Cormorant Garamond",serif;font-size:clamp(1.18rem,2.3vw,1.45rem);line-height:1.65}.legend-copy p:first-child:first-letter{float:left;margin:.1rem .48rem 0 0;color:var(--gold);font-size:4.3rem;font-weight:600;line-height:.72}
.legend-motto{margin:2.5rem 0 0;padding:1.25rem 0 1.25rem 1.4rem;color:var(--gold);font-family:"Cormorant Garamond",serif;font-size:clamp(1.4rem,3vw,2rem);font-style:italic;border-left:2px solid rgba(215,183,119,.65)}
.legend-signature{display:grid;gap:.35rem;margin-top:2.4rem}.legend-signature strong{color:#f4eee2;font-family:"Cormorant Garamond",serif;font-size:1.35rem}.legend-signature span{color:rgba(215,183,119,.68);font-size:.76rem;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}
.legend-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;margin-top:2rem;padding:.8rem 1.25rem;color:#0b171c;background:var(--gold);border-radius:999px;font-weight:800;text-decoration:none;transition:.2s ease}.legend-cta:hover,.legend-cta:focus-visible{transform:translateY(-2px);background:#e5ca91;box-shadow:0 12px 34px rgba(215,183,119,.2)}
.legend-octopus{position:absolute;z-index:0;top:50%;right:max(-7rem,calc((100vw - 1320px)/2 - 3rem));width:min(52vw,710px);color:#8e282a;opacity:.18;filter:drop-shadow(0 18px 50px rgba(100,12,17,.35));transform:translateY(-50%) rotate(7deg);pointer-events:none}
.mobile-order-bar{display:none}
@media(max-width:820px){.legend-section{padding:4.4rem 0 5rem}.legend-octopus{top:auto;right:-10rem;bottom:-8rem;width:31rem;opacity:.12;transform:rotate(10deg)}.legend-journal{padding:2rem 1.35rem 2.25rem}.legend-journal h2{font-size:clamp(2.65rem,13vw,4.25rem)}.legend-copy p{font-size:1.17rem;line-height:1.58}.legend-cta{width:100%;min-height:52px}
.mobile-order-bar{position:fixed;z-index:70;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));left:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.68rem .7rem .68rem 1rem;color:#f5f0e8;background:rgba(7,19,24,.94);border:1px solid rgba(215,183,119,.36);border-radius:1rem;box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(14px);transition:.2s ease}.mobile-order-bar.is-hidden-near-checkout{opacity:0;visibility:hidden;transform:translateY(130%)}.mobile-order-bar-copy{display:grid;gap:.1rem}.mobile-order-bar-copy span{color:rgba(245,240,232,.68);font-size:.76rem}.mobile-order-bar-copy strong{font-family:"Cormorant Garamond",serif;font-size:1.32rem}.mobile-order-bar-button{display:inline-flex;min-height:44px;align-items:center;padding:.65rem 1rem;color:#0b171c;background:var(--gold);border-radius:.72rem;font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}body{padding-bottom:calc(5.2rem + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.legend-section.reveal.visible .legend-journal{animation:journalIn .85s cubic-bezier(.2,.7,.2,1) both}.legend-section.reveal.visible .legend-octopus{animation:octopusIn 1.1s .1s both}@keyframes journalIn{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes octopusIn{from{opacity:0}to{opacity:.18}}}
@media(prefers-reduced-motion:reduce){.legend-cta,.mobile-order-bar{transition:none}}

.legend-journal{
    position:relative;
    overflow:hidden;
}

.legend-journal::after{
    content:"";
    position:absolute;
    inset:0;

    background:url("../images/legend-red-octopus-v3.png") no-repeat right center;
    background-size:90%;
    background-position: 100% 30%;

    opacity:.29;

    pointer-events:none;
    z-index:0;
}

.legend-journal > *{
    position:relative;
    z-index:1;
}

@media(max-width:780px){
    .legend-journal::after{
        background-size:170%;
        background-position:75% 1%;
        opacity:.29;
    }
}