:root{--black:#111;--white:#fff;--content-width:1200px;--header-pad:40px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--black);font-family:"Cormorant Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}

/* GENERAL HEADER — same structure across the whole website */
.site-header{width:100%;max-width:1200px;margin:0 auto;padding:30px var(--header-pad);display:flex;align-items:center;gap:28px;white-space:nowrap}
.logo-link{display:block;flex:0 0 auto}
.logo-link img{display:block;width:140px;height:auto}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1 1 auto;flex-wrap:nowrap;white-space:nowrap}
.main-nav a{display:block;flex:0 0 auto;color:var(--black);text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}
.main-nav a:hover,.main-nav a[aria-current="page"]{opacity:.6}

main{width:100%;padding-bottom:90px}
.studio-intro,.studio-section{width:100%;max-width:1200px;margin:72px auto 0;padding:0 40px}

/* TITLE */
.intro-heading{display:block;margin-bottom:30px}
.intro-heading h1{margin:0;font-size:48px;font-weight:400;line-height:1.05}

.intro-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:start}
.intro-copy{max-width:48ch;font-size:17px;line-height:1.45}
.intro-copy h2{margin:0 0 12px;font-size:21px;font-weight:500;line-height:1.15}
.intro-copy p{margin:0}
.intro-illustrations{display:flex;align-items:flex-start;gap:28px;margin-top:24px;min-height:190px}
.intro-illustrations img{display:block;width:auto;height:auto;object-fit:contain}
.intro-illustrations .butterfly{max-width:90px}
.intro-illustrations .bird{max-width:121px;margin-top:48px}
.intro-illustrations .flower{max-width:130px;margin-top:12px}

.intro-image{width:100%;margin:0;padding:0;background:#fcfcfc}
.intro-image img{display:block;width:110%;height:auto;object-fit:contain}

.intro-quote{margin:20px auto 0;max-width:1000px;padding:0 20px;text-align:center;font-family:"Caveat",cursive;font-size:31px;line-height:1.15}

/* Lower sections retain the existing page content and natural image proportions */
.studio-section{margin-top:60px}
.craft-top{display:grid;grid-template-columns:1fr 1fr .95fr;gap:20px;align-items:start}
.craft-image{margin:0;padding:0;aspect-ratio:1 / 1;display:flex;align-items:stretch;justify-content:center}.craft-image img{width:100%;height:100%;object-fit:contain}
.craft-copy{font-size:16px;line-height:1.28}.craft-copy p{margin:0 0 12px}.craft-copy strong{font-weight:500}
.craft-description{margin-top:18px;font-size:15px;line-height:1.35}
.production-layout{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:20px;align-items:start;margin-top:25px}
.production-illustration{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px}.production-illustration img{width:auto;height:auto;max-width:100%}
.production-illustration img{transform:translateX(56.7px)}
.production-illustration img:first-child{max-width:116px;margin-top:37.8px}.production-illustration img:last-child{max-width:121px;margin-top:37.8px}
.production-layout figure{margin:0;display:flex;align-items:flex-start;justify-content:center}
.production-layout figure img{width:100%;height:auto;max-width:100%;object-fit:contain}
.production-layout figure:nth-child(3) img{width:89.08%;height:auto;max-width:89.08%;object-fit:contain}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:20px;margin-top:25px;align-items:stretch}.collection-item{margin:0;padding:0;background:#fcfcfc;min-width:0;display:flex;align-items:stretch;justify-content:flex-start}.collection-item img{display:block;width:100%;height:auto;object-fit:contain}.collection-item:nth-child(-n+9) img{aspect-ratio:1 / 1;height:auto}.collection-item:nth-child(10) img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.collection-item:nth-child(11){overflow:visible}.collection-item:nth-child(11) img{width:auto;height:100%;max-width:none;object-fit:contain;align-self:stretch}
.studio-closing{max-width:600px;margin:80px auto 0;padding:0 20px;text-align:center}.studio-closing p{margin:0;font-size:22px;font-style:italic;line-height:1.5}

@media(max-width:1050px){
  .site-header{padding-left:25px;padding-right:25px;gap:18px}.main-nav{gap:12px}.main-nav a{font-size:9px;letter-spacing:.45px}.logo-link img{width:125px}
}
@media(max-width:800px){
  .site-header{align-items:flex-start;white-space:normal}.main-nav{white-space:normal;flex-wrap:wrap;justify-content:flex-start}.intro-layout,.craft-top,.production-layout{grid-template-columns:1fr}.intro-illustrations{min-height:0}.collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.site-header{flex-direction:column}.main-nav{width:100%}.collection-grid{column-count:1}}


/* FINAL SITE-WIDE MENU — desktop normalization; no page-content changes. */
@media (min-width: 801px) {
  .site-header .main-nav { gap: 26px; flex-wrap: nowrap; white-space: nowrap; justify-content: flex-end; }
  .site-header .main-nav a { font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 1; font-weight: 400; letter-spacing: 0; text-transform: uppercase; }
}


/* RESPONSIVE MOBILE — refined single-column layout, preserving image proportions. */
@media (max-width:800px){
  .site-header{padding:20px !important;display:flex !important;align-items:flex-start !important;gap:16px !important;}
  .logo-link{width:72px !important;flex:0 0 72px !important;}
  .logo-link img{width:72px !important;}
  .main-nav{flex:1 !important;justify-content:flex-end !important;gap:9px 14px !important;font-size:8px !important;}
  .main-nav a{font-size:8px !important;letter-spacing:0 !important;}
  .studio-intro,.studio-section{width:100% !important;margin-top:42px !important;padding:0 20px !important;}
  .intro-heading h1{font-size:38px !important;}
  .intro-layout,.craft-top,.production-layout{grid-template-columns:1fr !important;gap:28px !important;}
  .intro-copy{font-size:16px !important;}
  .intro-illustrations{justify-content:flex-start;gap:18px;flex-wrap:wrap;}
  .intro-illustrations .butterfly{max-width:65px}.intro-illustrations .bird{max-width:90px;margin-top:25px}.intro-illustrations .flower{max-width:95px;margin-top:8px}
  .intro-image img{width:100% !important;height:auto !important;}
  .intro-quote{font-size:27px !important;padding:0 !important;}
  .craft-image{aspect-ratio:auto !important;}
  .craft-image img{width:100% !important;height:auto !important;object-fit:contain !important;}
  .production-illustration{align-items:flex-start !important;}
  .production-illustration img{transform:none !important;max-width:110px !important;margin-top:0 !important;}
  .collection-grid{grid-template-columns:1fr !important;gap:18px !important;}
  .collection-item img,.collection-item:nth-child(-n+9) img,.collection-item:nth-child(10) img{width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;}
  .collection-item:nth-child(11) img{width:100% !important;height:auto !important;max-width:100% !important;}
  .studio-closing{margin-top:55px !important;}
}


/* RESPONSIVE SAFEGUARDS — mobile only */
@media (max-width: 800px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  .site-header { width:100% !important; max-width:100%; margin:0; padding:20px !important; display:flex; align-items:flex-start; gap:14px; white-space:normal; }
  .logo-link { width:68px !important; flex:0 0 68px !important; }
  .logo-link img { width:100% !important; height:auto; }
  .main-nav { min-width:0; flex:1 1 auto; display:flex; flex-wrap:wrap !important; justify-content:flex-end !important; gap:8px 11px !important; white-space:normal !important; }
  .main-nav a { font-size:8px !important; line-height:1.2; letter-spacing:0 !important; white-space:normal; }
  main { width:100%; max-width:100%; padding-bottom:50px; }
  .studio-intro, .studio-section { width:100% !important; max-width:100%; margin:38px 0 0 !important; padding:0 20px !important; }
  .intro-heading h1 { font-size:clamp(34px,10vw,40px) !important; line-height:1.05; overflow-wrap:anywhere; }
  .intro-layout, .craft-top, .production-layout { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:24px !important; }
  .intro-copy { max-width:100%; font-size:16px !important; line-height:1.5; }
  .intro-illustrations { min-height:0 !important; display:flex; flex-wrap:wrap; align-items:flex-start; gap:16px; margin-top:20px; }
  .intro-illustrations img { max-width:30% !important; width:auto; height:auto; object-fit:contain; }
  .intro-image, .craft-image, .production-illustration { width:100%; max-width:100%; }
  .intro-image img, .craft-image img, .production-illustration img { display:block; width:100% !important; max-width:100% !important; height:auto !important; object-fit:contain !important; }
  .intro-quote { font-size:clamp(25px,7.5vw,30px) !important; line-height:1.1; overflow-wrap:anywhere; }
  .collection-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
  .collection-item { width:100% !important; max-width:100%; margin:0; }
  .collection-item img, .collection-item:nth-child(n) img { display:block; width:100% !important; max-width:100% !important; height:auto !important; aspect-ratio:auto !important; object-fit:contain !important; }
  .studio-closing { margin:45px 20px 0 !important; }
}

/* V8 targeted refinements */

@media (max-width:800px){
  .site-header{flex-wrap:wrap !important;align-items:center !important;gap:10px 12px !important;}
  .site-header nav,.site-header .main-nav{order:2;display:flex !important;flex:0 0 100% !important;width:100% !important;max-width:100% !important;min-width:0 !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:0 13px !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;padding:5px 0 8px !important;scrollbar-width:none;}
  .site-header nav::-webkit-scrollbar,.site-header .main-nav::-webkit-scrollbar{display:none;}
  .site-header nav a,.site-header .main-nav a{flex:0 0 auto !important;white-space:nowrap !important;font-size:8px !important;line-height:1.2 !important;letter-spacing:0 !important;}
}

/* V8 targeted refinements */

/* Cohesive production section: keep bird/arrow close to the related photographs. */
.production-layout{margin-top:12px !important;gap:14px !important;}
.production-illustration{padding-top:0 !important;gap:3px !important;}
@media (max-width:800px){
  .production-layout{margin-top:12px !important;gap:10px !important;}
  .production-illustration{margin:0 0 4px !important;padding:0 !important;gap:2px !important;}
  .production-illustration img{max-width:92px !important;margin:0 !important;}
  .production-layout figure{margin:0 !important;}
}