/* glassartist.uk — light, glassy theme. */
:root{
  --bg:#f7f5f1; --panel:#ffffff; --ink:#1c2230; --muted:#6b7280;
  --accent:#3f7d84; --accent-dk:#2f5f65; --line:rgba(28,34,48,.12);
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.7;font-weight:400}
a{color:var(--accent-dk)}
em{font-style:italic;color:var(--accent-dk)}
.wrap{width:100%;max-width:960px;margin-inline:auto;padding-inline:clamp(1.3rem,5vw,2.5rem)}
.wrap.narrow{max-width:720px}

.hero{min-height:66vh;display:flex;align-items:center;padding-block:7vh;
  background:linear-gradient(180deg,#eef2f1,#f7f5f1);border-bottom:1px solid var(--line)}
.hero--photo{background-size:cover;background-position:center;color:#fff}
.hero--photo .eyebrow{color:#e9f2f2}
.hero--photo .tagline{color:#eef4f4}
.eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:.72rem;color:var(--accent);margin:0 0 1.2rem}
.hero h1{font-family:var(--serif);font-weight:400;line-height:1.04;font-size:clamp(2.6rem,7.5vw,4.6rem);margin:0 0 1rem;letter-spacing:.01em}
.tagline{font-size:clamp(1.05rem,2.6vw,1.35rem);color:#3d4655;margin:0;max-width:38rem}

.section{padding-block:clamp(3.5rem,10vh,7rem);border-bottom:1px solid var(--line)}
.label{text-transform:uppercase;letter-spacing:.32em;font-size:.72rem;color:var(--accent);margin:0 0 1rem}
.section h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4.5vw,3rem);margin:0 0 1.2rem}
.body p{margin:0 0 1.1rem;color:#3d4655}

.worklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.worklist li{font-family:var(--serif);font-size:clamp(1.2rem,2.6vw,1.6rem);padding:1.1rem .3rem;border-bottom:1px solid var(--line)}
.worklist li:nth-child(odd){border-right:1px solid var(--line);padding-right:1.2rem}
.worklist li:nth-child(even){padding-left:1.4rem}

.chips{display:flex;flex-wrap:wrap;gap:.7rem}
.chip{background:var(--panel);border:1px solid var(--line);padding:.75em 1.5em;font-size:.75rem;text-transform:uppercase;
  letter-spacing:.18em;text-decoration:none;color:var(--ink);border-radius:2px;transition:.3s}
.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}

.contact{text-align:center;border-bottom:none}
.email{font-family:var(--serif);font-size:clamp(1.4rem,4vw,2.1rem);color:var(--accent-dk);text-decoration:none}
.email:hover{text-decoration:underline}

.btn{display:inline-block;margin-top:1.9rem;padding:.9em 1.9em;font-size:.76rem;text-transform:uppercase;letter-spacing:.2em;
  background:var(--accent);color:#fff;text-decoration:none;border-radius:2px;transition:.3s}
.btn:hover{background:var(--accent-dk)}
.hero--photo .btn{background:#fff;color:var(--ink)}
.hero--photo .btn:hover{background:var(--accent);color:#fff}

/* gallery — masonry */
.grid{columns:3 240px;column-gap:1rem;margin-top:.5rem}
.shot{margin:0 0 1rem;break-inside:avoid}
.shot img{width:100%;display:block;border-radius:3px;box-shadow:0 2px 10px rgba(28,34,48,.08)}

/* workshops menu */
.tier{margin-top:2.8rem}
.tier__title{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,3.2vw,2rem);margin:0 0 .35rem}
.tier__intro{color:#4a5464;margin:0 0 1.1rem;max-width:44rem}
.menu{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.menu__item{padding:1rem .2rem;border-bottom:1px solid var(--line)}
.menu__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.menu__name{font-family:var(--serif);font-size:1.2rem;color:var(--ink)}
.menu__price{font-family:var(--serif);font-size:1.2rem;color:var(--accent-dk);white-space:nowrap;font-variant-numeric:tabular-nums}
.menu__desc{margin:.3rem 0 0;color:#4a5464;font-size:.95rem;max-width:46rem}

/* contact */
.contact__note{color:#3d4655;max-width:38rem;margin:0 auto 1.3rem}
.contact__lines{display:flex;flex-wrap:wrap;gap:.3rem 1.6rem;align-items:baseline;justify-content:center;margin:0 0 .5rem}
.contact__phone{font-family:var(--serif);font-size:clamp(1.1rem,3vw,1.5rem);color:var(--ink)}
.contact__addr{color:var(--muted);font-size:.9rem;line-height:1.5;margin:.5rem 0 0}

.foot{padding-block:2rem;color:var(--muted);font-size:.8rem;letter-spacing:.05em}

@media(max-width:560px){.worklist{grid-template-columns:1fr}.worklist li:nth-child(odd){border-right:none;padding-right:.3rem}.worklist li:nth-child(even){padding-left:.3rem}}