@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{
  --cream:#F6F0E5!important;
  --cream-2:#EFE7D8!important;
  --paper:#FFFDF8!important;
  --ink:#154734!important;
  --ink-2:#355E50!important;
  --gold:#BBA25F!important;
  --gold-light:#DFCA81!important;
  --sage:#9DA993!important;
  --muted:#6F7772!important;
  --line:rgba(21,71,52,.14)!important;
  --shadow:0 24px 70px rgba(34,49,41,.10)!important;
  --serif:'Libre Caslon Display',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--cream)!important;color:#25302b!important;font-family:var(--sans)!important;letter-spacing:-.01em}
.wrap{width:min(1280px,calc(100% - 64px))!important}
h1,h2,h3,.brand strong,.footer-logo strong{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.045em!important}
.eyebrow{font:600 11px/1.2 var(--sans)!important;letter-spacing:.20em!important;text-transform:uppercase;color:var(--gold)!important}

/* Brand chrome */
.topline{background:var(--ink)!important;color:#F8F3E9!important;padding:9px 18px!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase}
header{background:rgba(246,240,229,.94)!important;border-bottom:1px solid rgba(21,71,52,.10)!important;backdrop-filter:blur(22px)!important}
nav{height:82px!important}
.brand{gap:13px!important}.brand img{width:50px!important;height:50px!important}.brand strong{font-size:26px!important;color:var(--ink)!important}
.navlinks{gap:28px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase}
.navlinks a:not(.shop-btn){padding:31px 0 26px!important}
.navlinks .active{border-bottom:1px solid var(--gold)!important}
.shop-btn,.btn{border-radius:999px!important;letter-spacing:.02em!important}
.shop-btn{background:var(--ink)!important;color:#fff!important;padding:12px 18px!important}
.btn{padding:13px 20px!important;font-size:13px!important;font-weight:600!important}
.btn.primary{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.btn.gold{background:var(--gold-light)!important;border-color:var(--gold)!important;color:#1d352c!important}

/* Homepage hero */
.home-hero{position:relative;overflow:hidden;padding:96px 0 72px!important;background:
  radial-gradient(circle at 84% 28%,rgba(223,202,129,.22),transparent 28rem),
  linear-gradient(180deg,#F9F5ED 0%,var(--cream) 100%)!important}
.home-hero:before,.home-hero:after{content:'';position:absolute;width:16px;height:16px;border-radius:3px;background:var(--gold-light);opacity:.72;box-shadow:26px 20px 0 var(--gold),52px -8px 0 rgba(223,202,129,.72),78px 34px 0 rgba(187,162,95,.45)}
.home-hero:before{right:7%;top:18%}.home-hero:after{left:51%;bottom:12%;transform:scale(.72);opacity:.38}
.home-grid{grid-template-columns:1.05fr .95fr!important;gap:76px!important;align-items:center!important}
.home-hero h1{font-size:clamp(64px,7.2vw,108px)!important;line-height:.92!important;max-width:760px;margin:18px 0 25px!important;color:var(--ink)!important}
.home-hero .lead{font-size:18px!important;line-height:1.75!important;max-width:600px!important;color:#52635c!important}
.home-hero .actions{margin-top:32px!important}
.home-stage{border-radius:18px!important;background:#ECE3D5!important;box-shadow:0 28px 80px rgba(34,49,41,.13)!important;overflow:hidden!important}
.hero-lifestyle{object-fit:cover!important;background:#ECE3D5!important;transition:transform .8s cubic-bezier(.2,.65,.25,1)}
.home-stage:hover .hero-lifestyle{transform:scale(1.018)}
.identity-row{margin-top:42px!important;padding-top:22px!important;border-top:1px solid var(--line);gap:0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;max-width:680px!important}
.identity-row span{padding-right:20px!important;font-size:11px!important;line-height:1.5!important;text-transform:uppercase!important;letter-spacing:.07em!important;color:#708079!important}
.identity-row span+span{padding-left:20px!important;border-left:1px solid var(--line)}
.identity-row b{display:block;font-family:var(--serif);font-size:17px;font-weight:400!important;text-transform:none;letter-spacing:-.02em;color:var(--ink)!important;margin-bottom:2px}

/* Section rhythm */
.section{padding:96px 0!important}
.section-head{margin-bottom:42px!important;align-items:end!important}
.section-head h2{font-size:clamp(43px,4.6vw,68px)!important;line-height:.98!important;color:var(--ink)!important;margin:10px 0 0!important;max-width:720px}
.section-head p{font-size:15px!important;line-height:1.75!important;max-width:520px!important;color:#66736d!important}
.showcase-grid{gap:18px!important}
.showcase{border:1px solid rgba(21,71,52,.10)!important;border-radius:10px!important;background:rgba(255,253,248,.78)!important;box-shadow:none!important;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.showcase:hover{transform:translateY(-5px);border-color:rgba(187,162,95,.48)!important;box-shadow:0 20px 45px rgba(34,49,41,.08)!important}
.showcase-media{height:auto!important;aspect-ratio:4/3!important;background:#E9E0D1!important}
.showcase-copy{padding:26px!important}
.showcase-copy h3{font-size:28px!important;line-height:1.08!important;margin:8px 0 10px!important;color:var(--ink)!important}
.showcase-copy p{font-size:13px!important;line-height:1.65!important;margin-bottom:20px!important}
.showcase-copy .btn{background:transparent!important;border:0!important;border-radius:0!important;color:var(--ink)!important;padding:0 0 4px!important;border-bottom:1px solid var(--gold)!important}
.slide-detail{border-radius:6px!important;box-shadow:0 8px 28px rgba(20,59,48,.08)!important}

/* Manifesto */
.manifesto{position:relative;overflow:hidden;border-radius:10px!important;padding:66px!important;gap:70px!important;background:var(--ink)!important;box-shadow:0 30px 80px rgba(21,71,52,.16)}
.manifesto:after{content:'';position:absolute;right:-22px;bottom:-40px;width:220px;height:220px;background:radial-gradient(circle at 20% 20%,rgba(223,202,129,.28),transparent 55%);pointer-events:none}
.manifesto h2{font-size:clamp(42px,4vw,62px)!important;line-height:1!important;color:#fff!important}
.manifesto p{font-size:16px!important;line-height:1.75!important;color:#DCE5E0!important}
.manifesto-values{gap:0!important;border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}
.manifesto-values div{border-radius:0!important;background:transparent!important;border:0!important;border-right:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;padding:22px!important}
.manifesto-values strong{font:400 21px/1.2 var(--serif)!important;color:var(--gold-light)}
.manifesto-values span{font-size:12px;color:#D8E1DC}

/* Story/social */
.social-panel{border-radius:10px!important;background:#EDE5D7!important;padding:58px!important;gap:54px!important}
.social-panel h2{font-size:clamp(42px,4vw,62px)!important;line-height:1!important}
.social-panel p{font-size:15px;line-height:1.75;color:#5F6D66}
.social-links{gap:0!important;border-top:1px solid var(--line)}
.social-links a{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:15px 2px!important;font-size:12px!important}

/* Wattle Pixel Play */
.editorial-play{padding:0 0 96px}
.editorial-play-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;border-radius:10px;background:var(--ink);color:white}
.editorial-play-copy{padding:64px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.editorial-play-copy .eyebrow{color:var(--gold-light)!important}
.editorial-play-copy h2{font-size:clamp(48px,5vw,76px);line-height:.96;color:white;margin:12px 0 18px}
.editorial-play-copy p{max-width:570px;color:#D8E2DD;font-size:16px;line-height:1.75}
.editorial-play-meta{display:flex;gap:24px;margin-top:28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
.editorial-play-visual{position:relative;min-height:390px;background:linear-gradient(145deg,#0F3C2E,#1F5A43)}
.editorial-play-visual:before{content:'';position:absolute;inset:12% 12%;border:1px solid rgba(223,202,129,.25);border-radius:26px;transform:rotate(-2deg);box-shadow:0 30px 80px rgba(0,0,0,.2)}
.editorial-play-mark{position:absolute;inset:18%;background:linear-gradient(145deg,#FFF0A6 0%,#E8BD52 34%,#C59631 62%,#F4D678 100%);-webkit-mask:url('/assets/wpc-pixel-wattle-logo-20260908.png') center/contain no-repeat;mask:url('/assets/wpc-pixel-wattle-logo-20260908.png') center/contain no-repeat;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.editorial-play-pixels{position:absolute;right:12%;top:16%;width:14px;height:14px;border-radius:3px;background:var(--gold-light);box-shadow:26px 20px 0 var(--gold),52px -10px 0 rgba(223,202,129,.72),-30px 60px 0 rgba(187,162,95,.5),38px 84px 0 rgba(223,202,129,.5)}

/* Pixel Note */
.pixel-note-section{padding:68px 0!important;background:#F0E9DD!important;border-top:1px solid rgba(21,71,52,.09)!important}
.pixel-note-shell{max-width:1050px!important;gap:60px!important}
.pixel-note-copy h2{font-family:var(--serif)!important;font-size:clamp(38px,4vw,56px)!important;font-weight:400!important;letter-spacing:-.04em!important;color:var(--ink)!important}
.pixel-note-copy p{font-size:14px!important;line-height:1.75!important}
.pixel-note-kicker{font-family:var(--serif)!important;font-style:normal!important;font-size:19px!important}

/* About */
.about-hero{padding:90px 0 82px!important;background:linear-gradient(180deg,#F9F5ED 0%,var(--cream) 100%)!important}
.about-hero-grid{grid-template-columns:1.07fr .93fr!important;gap:84px!important}
.about-hero h1{font-size:clamp(62px,6.7vw,96px)!important;line-height:.92!important;color:var(--ink)!important}
.about-hero .lead{font-size:17px!important;line-height:1.78!important}
.origin-card{border-radius:8px!important;padding:48px!important;background:rgba(255,253,248,.82)!important;box-shadow:none!important;border:1px solid rgba(21,71,52,.10)!important;position:relative}
.origin-card:before{content:'';position:absolute;left:0;top:48px;width:2px;height:72px;background:var(--gold)}
.origin-card img{width:122px!important;height:122px!important;margin-bottom:30px!important}
.origin-card strong{font-size:32px!important;line-height:1.08!important}
.story-grid{gap:86px!important}.story-grid h2{font-size:clamp(44px,4.5vw,66px)!important;line-height:1!important}.story-copy p{font-size:16px!important;line-height:1.8!important}
.vision-grid{gap:16px!important}.vision-card,.value{border-radius:8px!important;box-shadow:none!important;background:rgba(255,253,248,.78)!important}.vision-card{padding:38px!important}.vision-card h2{font-size:37px!important}.value{padding:28px!important}.value h3{font-size:24px!important}.purpose,.formats,.closing{border-radius:10px!important}.purpose{background:#EDE5D7!important;padding:62px!important}.formats{padding:66px!important}.australia-strip{background:var(--gold-light)!important}

/* Books */
.books-hero{padding:86px 0 58px!important;background:radial-gradient(circle at 80% 23%,rgba(223,202,129,.22),transparent 30rem)!important}
.books-hero-grid{gap:72px!important}.books-hero h1{font-size:clamp(62px,6.5vw,96px)!important;line-height:.93!important;color:var(--ink)!important}.books-hero .lead{font-size:17px!important;line-height:1.75!important}.books-hero-scene{height:460px!important;border-radius:10px!important;box-shadow:var(--shadow)!important}
.filters{padding:30px 0 26px!important;gap:9px!important}.filters button{font-size:11px!important;letter-spacing:.04em!important;padding:10px 16px!important;background:transparent!important}.filters .on{background:var(--ink)!important}
.featured{border-radius:10px!important;background:#EDE5D7!important;padding:38px!important;gap:34px!important}.featured-copy h2{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(38px,3.7vw,56px)!important}.featured-copy p{font-size:14px!important;line-height:1.75!important}.featured-composite{border-radius:7px!important}.disclosure{background:transparent!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0!important;padding:16px!important;font-size:11px!important}
.book-grid{gap:16px!important}.book-card{border-radius:8px!important;box-shadow:none!important;background:rgba(255,253,248,.78)!important;transition:transform .3s ease,border-color .3s ease}.book-card:hover{transform:translateY(-4px);border-color:rgba(187,162,95,.55)!important}.book-cover{height:365px!important;background:#ECE4D7!important}.book-copy{padding:20px!important}.book-copy h3{font-family:var(--serif)!important;font-size:21px!important;font-weight:400!important}.look{font-size:11px!important;letter-spacing:.04em!important}.purchase a,.purchase .coming{border-radius:6px!important}

/* Footer */
footer{background:#103D2F!important;padding:62px 0 34px!important}
.footer-grid{gap:64px!important}.footer-logo{gap:13px!important}.footer-logo strong{font-size:27px!important;color:white!important}.footer-logo-mark{width:54px!important;height:54px!important;flex-basis:54px!important}.footer-grid p,.footer-grid a{font-size:11px!important;line-height:1.6!important;color:#D7E2DC!important}.footer-grid>div>strong{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}.footer-bottom{font-size:10px!important;letter-spacing:.03em!important;margin-top:40px!important}

/* Motion */
.editorial-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}
.editorial-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1050px){
  .wrap{width:min(100% - 40px,1280px)!important}
  .home-grid,.about-hero-grid,.books-hero-grid{gap:42px!important}
  .editorial-play-copy{padding:48px}
}
@media(max-width:930px){
  nav{height:72px!important}.brand img{width:44px!important;height:44px!important}.brand strong{font-size:22px!important}
  .home-grid,.about-hero-grid,.books-hero-grid,.editorial-play-card{grid-template-columns:1fr!important}
  .home-hero{padding:72px 0 58px!important}.home-hero h1,.about-hero h1,.books-hero h1{font-size:clamp(56px,10vw,82px)!important}
  .home-stage{max-width:720px;margin:10px auto 0}.identity-row{max-width:none!important}
  .manifesto{grid-template-columns:1fr!important;padding:48px!important;gap:42px!important}
  .social-panel{grid-template-columns:1fr!important;padding:44px!important}
  .editorial-play-visual{min-height:360px}.editorial-play-copy{padding:48px}
  .books-hero-scene{height:400px!important}
}
@media(max-width:650px){
  .wrap{width:calc(100% - 28px)!important}.topline{font-size:8px!important;letter-spacing:.12em!important}
  .home-hero,.about-hero,.books-hero{padding-top:52px!important}
  .home-hero h1,.about-hero h1,.books-hero h1{font-size:clamp(48px,15vw,68px)!important}
  .home-hero .lead,.about-hero .lead,.books-hero .lead{font-size:15px!important}
  .identity-row{grid-template-columns:1fr!important;border-top:1px solid var(--line)}.identity-row span{padding:13px 0!important}.identity-row span+span{padding-left:0!important;border-left:0;border-top:1px solid var(--line)}
  .section{padding:70px 0!important}.section-head h2{font-size:44px!important}.section-head{margin-bottom:28px!important}
  .manifesto,.social-panel,.purpose,.formats,.closing{padding:30px!important}
  .manifesto-values{grid-template-columns:1fr!important}
  .editorial-play{padding-bottom:70px}.editorial-play-copy{padding:34px 26px}.editorial-play-copy h2{font-size:48px}.editorial-play-meta{flex-direction:column;gap:8px}.editorial-play-visual{min-height:300px}
  .origin-card{padding:30px!important}.origin-card strong{font-size:27px!important}.origin-card img{width:100px!important;height:100px!important}
  .books-hero-scene{height:310px!important}.featured{padding:22px!important}.book-cover{height:340px!important}
  footer{padding-top:48px!important}.footer-grid{gap:34px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.editorial-reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-lifestyle{transition:none!important}.showcase,.book-card{transition:none!important}}