:root{--ink:#141414;--charcoal:#20201e;--gold:#b48a45;--gold2:#d5b77a;--cream:#f5efe5;--paper:#fbfaf7;--line:#d8c9ad;--white:#fff;--muted:#6d685f;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100vw - var(--max))/2));background:rgba(251,250,247,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e8e2d7}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.08em}.brand img{width:60px;height:60px;border-radius:50%}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:20px}.brand span{font-size:12px;letter-spacing:.18em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:26px;font-size:14px}.main-nav>a:not(.btn){position:relative}.main-nav>a:not(.btn):after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--gold);transition:.25s}.main-nav>a:hover:after{width:100%}.nav-toggle{display:none;border:0;background:none;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:14px 22px;border-radius:4px;border:1px solid var(--ink);font-weight:700;letter-spacing:.03em;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);background:#000}.btn-small{padding:10px 16px}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);color:white}.btn-outline-dark{background:transparent;color:var(--ink)}.btn-full{width:100%}.hero{max-width:var(--max);margin:0 auto;min-height:690px;display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center;padding:80px 28px;background:radial-gradient(circle at 70% 30%,#f0e4d2 0,rgba(240,228,210,0) 45%)}.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:700;color:var(--gold);margin-bottom:20px}.hero h1,.section h2{font-family:Georgia,'Times New Roman',serif;margin:0;line-height:.96;font-weight:500}.hero h1{font-size:clamp(58px,7vw,104px);letter-spacing:-.045em}.hero h1 span{color:var(--gold)}.hero-lead{font-size:21px;max-width:720px;color:#4f4a42;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-badges span{border:1px solid var(--line);background:#fff9;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:700}.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cup{width:250px;height:180px;background:linear-gradient(135deg,#282826,#0e0e0d);border-radius:20px 20px 90px 90px;position:relative;box-shadow:0 30px 55px #0003;z-index:3}.coffee{position:absolute;left:14px;right:14px;top:8px;height:45px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#d5a25f 0 12%,#8b5627 35%,#382217 70%);box-shadow:inset 0 0 0 8px #181817}.handle{position:absolute;right:-72px;top:45px;width:95px;height:88px;border:20px solid #191918;border-left:12px solid #191918;border-radius:0 50% 50% 0}.saucer{position:absolute;width:360px;height:58px;background:#1b1b1a;border-radius:50%;top:330px;box-shadow:0 18px 25px #0002}.steam{position:absolute;width:24px;height:130px;border-left:5px solid #b48a4580;border-radius:50%;top:85px;z-index:2;filter:blur(.2px)}.s1{left:40%;transform:rotate(4deg)}.s2{left:50%;height:150px;top:65px}.s3{left:60%;transform:rotate(-4deg)}.bean{position:absolute;width:42px;height:25px;background:#59331f;border-radius:50%;box-shadow:inset 0 -5px 8px #2d170d;transform:rotate(25deg)}.bean:after{content:"";position:absolute;left:20px;top:3px;width:2px;height:19px;background:#c99a67;border-radius:50%}.b1{bottom:70px;left:15%}.b2{bottom:45px;right:18%;transform:rotate(-20deg)}.b3{top:100px;right:6%;transform:rotate(70deg)}.b4{top:145px;left:10%;transform:rotate(-55deg)}.hero-stamp{position:absolute;right:0;bottom:15px;width:130px;height:130px;border:2px solid var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;letter-spacing:.13em;color:var(--gold);font-size:11px;transform:rotate(-8deg)}.hero-stamp strong{font-size:20px;margin-top:4px}.message-strip{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.message-strip>div{padding:30px 22px;text-align:center;border-right:1px solid #ffffff22}.message-strip strong{display:block;letter-spacing:.14em;font-size:12px;color:var(--gold2);margin-bottom:7px}.message-strip span{font-size:13px;color:#e8e4db}.section{max-width:var(--max);margin:auto;padding:100px 28px}.section-light{max-width:none;background:white}.section-light>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section-head{max-width:820px;text-align:center;margin-bottom:50px}.section-head h2,.split h2,.experience h2,.contact-section h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.035em}.section-head p{font-size:18px;color:var(--muted)}.coffee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.coffee-card{background:#f7f3eb;border:1px solid #e6ded0;overflow:hidden;border-radius:8px;display:flex;flex-direction:column}.bag{height:300px;margin:24px auto 5px;width:180px;background:#1b1b1a;border-radius:8px 8px 3px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold2);border:2px solid var(--gold);box-shadow:0 18px 25px #0002;position:relative}.bag:before{content:"SOLENT COFFEE HOUSE";position:absolute;top:26px;font-size:9px;letter-spacing:.16em;color:white}.bag span{font-family:Georgia,serif;font-size:29px;letter-spacing:.04em}.bag small{font-size:10px;letter-spacing:.17em;color:white;margin-top:6px}.bag-cowes{background:linear-gradient(#242321,#121210)}.bag-ryde{background:linear-gradient(#6d7054,#333526)}.bag-bembridge{background:linear-gradient(#243d46,#101d22)}.bag-needles{background:linear-gradient(#4a2f28,#211513)}.card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.card-copy h3{font-family:Georgia,serif;font-size:29px;margin:0 0 8px}.card-copy p{color:#625d55;flex:1}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}.tags span{font-size:11px;border:1px solid #cbbd9e;border-radius:999px;padding:5px 8px}.shop-note{margin-top:28px!important;background:#191918;color:#eee;padding:20px 25px;border-radius:6px}.shop-note strong{color:var(--gold2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:var(--ink);color:white;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.split p{color:#d8d3ca;font-size:18px}.gold{color:var(--gold2)}.tick-list{padding:0;list-style:none}.tick-list li{padding:10px 0;border-bottom:1px solid #ffffff1c}.tick-list li:before{content:"✓";color:var(--gold2);margin-right:12px}.roaster-panel{background:#2a2926;min-height:500px;border:1px solid #ffffff18;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.machine{width:260px;height:330px;position:relative}.machine-top{position:absolute;top:0;left:45px;width:170px;height:65px;background:#3c3c39;border-radius:20px 20px 6px 6px}.machine-screen{position:absolute;top:78px;left:28px;width:205px;height:70px;background:#0a0a0a;border:7px solid #555;border-radius:7px;color:var(--gold2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;letter-spacing:.16em;text-align:center}.machine-screen small{font-size:8px;color:#aaa;margin-top:5px}.machine-drum{position:absolute;top:165px;left:50px;width:160px;height:110px;background:radial-gradient(circle,#111 0 38%,#595853 40% 43%,#282826 45%);border-radius:50%;border:8px solid #474641}.machine-base{position:absolute;bottom:0;left:15px;width:230px;height:78px;background:#3d3d3a;border-radius:8px}.panel-caption{margin-top:25px;font-size:11px;letter-spacing:.18em;color:#c9c2b5;text-align:center}.section-cream{max-width:none;background:var(--cream);padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.experience{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.experience p{font-size:18px;color:#5f584f}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:26px 0}.visit-details>div{background:#fff9;padding:18px;display:flex;gap:12px;border:1px solid #d9cdb8}.visit-details span{font-size:24px}.visit-details p{font-size:14px;margin:0}.quote-card{background:var(--ink);color:white;padding:50px;border-radius:8px;text-align:center;box-shadow:0 25px 50px #0002}.quote-card img{width:150px;border-radius:50%;margin-bottom:28px}.quote-card blockquote{font-family:Georgia,serif;color:var(--gold2);font-size:34px;line-height:1.15;margin:0 0 25px}.quote-card span{letter-spacing:.14em;font-size:11px}.narrow{max-width:760px!important}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.values-grid article{border-top:2px solid var(--gold);padding-top:20px}.values-grid span{font-size:11px;letter-spacing:.15em;color:var(--gold)}.values-grid h3{font-family:Georgia,serif;font-size:26px}.values-grid p{color:var(--muted)}.contact-section{max-width:none;background:#e4d5bb;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.contact-card{background:white;padding:35px;display:flex;flex-direction:column;gap:7px;border-radius:8px}.contact-card h3{font-size:30px;margin:0}.contact-card p{margin:0 0 10px;color:var(--muted)}.contact-card a{font-weight:700}.contact-card span{font-size:12px;color:#777;margin-top:12px;border-top:1px solid #eee;padding-top:12px}footer{background:#111;color:white;padding:36px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:70px;border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{letter-spacing:.1em}.footer-brand span{color:#bbb;font-size:13px}.footer-links{display:flex;gap:24px;color:#ddd;font-size:13px}.footer-copy{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:18px;color:#888;font-size:12px}.order-modal{position:fixed;inset:0;background:#0008;display:none;place-items:center;z-index:100;padding:20px}.order-modal.open{display:grid}.modal-card{background:white;max-width:620px;width:100%;padding:38px;border-radius:8px;position:relative}.modal-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px}.modal-card h3{font-family:Georgia,serif;font-size:38px;margin:0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid #ddd}.main-nav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px}.hero-visual{height:410px}.message-strip{grid-template-columns:1fr 1fr}.coffee-grid{grid-template-columns:1fr 1fr}.split,.experience,.contact-section{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.brand img{width:50px;height:50px}.brand strong{font-size:16px}.hero{padding:46px 20px}.hero h1{font-size:55px}.hero-lead{font-size:18px}.hero-visual{height:330px}.cup{transform:scale(.82)}.saucer{transform:scale(.82);top:260px}.message-strip{grid-template-columns:1fr}.coffee-grid{grid-template-columns:1fr}.section{padding:72px 20px}.visit-details{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.footer-links{display:none}footer{grid-template-columns:1fr}.hero-stamp{width:105px;height:105px}.quote-card{padding:35px 24px}.quote-card blockquote{font-size:27px}}

.launch-notice { margin: 18px 0 4px; padding: 12px 16px; display: inline-block; border: 1px solid #b08a45; background: rgba(255,255,255,.82); color: #1b1b18; letter-spacing: .04em; line-height: 1.45; }
.launch-notice strong { color: #9a7130; letter-spacing: .08em; }

/* V3 photographic brand assets */
.brand img{object-fit:cover;background:#fff;border:1px solid #d9c28e}
.hero-machine{height:560px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 45%,#fff 0,#f4ecdc 60%,transparent 75%)}
.hero-machine>img{max-width:88%;max-height:535px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.16));z-index:2}
.hero-machine .hero-stamp{z-index:3;right:2%;bottom:4%}
.range-showcase{max-width:var(--max);margin:0 auto 42px!important;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.12)}
.range-showcase img{width:100%;display:block}
.product-bag{height:330px;display:flex;align-items:center;justify-content:center;padding:16px 10px 0;background:#eee6d8}
.product-bag img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(0,0,0,.18))}
.real-roaster{overflow:hidden}
.real-roaster>img{max-width:90%;max-height:440px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.28))}
.real-roaster .panel-caption{margin-top:16px}
@media(max-width:1000px){.hero-machine{height:500px}.hero-machine>img{max-height:470px}.product-bag{height:390px}}
@media(max-width:640px){.hero-machine{height:390px}.hero-machine>img{max-width:96%;max-height:365px}.product-bag{height:420px}.range-showcase{margin-bottom:26px!important}}