/* Concept 02: larger identity, floating type, and easy-to-find visit details. */
:root{--ink:#173b2d;--orange:#aa431f;--muted:#526055}
.preview-bar{height:auto;min-height:38px;font-size:12px;letter-spacing:.035em;gap:10px}
.preview-bar button{font-size:12px;min-height:38px;white-space:nowrap}
.header{height:145px;border-bottom:1px solid #20382c18;gap:25px}
.brand{gap:18px}.brand img{width:105px;height:105px;object-fit:contain}.brand span{font-size:36px;letter-spacing:.14em}.brand small{font-size:10px;letter-spacing:.09em}
.header nav{font-size:15px;gap:28px}.button{font-size:16px;padding:18px 26px}.header .button{font-size:15px}
.hero{min-height:665px;grid-template-columns:49% 51%;padding-top:25px;padding-bottom:45px;gap:0}
.eyebrow{font-size:12px;letter-spacing:.11em}.hero h1{font-size:clamp(52px,5.8vw,82px);line-height:1.04;letter-spacing:-.058em;margin:25px 0}.hero h1 em{display:block}.hero h1 br{display:none}
.intro{font-size:18px;line-height:1.7;max-width:400px}.text-link{font-size:15px}.hero-actions{gap:22px;margin-top:26px}
.hero-essentials{display:grid;grid-template-columns:.85fr 1.25fr;gap:10px;max-width:560px;margin-top:36px}
.essential{padding:20px 16px;border-radius:14px;background:#e8ecdF;border:1px solid #d4dccb;display:flex;flex-direction:column;gap:8px}
.essential>span{font-size:11px;font-weight:800;letter-spacing:.08em}.essential strong{font-size:25px;letter-spacing:-.04em;line-height:1.15}.essential small{font-size:14px;line-height:1.5}.essential strong em{color:#eeb379;font-style:normal}.hours{color:white;background:var(--ink);border-color:var(--ink)}.hours>span{color:#f2c39a}.location{transition:background .25s}.location:hover{background:#dce5cf}.location b{font-size:19px}
.hero-art{height:620px;overflow:clip}.hero-art .motion-hint{top:auto;bottom:0;font-size:12px}.art-word{font-size:105px;top:60px;left:3%;opacity:.5}.breakfast{top:100px;left:6%;width:88%;border-width:10px;box-shadow:3px 6px 0 #d8cdbb,8px 14px 0 -4px #e5dac9,15px 40px 50px #4e342a2b}
.floating-note{position:absolute;z-index:5;padding:18px 23px;border-radius:13px;box-shadow:0 15px 40px #153d2724;animation:float-note 6s ease-in-out infinite;max-width:90%}
.floating-note>span{display:block;font-size:12px;letter-spacing:.14em;font-weight:800}.floating-note strong{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;font-size:38px;line-height:1.2;display:block;white-space:nowrap}.floating-note i{position:absolute;right:13px;top:-16px;font-style:normal;font-size:32px;color:#d7763b}
.kitchen-note{left:0;top:30px;background:#fffdf6;border:1px solid #e6d9bd;rotate:-5deg}.barista-note{right:3%;bottom:70px;background:var(--ink);color:#fffdf6;rotate:5deg;animation-delay:-3s}.barista-note>span{color:#e7b78b}
.coffee-photo{position:absolute;bottom:27px;left:6%;width:210px;height:230px;background:#fffdf6;padding:9px;border-radius:100px 100px 13px 13px;box-shadow:0 15px 35px #173b2d25;rotate:-10deg;z-index:4;animation:float-note 8s ease-in-out infinite -2s;overflow:hidden}.coffee-photo img{width:100%;height:177px;object-fit:cover;object-position:50% 90%;border-radius:100px 100px 7px 7px}.coffee-photo span{display:block;text-align:center;padding-top:12px;font-size:11px;font-weight:800;letter-spacing:.08em}
.accent-spark{position:absolute;color:var(--orange);font-size:50px;animation:spark-turn 14s linear infinite}.spark-one{right:1%;top:85px}.spark-two{left:0;bottom:100px;font-size:32px}
.ribbon{background:var(--ink);color:#fff9e9;border:0;padding:28px 0}.ribbon-inner{gap:20px}.ribbon a{position:relative;display:block;padding:8px 10px;isolation:isolate}.ribbon a:before{content:'';position:absolute;bottom:7px;left:8px;right:8px;height:12px;background:#c47c3d;z-index:-1;transform:scaleX(.15);transform-origin:left;opacity:.5;animation:highlight-wash 7s ease-in-out infinite}.ribbon a:nth-of-type(2):before{animation-delay:-2.3s}.ribbon a:nth-of-type(3):before{animation-delay:-4.6s}.ribbon small{display:block;font-size:12px;letter-spacing:.13em;color:#e8bd98;margin-bottom:7px}.ribbon strong{display:block;font-family:Georgia,serif;font-size:clamp(24px,2.6vw,36px);font-weight:400;letter-spacing:-.035em;line-height:1.15}.ribbon i{font-size:30px;color:#e5ad71}
.section-heading>p{font-size:16px}.card-number{font-size:12px}.card-copy p{font-size:15px}.menu-notes{font-size:15px}.visit-copy>p:not(.eyebrow){font-size:17px;max-width:460px}.visit-copy address{font-size:25px;line-height:1.5;font-weight:600;background:#e8ecdf;border-left:4px solid var(--orange);padding:20px 24px;border-radius:0 13px 13px 0}.visit-copy .visit-hours{font-size:26px!important;max-width:none!important;color:var(--ink)!important;font-weight:700}.visit-image>span{font-size:14px;background:#173b2ddd;padding:12px 16px;border-radius:6px}footer p{font-size:14px}footer>span:last-child{font-size:11px}
@keyframes float-note{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes spark-turn{to{rotate:360deg}}
@keyframes highlight-wash{0%,100%{transform:scaleX(.15);opacity:.25}45%,65%{transform:scaleX(1);opacity:.6}}
@media(max-width:1050px){.brand img{width:85px;height:85px}.brand span{font-size:30px}.header nav{gap:17px}.hero-essentials{grid-template-columns:1fr}.essential{padding:13px 16px}.essential strong{font-size:24px}.essential small{font-size:14px}.hero-art{height:540px}.floating-note strong{font-size:30px}.coffee-photo{width:170px;height:205px}.coffee-photo img{height:155px}.barista-note{bottom:75px}.ribbon strong{font-size:26px}}
@media(max-width:700px){.preview-bar{padding-inline:12px;font-size:10px;letter-spacing:0}.preview-bar button{font-size:11px}.header{height:118px;gap:8px}.brand{gap:8px}.brand img{width:72px;height:72px}.brand span{font-size:24px;letter-spacing:.09em}.brand small{font-size:8px;letter-spacing:.01em}.header .button{font-size:12px;padding:12px 14px;gap:8px}.header .button span{font-size:18px}.hero{padding-top:25px;padding-bottom:20px;min-height:0}.hero h1{font-size:clamp(45px,11.3vw,73px);margin:17px 0;line-height:1.07}.hero .eyebrow{font-size:10px}.intro{font-size:16px;line-height:1.65;max-width:none}.hero-actions{margin-top:20px;gap:14px}.button{font-size:14px;padding:16px 21px}.text-link{font-size:14px}.hero-essentials{grid-template-columns:.9fr 1.2fr;gap:8px;margin-top:25px}.essential{padding:14px 11px;gap:7px}.essential>span{font-size:10px;letter-spacing:.03em}.essential strong{font-size:21px}.essential small{font-size:12px}.hero-art{height:405px;margin-top:24px}.breakfast{top:76px;left:6%;width:87%;border-width:8px}.art-word{font-size:73px;top:58px}.floating-note{padding:12px 17px;animation-duration:8s}.floating-note>span{font-size:10px}.floating-note strong{font-size:29px}.kitchen-note{top:14px;left:2%}.barista-note{bottom:39px;right:2%}.coffee-photo{width:138px;height:163px;bottom:10px;left:6%;padding:7px}.coffee-photo img{height:122px}.coffee-photo span{font-size:9px;padding-top:8px}.accent-spark{font-size:34px}.spark-one{top:35px}.spark-two{bottom:45px;left:1%;font-size:24px}.ribbon{padding:14px 0}.ribbon-inner{display:flex;flex-direction:column;gap:0;align-items:stretch;text-align:left}.ribbon a{padding:19px 10px}.ribbon a+a{border-top:1px solid #ffffff25}.ribbon small{font-size:11px}.ribbon strong{font-size:32px}.ribbon a:before{bottom:18px;right:25%}.ribbon i{display:none}.section-heading>p{font-size:16px}.eyebrow{font-size:12px}.card-copy p{font-size:15px}.card-number{font-size:11px}.menu-notes{font-size:14px}.visit-copy address{font-size:22px;padding:16px}.visit-copy .visit-hours{font-size:23px!important}.visit-copy>p:not(.eyebrow){font-size:16px}footer p{font-size:14px}footer>span:last-child{font-size:11px}}
@media(max-width:370px){.brand img{width:60px;height:60px}.brand span{font-size:20px}.brand small{font-size:7px}.header .button{padding:12px 10px}.essential strong{font-size:19px}.hero-actions{gap:8px}.hero-art{height:385px}}
body.motion-off *,body.motion-off *:before{animation:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;translate:none!important}}