:root{
  --limestone:#f2eee5;
  --paper:#faf7f0;
  --navy:#1f3558;
  --navy-deep:#14243d;
  --silver:#bbc0c7;
  --gold:#b99a5a;
  --espresso:#2d241f;
  --ink:#20201e;
  --line:rgba(31,53,88,.18);
  --display:"Trajan Pro 3","Trajan Pro","Marcellus",serif;
  --editorial:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}
.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}
.skip-link{position:fixed;left:1rem;top:-4rem;background:var(--paper);padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:1rem}

.site-header{position:fixed;top:0;left:0;width:100%;height:116px;z-index:100;display:flex;align-items:center;justify-content:center;padding:0 4vw;transition:height .35s ease,background .35s ease,box-shadow .35s ease}
.header-brand{position:absolute;left:50%;top:13px;transform:translateX(-50%);z-index:2;transition:all .35s ease}
.header-brand img{width:142px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));transition:width .35s ease}
.site-nav{position:absolute;top:87px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2.2rem;color:#fff;white-space:nowrap;transition:all .35s ease}
.site-nav a{font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;opacity:.92}
.site-nav a:hover{opacity:1;color:#e2d2aa}
.nav-cta{border-bottom:1px solid currentColor;padding-bottom:.25rem}
.site-header.scrolled{height:88px;background:rgba(250,247,240,.96);box-shadow:0 10px 35px rgba(20,36,61,.08);backdrop-filter:blur(12px)}
.site-header.scrolled .header-brand{left:4vw;top:9px;transform:none}
.site-header.scrolled .header-brand img{width:90px}
.site-header.scrolled .site-nav{top:0;left:auto;right:4vw;transform:none;height:72px;color:var(--navy)}
.menu-toggle{display:none}

.hero{position:relative;min-height:100svh;display:grid;place-items:center;color:#fff;overflow:hidden;background:#1f2730}
.hero-media,.hero-media video{position:absolute;inset:0;width:100%;height:100%}
.hero-media video{object-fit:cover;background-image:url( "assets/silver-star-pouring-latte.mp4");background-size:cover;background-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,18,31,.38),rgba(9,18,31,.48) 55%,rgba(9,18,31,.72));z-index:1}
.hero-content{position:relative;z-index:2;width:min(900px,90vw);text-align:center;padding-top:8rem}
.hero-logo{width:min(260px,54vw);margin:0 auto 1.2rem;filter:drop-shadow(0 10px 24px rgba(0,0,0,.3))}
.eyebrow{margin:0 0 1.2rem;font-family:var(--display);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--navy)}
.eyebrow.light{color:#e8e0cf}
.hero h1,.section-heading h2,.intro h2,.editorial h2,.ritual h2,.gather h2,.order h2,.visit h2{font-family:var(--display);font-weight:400;line-height:1.03;letter-spacing:.015em;margin:0}
.hero h1{font-size:clamp(3rem,7.2vw,7.2rem);text-transform:uppercase;text-shadow:0 6px 28px rgba(0,0,0,.18)}
.hero h1 em,.section-heading h2 em,.editorial h2 em,.ritual h2 em{font-family:var(--editorial);font-weight:400;text-transform:none;letter-spacing:0}
.hero-copy{max-width:650px;margin:1.6rem auto 0;font-family:var(--editorial);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.5;color:#f7f1e8}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2.2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.85rem 1.6rem;font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:transform .25s ease,background .25s ease,color .25s ease}
.button:hover{transform:translateY(-2px)}
.button-light{background:#f7f3e9;color:var(--navy-deep)}
.button-light:hover{background:#fff}
.button-dark{background:var(--navy);color:#fff}
.text-link{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.28rem}
.text-link.light{color:#fff}
.scroll-cue{position:absolute;z-index:2;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-family:var(--display);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}
.scroll-cue span{width:1px;height:35px;background:rgba(255,255,255,.7);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{transform:scaleY(.6);transform-origin:top}50%{transform:scaleY(1)}}

.intro{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start;padding:11rem 8vw 12rem;background:var(--limestone);overflow:hidden}
.intro-number{font-family:var(--editorial);font-size:clamp(8rem,19vw,18rem);line-height:.7;color:rgba(31,53,88,.09);letter-spacing:-.06em}
.intro-copy{max-width:720px;padding-top:2rem}
.intro h2{font-size:clamp(2.6rem,5vw,5.3rem);color:var(--navy-deep)}
.intro-copy>p:not(.eyebrow){font-family:var(--editorial);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.55;margin:2rem 0;color:#3d3833}
.tile-corner{
    position:relative;
    overflow:hidden;
}

.tile-corner::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

 height:320px;               /* Taller band */

    background:url("assets/portuguese-tile.jpg") repeat-x center bottom;
background-size:360px auto; /* Tile is 2x larger */

opacity:.22;                /* More visible */
    pointer-events:none;

    z-index:0;

    mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,.5) 60%,
        rgba(0,0,0,0) 100%
    );

    -webkit-mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,.5) 60%,
        rgba(0,0,0,0) 100%
    );
}

.tile-corner > *{
    position:relative;
    z-index:1;
}



.editorial{min-height:880px;position:relative;display:grid;grid-template-columns:1.45fr .75fr;background:var(--navy-deep);color:#fff}
.editorial-image{min-height:880px;background:url('https://images.unsplash.com/photo-1549931319-a545dcf3bc73?auto=format&fit=crop&w=1800&q=88') center/cover no-repeat}
.editorial-panel{display:flex;flex-direction:column;justify-content:center;padding:8vw 6vw;background:linear-gradient(145deg,#1d3557,#12243d)}
.editorial h2{font-size:clamp(3rem,5vw,5.7rem)}
.editorial-panel>p:not(.eyebrow){font-family:var(--editorial);font-size:1.45rem;line-height:1.5;color:#ddd8cf;margin:2rem 0}

.ritual{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto;gap:0;min-height:900px;background:var(--paper);position:relative}
.ritual-copy{padding:10rem 8vw 6rem;align-self:center}
.ritual h2{font-size:clamp(3rem,5vw,5.6rem);color:var(--navy-deep)}
.ritual-copy>p:not(.eyebrow){font-family:var(--editorial);font-size:1.4rem;max-width:570px;margin-top:2rem}
.ritual-image{grid-column:2;grid-row:1/3;min-height:900px;background:url('https://images.unsplash.com/photo-1514432324607-a09d9b4aefdd?auto=format&fit=crop&w=1400&q=88') center/cover no-repeat}
.ritual-note{margin:0 0 0 8vw;padding:1.5rem 0;border-top:1px solid var(--line);display:flex;gap:1.3rem;max-width:480px;align-items:center}
.ritual-note.second{align-self:start}
.ritual-note span{font-family:var(--editorial);font-size:2rem;color:var(--gold)}
.ritual-note p{font-family:var(--display);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}

.favorites{
    position:relative;
    overflow:hidden;

    padding:11rem 7vw 13rem;
    background:var(--limestone);
}

.favorites::after{
    content:"";

    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:320px;

    background:url("assets/portuguese-tile.jpg") repeat-x center bottom;
    background-size:360px auto;

    opacity:.22;

    pointer-events:none;

    z-index:0;

    mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,.5) 60%,
        rgba(0,0,0,0) 100%
    );

    -webkit-mask-image:linear-gradient(
        to top,
        rgba(0,0,0,1) 20%,
        rgba(0,0,0,.5) 60%,
        rgba(0,0,0,0) 100%
    );
}

.favorites > *{
    position:relative;
    z-index:1;
}.section-heading{text-align:center;max-width:900px;margin:0 auto 8rem}
.section-heading h2{font-size:clamp(3rem,5.5vw,6rem);color:var(--navy-deep)}
.feature{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:7vw;margin-bottom:11rem}
.feature-right{grid-template-columns:.65fr 1.35fr}
.feature-right .feature-image{grid-column:2}.feature-right .feature-copy{grid-column:1;grid-row:1}
.feature-image{height:690px;background-position:center;background-size:cover;box-shadow:0 30px 65px rgba(20,36,61,.12)}
.feature-image.bread{background-image:url('assets/silver-star-bakery-sweet-bread.png')}
.feature-image.pastry{background-image:url('assets/silver-star-bakery-nata.jpg')}
.feature-image.sandwich{background-image:url('assets/silver-star-chicken-sandwich.png')}
.feature-copy{max-width:470px}
.feature-number{display:block;font-family:var(--editorial);font-size:4rem;color:rgba(31,53,88,.18);line-height:1;margin-bottom:1.5rem}
.feature h3{font-family:var(--display);font-weight:400;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.15;color:var(--navy-deep);margin:.8rem 0 1.3rem}
.feature-copy>p:not(.eyebrow){font-family:var(--editorial);font-size:1.3rem;line-height:1.55}

.heritage{position:relative;min-height:820px;display:grid;place-items:center;background:url('assets/0b59400b-308e-4c23-981f-ad7673a9828d.png') center/cover fixed;color:#fff}
.heritage-shade{position:absolute;inset:0;background:rgba(16,28,47,.65)}
.heritage-content{position:relative;z-index:1;max-width:980px;text-align:center;padding:4rem 6vw}
.heritage blockquote{font-family:var(--editorial);font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.05;font-weight:400;margin:0}
.heritage-content>p:last-child{max-width:660px;margin:2rem auto 0;font-family:var(--editorial);font-size:1.35rem;color:#ece6dc}

.gather{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;padding:11rem 7vw;background:var(--paper);align-items:center}
.gather-copy{max-width:580px}
.gather h2{font-size:clamp(3rem,4.8vw,5.4rem);color:var(--navy-deep)}
.gather-copy>p:not(.eyebrow){font-family:var(--editorial);font-size:1.35rem;margin:2rem 0 2.3rem}
.gather-gallery{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:1.2rem;height:760px}
.gather-image{background-size:cover;background-position:center}
.gather-image.large{grid-row:1/3;background-image:url('assets/baby-bakery.jpg')}
.gather-image.small-top{background-image:url('https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=900&q=88')}
.gather-image.small-bottom{background-image:url('https://images.unsplash.com/photo-1486427944299-d1955d23e34d?auto=format&fit=crop&w=900&q=88')}

.order{padding:10rem 6vw;background:linear-gradient(135deg,var(--navy-deep),#263f67);color:#fff;text-align:center;position:relative;overflow:hidden}
.order:before,.order:after{content:"";position:absolute;width:310px;height:310px;opacity:.07;background-image:radial-gradient(circle at center,#fff 0 8%,transparent 8%),linear-gradient(45deg,transparent 42%,#fff 42% 47%,transparent 47%),linear-gradient(-45deg,transparent 42%,#fff 42% 47%,transparent 47%);background-size:62px 62px}
.order:before{left:-80px;top:-60px}.order:after{right:-80px;bottom:-80px}
.order-inner{position:relative;z-index:1}
.order h2{font-size:clamp(3rem,5vw,5.8rem)}
.order-actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2.4rem}

.visit{display:grid;grid-template-columns:1.15fr .85fr;min-height:780px;background:var(--limestone)}
.visit-image{background:url('assets/silver-star-420.mov') center/cover no-repeat}
.visit-details{padding:9rem 6vw;align-self:center}
.visit h2{font-size:clamp(3rem,4.5vw,5rem);color:var(--navy-deep);margin-bottom:3rem}
.visit-grid{display:grid;gap:2.2rem}
.visit-grid>div{padding-top:1.3rem;border-top:1px solid var(--line)}
.visit-grid h3{font-family:var(--display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0 0 .6rem}
.visit-grid p{font-family:var(--editorial);font-size:1.2rem;margin:0 0 .8rem}
@media (max-width:900px){

    .site-footer{
        background:#14243d !important;
        color:#eee6d8;
    }

    .footer-brand img{
        width:170px;
        margin:0 auto 1.5rem;
    }

    .footer-brand p,
    .footer-links a,
    .footer-bottom{
        color:#eee6d8;
    }

}
.site-footer{position:relative;background:#0f2037;color:#eee6d8;padding:6rem 7vw 2rem;text-align:center;overflow:hidden}
.footer-brand img{width:180px;margin:0 auto 1.3rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.footer-brand p{font-family:var(--editorial);font-size:1.3rem}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin:3rem 0 4rem}
.footer-links a{font-family:var(--display);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:1.6rem;display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.tile-band::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:10%;          /* was 32px */

    background:url("assets/portuguese-tile.jpg") repeat-x top center;
    background-size:25%;   /* explicit size */

    opacity:.22;

    z-index:5;
}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .site-header{height:82px;justify-content:flex-start;background:rgba(20,36,61,.22)}
  .header-brand,.site-header.scrolled .header-brand{left:1.2rem;top:8px;transform:none}.header-brand img,.site-header.scrolled .header-brand img{width:92px}
  .menu-toggle{display:block;position:absolute;right:1.2rem;top:22px;width:44px;height:38px;background:none;border:0;z-index:4}.menu-toggle span:not(.sr-only){display:block;width:26px;height:1px;background:#fff;margin:7px auto;transition:.25s}.site-header.scrolled .menu-toggle span:not(.sr-only){background:var(--navy)}
  .site-nav{position:fixed;inset:0;transform:translateY(-100%);background:var(--navy-deep);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:1.6rem;transition:transform .35s ease}.site-nav.open{transform:none}.site-nav a{font-size:1rem}.nav-cta{margin-top:1rem}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
  .hero-content{padding-top:5rem}.hero-logo{width:180px}.hero h1{font-size:clamp(2.8rem,12vw,5rem)}
  .hero-actions,.order-actions{flex-direction:column;gap:1.3rem}
  .intro{grid-template-columns:1fr;padding:8rem 7vw}.intro-number{font-size:9rem}.intro-copy{padding-top:0}
  .editorial{grid-template-columns:1fr}.editorial-image{min-height:560px}.editorial-panel{padding:6rem 7vw}
  .ritual{display:block}.ritual-copy{padding:7rem 7vw}.ritual-image{min-height:600px}.ritual-note{margin:0 7vw}
  .favorites{padding:8rem 6vw}.section-heading{margin-bottom:5rem}.feature,.feature-right{grid-template-columns:1fr;gap:2.5rem;margin-bottom:7rem}.feature-right .feature-image,.feature-right .feature-copy{grid-column:auto;grid-row:auto}.feature-image{height:520px}.feature-copy{max-width:100%}
  .heritage{background-attachment:scroll;min-height:700px}
  .gather{grid-template-columns:1fr;padding:8rem 6vw}.gather-gallery{height:620px}
  .visit{grid-template-columns:1fr}.visit-image{min-height:520px}.visit-details{padding:7rem 7vw}
  .footer-bottom{flex-direction:column;gap:.5rem}
}
@media(max-width:560px){
  .hero-copy{font-size:1.1rem}.eyebrow{font-size:.62rem}.intro h2,.editorial h2,.ritual h2,.section-heading h2,.gather h2,.order h2,.visit h2{font-size:2.65rem}
  .editorial-image,.ritual-image{min-height:460px}.feature-image{height:430px}.gather-gallery{height:auto;grid-template-columns:1fr;grid-template-rows:420px 260px 260px}.gather-image.large{grid-row:auto}.visit-image{min-height:420px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}


/* =========================================================
   MOBILE NAV FIX
   Keeps scroll state separate from menu-open state.
========================================================= */
@media (max-width: 900px) {

  /* Header remains visible while scrolling. */
.site-header,
.site-header.scrolled {
    top: 20px;          /* Move header down */
    height: 82px;
    padding: 0 24px;
}

  /* Small header logo is hidden while the menu is closed. */
.site-header .header-brand {
    left: 1.2rem;
    top: 6px;
    transform: none;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    z-index: 102;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}
.site-header.scrolled .header-brand {
  left: 1.2rem;
  top: 50%;
  transform: translateY(calc(-50% - 0px));
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

  /* Logo appears only after the hamburger is deliberately opened. */
  body.menu-open .site-header .header-brand,
  body.menu-open .site-header.scrolled .header-brand {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .site-header .header-brand img,
  .site-header.scrolled .header-brand img {
    width: 92px;
  }

  /*
   * IMPORTANT:
   * This selector is intentionally more specific than
   * .site-header.scrolled .site-nav in the desktop rules.
   */
  .site-header .site-nav,
  .site-header.scrolled .site-nav {
    position: fixed;
    inset: 0;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 100dvh;
    transform: translateY(-100%) !important;
    background: var(--navy-deep);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.6rem;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    z-index: 100;
    transition: transform .35s ease;
  }

  .site-header .site-nav.open,
  .site-header.scrolled .site-nav.open {
    transform: translateY(0) !important;
    pointer-events: auto;
  }
	
	/* =========================================
   DESKTOP: Hide header until scrolling
========================================= */

@media (min-width:901px){

  .site-header{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-100%) !important;
    pointer-events:none !important;

    transition:
      opacity .4s ease,
      transform .4s ease,
      visibility .4s ease;
  }

  .site-header.scrolled{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

}

  .menu-toggle {
    display: block;
    position: absolute;
    right: 1.2rem;
    top: 30px;
 width: 56px;
    height: 56px;
    background: none;
    border: 0;
    z-index: 103;
  }

  .menu-toggle span:not(.sr-only) {
    display: block;
    width: 34px;      /* Longer lines */
    height: 2px;      /* Thicker lines */
    margin: 8px auto;
    border-radius: 2px;
    background: #fff;
    transition:
      transform .25s ease,
      background .25s ease;
  }

  .site-header.scrolled .menu-toggle span:not(.sr-only) {
    background: var(--navy);
  }

  body.menu-open .site-header.scrolled .menu-toggle span:not(.sr-only) {
    background: #fff;
  }

  .menu-toggle[aria-expanded="true"] span:first-child {
    transform: translateY(4px) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] span:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
  }
}

.order-dropdown{
    position:relative;
    display:inline-block;
}

.order-btn{
    background:#203A63;
    color:#fff;
    border:none;
    padding:16px 34px;
    border-radius:999px;
    cursor:pointer;
    font-family:"Trajan Pro","Cinzel",serif;
    letter-spacing:.08em;
    transition:.3s;
}

.order-btn:hover{
    background:#2c4d82;
}

.order-menu{
    position:absolute;
    top:110%;
    left:50%;
    transform:translateX(-50%);

    min-width:230px;

    background:#fff;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transition:.25s;

    overflow:hidden;
}

.order-dropdown:hover .order-menu{
    opacity:1;
    visibility:visible;
}

.order-menu a{
    display:block;
    padding:18px 24px;
    color:#203A63;
    text-decoration:none;
    transition:.25s;
}

.order-menu a:hover{
    background:#f6f2eb;
}
.hero-logo{
    filter:
        drop-shadow(0 0 15px rgba(255,255,255,.35))
        drop-shadow(0 0 45px rgba(255,255,255,.15));
}

.hero,
.hero-content,
.hero-actions,
.order-dropdown {
  position: relative;
  overflow: visible;
}

.hero {
  z-index: 5;
}

.hero-content {
  z-index: 10;
}

.hero-actions {
  z-index: 20;
}

.order-dropdown {
  z-index: 1000;
}

.order-menu {
  z-index: 2000;
}


.order-menu{
    position:absolute;
    top:calc(100% + 14px);
    left:50%;
    transform:translateX(-50%);

    min-width:260px;

    background:rgba(248,245,239,.98);
    backdrop-filter:blur(14px);

    border:1px solid rgba(32,58,99,.12);
    border-radius:18px;

    box-shadow:0 20px 60px rgba(0,0,0,.18);

    overflow:hidden;
    z-index:9999;

    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
}

.order-dropdown:hover .order-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}

.order-menu a{
    display:block;
    padding:18px 28px;

    font-family:"Trajan Pro","Trajan Pro 3","Cinzel",serif;
    font-size:.82rem;
    letter-spacing:.12em;
    text-transform:uppercase;

    color:#203A63;
    text-decoration:none;

    transition:all .25s ease;
}

.order-menu a + a{
    border-top:1px solid rgba(32,58,99,.08);
}

/* DESKTOP HEADER: hidden at load, visible after scrolling */
@media (min-width: 901px){

  .site-header{
    opacity:0;
    visibility:hidden;
    transform:translateY(-100%);
    pointer-events:none;
  }

  .site-header.scrolled{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }

}

.hero h1{
    color:#fff;

    text-shadow:
        0 0 8px rgba(255,255,255,.22),
        0 0 18px rgba(255,255,255,.15),
        0 10px 40px rgba(0,0,0,.45);
}


.hero{
  position:relative;
  overflow:visible !important;
  z-index:20;
}

.hero-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0;
}

.hero-shade{
  z-index:1;
}

.hero-content{
  position:relative;
  z-index:30;
  overflow:visible !important;
}

.hero-actions{
  position:relative;
  z-index:40;
  overflow:visible !important;
}

.order-dropdown{
  position:relative;
  display:inline-block;
  z-index:100;
}

.order-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%);

  min-width:260px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  z-index:99999;
}

.order-dropdown:hover .order-menu,
.order-dropdown:focus-within .order-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.intro{
  position:relative;
  z-index:1;
}