@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--cream:#f7f2e5;--teal:#073c43;--coral:#e76743;--gold:#e9b94e;--pale:#e2eae1;--line:#b9beb0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--teal);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(52px,7vw,108px)}h2{font-size:clamp(36px,4.4vw,64px)}h3{font-size:25px}p{max-width:65ch}button{color:var(--teal)}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.header{min-height:105px;padding:18px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #123c4325;background:var(--cream);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand svg{width:45px;height:44px}.brand span{font-family:Georgia,serif;letter-spacing:.1em;font-size:24px;line-height:1.15}.brand small{display:block;text-align:center;letter-spacing:.34em;font:9px 'DM Sans',sans-serif;margin-top:8px}.header nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.header nav>a:not(.button){padding:12px 0;border-bottom:2px solid transparent}.header nav a[aria-current=page]{border-color:var(--coral)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 25px;background:var(--teal);color:var(--cream);border:1px solid var(--teal);border-radius:40px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#145861;transform:translateY(-2px)}.button.small{min-height:44px;padding:10px 20px}.button.light{background:var(--cream);color:var(--teal);border-color:var(--cream)}.button.outline{background:transparent;color:inherit;border-color:currentColor}.button.coral{background:var(--coral);border-color:var(--coral);color:#082d32}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:11px;font-weight:700;color:var(--coral);margin-bottom:20px}.section{padding:85px 6%;max-width:1600px;margin:auto}.hero{min-height:710px;height:min(850px,82vw);position:relative;isolation:isolate;overflow:hidden;color:var(--cream);display:flex;align-items:center;padding:6%}.hero>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 53%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b23c9 0%,#102c3370 43%,transparent 78%)}.hero h1{max-width:660px;margin-bottom:32px;text-shadow:0 2px 30px #0003}.hero .eyebrow{color:#ffda8a}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero .button.outline{border-color:#fff9;backdrop-filter:blur(4px)}.hero-note{position:absolute;bottom:22px;right:5%;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ticker{background:var(--coral);border-bottom:2px solid var(--teal);border-top:2px solid var(--teal);display:flex;justify-content:space-around;gap:20px;padding:15px 20px;font:bold 16px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.ticker span{white-space:nowrap}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tile img{aspect-ratio:1.3;transition:transform .5s}.tile .image{overflow:hidden}.tile:hover img{transform:scale(1.035)}.tile h2{font-size:43px;letter-spacing:-.04em;margin:24px 0 12px}.tile p{font-size:15px;min-height:52px}.tile .arrow{display:block;border-bottom:1px solid var(--line);padding:8px 0;text-align:right;font-size:24px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.split>img,.split .photo{aspect-ratio:1.1}.split p{color:#34595c}.split .button{margin-top:16px}.teal-section{background:var(--teal);color:var(--cream)}.teal-section p{color:#d2ddd3}.teal-section .eyebrow{color:var(--gold)}.sun-mark{width:76px;height:76px;border:2px solid var(--coral);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:37px;color:var(--coral);margin-bottom:24px}.page-heading{padding:62px 6% 40px;text-align:center;position:relative;overflow:hidden}.page-heading h1{margin:0 0 20px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(60px,8vw,120px)}.page-heading p{margin:0 auto}.page-heading:before{content:'〰';font:160px Georgia;color:#e767431f;position:absolute;left:1%;top:25px;transform:rotate(-20deg);z-index:-1}.notice{font-size:12px;color:#476063;border-top:1px solid #073c4326;border-bottom:1px solid #073c4326;padding:12px 6%;text-align:center;margin:0}.menu-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:35px}.menu-filters button{border:1px solid #073c4340;background:transparent;border-radius:30px;padding:10px 20px;min-height:44px;font-size:14px}.menu-filters button[aria-pressed=true]{background:var(--coral);border-color:var(--coral)}.menu-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;margin-bottom:60px}.menu-feature img{aspect-ratio:1.15;box-shadow:-12px 12px 0 var(--coral)}.menu-feature h2{font:700 clamp(40px,4.7vw,70px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em}.badge{display:inline-block;background:var(--gold);padding:6px 14px;border-radius:3px;transform:rotate(-4deg);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.price{font:700 35px 'Barlow Condensed',sans-serif;margin:18px 0}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.dish{padding:28px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.dish .category{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6c7263;margin-bottom:12px}.dish h3{font:700 30px 'Barlow Condensed',Arial,sans-serif;margin:0 0 12px}.dish p{font-size:14px;color:#496163;flex:1}.dish-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.dish-bottom strong{font-size:21px}.add{border:1px solid var(--teal);background:transparent;border-radius:30px;min-height:44px;padding:8px 17px;font-size:13px}.add:hover{background:var(--teal);color:var(--cream)}.wide-photo{height:clamp(300px,50vw,600px)}.story-copy{max-width:760px;margin:auto}.story-copy p{font-size:18px}.pullquote{font:italic clamp(28px,3.4vw,45px)/1.2 Georgia;border-left:4px solid var(--coral);padding-left:28px;margin:35px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.story-grid img{aspect-ratio:1.1}.detail-list{margin:25px 0;padding:0;list-style:none}.detail-list li{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;gap:20px}.detail-list strong{font-size:14px}.detail-list span{text-align:right;font-size:14px}.explore-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.explore-card{border:1px solid var(--line);padding:32px;position:relative;min-height:270px;background:#ffffff30}.explore-card .number{font:60px 'Barlow Condensed',sans-serif;color:#e7674360;position:absolute;right:25px;top:12px}.explore-card h2{font-size:36px;margin-top:30px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-size:14px}.visit-card{background:var(--pale);padding:35px}.visit-card h2{font-size:38px}.visit-card .fine{font-size:13px}.concept-banner{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding:28px 6%;font-size:14px}.concept-banner p{margin:0}.order-layout{display:grid;grid-template-columns:1fr 380px;gap:50px}.order-items .dish{padding:24px 0}.cart-panel{background:white;border:1px solid var(--line);padding:26px;align-self:start;position:sticky;top:20px}.cart-panel h2{font-size:35px}.cart-empty{padding:20px 0;color:#617479}.cart-row{padding:18px 0;border-bottom:1px solid #ddd}.cart-row h3{font-size:16px;margin-bottom:8px;line-height:1.3}.cart-row p{font-size:12px;color:#607174;margin-bottom:10px}.cart-tools{display:flex;align-items:center;gap:12px}.cart-tools button{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:50%}.cart-tools .remove{width:auto;border:0;text-decoration:underline;font-size:11px;margin-left:auto}.cart-total{display:flex;justify-content:space-between;padding:22px 0;font-weight:700;font-size:20px}.cart-panel .button{width:100%}.fine{font-size:12px;color:#526b6e}.checkout{padding:22px 0}.checkout label{display:block;margin:15px 0 6px;font-weight:600;font-size:14px}.checkout select{width:100%;padding:12px;border:1px solid var(--line);background:var(--cream)}.confirmation{text-align:center;max-width:700px;margin:30px auto 90px;padding:45px;background:var(--pale)}.confirmation h2{font-size:48px}.confirmation .check{font-size:60px;color:var(--teal)}footer{padding:50px 6% 24px;background:var(--teal);color:var(--cream)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:35px}.footer-name{font:29px Georgia}.footer-name span{display:block;font:10px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.3em;margin-top:8px}.footer-top p{margin:0;font:italic 24px Georgia}.footer-top>a:last-child{font-size:13px;border-bottom:1px solid #fff7;padding-bottom:8px}.footer-bottom{border-top:1px solid #ffffff40;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:#d3ded6}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--teal);color:white;padding:14px 25px;border:1px solid var(--cream);border-radius:35px;z-index:60;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{padding:32px;border:1px solid var(--teal);background:var(--cream);color:var(--teal);max-width:500px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#001e25b0}.close{float:right;background:none;border:0;font-size:32px;width:44px;height:44px}dialog h2{font-size:38px;clear:both}dialog label{display:block;margin-top:18px;font-weight:600}dialog select,dialog input{width:100%;padding:12px;background:white;border:1px solid var(--line);margin-top:7px}dialog .button{margin-top:25px;width:100%}.mobile-order{display:none}
@media(min-width:1500px){.hero{height:790px}.hero>img{object-position:center 53%}}
@media(max-width:1100px){.header{padding:17px 4%;gap:15px}.brand span{font-size:20px}.header nav{gap:15px;font-size:12px}.brand svg{width:32px}.header .button{padding:10px 15px}.order-layout{grid-template-columns:1fr 330px;gap:30px}}
@media(max-width:800px){.header{min-height:85px;flex-wrap:wrap}.nav-toggle{display:block;min-height:44px;border:1px solid var(--teal);padding:8px 15px;border-radius:25px;background:transparent;font-size:13px}.header nav{display:none;width:100%;flex-wrap:wrap;padding-top:15px;font-size:14px;gap:12px 22px}.header nav.open{display:flex}.hero{height:650px;min-height:0;padding:35px 6%;align-items:flex-end}.hero>img{object-position:56% center}.hero:after{background:linear-gradient(0deg,#061b23df,transparent 90%)}.hero h1{font-size:65px;max-width:500px}.hero-note{display:none}.hero .eyebrow{margin-bottom:13px}.hero>div{padding-bottom:10px}.section{padding:55px 6%}.tiles{gap:20px}.tile h2{font-size:31px;margin-top:20px}.tile p{font-size:13px;min-height:80px}.split{gap:30px}.split h2{font-size:39px}.split p{font-size:14px}.menu-grid{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.cart-panel{position:static}.order-items{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.footer-top p{display:none}.ticker span:last-child{display:none}}
@media(max-width:540px){.brand span{font-size:19px}.brand small{font-size:8px}.hero{height:630px}.hero h1{font-size:56px;margin-bottom:25px;max-width:350px}.hero .button{padding:12px 21px}.hero>img{object-position:52% center}.ticker{font-size:12px;padding:12px;gap:20px}.ticker span:nth-child(3){display:none}.tiles{grid-template-columns:1fr;gap:38px}.tile img{aspect-ratio:1.45}.tile h2{font-size:39px;margin:20px 0 12px}.tile p{font-size:15px;min-height:0;margin-bottom:10px}.tile .arrow{padding:0}.split,.menu-feature,.story-grid,.explore-grid{grid-template-columns:1fr}.split{gap:30px}.split h2{font-size:44px}.split p{font-size:16px}.page-heading{padding:42px 6% 30px}.page-heading h1{font-size:64px}.page-heading p{font-size:14px}.menu-filters{gap:7px;justify-content:flex-start}.menu-filters button{padding:8px 13px;font-size:12px}.menu-feature{gap:30px;margin-bottom:40px}.menu-feature img{aspect-ratio:1.2;box-shadow:-7px 7px 0 var(--coral)}.menu-feature h2{font-size:46px}.menu-grid{grid-template-columns:1fr}.dish h3{font-size:31px}.story-copy p{font-size:16px}.explore-card{padding:26px;min-height:240px}.concept-banner{align-items:flex-start;flex-direction:column;gap:15px}.order-items{display:block}.footer-top{align-items:flex-start}.footer-name{font-size:25px}.footer-top>a:last-child{max-width:110px}.footer-bottom{flex-direction:column;gap:12px}.notice{font-size:11px}.confirmation{padding:30px 20px;margin-bottom:50px}.confirmation h2{font-size:39px}.detail-list li{gap:15px}.detail-list span{max-width:60%}.visit-card{padding:25px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Illustrated coastal chapters */
.tiles{gap:0;padding:58px 4.5%;max-width:none;align-items:stretch}.tile{padding:38px 30px 28px;background-repeat:repeat;background-size:210px 190px;position:relative}.menu-panel{background-color:#edb09b;background-image:url('/second-light/assets/wallpaper-menu.svg')}.story-panel{background-color:#c9dcd1;background-image:url('/second-light/assets/wallpaper-story.svg')}.visit-panel{background-color:#ecd18b;background-image:url('/second-light/assets/wallpaper-visit.svg')}.tile .image{box-shadow:0 12px 25px #073c431a;transform:rotate(-2deg);margin:12px 3px 32px}.story-panel .image{transform:rotate(2deg)}.visit-panel .image{transform:rotate(-1deg)}.tile h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:52px}.tile p{font-weight:500;max-width:30ch}.tile .arrow{border-color:#073c4340}.tile:hover .image{transform:rotate(0)}
/* Arrival: ripples, a rising wave, a surfer and the fin, then warm photography. */
.hero-slides{position:absolute!important;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.coast-slide{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;animation:coastal-cycle 24s infinite;animation-delay:5.2s}.slide-three{animation-delay:13.2s}.hero>img{animation:hero-drift 24s ease-in-out infinite}.surf-intro{position:absolute!important;inset:0;z-index:2;background:var(--cream);pointer-events:none;animation:intro-exit 5.2s both}.surf-intro svg{width:100%;height:100%}.surf-scene{transform-origin:55% 63%;animation:surf-arrival 5.2s both}.surfer{animation:surfer-ride 5.2s both}.ripples{animation:ripple-in 1.4s both}.motion-control{position:absolute;bottom:20px;left:6%;z-index:3;border:1px solid #fff8;background:var(--cream);color:var(--teal);border-radius:30px;padding:8px 14px;font-size:11px;min-height:38px}.hero.motion-paused *{animation-play-state:paused!important}.hero.motion-paused .surf-intro{display:none}@keyframes intro-exit{0%,78%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes surf-arrival{0%,15%{transform:translate(280px,180px);opacity:0}35%{opacity:1;transform:translate(80px,25px)}65%{transform:translate(-40px,0)}85%,100%{transform:translate(-120px,0) scale(3.8);opacity:1}}@keyframes surfer-ride{0%,25%{opacity:0;transform:translate(100px,-30px)}40%{opacity:1}70%,100%{transform:translate(-35px,15px)}}@keyframes ripple-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes coastal-cycle{0%,30%,100%{opacity:0;transform:scale(1)}35%,60%{opacity:1}66%{opacity:0;transform:scale(1.045)}}@keyframes hero-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:760px){.tiles{grid-template-columns:1fr;padding:30px 5%}.tile{padding:30px 25px}.tile p{min-height:0}.hero-note{bottom:70px;left:6%;right:auto;max-width:80%}.surf-intro svg{object-position:center}.tile .image{max-width:560px}}
@media(prefers-reduced-motion:reduce){.surf-intro,.hero-slides,.motion-control{display:none}.hero>img,.hero *{animation:none!important}.tile .image,.tile:hover .image{transform:none}.tile img{transition:none}}

.notice{max-width:none;width:100%;margin-inline:auto}.hero-slides{z-index:-1}

/* Keep the complete handcrafted fin visible, framed in warm coastal tones. */
.teal-section .split>img,.section.split>img{border:7px solid var(--cream);outline:1px solid var(--gold);outline-offset:0;box-shadow:10px 10px 0 #e9b94e55}
.split>img[src$="fin.webp"]{aspect-ratio:4/5;height:auto;object-fit:contain;object-position:center}
/* Explicit slide state makes every photograph selectable and replayable. */
.hero-slides{display:block!important}.hero>img,.coast-slide{opacity:0;animation:none;transition:opacity .8s ease;transform:scale(1.02)}.hero>img.is-active,.coast-slide.is-active{opacity:1;animation:hero-drift 16s ease-in-out infinite}.hero-slides .coast-slide{animation-delay:0s}.surf-intro{display:block;visibility:hidden;opacity:0;animation:none}.surf-intro.is-playing{visibility:visible;opacity:1;animation:intro-exit 5.2s both}.surf-scene,.surfer,.ripples{animation:none}.is-playing .surf-scene{animation:wave-track 5.2s both}.is-playing .surfer{animation:ride-face 5.2s both}.is-playing .ripples{animation:ripple-in 1.2s both}
@keyframes wave-track{0%,10%{opacity:0;transform:translate(100px,100px)}28%,70%{opacity:1;transform:translate(0,0)}85%,100%{opacity:1;transform:translate(0,0) scale(3.3)}}
@keyframes ride-face{0%,22%{opacity:0;transform:translate(112px,-63px) rotate(0deg)}32%{opacity:1;transform:translate(90px,-72px)}52%{opacity:1;transform:translate(0,-66px)}72%,100%{opacity:1;transform:translate(-148px,-14px)}}
.carousel-controls{position:absolute!important;bottom:24px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:3px;padding:3px 10px;background:#073c43b8;border:1px solid #f7f2e560;border-radius:40px;backdrop-filter:blur(8px)}.carousel-dot{border:0;background:transparent;width:40px;height:40px;display:grid;place-items:center;padding:0}.carousel-dot:before{content:'';display:block;width:9px;height:9px;border-radius:50%;border:1px solid var(--cream);background:transparent;transition:background .2s,transform .2s}.carousel-dot[aria-pressed=true]:before{background:var(--cream);transform:scale(1.3)}.hero-note{bottom:90px}
@media(prefers-reduced-motion:reduce){.hero-slides{display:block!important}.hero>img,.coast-slide{animation:none!important;transform:none}.surf-intro.is-playing{animation:none!important;display:none}.carousel-dot:first-child{display:none}}

/* Ride within the open face below the curling lip, rather than across the crest. */
@keyframes ride-face{0%,22%{opacity:0;transform:translate(67px,-12px)}32%{opacity:1;transform:translate(57px,-4px)}50%{opacity:1;transform:translate(20px,23px)}72%,100%{opacity:1;transform:translate(-50px,43px)}}
.surfer{transform-origin:668px 389px}
@keyframes ride-face{0%,22%{opacity:0;transform:translate(67px,-12px) rotate(-8deg)}32%{opacity:1;transform:translate(57px,-4px) rotate(-6deg)}45%{opacity:1;transform:translate(35px,16px) rotate(-2deg)}58%{opacity:1;transform:translate(0px,34px) rotate(4deg)}72%,100%{opacity:1;transform:translate(-50px,43px) rotate(8deg)}}

/* Restore the original opening animation while preserving slide selection. */
.is-playing .surf-scene{animation:surf-arrival 5.2s both}.is-playing .surfer{transform-origin:0 0;animation:original-surfer-ride 5.2s both}@keyframes original-surfer-ride{0%,25%{opacity:0;transform:translate(100px,-30px)}40%{opacity:1}70%,100%{transform:translate(-35px,15px)}}

/* Quiet illustrated identities for menu and nearby discoveries. */
.menu-page .page-heading{background:#efe2cb url('/second-light/assets/wallpaper-visit.svg') repeat;background-size:280px}.menu-page .page-heading h1{color:var(--teal)}.menu-page .page-heading h1:after{content:'';display:block;width:85px;height:5px;background:var(--coral);margin:22px auto 0;transform:rotate(-3deg)}
.menu-feature{padding:35px;background:#e1e9de url('/second-light/assets/wallpaper-menu.svg') repeat;position:relative;border-radius:3px}.menu-feature>div{padding:20px;background:#f7f2e5e8}.menu-grid{gap:20px}.menu-grid .dish{padding:26px;border-top:4px solid var(--accent);background:var(--dish-bg) url('/second-light/assets/wallpaper-menu.svg') repeat;background-size:300px}.dish[data-category="Handhelds"]{--accent:#c56b50;--dish-bg:#f3e3d9}.dish[data-category="Plates"]{--accent:#668b79;--dish-bg:#e4ebe0}.dish[data-category="To Share"]{--accent:#c19a43;--dish-bg:#f2ebd6}.dish[data-category="Something Sweet"]{--accent:#ab797b;--dish-bg:#eee2df}.dish[data-category="Drinks"]{--accent:#58898d;--dish-bg:#e1ece8}.menu-grid .dish .category{color:var(--teal);font-weight:700;letter-spacing:.15em;background:var(--cream);padding:5px 9px}.menu-grid .dish p{background:var(--dish-bg)}
.explore-grid{gap:24px}.explore-card{border:0;border-top:5px solid var(--accent);background:var(--panel-bg) var(--pattern) repeat;background-size:260px;box-shadow:0 5px 0 #073c430b}.explore-card:nth-child(1){--accent:#bb9850;--panel-bg:#f0e8d2;--pattern:url('/second-light/assets/wallpaper-visit.svg')}.explore-card:nth-child(2){--accent:#568780;--panel-bg:#dfeae1;--pattern:url('/second-light/assets/wallpaper-visit.svg')}.explore-card:nth-child(3){--accent:#738391;--panel-bg:#e3e8eb;--pattern:url('/second-light/assets/wallpaper-story.svg')}.explore-card:nth-child(4){--accent:#b77561;--panel-bg:#f0e1d9;--pattern:url('/second-light/assets/wallpaper-story.svg')}.explore-card p:not(.eyebrow){background:var(--panel-bg)}
@media(max-width:540px){.menu-feature{padding:22px}.menu-feature>div{padding:15px}.menu-grid .dish{padding:24px}}

/* Purpose-composed desktop banners; existing close compositions remain on phones and in cards. */
.hero-main{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
.hero-main img{height:100%;width:100%;object-fit:cover;object-position:62% center;opacity:0;transition:opacity .8s ease;transform:scale(1.02)}
.hero-main img.is-active{opacity:1;animation:hero-drift 16s ease-in-out infinite}
.banner-picture{display:block;width:100%}
.banner-picture .wide-photo{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
@media(min-width:801px){.hero{min-height:540px;height:clamp(540px,40vw,720px)}.coast-slide{object-position:center center}}
@media(max-width:800px){.banner-picture .wide-photo{aspect-ratio:1.6;object-position:center}.hero-main img{object-position:52% center}}
@media(prefers-reduced-motion:reduce){.hero-main img{animation:none!important;transform:none;transition:none}}

.intro-sound{position:absolute;right:22px;bottom:24px;z-index:5;min-height:44px;padding:10px 17px;border:1px solid #f7f2e580;border-radius:30px;background:#073c43dc;color:#f7f2e5;font-size:12px;backdrop-filter:blur(8px)}
@media(max-width:540px){.intro-sound{right:14px;bottom:86px}}

/* Reserve a separate control area below the hero links on phones/tablets. */
@media(max-width:800px){.hero{height:auto;min-height:630px;padding-bottom:100px}.intro-sound{right:6%;bottom:86px}.hero .actions{position:relative;z-index:1}}

/* Sound is visible on entry, separate from the lower slide navigation. */
.hero .intro-sound{top:20px;right:22px;bottom:auto}
@media(max-width:800px){.hero{padding-top:90px}.hero .intro-sound{top:18px;right:6%}}