:root{--cream: #fff3df;--cream-deep: #f8ead4;--ink: #44403c;--ink-soft: rgba(48, 48, 48, .6);--ink-footer: rgba(48, 48, 48, .8);--orange: rgba(253, 103, 0, .8);--orange-deep: #f28a00;--orange-light: #ffb33d;--line: rgba(68, 63, 59, .28);--white: #ffffff}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);background:var(--cream);font-family:Nunito,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.page-shell{display:grid;min-height:100vh;padding:clamp(18px,3.5vw,54px)}.hero{display:grid;width:min(100%,1120px);min-height:calc(100vh - clamp(36px,7vw,108px));margin:auto;place-items:center;align-content:center;gap:clamp(22px,3.4vw,46px);text-align:center}.brand-logo{display:block;width:min(56vw,690px);min-width:280px;height:auto;object-fit:contain}h1{max-width:none;margin:0;color:var(--ink);font-size:clamp(2.25rem,4.1vw,4.55rem);font-weight:900;letter-spacing:0;line-height:1.05;text-shadow:0 5px 0 rgba(68,63,59,.08);white-space:nowrap}h1 span{color:var(--orange)}.info-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,2.6vw,42px);width:min(100%,740px);padding:clamp(20px,2.55vw,34px);border:2px solid var(--line);border-radius:18px;background:#fff3df8f;text-align:left}.dino-spot{position:relative;width:clamp(108px,12vw,154px);aspect-ratio:1}.rive-canvas,.rive-fallback{position:absolute;inset:0;width:100%;height:100%}.rive-canvas{display:block}.rive-fallback{object-fit:contain;opacity:0;pointer-events:none}.rive-failed .rive-canvas{display:none}.rive-failed .rive-fallback{opacity:1}.panel-title,.panel-copy,.footer-note{margin:0}.panel-title{color:#44403c;font-size:clamp(1.55rem,2.7vw,2.5rem);font-weight:900;line-height:1.1}.panel-copy{max-width:28rem;margin-top:12px;color:var(--ink-soft);font-size:clamp(1.05rem,1.6vw,1.32rem);font-weight:500;line-height:1.35}.footer-note{color:var(--ink-footer);font-size:clamp(1.05rem,1.65vw,1.65rem);font-weight:500;line-height:1.2}@media(max-width:720px){.page-shell{padding:20px}.hero{width:min(100%,420px);min-height:calc(100svh - 40px);gap:24px}.brand-logo{width:min(82vw,380px);min-width:0}h1{max-width:12ch;font-size:clamp(2.45rem,10.8vw,3.65rem);line-height:.98;text-shadow:0 4px 0 rgba(68,63,59,.07);white-space:normal}.info-panel{grid-template-columns:1fr;justify-items:center;gap:16px;width:min(100%,394px);padding:22px 20px 24px;border-radius:16px;text-align:center}.dino-spot{width:clamp(98px,28vw,118px)}.panel-title{font-size:clamp(1.45rem,6.2vw,1.75rem)}.panel-copy{margin-inline:auto;margin-top:10px;max-width:22rem;font-size:clamp(.98rem,4.1vw,1.08rem);line-height:1.34}.footer-note{font-size:clamp(.98rem,4vw,1.08rem)}}@media(max-width:420px){.page-shell{padding:16px}.hero{min-height:calc(100svh - 32px);gap:20px}.brand-logo{width:min(84vw,340px)}h1{font-size:clamp(2.28rem,11vw,3.05rem)}.info-panel{padding:20px 17px 22px}}@media(max-height:920px)and (min-width:900px){.page-shell{padding-block:22px}.hero{gap:24px}.brand-logo{width:min(44vw,600px)}h1{font-size:clamp(2.05rem,3.25vw,3.5rem)}.info-panel{width:min(100%,700px);padding:20px 28px}.dino-spot{width:112px}.panel-title{font-size:2rem}.panel-copy{font-size:1.08rem}}
