/* Wattle Pixel Co — Editorial v1 review refinements — 2026-09-09 */

/* Header: keep the navigation editorial and uncluttered. Shopping remains available
   from product, book and footer destinations rather than a permanent header CTA. */
header .nav-cta,header .shop-btn,header .cta,header .mobile-shop{display:none!important}
.navlinks{gap:30px!important}
.navlinks .active{border-bottom:0!important}

/* Home collection cards: equal rhythm and safer image crops */
.make-grid,.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
.make-card,.showcase{min-width:0!important;height:100%!important}
.make-card .media,.make-card:first-child .media,.showcase-media{aspect-ratio:4/3!important;height:auto!important}
.make-card .media img,.showcase-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.make-card:nth-child(2) .media{background:#eee5d8!important}
.make-card:nth-child(2) .media img{object-fit:contain!important}

/* Remove the floating cream tile/blank-square treatment */
.hero-logo{display:none!important}
.hero-image{inset:0!important;border-radius:28px!important}
.hero-caption{right:18px!important;bottom:18px!important}

/* Wattle Pixel Play: teaser only */
.play-tablet:after{display:none!important;content:none!important}
.play-tablet img{width:46%!important}
.play-copy p{max-width:470px!important}

/* Books filter + search: one clean control row, no decorative rules */
.book-tools{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0 18px!important;margin-bottom:34px;border:0!important}
.book-tools .filters{padding:0!important;margin:0!important;flex:1;min-width:0;border-top:0!important;border-bottom:0!important}
.filters{border-top:0!important;border-bottom:0!important}
.filters button{line-height:1!important}
.book-search{width:min(300px,30vw);height:40px;display:flex;align-items:center;gap:10px;border:1px solid rgba(21,71,52,.16);border-radius:999px;background:#fffdf8;padding:0 15px;color:var(--ink);flex:0 0 auto;box-shadow:0 1px 0 rgba(21,71,52,.02)}
.book-search svg{width:16px;height:16px;flex:0 0 16px;color:#9A7A2F}
.book-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;font:500 12.5px/1 var(--sans);color:var(--ink);padding:0}
.book-search input::placeholder{color:#808781}
.book-search:focus-within{border-color:#BBA25F;box-shadow:0 0 0 3px rgba(187,162,95,.11)}
.search-empty{text-align:center;padding:42px 20px;color:var(--muted);font-size:14px}

/* Books hero: remove the decorative pale square rather than cropping around it */
.books-hero-scene:before{display:none!important;content:none!important}
.books-hero-scene{overflow:hidden!important}
.books-hero-scene img{object-position:center!important;transform:none!important}

/* About: Melbourne-led hero visual */
.melbourne-hero-art{min-height:0!important;position:relative!important}
.melbourne-figure{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.melbourne-photo{height:430px;overflow:hidden;background:#ded8cf}
.melbourne-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.melbourne-signoff{display:flex;align-items:center;gap:16px;padding:20px 22px;background:rgba(255,253,248,.96);border-top:1px solid var(--line)}
.melbourne-signoff img{width:56px;height:56px;object-fit:contain;flex:0 0 56px}
.melbourne-signoff small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9A7A2F;font-weight:700}
.melbourne-signoff strong{display:block;margin-top:3px;font:400 23px/1.05 var(--serif);color:var(--ink)}
.melbourne-signoff span{display:block;margin-top:6px;font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* About values: centre symbol + text relationship */
.value{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
.value b{margin-inline:auto!important;font-size:21px!important}
.value h3{margin-top:18px!important}

/* About story principles: the numbered hierarchy needs to remain legible on cream */
.principle span{font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;color:#92732D!important}
.principle strong{font-size:25px!important;line-height:1.08!important;margin:9px 0 7px!important}
.principle p{font-size:14px!important;line-height:1.55!important;color:#66736D!important}

/* About formats: make numbers and descriptions part of the same typographic system */
.formats .format{grid-template-columns:74px minmax(220px,.95fr) 1.25fr!important;gap:26px!important;padding:25px 0!important}
.formats .format .n{font-size:14px!important;font-weight:700!important;letter-spacing:.06em!important;color:#D1B254!important}
.formats .format strong{font-size:32px!important;line-height:1.05!important}
.formats .format p{font-size:15px!important;line-height:1.62!important;color:#E0E8E4!important;max-width:620px}

/* Footer readability */
.footer-grid p,.footer-grid a,footer p,footer a{font-size:12.5px!important;line-height:1.7!important}
.footer-grid>div>strong,footer h4{font-size:10.5px!important}
.footer-bottom,.foot-bottom{font-size:11px!important;line-height:1.55!important}

@media(max-width:930px){
  .make-grid,.showcase-grid{grid-template-columns:1fr!important}
  .make-card .media,.make-card:first-child .media,.showcase-media{aspect-ratio:16/9!important}
  .book-tools{align-items:flex-start!important;flex-direction:column!important;gap:15px!important}
  .book-search{width:100%!important;max-width:520px!important}
  .melbourne-photo{height:400px}
  .formats .format{grid-template-columns:60px 1fr!important;gap:18px!important}
  .formats .format p{grid-column:2!important}
}

@media(max-width:650px){
  /* Airy, not empty */
  .hero,.home-hero,.about-hero,.books-hero{padding-top:38px!important;padding-bottom:38px!important}
  .hero-grid,.home-grid,.about-hero-grid,.books-hero-grid{gap:26px!important}
  .hero-visual{min-height:0!important;aspect-ratio:4/3!important;margin:2px 0 0!important}
  .hero-image{inset:0!important;border-radius:22px!important}
  .hero-caption{display:none!important}
  .identity-row{margin-top:24px!important;padding-top:12px!important}
  .identity-row span{padding:9px 0!important}
  .section,.make,.books-feature,.digital,.play,.studio,.story,.values,.future,.note,.pixel-note{padding-top:52px!important;padding-bottom:52px!important}
  .make-head,.section-head{margin-bottom:22px!important}
  .make-card .media,.make-card:first-child .media,.showcase-media{aspect-ratio:4/3!important}

  .book-tools{padding:15px 0 8px!important;margin-bottom:26px!important}
  .book-tools .filters{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
  .book-search{max-width:none!important;height:42px!important}

  .melbourne-hero-art{margin-top:2px!important}
  .melbourne-figure{border-radius:20px!important}
  .melbourne-photo{height:270px!important}
  .melbourne-signoff{padding:15px 16px!important;gap:12px!important}
  .melbourne-signoff img{width:46px!important;height:46px!important;flex-basis:46px!important}
  .melbourne-signoff strong{font-size:20px!important}

  /* Remove the large mobile hole between the story heading and first paragraph. */
  .story{padding-top:48px!important;padding-bottom:52px!important}
  .story-grid{gap:14px!important}
  .story-grid>div:first-child{margin-bottom:0!important}
  .story .h2{margin-bottom:0!important}
  .story-copy{margin-top:0!important}
  .story-copy p:first-child{margin-top:0!important}

  .principles{padding:28px 24px!important;gap:25px!important;margin-top:24px!important}
  .principle span{font-size:12px!important;color:#8E6F28!important}
  .principle strong{font-size:24px!important}
  .principle p{font-size:14px!important;line-height:1.55!important}

  .formats{padding-top:54px!important;padding-bottom:54px!important}
  .formats .format-list{margin-top:34px!important}
  .formats .format{grid-template-columns:42px 1fr!important;gap:12px 14px!important;padding:20px 0!important}
  .formats .format .n{font-size:13px!important;color:#D0B04E!important}
  .formats .format strong{font-size:27px!important}
  .formats .format p{grid-column:2!important;font-size:14px!important;line-height:1.58!important}

  .value{min-height:0!important;padding:24px 20px!important}

  footer{padding:44px 0 26px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 24px!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}
  .footer-grid>div:nth-child(4){grid-column:1/-1!important}
  .footer-grid p,.footer-grid a,footer p,footer a{font-size:13px!important;line-height:1.72!important}
  .footer-grid>div>strong,footer h4{font-size:11px!important}
  .footer-bottom,.foot-bottom{font-size:11.5px!important;line-height:1.65!important;margin-top:28px!important;padding-top:16px!important}
}