@page{size:35.4cm auto;margin:0}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#111}
body{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}
.site-header{height:2.9cm;width:35.4cm;margin:0 auto;position:relative;display:flex;align-items:flex-start}
.logo-link{position:absolute;left:2.5cm;top:.65cm;width:2.7cm;height:1.4cm;text-decoration:none}
.logo-link img{display:block;width:2.7cm;height:1.4cm;object-fit:contain;object-position:left center}
nav{position:absolute;top:.82cm;left:10.5cm;right:2.5cm;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}
nav a{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.1px;text-decoration:none;color:#111}
main{width:35.4cm;margin:0 auto}
.intro{position:relative;min-height:25cm}
.intro-copy{position:relative;margin-left:2.5cm;width:12.8cm}
h1{font-size:50.4pt;font-weight:400;line-height:1;margin:0}
.tagline{font-size:14pt;line-height:18pt;font-weight:500;margin:2.1cm 0 0 0;white-space:nowrap}
.commission{font-size:12pt;font-weight:500;line-height:18pt;margin:1.8cm 0 0 0}
.commission-text{font-size:14pt;line-height:18pt;letter-spacing:-.2pt;width:7.8cm;margin:0}
.services-block{margin-left:4.6cm;margin-top:2.6cm;width:7.4cm;position:relative}
.services-block h2{font-size:18pt;font-weight:400;line-height:18pt;margin:0 0 .28cm 0}
.services-block ul{list-style:none;padding:0;margin:0;font-size:12pt;line-height:18pt}
.services-block li{margin:0}
.star{position:absolute;left:.1cm;top:13.0cm;width:3.8cm;height:3.6cm;object-fit:contain;z-index:2}
.bird-line{position:absolute;left:4.6cm;top:20.1cm;width:6.0cm;height:auto;object-fit:contain}
.pshopia{position:absolute;right:2.6cm;top:0;width:17.3cm;height:24.5cm;margin:0}
.pshopia img{display:block;width:17.3cm;height:24.5cm;object-fit:cover}
.working{position:relative;margin-left:2.5cm;width:25cm;padding-top:.45cm}
.working h2{font-size:18pt;font-weight:400;line-height:18pt;margin:0 0 .75cm 0}
.working h3{font-size:11pt;font-weight:500;text-decoration:underline;line-height:19pt;margin:0}
.working p{font-size:10.5pt;line-height:19pt;margin:0 0 .18cm 0;width:24cm}
.working .start{margin-top:.45cm}
.selected{margin:1.4cm 2.5cm 0;width:25cm}
.selected h2,.recognition h2{font-size:18pt;font-weight:400;line-height:20pt;margin:0 0 .5cm 0}
.selected img{display:block;max-width:100%;height:auto}
.lorna-layout{display:grid;grid-template-columns:22.8cm 12.7cm;gap:0;width:35.5cm}
.lorna-main{width:22.8cm;height:15.2cm;object-fit:cover}
.lorna-side{display:flex;flex-direction:column;gap:0}
.lorna-side img{width:12.7cm;height:7.1cm;object-fit:cover}
.case-layout{display:grid;grid-template-columns:12.7cm 12.5cm;gap:2cm;margin-top:.5cm;width:27.2cm}
.case-left{display:flex;flex-wrap:wrap;gap:0;width:12.7cm}
.case-left img{width:6.35cm;height:8.9cm;object-fit:cover}
.case-right{display:flex;flex-direction:column;gap:.4cm;width:12.5cm}
.case-right img{width:12.5cm;height:7.2cm;object-fit:cover}
.recognition{margin:1.4cm 2.5cm 2cm;width:25cm}
.recognition-grid img{width:25cm}
.recognition-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:.8cm;margin-top:.4cm}
@media(max-width:900px){body{overflow-x:auto}.site-header,main{margin-left:0}}


/* FINAL CORRECTIONS — preserve all previously approved upper-page elements */
.intro-copy > h1{font-size:36pt !important}
.intro-copy > .tagline{font-size:24pt !important}
.intro-copy > .commission{font-size:14pt !important;text-decoration:underline !important}
.intro-copy > .bird-line{transform:translateY(1cm) translateX(.7cm) !important}

/* Star: 3.8 × 3.6 cm, to the left of Illustration Services, 0.7 cm gap. */
.services-block{position:relative !important}
.services-block .star{
  position:absolute !important;
  width:3.8cm !important;height:3.6cm !important;
  left:-4.5cm !important;
  top:0 !important;
  object-fit:contain !important;
  z-index:1 !important;
}

/* Remove any accidental text overlay above logo/menu. */
.site-header:before,.site-header:after{display:none !important}

/* Selected Works — exact block logic */
.selected{width:35.4cm !important;margin-left:2.5cm !important;margin-right:0 !important}
.selected h2{margin-bottom:.5cm !important}

.composition{display:grid;align-items:stretch;overflow:hidden}
.composition img{display:block;object-fit:cover}

/* Composition 1: 22.8 × 15.2 cm main + right 100%-height subcontainer. */
.composition-1{
  grid-template-columns:22.8cm 12.7cm;
  gap:0;
  width:35.5cm;height:15.2cm;
}
.comp1-main{width:22.8cm;height:15.2cm}
.comp1-side{height:100%;display:flex;flex-direction:column;gap:.25cm}
.comp1-side img{width:12.7cm;height:calc((100% - .25cm)/2);object-fit:cover}

/* Composition 2: 14.5 cm high, .25 cm between stacked photos, 2.1 cm columns. */
.composition-2{
  grid-template-columns:12.7cm 12.5cm;
  gap:2.1cm;
  width:27.3cm;height:14.5cm;margin-top:1.9cm;
}
.comp2-left,.comp2-right{height:14.5cm;display:flex;flex-direction:column;gap:.25cm}
.comp2-left img,.comp2-right img{width:100%;height:calc((100% - .25cm)/2);object-fit:cover}

/* Composition 3: 14.9 cm total, 1.5 cm column gap. */
.composition-3{
  grid-template-columns:11.3cm 23.1cm;
  gap:1.5cm;
  width:35.9cm;height:14.9cm;margin-top:1.7cm;
}
.comp3-main{width:11.3cm;height:14.8cm}
.comp3-side{height:14.8cm;display:grid;grid-template-columns:1fr 1fr;gap:.25cm}
.comp3-side img{width:100%;height:14.8cm;object-fit:cover}

/* Composition 4: 14.7 cm total, 1.5 cm column gap. */
.composition-4{
  grid-template-columns:23.1cm 11.3cm;
  gap:1.5cm;
  width:35.9cm;height:14.7cm;margin-top:1.7cm;
}
.comp4-main{width:23.1cm;height:14.7cm}
.comp4-side{height:14.7cm;display:grid;grid-template-columns:1fr 1fr;gap:.25cm}
.comp4-side img{width:100%;height:14.7cm;object-fit:cover}

/* Composition 5: 14.8 cm total, 1.9 cm from block 4. */
.composition-5{
  grid-template-columns:23.9cm 10cm;
  gap:1.5cm;
  width:35.4cm;height:14.8cm;margin-top:1.9cm;
}
.comp5-main{width:23.9cm;height:14.5cm}
.comp5-side{height:14.8cm;display:flex}
.comp5-side img{width:10cm;height:14.8cm;object-fit:cover}

/* Recognition: 4 cm after block 5; Gilda Gallery 35.4 × 14.9 cm; 2.9 cm to final pair. */
.recognition{margin-top:4cm !important;width:35.4cm !important}
.recognition-grid img{width:35.4cm;height:14.9cm;object-fit:cover}
.recognition-grid.two{
  display:grid;grid-template-columns:1fr 1fr;gap:.8cm;
  margin-top:2.9cm;
}
.recognition-grid.two img{width:17.3cm;height:14.9cm;object-fit:cover}


/* ================= V9 — REQUESTED CORRECTIONS ONLY ================= */

/* A — keep header block itself; remove accidental instruction text from HTML. */
.site-header{height:2.9cm;background:#fff}

/* B — first tall image: move exactly 1.5 cm to the right. */
.pshopia{right:1.1cm !important}

/* C — 1 cm gap between COMMISSION A PIECE and its text. */
.commission-text{margin-top:1cm !important}

/* D — Illustration Services list: 31 pt leading. */
.services-block ul{line-height:31pt !important}
.services-block li{line-height:31pt !important}

/* E — Selected Works block 1: 0.25 cm between columns, no distortion. */
.composition-1{
  grid-template-columns:22.8cm 12.7cm !important;
  column-gap:.25cm !important;
  width:35.75cm !important;
  height:15.2cm !important;
}
.comp1-main{
  width:22.8cm !important;height:15.2cm !important;
  object-fit:contain !important;
}
.comp1-side{
  width:12.7cm !important;height:15.2cm !important;
  display:flex !important;flex-direction:column !important;
  justify-content:center !important;gap:.25cm !important;
}
.comp1-side img{
  width:12.7cm !important;height:7.1cm !important;
  flex:0 0 7.1cm !important;
  object-fit:contain !important;
}

/* F — Selected Works block 2: portrait images remain proportional;
   right column stays 2.1 cm away. */
.composition-2{
  grid-template-columns:12.7cm 12.5cm !important;
  column-gap:2.1cm !important;
  width:27.3cm !important;
  height:14.5cm !important;
}
.comp2-left,.comp2-right{
  height:14.5cm !important;
  display:flex !important;flex-direction:column !important;
  justify-content:center !important;align-items:center !important;
  gap:.25cm !important;
  overflow:hidden !important;
}
.comp2-left img,.comp2-right img{
  height:calc((14.5cm - .25cm)/2) !important;
  width:auto !important;
  max-width:100% !important;
  flex:0 0 calc((14.5cm - .25cm)/2) !important;
  object-fit:contain !important;
}

/* H — Selected Works block 4: columns inverted.
   Left = organic drawing; right = postcard + dress, 23.4 × 14.6 cm. */
.composition-4{
  grid-template-columns:11.3cm 23.4cm !important;
  column-gap:1.5cm !important;
  width:36.2cm !important;
  height:14.6cm !important;
}
.comp4-main{
  width:11.3cm !important;height:14.6cm !important;
  object-fit:contain !important;
}
.comp4-side{
  width:23.4cm !important;height:14.6cm !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:.25cm !important;
  align-items:center !important;
  overflow:hidden !important;
}
.comp4-side img{
  width:100% !important;height:14.6cm !important;
  object-fit:contain !important;
}

/* J — Selected Works block 6:
   left 7.2 × 14.8 cm, two square images stacked with .25 cm gap;
   right 28.5 × 14.8 cm. */
.composition-6{
  grid-template-columns:7.2cm 28.5cm !important;
  column-gap:1.5cm !important;
  width:37.2cm !important;
  height:14.8cm !important;
}
.comp6-left{
  width:7.2cm !important;height:14.8cm !important;
  display:flex !important;flex-direction:column !important;
  justify-content:center !important;gap:.25cm !important;
}
.comp6-left img{
  width:7.2cm !important;height:7.275cm !important;
  flex:0 0 7.275cm !important;
  object-fit:contain !important;
}
.comp6-right{
  width:28.5cm !important;height:14.8cm !important;
}
.comp6-right img{
  width:28.5cm !important;height:14.8cm !important;
  object-fit:contain !important;
}

/* K — next section title: 39 pt. */
.recognition h2{font-size:39pt !important;line-height:39pt !important}

/* L — recognition's second image block: exact proportions and 0.25 cm gap. */
.recognition-grid.two{
  grid-template-columns:19.8cm 14.2cm !important;
  gap:.25cm !important;
  width:34.25cm !important;
  margin-top:2.9cm !important;
}
.recognition-grid.two img:first-child{
  width:19.8cm !important;height:14.9cm !important;
  object-fit:contain !important;
}
.recognition-grid.two img:last-child{
  width:14.2cm !important;height:14.9cm !important;
  object-fit:contain !important;
}


/* ================= V10 — SMALL REQUESTED CORRECTIONS ONLY ================= */

/* 1 — upper subtitle reduced by 10% from approved 24 pt. */
.intro-copy > .tagline{font-size:21.6pt !important;}

/* 2 — move only Illustration Services + its service list upward 1.5 cm. */
.services-block{transform:translateY(-1.5cm) !important;}

/* 3 — Selected Works composition 1:
   align the right stack exactly to the 15.2 cm height of the main image,
   preserving each image's natural aspect ratio. */
.composition-1{
  grid-template-columns:22.8cm max-content !important;
  column-gap:.25cm !important;
  height:15.2cm !important;
  align-items:start !important;
}
.comp1-main{
  width:22.8cm !important;height:15.2cm !important;
  object-fit:contain !important;
}
.comp1-side{
  width:max-content !important;height:15.2cm !important;
  display:flex !important;flex-direction:column !important;
  justify-content:flex-start !important;align-items:flex-start !important;
  gap:.25cm !important;
}
.comp1-side img{
  width:auto !important;
  height:calc((15.2cm - .25cm)/2) !important;
  flex:0 0 calc((15.2cm - .25cm)/2) !important;
  object-fit:contain !important;
}

/* 4 — composition 2:
   left photos side-by-side, each 14.6 cm high, natural proportions;
   right photos stacked within the same 14.6 cm height. */
.composition-2{
  grid-template-columns:max-content max-content !important;
  column-gap:2.1cm !important;
  width:max-content !important;
  height:14.6cm !important;
  align-items:start !important;
}
.comp2-left{
  width:max-content !important;height:14.6cm !important;
  display:flex !important;flex-direction:row !important;
  align-items:flex-start !important;gap:.25cm !important;
  overflow:visible !important;
}
.comp2-left img{
  width:auto !important;height:14.6cm !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
}
.comp2-right{
  width:max-content !important;height:14.6cm !important;
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:flex-start !important;
  gap:.25cm !important;overflow:hidden !important;
}
.comp2-right img{
  width:auto !important;
  height:calc((14.6cm - .25cm)/2) !important;
  flex:0 0 calc((14.6cm - .25cm)/2) !important;
  object-fit:contain !important;
}

/* 5 — composition 4:
   both columns exactly 14.6 cm high; right column's two photos retain
   their natural proportions and remain horizontally paired. */
.composition-4{
  grid-template-columns:max-content max-content !important;
  column-gap:1.5cm !important;
  width:max-content !important;
  height:14.6cm !important;
  align-items:start !important;
}
.comp4-main{
  width:auto !important;height:14.6cm !important;
  object-fit:contain !important;
}
.comp4-side{
  width:max-content !important;height:14.6cm !important;
  display:flex !important;flex-direction:row !important;
  align-items:flex-start !important;gap:.25cm !important;
  overflow:hidden !important;
}
.comp4-side img{
  width:auto !important;height:14.6cm !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
}

/* 6 — composition 6:
   1.7 cm separation from the previous block; both columns share 14.8 cm
   height and all images preserve their native proportions. */
.composition-6{
  grid-template-columns:max-content max-content !important;
  column-gap:1.5cm !important;
  width:max-content !important;
  height:14.8cm !important;
  margin-top:1.7cm !important;
  align-items:start !important;
}
.comp6-left{
  width:max-content !important;height:14.8cm !important;
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:flex-start !important;
  gap:.25cm !important;
}
.comp6-left img{
  width:auto !important;
  height:calc((14.8cm - .25cm)/2) !important;
  flex:0 0 calc((14.8cm - .25cm)/2) !important;
  object-fit:contain !important;
}
.comp6-right{
  width:max-content !important;height:14.8cm !important;
}
.comp6-right img{
  width:auto !important;height:14.8cm !important;
  object-fit:contain !important;
}

/* 7 — exhibition/recognition photo blocks aligned at their top and bottom
   edges, preserving each source image's proportions. */
.recognition-grid{
  align-items:start !important;
}
.recognition-grid.two{
  display:grid !important;
  grid-template-columns:max-content max-content !important;
  gap:.25cm !important;
  width:max-content !important;
  height:14.9cm !important;
  align-items:start !important;
}
.recognition-grid.two img{
  height:14.9cm !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}


/* ================= V11 — ONLY THE FOUR REQUESTED ADJUSTMENTS ================= */

/* 1 — Upper-right photo reduced by 8%, preserving its proportions and keeping
   its approved right-side anchoring. */
.pshopia{
  width:15.916cm !important;
  height:22.54cm !important;
  right:1.1cm !important;
}
.pshopia img{
  width:15.916cm !important;
  height:22.54cm !important;
  object-fit:contain !important;
}

/* 2 — Selected Works: keep all six compositions on the same left guide
   and align the two sides of each composition without stretching/cropping. */
.selected .composition{
  margin-left:0 !important;
  align-items:start !important;
}
.composition-1,
.composition-2,
.composition-3,
.composition-4,
.composition-5,
.composition-6{
  align-items:start !important;
}

/* Composition 1: the two right-hand images occupy exactly the same total
   height as the 15.2 cm main image, with natural proportions. */
.composition-1{height:15.2cm !important;}
.comp1-side{
  height:15.2cm !important;
  justify-content:space-between !important;
  align-self:start !important;
}
.comp1-side img{
  height:7.475cm !important;
  width:auto !important;
  object-fit:contain !important;
}

/* Composition 2: both columns finish at the same 14.6 cm baseline. */
.composition-2{height:14.6cm !important;}
.comp2-left,.comp2-right{
  height:14.6cm !important;
  align-self:start !important;
}
.comp2-left img{height:14.6cm !important;width:auto !important;object-fit:contain !important;}
.comp2-right img{
  height:7.175cm !important;
  width:auto !important;
  object-fit:contain !important;
}

/* Composition 4: both columns share exactly the same 14.6 cm top/bottom
   guides; no image is stretched or cropped. */
.composition-4{height:14.6cm !important;}
.comp4-main,.comp4-side{height:14.6cm !important;align-self:start !important;}
.comp4-main{width:auto !important;object-fit:contain !important;}
.comp4-side img{height:14.6cm !important;width:auto !important;object-fit:contain !important;}

/* Composition 6: preserve the original aspect ratio of the large bag image.
   Its displayed height is fixed, width is derived automatically. */
.composition-6{height:14.8cm !important;}
.comp6-left,.comp6-right{height:14.8cm !important;align-self:start !important;}
.comp6-left img{
  height:7.275cm !important;
  width:auto !important;
  object-fit:contain !important;
}
.comp6-right img{
  height:14.8cm !important;
  width:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* 4 — Exhibition/Recognition blocks share the same left guide and
   the same 14.9 cm vertical guide. The second block remains 0.25 cm
   between its two images and preserves both source proportions. */
.recognition{
  margin-left:2.5cm !important;
}
.recognition-grid{
  margin-left:0 !important;
  align-items:start !important;
}
.recognition-grid img{
  display:block !important;
  object-fit:contain !important;
}
.recognition-grid.two{
  height:14.9cm !important;
  align-items:start !important;
  margin-left:0 !important;
}
.recognition-grid.two img{
  height:14.9cm !important;
  width:auto !important;
  object-fit:contain !important;
}


/* FINAL SITE-WIDE MENU — typography only; page composition unchanged. */
.site-header 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 — preserve every image/content block, reflow the editorial page vertically. */
@media (max-width:900px){
  html,body{overflow-x:hidden !important;}
  .site-header{height:auto !important;width:100% !important;margin:0 !important;padding:20px !important;position:relative !important;display:flex !important;align-items:flex-start !important;gap:16px !important;}
  .logo-link{position:relative !important;left:auto !important;top:auto !important;width:72px !important;height:auto !important;flex:0 0 72px !important;}
  .logo-link img{width:72px !important;height:auto !important;}
  nav{position:relative !important;left:auto !important;right:auto !important;top:auto !important;width:auto !important;display:flex !important;flex:1 !important;justify-content:flex-end !important;flex-wrap:wrap !important;gap:9px 14px !important;white-space:normal !important;}
  nav a{font-size:8px !important;line-height:1.1 !important;letter-spacing:0 !important;}
  main{width:100% !important;margin:0 !important;padding:0 20px 60px !important;}
  .intro{min-height:0 !important;display:flex !important;flex-direction:column !important;}
  .intro-copy{margin-left:0 !important;width:100% !important;}
  .intro-copy > h1{font-size:42px !important;line-height:1.05 !important;margin:35px 0 22px !important;}
  .intro-copy > .tagline{font-size:20px !important;line-height:1.25 !important;white-space:normal !important;margin:0 0 28px !important;}
  .intro-copy > .commission{font-size:14px !important;line-height:1.3 !important;margin:0 0 12px !important;}
  .commission-text{width:100% !important;font-size:15px !important;line-height:1.45 !important;margin-top:0 !important;}
  .services-block{margin:35px 0 25px !important;width:100% !important;transform:none !important;padding-left:0 !important;}
  .services-block .star{position:relative !important;left:auto !important;top:auto !important;width:55px !important;height:auto !important;margin:0 0 14px !important;}
  .services-block h2{font-size:25px !important;line-height:1.1 !important;}
  .services-block ul,.services-block li{font-size:15px !important;line-height:1.6 !important;}
  .bird-line{position:relative !important;left:auto !important;top:auto !important;width:150px !important;margin:20px 0 0 !important;transform:none !important;}
  .pshopia{position:relative !important;right:auto !important;top:auto !important;width:100% !important;height:auto !important;margin:30px 0 0 !important;}
  .pshopia img{width:100% !important;height:auto !important;object-fit:contain !important;}
  .working{margin:45px 0 0 !important;width:100% !important;padding-top:0 !important;}
  .working p{width:100% !important;font-size:15px !important;line-height:1.5 !important;}
  .selected{width:100% !important;margin:40px 0 0 !important;}
  .selected h2,.recognition h2{font-size:27px !important;line-height:1.15 !important;}
  .composition,.composition-1,.composition-2,.composition-3,.composition-4,.composition-5,.composition-6{width:100% !important;height:auto !important;margin:30px 0 0 !important;display:flex !important;flex-direction:column !important;gap:12px !important;overflow:visible !important;}
  .composition > *, .comp1-side,.comp2-left,.comp2-right,.comp3-side,.comp4-side,.comp5-side,.comp6-left,.comp6-right{width:100% !important;height:auto !important;display:flex !important;flex-direction:column !important;gap:12px !important;}
  .composition img,.comp1-main,.comp1-side img,.comp2-left img,.comp2-right img,.comp3-main,.comp3-side img,.comp4-main,.comp4-side img,.comp5-main,.comp5-side img,.comp6-left img,.comp6-right img{width:100% !important;height:auto !important;max-width:100% !important;object-fit:contain !important;flex:none !important;}
  .recognition{width:100% !important;margin:55px 0 30px !important;}
  .recognition-grid,.recognition-grid.two{width:100% !important;display:grid !important;grid-template-columns:1fr !important;gap:14px !important;margin-top:20px !important;}
  .recognition-grid img,.recognition-grid.two img,.recognition-grid.two img:first-child,.recognition-grid.two img:last-child{width:100% !important;height:auto !important;object-fit:contain !important;}
}


/* RESPONSIVE SAFEGUARDS — mobile flow without changing desktop artwork */
@media (max-width: 900px) {
  html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
  .site-header { position:relative !important; inset:auto !important; width:100% !important; height:auto !important; margin:0 !important; padding:20px !important; display:flex; align-items:flex-start; gap:14px; }
  .logo-link { position:relative !important; inset:auto !important; width:68px !important; height:auto !important; flex:0 0 68px; }
  .logo-link img { width:100% !important; height:auto !important; object-fit:contain; }
  nav { position:relative !important; inset:auto !important; width:auto !important; min-width:0; flex:1 1 auto; display:flex !important; flex-wrap:wrap !important; justify-content:flex-end !important; gap:8px 11px !important; white-space:normal !important; }
  nav a { font-size:8px !important; line-height:1.2; letter-spacing:0 !important; white-space:normal; }
  main { width:100% !important; max-width:100%; margin:0 !important; padding:0 20px 50px !important; }
  main .intro, main .working, main .selected, main .recognition { position:relative !important; inset:auto !important; width:100% !important; min-height:0 !important; height:auto !important; margin:0 0 38px !important; }
  .intro { display:flex !important; flex-direction:column !important; gap:20px; }
  .intro-copy { position:relative !important; inset:auto !important; width:100% !important; max-width:100%; margin:0 !important; }
  .intro-copy > h1 { font-size:clamp(36px,11vw,42px) !important; line-height:1.05 !important; overflow-wrap:anywhere; }
  .intro-copy > .tagline { font-size:19px !important; line-height:1.25 !important; white-space:normal !important; margin:24px 0 !important; }
  .intro-copy > .commission { margin:0 0 12px !important; }
  .commission-text { width:100% !important; max-width:100%; font-size:15px !important; line-height:1.5 !important; }
  .services-block { position:relative !important; inset:auto !important; width:100% !important; margin:22px 0 0 !important; }
  .star, .bird-line { position:relative !important; inset:auto !important; display:block; max-width:100%; height:auto !important; margin:18px auto !important; }
  .pshopia { position:relative !important; inset:auto !important; width:100% !important; max-width:100%; height:auto !important; margin:0 !important; }
  .pshopia img { width:100% !important; height:auto !important; object-fit:contain !important; }
  .working h2, .selected h2, .recognition h2 { overflow-wrap:anywhere; }
  .composition { position:relative !important; inset:auto !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 0 28px !important; display:flex !important; flex-direction:column !important; gap:12px; }
  .composition * { position:relative !important; inset:auto !important; float:none !important; transform:none !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; }
  .composition img { display:block; width:100% !important; height:auto !important; object-fit:contain !important; }
  .recognition-grid, .recognition-grid.two { width:100% !important; display:grid !important; grid-template-columns:1fr !important; gap:14px !important; margin-top:20px !important; }
  .recognition-grid img, .recognition-grid.two img { width:100% !important; height:auto !important; object-fit:contain !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 */

@media (max-width:900px){
  html,body{height:auto !important;min-height:100% !important;overflow-x:hidden !important;overflow-y:auto !important;}
  body{position:static !important;}
  main,.intro,.intro-copy,.services-block,.working,.selected,.recognition{height:auto !important;min-height:0 !important;overflow:visible !important;}
  .services-block .star{width:76px !important;max-width:28vw !important;height:auto !important;}
  .bird-line{width:min(220px,72vw) !important;max-width:72vw !important;height:auto !important;margin:20px 0 8px !important;}
}