:root{--cream:#f7f2e9;--paper:#fffdf9;--ink:#171a15;--muted:#68685f;--line:#ded8ce;--orange:#b45c27;--green:#12251a;--gold:#c8a56a;--dark:#111511;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}.container{width:min(1180px,calc(100% - 44px));margin:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:72px;display:flex;align-items:center;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(20,20,20,.08);position:relative;z-index:10}.nav{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}.brand{font-family:var(--serif);font-size:29px;letter-spacing:-.8px;line-height:1}.brand small{display:block;font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:2px;margin-top:3px}.navlinks{display:flex;gap:30px;font-size:13px;align-items:center}.actions{justify-self:end;display:flex;gap:14px;align-items:center}.search{height:38px;width:230px;border:0;background:#f1eee8;border-radius:22px;padding:0 16px;color:#666}.bag{width:36px;height:36px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;position:relative;cursor:pointer}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent,#b45c27);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.hero{background:var(--cream);min-height:405px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:43% 57%;min-height:405px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 42px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#764d36;margin-bottom:18px}.hero h1,.section-title,.story h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-1.8px;margin:0}.hero h1{font-size:57px;line-height:.96;white-space:pre-line}.hero p{max-width:440px;color:#57564f;font-size:16px;margin:18px 0 24px}.buttons{display:flex;gap:14px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:24px;background:#172018;color:white;font-weight:650;font-size:13px}.btn.light{background:white;color:#171a15}.btn.ghost{background:transparent;color:inherit;border:1px solid currentColor}.microline{font-size:9px;letter-spacing:4px;text-transform:uppercase;margin-top:28px;color:#776d60}.hero-photo{background:url('assets/hero.jpg') center/cover no-repeat;min-height:405px}.benefits{border-bottom:1px solid var(--line);background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.benefit{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:0 28px;border-right:1px solid var(--line);align-items:center}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{font-size:26px}.benefit strong{font-size:13px;display:block}.benefit span{font-size:11px;color:#777}.section{padding:48px 0}.section.tone{background:#faf6ee}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.kicker{font-size:9px;text-transform:uppercase;letter-spacing:4px;font-weight:700;color:#8c5a39;margin-bottom:6px}.section-title{font-size:38px;line-height:1.02;white-space:pre-line}.more{font-size:13px;color:var(--orange);font-weight:650}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 16px rgba(40,30,20,.04)}.category img{width:100%;aspect-ratio:1/1.1;display:block;object-fit:cover}.category-body{text-align:center;padding:12px 8px 14px}.category strong{display:block;font-family:var(--serif);font-size:16px}.category span{font-size:11px;color:#76736c}.category b{display:block;margin-top:8px;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-grid.five{grid-template-columns:repeat(5,1fr)}.product{background:white;border-radius:5px;overflow:hidden;box-shadow:0 3px 18px rgba(20,20,20,.06);position:relative}.product img{width:100%;aspect-ratio:1.22/1;object-fit:cover;display:block}.heart{position:absolute;top:10px;right:10px;background:white;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:16px;box-shadow:0 2px 10px #0001}.product-body{padding:12px}.product-name{font-size:13px;font-weight:650;min-height:38px}.price{font-family:var(--serif);font-size:16px;margin-top:4px}.stars{font-size:11px;color:#d77d00;letter-spacing:1px;margin-top:3px}.story{background:var(--cream)}.story-grid{display:grid;grid-template-columns:46% 54%;min-height:300px}.story-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px 38px 0}.story h2{font-size:42px;line-height:1;white-space:pre-line}.story p{max-width:470px;color:#5d5b54}.story-photo{background:url('assets/story.jpg') center/cover no-repeat;min-height:300px}.contact{padding:26px 0;border-bottom:1px solid var(--line)}.contact-row{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:28px}.contact h2{font-size:30px}.contact p{font-size:12px;color:#69675f}.footer{padding:28px 0 18px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .8fr 1.3fr;gap:30px}.footer h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:0 0 8px}.footer small,.footer a{display:block;font-size:12px;line-height:1.5;color:#55554f;margin:4px 0}.newsletter{display:flex;gap:8px}.newsletter input{min-width:0;flex:1;border:1px solid #ddd;border-radius:22px;padding:10px 14px}.newsletter button{border:0;background:#161a17;color:#fff;border-radius:22px;padding:10px 18px}.legal{border-top:1px solid #e1ddd5;margin-top:22px;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;color:#68675f;font-size:11px;line-height:1.5}.dark .topbar,.dark .footer{background:#111711;color:#f7f2e9;border-color:#314035}.dark .brand,.dark .navlinks,.dark .actions{color:#f7f2e9}.dark .search{background:#263027;color:#eee}.dark .hero{background:#102018;color:#fff}.dark .hero-copy{background:linear-gradient(90deg,#0d1b13 0%,#0d1b13 88%,transparent)}.dark .hero p{color:#e4e0d8}.dark .eyebrow,.dark .kicker{color:#d7b77d}.dark .btn{background:#f5f0e4;color:#1c201c}.dark .btn.ghost{background:transparent;color:#fff}.dark .benefits{background:#12251a;color:#fff;border-color:#314035}.dark .benefit{border-color:#415044}.dark .benefit span{color:#c8c9c4}.dark .story{background:#102018;color:#fff}.dark .story p{color:#d5d6d0}.dark .contact{background:#17251b;color:#fff;border-color:#314035}.dark .footer{background:#0f1511}.dark .footer small,.dark .footer a,.dark .legal{color:#bbc0b9}.dark .newsletter input{background:transparent;color:#fff;border-color:#57625a}.dark .newsletter button{background:#f5f0e4;color:#152018}.mg-main-hero{min-height:430px}.mg-main-hero .hero-grid{min-height:430px;grid-template-columns:38% 62%}.mg-main-hero .hero-copy{padding-left:0}.mg-main-hero .hero-photo{min-height:430px}.mg-main .section{padding:42px 0}.mg-main .story-grid{grid-template-columns:55% 45%}.mg-main .story-photo{order:0}.mg-main .story-copy{order:1;padding-left:45px;padding-right:0;background:#fff;color:#171a15}.mg-main .story-copy p{color:#555}.play .hero-grid{grid-template-columns:36% 64%;min-height:390px}.play .hero-copy{background:#17291d;color:#fff;padding-left:0}.play .hero-copy p{color:#eef0ea}.play .hero-photo{min-height:390px}.play .product{box-shadow:none}.play .section{background:#fbfaf5}.play .benefits{background:#17301f;color:#fff}.play .story-grid{grid-template-columns:55% 45%}.play .story-photo{order:0}.play .story-copy{order:1;padding-left:42px;padding-right:20px;background:#fbfaf5}.play .contact{background:#17301f;color:#fff}.play .footer{background:#132219;color:#fff}.play .footer small,.play .footer a,.play .legal{color:#c8d0c9}
@media(max-width:900px){.container{width:min(100% - 28px,760px)}.topbar{height:auto;padding:15px 0}.nav{grid-template-columns:1fr auto}.navlinks{display:none}.search{display:none}.hero-grid,.mg-main-hero .hero-grid,.play .hero-grid{grid-template-columns:1fr}.hero-copy,.dark .hero-copy{padding:54px 14px;background:transparent}.hero h1{font-size:46px}.hero-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:330px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit{border-bottom:1px solid var(--line);padding:18px 12px!important}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.product-grid.five{grid-template-columns:repeat(2,1fr)}.story-grid,.mg-main .story-grid,.play .story-grid{grid-template-columns:1fr}.story-photo{order:0!important;min-height:320px}.story-copy,.mg-main .story-copy,.play .story-copy{order:1!important;padding:38px 16px!important}.contact-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:520px){body{font-size:14px}.brand{font-size:24px}.hero h1{font-size:41px}.hero-copy{padding-top:42px}.hero-photo{min-height:270px}.section{padding:36px 0}.section-title{font-size:31px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category strong{font-size:14px}.product-grid,.product-grid.five{grid-template-columns:1fr 1fr;gap:9px}.product-body{padding:9px}.product-name{font-size:12px}.story h2{font-size:34px}.footer-grid{grid-template-columns:1fr}.footer-grid>*{grid-column:auto!important}.legal{display:block}.legal span{display:block;margin:4px 0}}

/* 2026-09-22 wide-layout correction */
html,body{max-width:100%;overflow-x:hidden}
body{font-size:15px;line-height:1.45}
.container{width:min(1380px,calc(100% - 72px));margin:auto}
.topbar{height:72px;padding:0}
.nav{gap:28px;grid-template-columns:auto 1fr auto}
.brand{font-size:31px;letter-spacing:-.8px;white-space:nowrap}
.navlinks{justify-self:center;gap:34px;font-size:13px}
.actions{gap:14px}
.search{display:block;height:42px;width:260px;border-radius:24px;padding:0 18px;font-size:13px}
.bag{width:40px;height:40px;font-size:18px}
.hero,.hero-grid{min-height:480px}
.hero-grid{grid-template-columns:42% 58%}
.hero-copy{padding:58px 46px 58px 0}
.hero h1{font-size:76px;line-height:.94;letter-spacing:-2px}
.hero p{max-width:480px;font-size:21px;line-height:1.4;margin:24px 0 30px}
.eyebrow{font-size:11px;letter-spacing:4px;margin-bottom:22px}
.buttons{gap:16px}.btn{min-height:52px;padding:0 26px;border-radius:28px;font-size:14px}
.microline{font-size:10px;letter-spacing:4px;margin-top:28px}
.hero-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:480px;background-position:center;background-size:cover}
.benefits{position:relative;z-index:2}.benefit-grid{padding:26px 0}.benefit{grid-template-columns:44px 1fr;gap:12px;padding:0 26px}
.benefit-icon{font-size:24px}.benefit strong{font-size:13px}.benefit span{font-size:11px}
.section{padding:66px 0}.section.tone{padding-top:62px;padding-bottom:62px}
.section-head{margin-bottom:26px}.kicker{font-size:10px;letter-spacing:4px;margin-bottom:7px}.section-title{font-size:56px;letter-spacing:-1.8px}.more{font-size:15px}
.category-grid{grid-template-columns:repeat(6,1fr);gap:18px}.category{border-radius:6px;overflow:hidden}.category img{aspect-ratio:.9/1;object-fit:cover}.category-body{padding:14px 12px 15px}.category strong{font-size:22px;line-height:1.05}.category span{font-size:13px;line-height:1.35}.category b{margin-top:8px;font-size:16px}
.product-grid,.product-grid.five{grid-template-columns:repeat(4,1fr);gap:18px}.product{border-radius:6px;overflow:hidden}.product img{aspect-ratio:1.28/1;object-fit:cover}.product-body{padding:14px}.product-name{font-size:18px;min-height:48px}.price{font-size:24px;margin-top:6px}.stars{font-size:12px;letter-spacing:1px;margin-top:4px}.heart{width:34px;height:34px;font-size:16px;display:grid!important}
.story,.contact,.footer{position:relative}
.story-grid{grid-template-columns:44% 56%;min-height:430px}.story-copy{padding:58px 52px 58px 0}.story h2{font-size:68px;line-height:.96;letter-spacing:-1.8px}.story p{max-width:560px;font-size:18px;line-height:1.45}.story-photo{min-height:430px;background-position:center;background-size:cover}
.contact{padding:34px 0}.contact-row{grid-template-columns:1fr 1.2fr auto;gap:28px}.contact h2{font-size:44px}.contact p{font-size:15px;line-height:1.45}
.footer{padding:36px 0 22px}.footer-grid{grid-template-columns:1.3fr .7fr .7fr .8fr 1.3fr;gap:34px}.footer h3{font-size:28px}.footer small,.footer a{font-size:13px;line-height:1.5}.newsletter input{padding:12px 16px;border-radius:24px}.newsletter button{padding:12px 20px;border-radius:24px;font-size:13px}.legal{margin-top:24px;padding-top:16px;font-size:12px}
/* smooth full-width visual panels */
.hero,.story,.benefits,.contact,.footer{width:100%}
.hero .container,.story .container{width:min(1460px,calc(100% - 72px));margin:auto}
.hero-copy,.story-copy{position:relative;z-index:1}
.dark .hero-copy{background:linear-gradient(90deg,#0b1912 0%,#0c1b14 72%,rgba(12,27,20,.6) 88%,rgba(12,27,20,0) 100%)}
.dark .story{background:#0f1d16}
.dark .story::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102018 0%,rgba(16,32,24,.97) 36%,rgba(16,32,24,.55) 52%,rgba(16,32,24,0) 68%);pointer-events:none}
.dark .story .story-grid{position:relative;z-index:1}
.play .story::before,.mg-main .story::before{content:none}
/* undo narrow fidelity pass */
.hero .container,.story .container{max-width:none;margin-left:auto;margin-right:auto}
.hero-grid{grid-template-columns:42% 58%}.story-grid{grid-template-columns:44% 56%}
@media(max-width:1200px){
  .container,.hero .container,.story .container{width:min(100% - 48px,1180px)}
  .hero h1{font-size:62px}.hero p{font-size:18px}.section-title{font-size:46px}.story h2{font-size:56px}.category strong{font-size:18px}
}
@media(max-width:900px){
  .container,.hero .container,.story .container{width:min(100% - 28px,760px)}
  .topbar{height:auto;padding:16px 0}.nav{grid-template-columns:1fr auto;gap:18px}.navlinks{display:none}.search{display:none}.actions{justify-self:end}
  .hero-grid,.story-grid,.mg-main .story-grid,.play .story-grid,.mg-main-hero .hero-grid,.play .hero-grid{grid-template-columns:1fr}
  .hero,.hero-grid,.hero-photo,.story-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:auto}
  .hero-copy,.story-copy,.mg-main .story-copy,.play .story-copy{padding:34px 0 !important}
  .hero h1{font-size:48px}.hero p{font-size:16px}.story h2{font-size:42px}.section-title{font-size:36px}
  .benefit-grid{grid-template-columns:1fr 1fr}.benefit{padding:16px 10px !important;border-bottom:1px solid var(--line)}
  .category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.product-grid.five{grid-template-columns:repeat(2,1fr)}
  .contact-row,.footer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .container,.hero .container,.story .container{width:calc(100% - 24px)}
  body{font-size:14px}.brand{font-size:24px}.hero h1{font-size:40px}.hero p{font-size:15px}.section-title{font-size:31px}.story h2{font-size:34px}.category strong{font-size:15px}.product-name{font-size:14px}.price{font-size:18px}.contact h2{font-size:30px}
}



/* FINAL image treatment: one real image per visual block, no duplicate background image */
.hero-photo,.story-photo{
  position:relative;
  overflow:hidden;
  background:none !important;
}
.hero-photo>img,.story-photo>img{
  display:block !important;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  margin:0;
}
.hero-photo::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:16%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,var(--cream) 0%,rgba(247,242,233,.82) 20%,rgba(247,242,233,.34) 58%,rgba(247,242,233,0) 100%);
}
.story-photo::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:18%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,var(--cream) 0%,rgba(247,242,233,.78) 24%,rgba(247,242,233,.25) 62%,rgba(247,242,233,0) 100%);
}
.dark .hero-photo::before{
  background:linear-gradient(90deg,#102018 0%,rgba(16,32,24,.82) 20%,rgba(16,32,24,.34) 58%,rgba(16,32,24,0) 100%);
}
.dark .story-photo::before{
  background:linear-gradient(90deg,#102018 0%,rgba(16,32,24,.80) 24%,rgba(16,32,24,.26) 62%,rgba(16,32,24,0) 100%);
}
/* keep visual sections wide and landscape, not vertically stretched */
.hero,.hero-grid{min-height:430px}
.hero-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:430px}
.story-grid{min-height:330px}
.story-photo{min-height:330px}
@media(min-width:1201px){
  .hero,.hero-grid{min-height:460px}
  .hero-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:460px}
}
@media(max-width:900px){
  .hero-photo,.story-photo,.mg-main-hero .hero-photo,.play .hero-photo{min-height:320px}
  .hero-photo::before,.story-photo::before{display:none}
}


/* Small tune only: shift hero image a bit so the right-side slogan fits fully */
.hero-photo > img{
  object-position: 62% center !important;
}

/* FINAL REFERENCE FIX copied from approved FKTrade Toys layout */
.hero .container,
.story .container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.hero-grid{
  grid-template-columns:40% 60% !important;
}
.story-grid{
  grid-template-columns:39% 61% !important;
}
.hero-copy{
  padding-left:38px !important;
}
.story-copy{
  padding-left:38px !important;
}
.hero-photo>img{
  object-position:right center !important;
}
.story-photo>img{
  object-position:62% center !important;
}
@media(max-width:900px){
  .hero .container,.story .container{width:100% !important;margin:0 !important;}
  .hero-grid,.story-grid{grid-template-columns:1fr !important;}
  .hero-copy,.story-copy{padding-left:16px !important;padding-right:16px !important;}
}