:root { --ink:#19362f; --ink-deep:#102821; --cream:#f7f3ec; --paper:#fffdfa; --gold:#bb8d52; --sand:#e9dfd1; --muted:#69736d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; }
img { display:block; max-width:100%; }
a { color:inherit; }
.site-header { height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(1.25rem,5vw,5.5rem); background:var(--paper); }
.brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; font:600 1.3rem "Playfair Display",serif; letter-spacing:-.04em; }.brand img { width:38px;height:38px;border-radius:50%;object-fit:cover; }.brand span span { color:var(--gold); }
.navigation { display:flex; align-items:center; gap:2rem; font-size:.86rem; font-weight:600; }.navigation a { text-decoration:none; }.navigation > a:not(.nav-cta):hover { color:var(--gold); }.nav-cta { padding:.7rem 1rem; border:1px solid var(--ink); border-radius:100px; }.menu-toggle { display:none; border:0;background:transparent;font-size:1.2rem;color:var(--ink); }
.hero { min-height:670px; position:relative; display:flex; align-items:center; padding:clamp(4rem,9vw,8rem) clamp(1.25rem,11vw,11rem); color:white; background:linear-gradient(90deg,rgba(13,31,25,.87) 0%,rgba(13,31,25,.62) 42%,rgba(13,31,25,.18) 100%),url("images/event-bg.jpg") center/cover; }.hero-content { max-width:650px; }.eyebrow { margin:0 0 .8rem; text-transform:uppercase; letter-spacing:.16em; font-weight:700; font-size:.69rem; color:var(--gold); }.hero .eyebrow { color:#e8c895; }.hero h1,.intro h2,.section-heading h2,.about-section h2,.contact-section h2 { margin:0; font:600 clamp(2.7rem,5.5vw,5.6rem)/1.05 "Playfair Display",serif; letter-spacing:-.05em; }.hero h1 em,.contact-section em { color:#ecd4b0; font-weight:500; }.hero-copy { max-width:545px; margin:1.5rem 0 2rem; font-size:1.07rem; line-height:1.7; color:#f1f0ed; }.hero-actions { display:flex; align-items:center; gap:1.8rem; flex-wrap:wrap; }.button { display:inline-flex; align-items:center; gap:.6rem; padding:1rem 1.3rem; border-radius:2px; text-decoration:none; font-size:.85rem; font-weight:700; }.button-primary { color:var(--ink); background:#f2e6d3; }.button-primary:hover { background:white; }.text-link { display:inline-flex; gap:.55rem; align-items:center; text-decoration:none; font-size:.84rem; font-weight:700; }.text-link:hover { color:var(--gold); }.hero-note { position:absolute; bottom:2.2rem; right:clamp(1.25rem,5vw,5.5rem); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }.hero-note span { display:inline-block;width:42px;height:1px;margin:0 .6rem .25rem 0;background:#e6c994; }
.intro,.section-heading { display:grid; grid-template-columns:1fr 1fr; gap:3rem; max-width:1200px; margin:auto; }.intro { padding:7.5rem 2rem 4.25rem; }.intro h2,.section-heading h2,.about-section h2 { font-size:clamp(2.25rem,4vw,3.8rem); }.intro > p,.section-heading > p { align-self:end; max-width:390px; margin:0; font-size:1.05rem; line-height:1.75; color:var(--muted); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); max-width:1200px; margin:0 auto 8rem; padding:0 2rem; }.service-card { position:relative; min-height:385px; padding:1.7rem; display:flex; align-items:end; color:white; background:center/cover; overflow:hidden; }.service-card::before { content:""; position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,30,23,.94),rgba(11,30,23,.1)); }.event-card{background-image:url("images/EVENT 4.jpg")}.scarf-card{background-image:url("images/1.jpg")}.souvenir-card{background-image:url("images/s1.jpg")}.service-number,.service-card-content{z-index:1;position:relative}.service-number { position:absolute;top:1.5rem;left:1.6rem;color:#f5dbb8;font:500 1.05rem "Playfair Display",serif; }.service-card-content i { color:#f1d4a8;font-size:1.2rem; }.service-card h3 { margin:.9rem 0 .6rem;font:600 1.9rem "Playfair Display",serif; }.service-card p { margin:0 0 1.25rem; max-width:300px; font-size:.88rem;line-height:1.6;color:#f0f0ee }.service-card a { font-size:.76rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em }.service-card a i{margin-left:.35rem;font-size:.7rem;color:inherit}
.portfolio-section,.collection-section { padding:0 2rem 8rem; }.section-heading { margin-bottom:2.5rem; }.work-grid { max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:12px }.work-item { margin:0;position:relative;overflow:hidden;background:var(--sand) }.work-item:first-child { grid-row:span 2;grid-column:span 2}.work-item img { width:100%;height:100%;object-fit:cover;transition:transform .5s ease }.work-item:hover img{transform:scale(1.05)}figcaption{position:absolute;left:1rem;bottom:.9rem;color:white;font-size:.75rem;text-shadow:0 1px 4px #000}
.collection-section { background:var(--cream);padding-top:7rem; }.collection-heading { max-width:1200px; }.product-grid { max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px }.product-image { min-height:210px;padding:0;border:0;background:#e9e2d7;cursor:zoom-in;overflow:hidden }.product-image img { height:100%;width:100%;object-fit:cover;transition:transform .4s ease }.product-image:hover img { transform:scale(1.045) }.souvenir-section { padding-bottom:7rem;background:var(--paper) }.souvenir-grid { max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px }.souvenir-grid .product-image { min-height:330px; }
.client-section{padding:7rem 2rem;background:var(--ink-deep)}.client-heading{color:white}.client-heading>p{color:#c9d0ca}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:auto}.client-card{margin:0;background:var(--paper);display:flex;flex-direction:column}.client-card img{width:100%;height:310px;object-fit:cover}.client-card div{padding:1.25rem 1.2rem 1.4rem}.client-card i{color:var(--gold);font-size:.9rem}.client-card p{min-height:70px;margin:.75rem 0 1rem;font:500 1.06rem/1.45 "Playfair Display",serif;color:var(--ink)}.client-card span{font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.about-section { display:grid;grid-template-columns:minmax(260px,520px) minmax(300px,490px);justify-content:center;align-items:center;gap:clamp(2rem,7vw,7rem);padding:8rem 2rem }.founder-images{display:grid;grid-template-columns:2fr 1fr;gap:10px;min-height:550px}.founder-main{width:100%;height:100%;object-fit:cover}.founder-gallery{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.founder-gallery img{height:100%;width:100%;object-fit:cover}.about-section p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:1.1rem 0}.contact-section{text-align:center;padding:7rem 1.25rem;color:white;background:var(--ink-deep)}.contact-section h2{font-size:clamp(2.6rem,5vw,4.8rem);margin-bottom:2rem}.button-light{background:#f2e6d3;color:var(--ink)}
footer { display:flex;justify-content:space-between;gap:1rem;padding:1.65rem clamp(1.25rem,5vw,5.5rem);font-size:.7rem;color:var(--muted);border-top:1px solid #e5ddd2 }footer a{text-decoration:none}footer a:hover{color:var(--gold)}
.image-modal { position:relative;max-width:min(90vw,800px);padding:0;border:0;background:transparent }.image-modal::backdrop{background:rgba(8,20,16,.85)}.image-modal img{max-height:85vh;max-width:90vw}.modal-close { position:absolute;top:.8rem;right:.8rem;width:36px;height:36px;border:0;border-radius:50%;background:white;color:var(--ink);font-size:1rem;cursor:pointer }
@media(max-width:720px){.site-header{height:68px}.menu-toggle{display:block}.navigation{display:none;position:absolute;z-index:5;top:68px;left:0;right:0;padding:1.25rem;background:var(--paper);flex-direction:column;align-items:flex-start;gap:1.2rem;border-top:1px solid var(--sand);box-shadow:0 8px 15px #0001}.navigation.open{display:flex}.hero{min-height:620px;padding:4rem 1.5rem}.hero-note{display:none}.intro,.section-heading{grid-template-columns:1fr;gap:1.25rem}.intro{padding:5rem 1.5rem 3rem}.service-grid{grid-template-columns:1fr;padding:0 1.5rem;margin-bottom:5rem}.service-card{min-height:330px}.portfolio-section,.collection-section,.client-section{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:5rem}.collection-section,.client-section{padding-top:5rem}.work-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.work-item:first-child{grid-column:span 2;grid-row:span 2}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{min-height:190px}.souvenir-grid{grid-template-columns:1fr}.souvenir-grid .product-image{min-height:300px}.client-grid{grid-template-columns:1fr 1fr;gap:10px}.client-card img{height:225px}.client-card div{padding:1rem}.client-card p{min-height:unset;font-size:.95rem}.about-section{grid-template-columns:1fr;padding:5rem 1.5rem;gap:2.3rem}.founder-images{min-height:420px}.contact-section{padding:5rem 1.5rem}footer{flex-direction:column}.hero h1{font-size:3rem}}