@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--brand:#8e161c;--brand-hover:#731218;--ink:#202020;--muted:#666;--paper:#fafafa;--line:#e4e4e4;--white:#fff}
*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{display:none}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--brand);outline-offset:6px}p,h1{margin:0}
.page{min-height:100dvh;max-width:1920px;margin:auto;display:flex;flex-direction:column;padding:0 5.2vw}
.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.logo{display:block;width:192px;line-height:0}.logo svg{width:100%;height:auto}.header-note{color:var(--muted);font-size:12px}
main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);flex:1;min-height:500px;gap:5.5vw;padding:8px 0 18px}
.intro{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:20px 0 0}.intro-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:30px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--brand);font-size:11px;font-weight:700;margin-bottom:29px}.short-line{display:block;width:26px;height:2px;background:var(--brand)}
h1{font-family:Bricolage,Manrope,Arial,sans-serif;font-weight:550;letter-spacing:-3.9px;font-size:clamp(44px,5.1vw,87px);line-height:1.07;max-width:760px}h1 span{color:var(--brand)}
.description{font-size:15px;line-height:1.85;color:var(--muted);margin-top:25px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:35px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;white-space:nowrap;border-radius:6px;background:var(--brand);color:var(--white);font-weight:700;font-size:12px;padding:17px 20px;min-height:54px;transition:background .2s,transform .2s}.primary:hover{background:var(--brand-hover);transform:translateY(-2px)}.primary:active{transform:translateY(0)}.primary span{font-size:20px;line-height:1}.social{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:700;min-height:44px;transition:color .2s}.social:hover{color:var(--brand)}.social span{font-size:17px;transition:transform .2s}.social:hover span{transform:translate(2px,-2px)}
.store-details{display:flex;gap:54px;border-top:1px solid var(--line);padding:24px 0 7px}.detail-label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.store-details p,.store-details a{font-size:11px;font-weight:650}.store-details a:hover{color:var(--brand)}
.brand-panel{border-radius:10px;background:var(--brand);color:var(--white);min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:30px 32px;overflow:hidden;position:relative}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.panel-arrow{font-size:26px;font-weight:400}.symbol-wrap{display:flex;align-items:center;justify-content:center;flex:1;padding:20px 0;min-height:240px}.brand-symbol{width:min(65%,260px);height:auto;filter:brightness(0) invert(1)}.panel-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.panel-bottom p{font-family:Bricolage,Manrope,sans-serif;font-size:clamp(28px,3.2vw,47px);line-height:1.09;letter-spacing:-1.3px;font-weight:500}.panel-bottom>span{font-size:10px;line-height:1.8;text-align:right;color:#ffffffcf}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px;font-size:10px;color:var(--muted)}
@media(prefers-reduced-motion:no-preference){.intro-content>*{animation:enter .75s cubic-bezier(.2,.7,.2,1) both}.intro-content>:nth-child(2){animation-delay:.08s}.intro-content>:nth-child(3){animation-delay:.16s}.intro-content>:nth-child(4){animation-delay:.24s}.brand-panel{animation:panel-enter .9s cubic-bezier(.2,.7,.2,1) both}.brand-symbol{animation:symbol-enter 1.1s cubic-bezier(.2,.7,.2,1) .15s both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes symbol-enter{from{opacity:0;transform:scale(.94) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}}
@media(min-width:1600px){.page{padding-inline:7vw}.header{height:130px}main{max-height:940px}h1{font-size:86px}.description{font-size:17px}.eyebrow{font-size:12px}.primary{font-size:13px}.social{font-size:12px}.store-details p,.store-details a{font-size:12px}}
@media(max-width:1100px){.page{padding-inline:4vw}main{gap:4vw;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:530px}h1{font-size:clamp(44px,5.3vw,65px);letter-spacing:-2.6px}.actions{gap:12px 20px}.primary{padding:15px 17px;gap:20px}.brand-panel{padding:25px}.panel-bottom{flex-direction:column;align-items:flex-start;gap:16px}.panel-bottom>span{text-align:left}.store-details{gap:25px}.symbol-wrap{min-height:250px}}
@media(max-width:760px){.page{padding:0 24px}.header{height:95px}.logo{width:168px}.header-note{display:none}main{display:flex;flex-direction:column;gap:30px;min-height:0;padding:9px 0 20px}.intro{padding:30px 0 0}.intro-content{padding:0 0 33px}.eyebrow{font-size:10px;gap:10px;margin-bottom:25px}h1{font-size:clamp(40px,8.5vw,63px);line-height:1.1;letter-spacing:-2px;max-width:100%}.description{font-size:13px;margin-top:21px}.actions{margin-top:27px;gap:22px}.primary{min-height:52px;font-size:11px;padding:16px 18px;gap:30px}.social{font-size:10px;gap:8px}.store-details{padding-top:20px;justify-content:space-between;gap:15px}.detail-label{font-size:9px}.store-details p,.store-details a{font-size:10px}.brand-panel{min-height:330px;padding:24px;border-radius:8px}.panel-top{font-size:10px}.symbol-wrap{min-height:180px;padding:18px 0}.brand-symbol{width:145px}.panel-bottom{flex-direction:row;align-items:flex-end;gap:20px}.panel-bottom p{font-size:29px}.panel-bottom>span{text-align:right;font-size:9px}footer{display:none}}
@media(max-width:360px){.page{padding-inline:18px}h1{font-size:37px;letter-spacing:-1.7px}.actions{gap:12px}.primary{padding:15px;gap:15px}.social{font-size:9px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#f5f5f5;--muted:#b4b4b4;--paper:#191919;--line:#373737}.logo svg{filter:brightness(0) invert(1)}.eyebrow{color:var(--ink)}h1 span{color:var(--ink)}.short-line{background:var(--brand)}.social:hover{color:var(--white)}a:focus-visible{outline-color:#d9d9d9}.store-details a:hover{color:var(--white)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}