/* v9: supplied finished LP is the design reference. No raster FV background. Character/crow remain transparent art slots. */ @import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@500;700&family=Shippori+Mincho:wght@500;600;700;800&family=Yuji+Syuku&display=swap'); @media (min-width:901px){ /* FV proportions / vertical rhythm */ .mamon-native .mn-hero{ min-height:690px!important; height:690px!important; max-height:690px!important; } .mamon-native .mn-hero-wrap{ width:min(1500px,calc(100% - 88px))!important; min-height:690px!important; height:690px!important; grid-template-columns:40% 60%!important; } .mamon-native .mn-hero-copy{ padding:44px 0 0 8px!important; display:block!important; text-align:left!important; } /* Finished-LP handwritten neon */ .mamon-native .mn-hand{ width:max-content!important; margin:0 0 42px!important; font-family:"Yuji Syuku","Klee One","Yu Mincho",serif!important; font-size:clamp(43px,3vw,57px)!important; font-weight:400!important; line-height:1.18!important; letter-spacing:-.018em!important; transform:rotate(-4deg)!important; color:#fffaff!important; -webkit-text-stroke:0!important; text-shadow: 0 0 1px #fff, 0 0 4px rgba(255,210,244,.90), 0 0 9px rgba(255,77,210,.65), 0 0 19px rgba(208,38,255,.38)!important; } .mamon-native .mn-hand .mn-hand-line{display:block!important;white-space:nowrap!important} .mamon-native .mn-hand .mn-heart{font-size:1.08em!important} /* Brand group */ .mamon-native .mn-kicker{ width:510px!important; margin:0 0 7px!important; text-align:center!important; font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:20px!important; font-weight:600!important; letter-spacing:.055em!important; color:#fff!important; } .mamon-native .mn-hero h1{ width:510px!important; margin:0!important; text-align:center!important; font-family:"Kaisei Decol","Shippori Mincho","Yu Mincho",serif!important; font-size:76px!important; line-height:1.02!important; font-weight:700!important; letter-spacing:-.035em!important; background:linear-gradient(180deg,#fffef2 0%,#fffdf1 34%,#f1d98d 69%,#d3a543 100%)!important; -webkit-background-clip:text!important;background-clip:text!important; color:transparent!important;-webkit-text-fill-color:transparent!important; -webkit-text-stroke:.25px rgba(255,249,219,.58)!important; filter:drop-shadow(0 2px 1px rgba(0,0,0,.9))!important; } .mamon-native .mn-script{ width:510px!important; margin:-1px 0 30px!important; text-align:center!important; font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive!important; font-size:43px!important; line-height:1!important; font-style:italic!important; font-weight:600!important; color:#ff83dc!important; -webkit-text-fill-color:#ff83dc!important; text-shadow:0 0 2px #fff,0 0 7px #ff5bd3,0 0 15px rgba(255,47,202,.68)!important; } /* Finished-LP CTA: larger, ornate, luminous */ .mamon-native .mn-hero-copy>.mn-line{ position:relative!important; display:flex!important; width:510px!important; min-height:82px!important; margin:0!important; padding:0 54px!important; border:3px solid #fff7ff!important; border-radius:999px!important; background:linear-gradient(180deg,#fff 0%,#f7edff 27%,#e3c6ff 60%,#b96ee9 100%)!important; box-shadow: 0 0 0 2px #b950e9, 0 0 0 5px rgba(255,211,244,.38), 0 0 13px #fff, 0 0 27px rgba(222,55,255,.92), 0 0 45px rgba(255,45,195,.42), inset 0 2px 9px #fff, inset 0 -7px 13px rgba(105,35,155,.26)!important; color:#351044!important; font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:23px!important; font-weight:700!important; } .mamon-native .mn-hero-copy>.mn-line:before, .mamon-native .mn-hero-copy>.mn-line:after{ content:"◆ ✦"!important; position:absolute!important;top:50%!important;transform:translateY(-50%)!important; color:#ffe58b!important;font-size:13px!important;letter-spacing:2px!important; text-shadow:0 0 5px #ff4dcc!important; } .mamon-native .mn-hero-copy>.mn-line:before{left:16px!important} .mamon-native .mn-hero-copy>.mn-line:after{right:16px!important;transform:translateY(-50%) scaleX(-1)!important} .mamon-native .mn-note{ width:510px!important; margin:13px 0 0!important; text-align:center!important; font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:15px!important; font-weight:600!important; letter-spacing:.055em!important; } /* Right 60% stays reserved for transparent Mamon + crow */ .mamon-native .mn-hero-art-slot{ width:60%!important;height:100%!important; background-image:none!important; background-position:right bottom!important;background-size:contain!important; } /* Finished LP transition: reason section begins immediately after FV */ .mamon-native .mn-hero + .mn-section{ padding-top:34px!important; padding-bottom:58px!important; } .mamon-native #reason .mn-title{margin-bottom:25px!important} .mamon-native #reason .mn-title h2{ font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:32px!important; font-weight:700!important; letter-spacing:.035em!important; } .mamon-native #reason .mn-title h2:before, .mamon-native #reason .mn-title h2:after{ content:"━ ♛ ━"!important; display:inline-block!important; margin:0 18px!important; color:#d7aa50!important; font-size:17px!important; vertical-align:.15em!important; } .mamon-native #reason .mn-title small{ display:block!important; margin-top:3px!important; font-size:13px!important; } .mamon-native .mn-grid.three{gap:18px!important} .mamon-native .mn-grid.three article{ min-height:205px!important; border:1px solid #b37a42!important; background:linear-gradient(145deg,rgba(48,13,47,.96),rgba(18,7,22,.98))!important; box-shadow:inset 0 0 35px rgba(129,22,112,.18)!important; } .mamon-native .mn-grid.three article h3{ font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:27px!important; font-weight:700!important; } .mamon-native .mn-grid.three article p{ font-family:"Shippori Mincho","Yu Mincho",serif!important; font-size:15px!important; } }