:root{--navy:#071b2a;--navy2:#0d2a3d;--cream:#f8f1e5;--paper:#fffaf2;--gold:#c98b2b;--gold2:#edb65c;--ink:#102131;--muted:#66727d;--line:rgba(201,139,43,.35);--radius:18px;--shadow:0 16px 45px rgba(2,17,28,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-weight:800;font-size:.78rem;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,250,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,33,49,.08)}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:46px;height:46px;border-radius:50%}.brand strong{font-family:Georgia,serif;letter-spacing:.14em;font-size:1.08rem}.brand small{display:block;color:var(--gold);letter-spacing:.22em;font-size:.62rem;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:24px;font-size:.81rem;text-transform:uppercase;letter-spacing:.09em}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--navy);color:white;border:1px solid var(--navy);padding:13px 20px;border-radius:7px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;transition:.2s}.btn:hover,.nav-cta:hover{transform:translateY(-2px);background:var(--gold);border-color:var(--gold)}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.ghost{background:transparent;color:inherit;border-color:var(--gold)}.menu-btn{display:none;background:none;border:0;font-size:1.7rem;color:var(--navy)}
.hero{min-height:600px;display:grid;align-items:center;color:white;background:linear-gradient(90deg,rgba(5,20,31,.9) 0%,rgba(5,20,31,.58) 48%,rgba(5,20,31,.14) 100%),url('../images/hero-deckchair.png') center/cover}.hero-content{max-width:690px;padding:88px 0}.hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.92;margin:.16em 0 .24em}.hero .script{display:block;color:var(--gold2);font-style:italic;font-weight:400}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);max-width:570px;color:#f5ead8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.section{padding:80px 0}.section.dark{background:var(--navy);color:white}.section.deep{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white}.section-head{text-align:center;max-width:760px;margin:0 auto 38px}.section-head h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.18em 0}.section-head p{color:var(--muted)}.dark .section-head p,.deep .section-head p{color:#c5d0d7}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.journey-card{min-height:390px;border-radius:var(--radius);overflow:hidden;position:relative;color:white;box-shadow:var(--shadow);isolation:isolate;background:#123}.journey-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,13,22,.94),rgba(2,13,22,.08) 67%);z-index:-1}.journey-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:.5s}.journey-card:hover img{transform:scale(1.05)}.journey-card .card-copy{position:absolute;left:20px;right:20px;bottom:20px;text-align:center}.journey-card h3{font-size:1.55rem;line-height:1.05;margin:0 0 8px}.journey-card p{font-size:.9rem;color:#e7edf0;min-height:48px}.journey-card .mini{display:inline-block;border:1px solid var(--gold);padding:8px 15px;border-radius:5px;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--gold2)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.feature .icon{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:1.25rem}.feature h3{font-size:1rem;margin:0}.feature p{font-size:.88rem;margin:.2em 0;color:#c5d0d7}
.page-hero{min-height:430px;display:grid;align-items:end;padding:90px 0 52px;color:white;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,29,.9),rgba(4,18,29,.28))}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.96;margin:.1em 0}.page-hero p{max-width:650px;font-size:1.2rem;color:#f4eadc}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:start}.panel{background:var(--paper);border:1px solid #eadcc8;border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(6,25,38,.08)}.panel h2,.panel h3{margin-top:0}.player{border-radius:12px;overflow:hidden;background:white;border:1px solid #dce1e4}.player iframe{display:block;width:100%;border:0}.art{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.art img{width:100%;height:auto}.link-list{display:grid;gap:12px}.link-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eadcc8}.link-item:last-child{border-bottom:0}.note{padding:20px;border-left:4px solid var(--gold);background:#fff7e8;border-radius:0 10px 10px 0}.quote{font-family:Georgia,serif;font-size:1.6rem;font-style:italic;color:var(--gold)}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-card{background:var(--paper);border:1px solid #eadcc8;border-radius:15px;overflow:hidden}.archive-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.archive-card .copy{padding:20px}.archive-card h3{margin:0 0 7px}.archive-card p{color:var(--muted);font-size:.92rem}.archive-card .btn{padding:10px 14px;font-size:.65rem}
.signup{background:linear-gradient(135deg,#0a2434,#102f42);color:white;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.signup h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:0}.signup ul{padding-left:20px;color:#d5e0e7}.form{display:grid;gap:12px}.form input,.form textarea{width:100%;padding:15px;border-radius:7px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:white;font:inherit}.form input::placeholder,.form textarea::placeholder{color:#cfdae0}.form .hp{position:absolute;left:-9999px}
.footer{background:#04131e;color:#c3ced5;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer h3{color:white}.footer a{display:block;margin:.35em 0}.footer a:hover{color:var(--gold)}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;font-size:.85rem}.social{display:flex;gap:15px;flex-wrap:wrap}.social a{display:inline}
@media(max-width:1000px){.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-card:last-child{grid-column:span 2}.feature-strip{grid-template-columns:repeat(2,1fr)}.nav-links{position:fixed;left:0;right:0;top:82px;background:var(--paper);padding:24px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}.nav-links.open{display:flex}.menu-btn{display:block}.nav>.nav-cta{display:none}.two-col,.signup{grid-template-columns:1fr}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.hero{min-height:560px}.hero-content{padding:70px 0}.section{padding:58px 0}.journey-grid,.archive-grid,.feature-strip{grid-template-columns:1fr}.journey-card:last-child{grid-column:auto}.journey-card{min-height:350px}.page-hero{min-height:390px}.panel{padding:20px}.signup{padding:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.brand strong{font-size:.95rem}.brand small{letter-spacing:.12em}}

/* V5.1 — The Blueboy’s Café Way */
.philosophy-hero{min-height:670px;background:linear-gradient(90deg,rgba(3,17,28,.94) 0%,rgba(3,17,28,.72) 44%,rgba(3,17,28,.18) 100%),url('../images/hero-deckchair.png') center/cover}.philosophy-hero .hero-content{max-width:650px;padding:68px 0}.welcome-script,.card-script,.script-line,.way-welcome{font-family:"Brush Script MT","Segoe Script",cursive;color:var(--gold2);font-style:italic}.welcome-script{font-size:2.25rem;line-height:1}.philosophy-hero h1{font-size:clamp(3.6rem,7vw,6.8rem);margin:.08em 0}.hero-tagline{text-transform:uppercase;letter-spacing:.32em;color:var(--gold2);font-size:clamp(.92rem,1.5vw,1.18rem);font-weight:700}.sun-divider{display:flex;align-items:center;gap:12px;width:340px;max-width:100%;margin:18px 0}.sun-divider span{height:1px;background:var(--gold);flex:1}.sun-divider b{color:var(--gold);font-size:1.1rem}.hero-lead{font-family:Georgia,serif;font-size:1.32rem!important}.gold-copy{color:var(--gold2)!important;font-family:Georgia,serif;font-size:1.08rem}.journey-section{padding-top:54px}.section-head.compact{margin-bottom:26px}.section-head.compact h2{font-size:clamp(2rem,4vw,3.2rem)}.journey-grid-three{grid-template-columns:repeat(3,1fr);gap:18px}.journey-grid-three .journey-card{min-height:410px;border:1px solid rgba(237,182,92,.58)}.journey-symbol{width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;margin:0 auto 16px;color:var(--gold2);font-size:1.7rem;background:rgba(4,19,30,.75)}.journey-grid-three h3{font-size:1.8rem}.card-script{font-size:1.35rem;margin-bottom:2px}.cafe-way{background:#f7efe3}.cafe-way-grid{display:grid;grid-template-columns:.95fr 1.15fr .42fr;gap:38px;align-items:center}.way-image img{width:100%;min-height:420px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}.way-copy h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;margin:.18em 0 .4em}.script-line{display:block;font-size:.72em;font-weight:400;margin-top:10px}.way-welcome{font-size:2rem;line-height:1.1;margin:4px 0 22px}.text-link{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.balearic-seal{aspect-ratio:1;border:2px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.12em;color:var(--navy);padding:20px}.balearic-seal span{font-size:2.5rem;color:var(--gold);line-height:1.2}.balearic-seal small{font-size:.62rem}.feature-strip.five{grid-template-columns:repeat(5,1fr);gap:18px}.philosophy-strip{padding:46px 0}.philosophy-strip .feature{grid-template-columns:46px 1fr}.philosophy-strip .feature .icon{width:42px;height:42px}.listen-join{padding:55px 0}.lower-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}.lower-grid h2{font-size:clamp(2rem,4vw,3.3rem);margin:.15em 0}.inline-form{display:flex;gap:0;max-width:620px;margin-top:22px}.inline-form input{flex:1;min-width:0;border:1px solid #d9c8ad;padding:14px;border-radius:7px 0 0 7px;font:inherit;background:#fff}.inline-form .btn{border-radius:0 7px 7px 0}.inline-form .hp{position:absolute;left:-9999px}.listen-anytime{border-left:1px solid #d8c6aa;padding-left:38px}.mixcloud-btn{background:var(--navy);border-color:var(--navy)}
@media(max-width:1000px){.journey-grid-three{grid-template-columns:repeat(3,1fr)}.cafe-way-grid{grid-template-columns:1fr 1.2fr}.balearic-seal{display:none}.feature-strip.five{grid-template-columns:repeat(2,1fr)}.feature-strip.five .feature:last-child{grid-column:span 2}.lower-grid{grid-template-columns:1fr}.listen-anytime{border-left:0;border-top:1px solid #d8c6aa;padding:30px 0 0}}
@media(max-width:760px){.journey-grid-three{grid-template-columns:1fr}.philosophy-hero{min-height:700px;background-position:62% center}.philosophy-hero .hero-content{padding:60px 0}.cafe-way-grid{grid-template-columns:1fr}.way-image img{min-height:300px}.feature-strip.five{grid-template-columns:1fr}.feature-strip.five .feature:last-child{grid-column:auto}.inline-form{flex-direction:column;gap:10px}.inline-form input,.inline-form .btn{border-radius:7px}.hero-tagline{letter-spacing:.2em}.welcome-script{font-size:1.9rem}}