/* Scramblers Hawaiian direction v2. Original food imagery, identity and interactions retained. */
:root{--paper:#fff8e9;--ink:#184e43;--yellow:#f2ca70;--ube:#b64b3a;--coral:#a94433;--aqua:#367d70;--muted:#5c685c;--line:#cdd1b9;--soft:#e9efdf}
header{background:#fff8e9f5;border-top:3px solid #b9503e}
.brand>span{letter-spacing:-.025em}
.order-button,.button{border-radius:4px}
.button:hover{background:#2c6a59}
.button.yellow:hover{background:#ebbd57}
.button.outline:hover{background:#184e4309}
.eyebrow{letter-spacing:.17em}
.hero{position:relative;isolation:isolate;background:#edf0df;padding:74px 0 78px}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 39% 51%,#fff8e9a6,transparent 65%);pointer-events:none}
.hero-grid{position:relative;z-index:2}
.hero-copy{position:relative}
.hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;color:#8e4032}
.hero-copy>.eyebrow:before{content:'';display:block;width:27px;height:27px;background:url('hibiscus.svg') center/contain no-repeat;flex-shrink:0}
.hero h1{letter-spacing:-.07em}
.hero h1 em{color:#b24c3a}
.hero-copy>p:not(.eyebrow){color:#4e6659}
.hero .actions{margin-top:29px}
.hero .button.yellow{background:#b24c3a;border-color:#b24c3a;color:#fff8e9}
.hero .button.yellow:hover{background:#943c30}
.hero-food{transform:rotate(1deg);border-radius:110px 18px 18px 18px;border:8px solid var(--paper);box-shadow:0 17px 35px #31523d20;overflow:hidden}
.hero-food>img{height:530px;object-position:65% center}
.food-caption{left:18px;right:18px;bottom:18px;background:#fff8e9f5;border-radius:4px;padding:17px 20px}
.food-caption>span{color:#95402f}
.morning-hours{margin-top:29px}
.morning-hours .sun{font-size:0;width:42px;height:42px;background:url('hibiscus.svg') center/contain no-repeat}
.morning-hours small{color:#4e6659}
.hero-botanicals{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.hero-botanicals img{position:absolute;object-fit:contain}
.palm-one{width:340px;height:auto;left:-190px;top:-118px;transform:rotate(118deg);opacity:.28}
.palm-two{width:370px;height:auto;right:-105px;bottom:-140px;transform:rotate(-40deg);opacity:.7}
.hero-hibiscus{width:155px;height:155px;right:max(12px,calc((100vw - 1470px)/2));bottom:28px;transform:rotate(22deg);z-index:3}
.aloha-strip{background:#184e43;border-top:1px solid #fff8e932;border-bottom:4px solid #efbd67;letter-spacing:.17em;gap:49px}
.aloha-strip i{display:block;font-size:0;width:25px;height:25px;background:url('hibiscus.svg') center/contain no-repeat}
.section>.text-link{color:#a94433;border-color:#a94433}
.dish-photo{border-radius:9px;background:#ede1c9}
.dish-card{border-radius:9px 9px 0 0}
.dish-photo>span{color:#184e43;background:#fff8e9}
.dish-copy>.eyebrow{color:#8e4b34}
.story-band{position:relative;overflow:hidden;background:#dce9d7;border-top:1px solid #becdb2;border-bottom:1px solid #becdb2}
.story-band:after{content:'';position:absolute;right:-48px;bottom:-96px;width:270px;height:330px;background:url('palm-frond.svg') center/contain no-repeat;transform:rotate(-44deg);opacity:.17;pointer-events:none}
.story-band-grid{position:relative;z-index:1}
.story-seal{position:relative;padding:28px 0}
.story-seal img:not(.seal-bloom){position:relative;z-index:1;border-radius:50%;box-shadow:0 0 0 13px #fff8e9a1}
.story-seal img.seal-bloom{position:absolute;width:135px;height:135px;left:6%;top:0;z-index:2;transform:rotate(-20deg)}
.story-seal>span{position:relative;z-index:2;margin-top:30px;color:#345f4a}
.catering-banner{position:relative}
.catering-banner:before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:url('island-line.svg') repeat-x left top/100px 17px;opacity:.35}
.closing{position:relative;overflow:hidden;background:#184e43}
.closing .wrap{position:relative;z-index:1}
.closing .eyebrow{color:#e3eacb}
.closing h2{color:#fff8e9}
.closing h2 em{color:#f2ca70}
.closing-palm{position:absolute;width:350px;height:auto;left:-78px;bottom:-175px;transform:rotate(38deg);opacity:.75}
.closing:after{content:'';position:absolute;right:-35px;top:-140px;width:250px;height:340px;background:url('palm-frond.svg') center/contain no-repeat;transform:rotate(-135deg);opacity:.6;pointer-events:none}
.page-intro{position:relative;padding-right:150px}
.intro-bloom{position:absolute;right:0;top:65px;width:120px;height:120px;transform:rotate(16deg);opacity:.8;pointer-events:none}
.page-intro:after{content:'';position:absolute;bottom:20px;left:0;width:110px;height:14px;background:url('island-line.svg') left center/100px 17px repeat-x;opacity:.5}
.standard-drinks{background:#e5eddb}
.story-mark,.location-card,.order-card{background:#f4e4bd}
.location-card:last-child,.order-card:last-child{background:#e1ead8}
.gift-list>a{border-color:#c8d2b8}
.footer-brand>em{color:#a94433}
.concept-note{color:#60695d}
dialog::backdrop{background:#133e35bd}
@media(min-width:1700px){.hero-hibiscus{right:calc((100vw - 1420px)/2 - 25px)}}
@media(max-width:1100px){.hero{padding:58px 0 62px}.hero-food>img{height:470px}.hero-hibiscus{width:120px;height:120px;right:0;bottom:24px}.palm-one{opacity:.17}.palm-two{width:310px;bottom:-125px}.hero-food{border-radius:90px 15px 15px 15px}.hero-grid{gap:4%;grid-template-columns:1fr 1.1fr}.hero .actions{flex-wrap:wrap}.hero .button{min-height:47px}.page-intro{padding-right:135px}}
@media(max-width:900px){.hero-food>img{height:430px}.hero-hibiscus{width:105px;height:105px;bottom:16px}.hero-copy>.eyebrow{gap:7px;letter-spacing:.1em}.hero-copy>.eyebrow:before{width:22px;height:22px}.hero-food{border-width:6px}.food-caption{left:13px;right:13px;bottom:13px}.story-seal img.seal-bloom{width:110px;height:110px;left:0}.intro-bloom{width:100px;height:100px}}
@media(max-width:650px){.hero{padding:38px 0 42px}.hero-grid{display:grid;grid-template-columns:1fr;gap:34px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:23px}.hero-copy>.eyebrow:before{width:25px;height:25px}.hero h1{font-size:clamp(66px,19vw,91px)}.hero-copy>p:not(.eyebrow){font-size:13px;margin-top:23px;line-height:1.8}.hero .actions{flex-wrap:wrap;margin-top:23px}.hero .button{font-size:8px;padding:14px 15px;gap:18px}.morning-hours{margin-top:22px;gap:11px}.morning-hours .sun{width:34px;height:34px}.hero-food{border-radius:80px 12px 12px 12px;border-width:6px;transform:rotate(1deg)}.hero-food>img{height:auto;aspect-ratio:1.13;object-fit:cover}.food-caption{padding:13px 15px;bottom:12px;left:12px;right:12px}.food-caption>strong{font-size:20px}.palm-one{left:auto;right:-140px;top:-54px;width:250px;transform:rotate(-135deg);opacity:.22}.palm-two{right:-95px;bottom:-110px;width:250px}.hero-hibiscus{width:92px;height:92px;right:-18px;bottom:7px}.aloha-strip{gap:17px;font-size:7px;letter-spacing:.09em}.aloha-strip i{width:22px;height:22px;flex-shrink:0}.aloha-strip>*:nth-child(n+4){display:block}.aloha-strip>*:nth-child(5){display:none}.story-seal{padding:22px 0}.story-seal img.seal-bloom{width:95px;height:95px;left:13%;top:0}.story-band:after{width:200px;right:-55px}.closing-palm{width:220px;left:-85px;bottom:-70px;opacity:.5}.closing:after{width:170px;right:-76px;top:-150px;opacity:.4}.page-intro{padding-right:48px;padding-bottom:48px}.intro-bloom{width:70px;height:70px;right:-12px;top:32px;opacity:.5}.page-intro h1{font-size:58px;position:relative;z-index:1}.intro-copy{position:relative;z-index:1;max-width:100%}.page-intro:after{bottom:12px;width:90px}.section-heading h2,.story-band-grid h2{font-size:53px}}