:root{--paper:#f5f4ee;--ink:#24251f;--muted:#73746b;--orange:#e75b30;--line:#d9d9cf;--purple:#b9a7dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}p{line-height:1.9}h1,h2,h3,h4,p,figure{margin:0}section[id]{scroll-margin-top:90px}.section{padding:86px max(5.5vw,24px)}.header{height:100px;margin:0 5.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:39px;font-weight:900;letter-spacing:-2px;line-height:.85;position:relative}.wordmark>span{font-size:13px;vertical-align:top;letter-spacing:0}.wordmark small{display:block;font-size:10px;letter-spacing:5px;margin-top:8px}.header nav{display:flex;gap:35px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border:1px solid var(--ink);border-radius:30px;padding:13px 22px}.header nav a:hover{color:var(--orange)}.menu-toggle{display:none}.eyebrow,.micro,.object-label{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:11px;letter-spacing:1.7px;font-weight:600}.eyebrow{display:block}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.hero{padding-top:38px;padding-bottom:48px}.hero-top{display:flex;justify-content:space-between}.micro{color:var(--muted);letter-spacing:1px}.hero h1{font-size:clamp(42px,6.4vw,100px);line-height:1.23;letter-spacing:-4px;font-weight:800;margin-top:48px;position:relative}.orange{color:var(--orange)}.title-star{position:absolute;right:3%;bottom:0;color:var(--orange);font-size:120px;line-height:1}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin:28px 0 40px}.hero-bottom p{font-size:15px;color:#64665d}.circle-link{display:flex;align-items:center;gap:23px;font-size:12px}.circle-link span{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:24px}.hero-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.hero-object{position:relative;overflow:hidden;padding:24px 28px 22px;min-height:340px;transition:transform .3s}.hero-object:hover{transform:translateY(-4px)}.green{background:#e6edcf}.lilac{background:#e3dfee}.hero-object>img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply;margin:6px auto}.hero-object>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-object strong{font-size:21px;letter-spacing:-.7px}.hero-object>div>span{font-size:12px}.brand-strip{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:22px 5.5%;font-size:15px}.brand-strip span:nth-child(2){font-size:12px;letter-spacing:3px}.brand-strip span:last-child{font-size:32px;color:#d6e7ab}.section-heading{position:relative;margin-bottom:60px}.section-heading h2{font-size:clamp(32px,3.7vw,56px);letter-spacing:-2px;margin-top:22px}.section-heading>p{position:absolute;right:0;bottom:0;font-size:14px;color:var(--muted)}.product-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin-bottom:88px}.product-feature:last-child{margin-bottom:0}.product-photo{position:relative;overflow:hidden;background:#151515}.product-photo img{width:100%;aspect-ratio:1.06;object-fit:cover;transition:transform .6s}.product-photo:hover img{transform:scale(1.035)}.photo-caption{position:absolute;bottom:20px;left:24px;color:#fff;font-size:11px;letter-spacing:1px}.bunny-photo{background:#ded5ec}.bunny-photo img{object-fit:contain;mix-blend-mode:multiply;padding:25px}.bunny-photo .photo-caption{color:var(--ink)}.reverse .product-photo{order:2}.tag{display:inline-block;border:1px solid #87916c;border-radius:30px;padding:6px 12px;font-size:11px;color:#626e47;margin-bottom:18px}.tag.purple{border-color:#9d83b4;color:#806293}.product-copy h3{font-size:17px;font-weight:500}.product-copy h3 span{margin-left:8px}.product-copy h4{font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-1.5px;margin:20px 0}.product-copy p{font-size:14px;color:var(--muted);max-width:410px}.inline-facts{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:24px 0 28px}.inline-facts li{font-size:10px;padding:0 12px;border-right:1px solid #bbb}.inline-facts li:first-child{padding-left:0}.inline-facts li:last-child{border:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:white;padding:16px 23px;border-radius:3px;font-size:12px;transition:background .2s}.button:hover{background:var(--orange)}.studio-section{background:#eaece3}.studio-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin:36px 0 65px;align-items:center}.studio-intro h2{font-size:clamp(32px,4.2vw,62px);line-height:1.35;letter-spacing:-2px}.studio-intro h2 span{color:#7f8c66}.studio-intro p{font-size:14px;color:#64695c;margin-bottom:15px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.capabilities article{border-top:1px solid #bfc4b4;padding-top:22px}.capabilities article>span{font-size:11px;color:#7c826e}.capabilities h3{font-size:19px;margin:24px 0 14px}.capabilities p{font-size:13px;color:#73796a;max-width:290px}.progress-row{display:grid;grid-template-columns:16px 1fr 1.6fr auto;gap:18px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.progress-dot{height:7px;width:7px;border-radius:50%;background:#91a96c}.purple-dot{background:#a88dcc}.progress-row h3{font-size:17px}.progress-row p{font-size:13px;color:var(--muted)}.progress-row a{font-size:12px}.note{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.8}.archive{padding-top:30px}.archive-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.archive h2{font-size:30px;margin-top:22px;letter-spacing:-1px}.archive-heading>p{font-size:12px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.archive-grid img{width:100%;height:290px;object-fit:cover}.archive-grid a>div{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:12px}.archive-grid h3{font-size:15px}.archive-grid span{font-size:11px;color:var(--muted)}.contact-section{background:#eb623b;color:#241f19}.contact-layout{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:35px}.contact-layout h2{font-size:clamp(32px,4vw,60px);line-height:1.4;letter-spacing:-2px}.contact-layout p{font-size:14px;margin-top:24px}.socials{display:flex;gap:30px;margin-top:28px;font-size:12px}.socials a{border-bottom:1px solid #733521;padding-bottom:6px}.wechat{width:190px;flex-shrink:0;background:var(--paper);padding:12px;color:var(--ink);text-align:center;transform:rotate(3deg)}.wechat img{width:100%;height:168px;object-fit:contain}.wechat figcaption{font-size:11px;padding:12px 0 4px}footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px 5.5%}footer .wordmark{font-size:28px}footer .wordmark small{font-size:8px}footer p,footer>a:not(.wordmark){font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:14px}.skip:focus{top:15px}.back-link{font-size:12px;color:var(--muted)}.detail-hero{padding-top:35px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:45px}.detail-name{font-size:20px;margin-top:24px}.detail-layout h1{font-size:clamp(32px,3.8vw,58px);letter-spacing:-2px;line-height:1.4;margin:18px 0}.lead{font-size:14px;color:var(--muted);margin-bottom:28px;max-width:450px}.detail-cover{background:#e8e8dc}.detail-cover img{aspect-ratio:1;object-fit:contain;width:100%;mix-blend-mode:multiply}.spec-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:60px;font-size:12px;word-spacing:12px;color:var(--muted)}.detail-features{padding-top:0}.detail-feature{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin:0 0 70px}.detail-feature:nth-child(even) .detail-image{order:2}.detail-image{background:#e7e5eb}.detail-image img{width:100%;height:390px;object-fit:contain;mix-blend-mode:multiply;padding:30px}.detail-feature h2{font-size:30px;margin:24px 0;line-height:1.5}.detail-feature p{font-size:14px;color:var(--muted)}.detail-end{background:#eaece3}.detail-end h2{font-size:45px;margin:25px 0}.detail-end p{font-size:13px;color:var(--muted);max-width:700px;margin:15px 0}.detail-end .button{margin-top:15px}.other-product{font-size:12px;margin-left:25px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){.header nav{gap:20px}.hero h1{letter-spacing:-2px}.title-star{font-size:80px}.hero-object{padding:18px}.hero-object>div{align-items:start;flex-direction:column}.hero-object>img{height:220px}.product-feature{gap:5%}.inline-facts{gap:10px}.inline-facts li{padding:0;border:0}.progress-row{grid-template-columns:12px 1fr auto}.progress-row p{grid-column:2;grid-row:2}.progress-row a{grid-column:3;grid-row:1}.archive-grid a>div{align-items:start;flex-direction:column}.detail-image img{height:310px}}@media(max-width:640px){.section{padding:56px 22px}.header{height:80px;margin:0 22px}.wordmark{font-size:32px}.menu-toggle{display:flex;gap:18px;align-items:center;border:0;background:none;font-size:12px;padding:12px 0}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:25px;z-index:20;border-bottom:1px solid var(--line);align-items:stretch;gap:24px}.header nav.open{display:flex;flex-direction:column}.nav-contact{border:0;padding:0}.hero{padding-top:25px;padding-bottom:24px}.hero-top .micro{display:none}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero h1{font-size:clamp(34px,8.1vw,52px);letter-spacing:-1.7px;margin-top:36px}.title-star{display:none}.hero-bottom{margin:24px 0}.hero-bottom p{font-size:12px}.circle-link{gap:10px;font-size:10px}.circle-link span{width:34px;height:34px;font-size:20px}.hero-showcase{gap:12px;grid-template-columns:1fr}.hero-object{min-height:0;padding:20px}.hero-object>img{height:240px}.hero-object>div{flex-direction:row;align-items:center}.hero-object strong{font-size:19px}.hero-object>div>span{font-size:10px}.object-label{font-size:9px}.brand-strip{padding:18px 22px}.brand-strip span:first-child{font-size:13px}.brand-strip span:nth-child(2){display:none}.section-heading{margin-bottom:35px}.section-heading h2{margin-top:18px;letter-spacing:-1px}.section-heading>p{position:static;margin-top:18px;font-size:12px}.product-feature{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.reverse .product-photo{order:0}.product-copy h4{font-size:30px;margin:15px 0}.product-copy p{font-size:13px}.tag{margin-bottom:12px}.studio-intro{grid-template-columns:1fr;gap:26px;margin:25px 0 35px}.studio-intro h2{font-size:36px;letter-spacing:-1px}.capabilities{grid-template-columns:1fr;gap:25px}.capabilities h3{margin:12px 0}.capabilities p{max-width:none}.progress-row{gap:10px}.progress-row h3{font-size:14px}.progress-row p{font-size:12px}.progress-row a{font-size:10px}.archive-heading{display:block}.archive h2{font-size:27px}.archive-heading>p{margin-top:18px}.archive-grid{grid-template-columns:1fr;gap:28px}.archive-grid img{height:260px}.contact-layout{flex-direction:column;align-items:start;gap:30px}.contact-layout h2{font-size:34px;letter-spacing:-1px}.contact-layout p{font-size:12px}.wechat{width:150px}.wechat img{height:125px}footer{padding:32px 22px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-layout{grid-template-columns:1fr;gap:35px;margin-top:30px}.detail-layout h1{font-size:36px;letter-spacing:-1px}.detail-cover img{max-height:410px}.spec-line{line-height:2;word-spacing:0;margin-top:30px}.detail-features{padding-top:0}.detail-feature{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.detail-feature:nth-child(even) .detail-image{order:0}.detail-feature h2{font-size:26px;margin:15px 0}.detail-feature p{font-size:13px}.detail-image img{height:320px}.detail-end h2{font-size:35px}.other-product{display:block;margin:25px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Playful studio art direction */
:root{--paper:#f8f8fa;--ink:#17141f;--muted:#615c6d;--orange:#713eff;--line:#d9d5e3;--purple:#be9bff;--lime:#c5ff33}
body{background:#f8f8fa}
.header{margin:0;padding:0 5.5%;height:108px;background:#fff;border-bottom:2px solid var(--ink)}
.header .brand-logo{width:155px;line-height:1;transform:rotate(-5deg)}
.brand-logo img{width:100%;height:86px;object-fit:contain}
.header nav{font-weight:800;font-size:14px}
.nav-contact{border:2px solid var(--ink);border-radius:9px;background:var(--lime);box-shadow:3px 3px 0 var(--ink)}
.hero{background:var(--lime);position:relative;overflow:hidden;padding-top:30px;padding-bottom:55px;background-image:radial-gradient(#17141f16 1px,transparent 1px);background-size:18px 18px}
.hero h1{font-weight:900;letter-spacing:-4px;margin-top:36px;line-height:1.28}
.hero h1 .orange{display:inline-block;background:var(--ink);color:var(--lime);padding:0 13px 5px;transform:rotate(-2deg);margin-top:8px}
.hero-top .eyebrow{background:var(--ink);color:white;padding:10px 14px;transform:rotate(-2deg);letter-spacing:2px}
.eyebrow i{background:var(--lime)}
.micro{color:var(--ink)}
.title-star{right:1%;top:0;bottom:auto;font-size:140px;color:var(--orange);text-shadow:3px 3px 0 var(--ink);transform:rotate(12deg)}
.hero-sticker{position:absolute;right:4%;bottom:10px;font-size:17px;letter-spacing:0;line-height:1.5;background:white;color:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:17px 25px;border-radius:50%;transform:rotate(10deg);text-align:center}
.hero-bottom p{color:var(--ink);font-weight:600}
.circle-link{font-weight:800}.circle-link span{background:white;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.hero-showcase{gap:26px}.hero-object{border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:24px 26px;min-height:360px}
.hero-object.green{background:#fff}.hero-object.lilac{background:#b99aff}
.hero-object .object-label{display:inline-block;background:var(--ink);color:white;padding:8px 12px;border-radius:5px;font-size:11px;letter-spacing:1px}
.hero-object>img{height:260px;mix-blend-mode:normal;transition:transform .4s}
.hero-object.lilac>img{mix-blend-mode:multiply;height:260px}
.hero-object:hover{transform:translateY(-5px) rotate(-1deg)}.hero-object:hover>img{transform:rotate(5deg) scale(1.04)}
.hero-object strong{font-size:24px;font-weight:900}.hero-object>div>span{font-weight:700}
.brand-strip{background:var(--orange);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);color:white;font-weight:800;padding-top:19px;padding-bottom:19px}.brand-strip span:last-child{color:var(--lime);font-size:38px}
.section-heading h2,.archive h2{font-weight:900;letter-spacing:-2px}.section-heading>.eyebrow,.studio-section>.eyebrow,.archive-heading .eyebrow,.detail-end>.eyebrow{color:var(--orange);font-weight:800}
.product-photo{border:2px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--lime)}
.bunny-photo{background:#be9bff;box-shadow:8px 8px 0 var(--ink)}
.tag{background:var(--lime);border:2px solid var(--ink);border-radius:6px;color:var(--ink);font-weight:800;transform:rotate(-3deg)}.tag.purple{background:#d5bdff;border-color:var(--ink);color:var(--ink);transform:rotate(3deg)}
.product-copy h3{font-weight:800}.product-copy h4{font-weight:900}.inline-facts li{font-size:11px}
.button{border:2px solid var(--ink);background:var(--lime);color:var(--ink);font-weight:800;border-radius:8px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.button:hover{background:#d8ff7b;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.studio-section{background:var(--ink);color:white;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background-image:radial-gradient(#ffffff17 1px,transparent 1px);background-size:20px 20px}
.studio-section>.eyebrow{color:var(--lime)}.studio-intro h2 span{color:var(--lime)}.studio-intro p,.capabilities p{color:#c4bfce}.capabilities article{border-color:#53485f}.capabilities article>span{color:var(--lime);font-weight:800}.capabilities h3{color:#fff}
.progress-dot{background:#8dc900;box-shadow:0 0 0 5px #c5ff3340}.purple-dot{background:var(--orange);box-shadow:0 0 0 5px #713eff20}.progress-row a{font-weight:800}
.archive-grid img{border:2px solid var(--ink);border-radius:18px}.archive-grid h3{font-weight:800}
.contact-section{background:var(--purple);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);color:var(--ink);background-image:radial-gradient(#17141f18 1px,transparent 1px);background-size:16px 16px}
.contact-layout h2{font-weight:900}.wechat{border:2px solid var(--ink);border-radius:12px;box-shadow:7px 7px 0 var(--ink)}.socials a{border-color:var(--ink);font-weight:800}
footer{background:white}.detail-hero{background:var(--lime);border-bottom:2px solid var(--ink)}.detail-cover{background:white;border:2px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:7px 7px 0 var(--ink)}.detail-cover img{mix-blend-mode:normal}.detail-layout h1{font-weight:900}.detail-hero .lead,.detail-hero .note,.spec-line,.back-link{color:#3b3b32}.spec-line{border-color:#17141f66}.detail-features{padding-top:70px}.detail-image{border:2px solid var(--ink);border-radius:20px;background:#ded1ff;overflow:hidden;box-shadow:6px 6px 0 var(--ink)}.detail-feature h2{font-weight:900}.detail-end{background:#e8dcff;border-top:2px solid var(--ink)}
@media(min-width:1600px){body{max-width:none}.header,footer{padding-left:max(5.5vw,calc((100vw - 1510px)/2));padding-right:max(5.5vw,calc((100vw - 1510px)/2))}.section{padding-left:max(5.5vw,calc((100vw - 1510px)/2));padding-right:max(5.5vw,calc((100vw - 1510px)/2))}.brand-strip{padding-left:max(5.5vw,calc((100vw - 1510px)/2));padding-right:max(5.5vw,calc((100vw - 1510px)/2))}}
@media(max-width:900px){.hero h1{letter-spacing:-2px}.title-star{font-size:95px}.hero-sticker{font-size:12px;padding:12px 18px;right:1%}.hero-object strong{font-size:20px}.hero-object>div>span{font-size:11px}}
@media(max-width:640px){.header{height:88px;padding:0 22px}.header .brand-logo{width:125px}.brand-logo img{height:73px}.header nav{top:87px;border-bottom:2px solid var(--ink);background:#fff}.nav-contact{padding:12px 16px}.hero h1{font-size:clamp(31px,7.9vw,50px);letter-spacing:-1.8px}.hero h1 .orange{padding:0 7px 3px}.hero-top .eyebrow{font-size:9px}.hero-sticker{display:none}.hero{padding-bottom:36px}.hero-showcase{gap:23px}.hero-object{min-height:0;padding:18px;border-radius:16px;box-shadow:5px 5px 0 var(--ink)}.hero-object>img,.hero-object.lilac>img{height:230px}.hero-object strong{font-size:20px}.hero-object>div>span{font-size:10px}.hero-object .object-label{font-size:9px}.hero-bottom p{font-size:11px}.circle-link{font-size:10px}.brand-strip span:first-child{font-size:14px}.product-photo{border-radius:18px;box-shadow:5px 5px 0 var(--lime)}.bunny-photo{box-shadow:5px 5px 0 var(--ink)}.section-heading h2,.archive h2{letter-spacing:-1px}.detail-features{padding-top:45px}}

/* Dark navigation */
.header{background:#17141f;color:#fff;border-bottom-color:#17141f}
.header .nav-contact{color:#17141f;border-color:#c5ff33;box-shadow:3px 3px 0 #713eff}
.header nav a:hover{color:#c5ff33}
.header nav .nav-contact:hover{color:#17141f;background:#d8ff7b}
.menu-toggle{color:inherit}
@media(max-width:640px){.header nav{background:#17141f;color:#fff;border-bottom-color:#713eff}}

/* Preserve VibeBunny product imagery in its original colors. */
.hero-object.lilac>img,.bunny-photo img,.detail-cover img,.detail-image img{mix-blend-mode:normal}

/* Expanded product stories */
.detail-features>.section-heading{margin:0 0 65px}.detail-features>.section-heading>p,.culture-section>.section-heading>p,.companion-section>.section-heading>p,.platform-section>.section-heading>p{position:static;margin-top:18px;max-width:650px}.detail-feature p+p{margin-top:16px}.detail-feature .detail-image img{height:440px}.rule-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:2px solid var(--ink);margin:25px 0 0;padding-top:20px}.rule-numbers dt{font-size:25px;font-weight:900;color:var(--orange)}.rule-numbers dd{margin:8px 0 0;font-size:11px;line-height:1.8;color:var(--muted)}.culture-section{background:#ece2ff;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 65px}.editorial-grid article{border-top:2px solid var(--ink);padding-top:24px}.editorial-grid h3,.companion-layout h3{font-size:22px;margin:0 0 14px}.editorial-grid p,.companion-layout p{font-size:14px;color:var(--muted);line-height:1.95}.companion-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.companion-layout>img{width:100%;border:2px solid var(--ink);border-radius:18px;background:#17141f;box-shadow:6px 6px 0 var(--lime)}.companion-layout article+article{margin-top:28px}.companion-layout h3{font-size:19px}.state-labels{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:25px 0 0;padding:0}.state-labels li{background:var(--lime);border:2px solid var(--ink);border-radius:6px;padding:8px 14px;font-size:12px;font-weight:800}.table-scroll{overflow-x:auto;border:2px solid var(--ink);border-radius:12px;background:white}table{width:100%;min-width:650px;border-collapse:collapse;text-align:center;font-size:13px}caption{text-align:left;padding:18px 22px;font-weight:800;background:var(--lime)}thead{background:var(--ink);color:white}th,td{padding:19px 16px;border-bottom:1px solid var(--line);line-height:1.6}th:first-child{text-align:left}tbody th{font-weight:600}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:#f2edf9}.product-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.product-jumps a{border-bottom:1px solid var(--ink);font-size:12px;padding:5px 0}.detail-feature{scroll-margin-top:30px}
@media(max-width:900px){.editorial-grid{gap:30px}.companion-layout{grid-template-columns:1fr;gap:35px}.companion-layout>img{max-width:700px}.detail-feature .detail-image img{height:350px}}
@media(max-width:640px){.detail-features>.section-heading{margin-bottom:35px}.detail-feature .detail-image img{height:320px}.editorial-grid{grid-template-columns:1fr;gap:30px}.editorial-grid h3{font-size:20px}.editorial-grid p,.companion-layout p{font-size:13px}.rule-numbers{gap:10px}.rule-numbers dt{font-size:22px}.rule-numbers dd{font-size:10px}.culture-section .section-heading h2,.companion-section .section-heading h2,.platform-section .section-heading h2{font-size:29px;line-height:1.4}.product-jumps{gap:10px 18px}}

/* LingBox Qimen story */
.qimen-section{background:#17141f;color:#fff;border-bottom:2px solid #17141f;scroll-margin-top:0}.qimen-section .eyebrow{color:var(--lime)}.qimen-section .section-heading>p{position:static;margin-top:20px;color:#c4bfce}.qimen-section .section-heading h2{line-height:1.35}.qimen-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:start}.qimen-story blockquote{margin:0 0 38px;padding:24px 28px;border-left:5px solid var(--lime);background:#282332;font-size:clamp(18px,2vw,27px);font-weight:800;line-height:1.7}.qimen-story cite{display:block;font-size:12px;font-style:normal;font-weight:400;color:#c4bfce;margin-top:15px}.qimen-steps{list-style:none;padding:0;margin:0}.qimen-steps li{display:flex;gap:24px;border-top:1px solid #51465f;padding:26px 0}.qimen-steps li>span{font-size:18px;font-weight:900;color:var(--lime);padding-top:4px}.qimen-steps h3{font-size:22px;margin-bottom:13px}.qimen-steps p{font-size:14px;color:#c4bfce}.qimen-screen{background:#282332;border:2px solid #57486b;border-radius:20px;padding:22px;transform:rotate(2deg)}.qimen-screen img{max-height:640px;width:100%;object-fit:contain}.qimen-screen figcaption{text-align:center;color:#d7c9ee;font-size:12px;margin-top:20px;line-height:1.8}.qimen-footnote{margin-top:40px;border-top:1px solid #51465f;padding-top:28px}.qimen-footnote strong{font-size:21px;color:var(--lime)}.qimen-footnote>p{font-size:14px;color:#c4bfce;margin-top:12px;max-width:760px}.qimen-footnote .note{font-size:12px;color:#c4bfce}.qimen-link{display:inline-block;margin-top:15px;font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}@media(max-width:640px){.qimen-layout{grid-template-columns:1fr;gap:28px}.qimen-screen{transform:none;max-width:340px;justify-self:center}.qimen-screen img{max-height:480px}.qimen-story blockquote{padding:20px;font-size:19px}.qimen-steps li{gap:18px}.qimen-steps h3{font-size:20px}.qimen-steps p,.qimen-footnote>p{font-size:13px}.qimen-section .section-heading h2{font-size:30px}}

/* Keep the Qimen story consistent with the product page. */
.qimen-section{background:var(--paper);color:var(--ink);border-bottom:0}
.qimen-section .eyebrow{color:var(--orange)}
.qimen-section .section-heading>p,.qimen-story cite,.qimen-steps p,.qimen-screen figcaption,.qimen-footnote>p,.qimen-footnote .note{color:var(--muted)}
.qimen-story blockquote{background:#ece2ff;border-left-color:var(--orange)}
.qimen-steps li,.qimen-footnote{border-color:var(--line)}
.qimen-steps li>span,.qimen-footnote strong{color:var(--orange)}
.qimen-screen{background:#fff;border-color:var(--ink);box-shadow:6px 6px 0 var(--lime)}

/* Text-led introduction to LingBox's identity and matching. */
.text-only-feature{display:block;border-top:2px solid var(--ink);padding-top:30px;margin-bottom:48px}
.text-only-feature>div{max-width:850px}
.text-only-feature h2{margin:18px 0}
@media(min-width:901px){.text-only-feature>div{display:grid;grid-template-columns:1fr 1.4fr;column-gap:65px;max-width:none}.text-only-feature .eyebrow{grid-column:1;grid-row:1}.text-only-feature h2{grid-column:1;grid-row:2 / span 2;margin-top:18px}.text-only-feature p{grid-column:2}.text-only-feature p:first-of-type{grid-row:1 / span 2}.text-only-feature p+p{margin-top:16px}}

/* LingBox identity explanation */
.identity-story{margin:0 0 60px;padding:36px;border:2px solid var(--ink);border-radius:18px;background:#ece2ff;scroll-margin-top:30px}
.identity-story>.eyebrow{color:var(--orange)}
.identity-story>h2{font-size:clamp(25px,3vw,40px);line-height:1.45;letter-spacing:-1px;margin:20px 0}
.identity-intro{max-width:740px;font-size:14px;color:var(--muted)}
.identity-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:32px}
.identity-columns article{border-top:2px solid var(--ink);padding-top:22px}
.identity-number{font-size:12px;font-weight:800;color:var(--orange)}
.identity-columns h3{font-size:23px;margin:16px 0}
.identity-columns p{font-size:14px;color:var(--muted)}
.identity-columns p+p{margin-top:12px}
@media(max-width:640px){.identity-story{padding:24px 20px;margin-bottom:40px}.identity-columns{grid-template-columns:1fr;gap:26px}.identity-columns h3{font-size:21px}.identity-columns p,.identity-intro{font-size:13px}}

/* Identity sample fills the introduction's upper-right space. */
.identity-heading-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px;align-items:center}
.identity-heading-layout h2{font-size:clamp(25px,3vw,40px);line-height:1.45;letter-spacing:-1px;margin:20px 0}
.identity-heading-layout .eyebrow{color:var(--orange)}
.identity-example{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:18px 20px;box-shadow:5px 5px 0 var(--ink);transform:rotate(2deg);color:var(--ink)}
.identity-example-label{font-size:10px;letter-spacing:1px;font-weight:800;color:var(--orange)}
.identity-example svg{display:block;width:100%;height:85px;margin:10px 0}
.coordinate-example{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;gap:12px}
.coordinate-example span{font-size:11px;color:var(--muted)}
.coordinate-example strong{font-family:monospace;font-size:23px;letter-spacing:2px}
.identity-example figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}
@media(max-width:640px){.identity-heading-layout{grid-template-columns:1fr;gap:24px}.identity-example{width:min(100%,280px);justify-self:center;transform:none}.identity-heading-layout h2{font-size:27px}}

.identity-real>img{width:100%;height:auto;object-fit:contain;margin:16px auto}
.identity-real{transform:none}

/* Place the real identity example directly on the section background. */
.identity-example.identity-real{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.identity-real .coordinate-example{border-top:0}

/* Align the identity example on a single visual axis. */
.identity-example.identity-real{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}
.identity-real .identity-example-label{display:block;width:100%;text-align:center;line-height:1.7;letter-spacing:0;font-size:10px}
.identity-real>img{width:100%;max-width:250px;margin:18px auto 20px}
.identity-real .coordinate-example{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;padding:0}
.identity-real .coordinate-example strong{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:21px;letter-spacing:1px;line-height:1.5}
.identity-real .coordinate-example span{line-height:1.5}
.identity-real figcaption{text-align:center;width:100%;margin:10px 0 0;font-size:10px;line-height:1.8}

.lingbox-mascot-cover{background:var(--lime);overflow:hidden}
.lingbox-mascot-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;mix-blend-mode:normal}

/* Let the mascot group float directly on the hero background. */
.detail-cover.lingbox-mascot-cover{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.lingbox-mascot-cover img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;max-height:600px}

/* Give the mascot group a little more presence in the hero. */
.lingbox-mascot-cover img{transform:scale(1.08);transform-origin:center}

/* Anchor the VibeBunny hand image flush with the frame edges. */
.bunny-photo img{padding:0;object-position:right bottom}

/* Enlarge the homepage products without moving their labels. */
.hero-object>img{transform:scale(1.22)}
.hero-object.lilac>img{transform:scale(1.48)}
.hero-object:hover>img{transform:scale(1.25) rotate(3deg)}
.hero-object.lilac:hover>img{transform:scale(1.51) rotate(3deg)}
.hero-object .object-label,.hero-object>div{position:relative;z-index:1}

/* Focus the LingBox card on its body rather than the full-length strap. */
.hero-object.green{position:relative}
.hero-object.green>.lingbox-card-stage{position:relative;display:block;height:260px;margin:6px -26px;overflow:hidden;z-index:0}
.lingbox-card-stage>img{position:absolute;width:100%;height:530px;max-width:none;left:0;bottom:-14px;object-fit:contain;transform:none;transition:transform .4s}
.hero-object.green:hover .lingbox-card-stage>img{transform:scale(1.025)}
@media(max-width:900px){.hero-object.green>.lingbox-card-stage{margin-left:-18px;margin-right:-18px}.lingbox-card-stage>img{height:490px}}
@media(max-width:640px){.hero-object.green>.lingbox-card-stage{height:250px;margin:6px -18px}.lingbox-card-stage>img{height:500px;bottom:-12px}}

/* Let the full wrist strap break out above the LingBox card. */
.hero-showcase{margin-top:190px}
.hero-object.green{overflow:visible}
.hero-object.green>.lingbox-card-stage{overflow:visible;z-index:2;pointer-events:none}
.hero-object.green>.object-label,.hero-object.green>div:last-child{position:relative;z-index:3}
.lingbox-card-stage>img{filter:drop-shadow(3px 5px 3px rgba(23,20,31,.12))}
@media(max-width:640px){.hero-showcase{margin-top:190px}}

/* Show the Qimen phone directly on the page, at a larger reading size. */
.qimen-screen{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;transform:none}
.qimen-screen img{width:100%;max-height:760px;object-fit:contain}
.qimen-screen figcaption{margin-top:18px}
@media(max-width:640px){.qimen-screen{max-width:380px;width:100%}.qimen-screen img{max-height:620px}}

/* Keep the mini-program phone montage free of an enclosing panel. */
.companion-layout>img{background:transparent;border:0;border-radius:0;box-shadow:none}

/* Layer the real app in front of the LingBox characters. */
.detail-cover.lingbox-hero-composition{position:relative;min-height:540px;isolation:isolate}
.lingbox-hero-composition .hero-mascot-group{position:absolute;right:-4%;top:1%;width:80%;height:92%;max-height:none;object-fit:contain;transform:none;z-index:1}
.lingbox-hero-composition .hero-phone-preview{position:absolute;left:-2%;bottom:-1%;width:49%;height:91%;max-height:none;object-fit:contain;transform:rotate(-8deg);transform-origin:center;z-index:2;filter:drop-shadow(10px 15px 10px rgba(23,20,31,.2))}
@media(max-width:900px) and (min-width:641px){.detail-cover.lingbox-hero-composition{min-height:460px}.lingbox-hero-composition .hero-phone-preview{left:-3%;width:51%}}
@media(max-width:640px){.detail-cover.lingbox-hero-composition{min-height:420px;width:100%;max-width:440px;margin:0 auto}.lingbox-hero-composition .hero-mascot-group{right:-1%;top:0;width:80%;height:92%;max-height:none}.lingbox-hero-composition .hero-phone-preview{left:0;bottom:0;width:49%;height:90%;max-height:none}}

/* Increase the LingBox hero artwork's presence on desktop. */
@media(min-width:901px){.detail-cover.lingbox-hero-composition{transform:scale(1.2);transform-origin:65% 50%}}
@media(min-width:641px) and (max-width:900px){.detail-cover.lingbox-hero-composition{transform:scale(1.08);transform-origin:right center}}

/* VibeBunny's own character and neon-pink hero. */
.detail-hero.vibebunny-pink-hero{background:#FF05AC}
.detail-cover.vibebunny-character-cover{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.vibebunny-character-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;transform:scale(1.08)}
@media(max-width:640px){.vibebunny-character-cover img{transform:none;max-height:480px}}

/* Four original animated work states from the product deck. */
.bunny-states-feature{grid-template-columns:1.15fr 1fr;gap:7%}
.bunny-states-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px;background:#ded1ff;border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}
.bunny-states-grid figure{margin:0;text-align:center;min-width:0}
.bunny-states-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.bunny-states-grid figcaption{display:inline-block;margin-top:10px;background:var(--lime);border:2px solid var(--ink);border-radius:6px;padding:6px 13px;font-size:12px;font-weight:800}
@media(max-width:640px){.bunny-states-feature{grid-template-columns:1fr}.bunny-states-grid{gap:16px;padding:18px}.bunny-states-grid figcaption{font-size:11px;padding:5px 10px}}

/* Enlarge only the VibeBunny device in the first feature. */
.vibebunny-device-feature .detail-image img{transform:scale(1.4);transform-origin:center}

/* Rounded corners for the four animated state images. */
.bunny-states-grid img{border-radius:20px}
@media(max-width:640px){.bunny-states-grid img{border-radius:14px}}

/* Layer a large character behind the real handheld device. */
.vibebunny-pink-hero{position:relative;overflow:hidden;isolation:isolate}
.vibebunny-pink-hero .detail-layout{min-height:600px;position:relative;z-index:1}
.vibebunny-pink-hero .detail-layout>div:first-child{position:relative;z-index:3}
.detail-cover.vibebunny-layered-hero{position:static;min-height:600px}
.vibebunny-layered-hero .vibebunny-back-character{position:absolute;width:56%;height:660px;max-height:none;right:7%;bottom:-22px;aspect-ratio:auto;object-fit:contain;transform:none;z-index:1}
.vibebunny-layered-hero .vibebunny-front-hand{position:absolute;width:64%;height:740px;max-height:none;right:-16%;bottom:-188px;aspect-ratio:auto;object-fit:contain;object-position:right bottom;transform:none;z-index:2}
.vibebunny-pink-hero .product-jumps,.vibebunny-pink-hero .spec-line{position:relative;z-index:3;max-width:48%}
@media(min-width:1600px){.vibebunny-layered-hero .vibebunny-front-hand{right:calc((1510px - 100vw)/2);width:76%;height:830px}}
@media(min-width:641px) and (max-width:1000px){.vibebunny-pink-hero .detail-layout{grid-template-columns:1fr 1fr;gap:3%;min-height:520px}.detail-cover.vibebunny-layered-hero{min-height:520px}.vibebunny-layered-hero .vibebunny-back-character{right:4%;width:55%;height:530px}.vibebunny-layered-hero .vibebunny-front-hand{width:66%;height:610px;right:-13%;bottom:-170px}}
@media(max-width:640px){.vibebunny-pink-hero .detail-layout{display:grid;min-height:0;gap:15px}.detail-cover.vibebunny-layered-hero{position:relative;min-height:430px;margin:0 -22px;width:calc(100% + 44px)}.vibebunny-layered-hero .vibebunny-back-character{right:20%;bottom:0;width:90%;height:430px;max-height:none}.vibebunny-layered-hero .vibebunny-front-hand{right:-14%;bottom:0;width:85%;height:440px;max-height:none}.vibebunny-pink-hero .product-jumps,.vibebunny-pink-hero .spec-line{max-width:none}}

/* Anchor the desktop hand to the hero itself, not its inner content. */
.vibebunny-edge-hand{display:none}
@media(min-width:641px){.vibebunny-layered-hero .vibebunny-front-hand{visibility:hidden}.vibebunny-edge-hand{display:block;position:absolute;right:0;bottom:0;width:min(64vw,966px);height:740px;object-fit:contain;object-position:right bottom;z-index:2;pointer-events:none}}
@media(min-width:1600px){.vibebunny-edge-hand{height:830px}}
@media(min-width:641px) and (max-width:1000px){.vibebunny-edge-hand{height:610px;width:66vw}}

/* Increase the hero character while keeping its feet anchored. */
.vibebunny-layered-hero .vibebunny-back-character{transform:scale(1.25);transform-origin:center bottom}

/* Bring the character forward and lower it away from the header. */
.vibebunny-pink-hero .detail-layout{z-index:3}
.vibebunny-layered-hero .vibebunny-back-character{z-index:4;transform:translate(-45px,85px) scale(1.25);transform-origin:center bottom}
@media(max-width:640px){.vibebunny-layered-hero .vibebunny-back-character{transform:translate(-15px,30px) scale(1.25)}}

/* Refine the foreground character's position. */
.vibebunny-layered-hero .vibebunny-back-character{transform:translate(-80px,125px) scale(1.25)}
@media(max-width:640px){.vibebunny-layered-hero .vibebunny-back-character{transform:translate(-25px,50px) scale(1.25)}}

/* Horizontal white studio mark on the dark navigation. */
.header .brand-logo{width:260px;transform:none}
.brand-logo img{width:100%;height:74px;object-fit:contain}
@media(max-width:640px){.header .brand-logo{width:205px}.brand-logo img{height:62px}}

/* Pink call-to-action on the LingBox green hero. */
.detail-hero:not(.vibebunny-pink-hero) .button{background:#FF05AC}
.detail-hero:not(.vibebunny-pink-hero) .button:hover{background:#ff41bf}

/* Lift the enlarged Qimen phone alongside the heading and story. */
@media(min-width:901px){
 .qimen-section{display:grid;grid-template-columns:1.3fr .7fr;column-gap:7%;align-items:start}
 .qimen-section>.section-heading{grid-column:1;grid-row:1;margin-bottom:60px}
 .qimen-section .qimen-layout{display:contents}
 .qimen-section .qimen-story{grid-column:1;grid-row:2}
 .qimen-section .qimen-screen{grid-column:2;grid-row:1 / span 2;padding-top:108px;width:112%;margin-left:-6%;justify-self:center}
 .qimen-section .qimen-screen img{max-height:900px;width:100%}
 .qimen-section .qimen-footnote{grid-column:1 / -1}
}

/* Readable supporting typography across the public website. */
body{font-size:16px}
.header nav{font-size:16px}
.nav-contact,.menu-toggle{font-size:15px}
.eyebrow,.micro,.object-label{font-size:13px;line-height:1.6}
.hero-bottom p{font-size:17px;line-height:1.9}
.circle-link{font-size:15px}
.hero-object .object-label{font-size:13px}
.hero-object>div>span{font-size:15px;line-height:1.6}
.brand-strip{font-size:18px}.brand-strip span:nth-child(2){font-size:14px}
.section-heading>p,.product-copy p,.studio-intro p,.capabilities p,.progress-row p,.archive-heading>p,.contact-layout p,.lead,.detail-feature p,.detail-end p,.editorial-grid p,.companion-layout p,.identity-intro,.identity-columns p,.qimen-steps p,.qimen-footnote>p{font-size:17px;line-height:1.9}
.tag,.inline-facts li,.photo-caption,.progress-row a,.archive-grid span,.socials,.button,.back-link,.spec-line,.other-product,.product-jumps a,.qimen-link{font-size:14px;line-height:1.7}
.note,.detail-end .note,.qimen-footnote .note,.wechat figcaption,.qimen-screen figcaption,footer p,footer>a:not(.wordmark){font-size:13px;line-height:1.8}
.capabilities article>span,.identity-number{font-size:14px}
.rule-numbers dd{font-size:14px;line-height:1.8}
.state-labels li,.bunny-states-grid figcaption{font-size:14px}
.identity-example .identity-example-label,.identity-real .identity-example-label{font-size:12px}
.coordinate-example span,.identity-real .coordinate-example span{font-size:14px}
.identity-example figcaption,.identity-real figcaption{font-size:12px;line-height:1.8}
.qimen-story cite{font-size:14px;line-height:1.8}
table{font-size:15px}
@media(max-width:900px){.hero-object>div{align-items:flex-start;flex-direction:column;gap:6px}.hero-object>div>span{font-size:14px}.progress-row p{font-size:16px}}
@media(max-width:640px){
 body{font-size:16px}
 .header nav{font-size:16px}.menu-toggle{font-size:14px}
 .eyebrow,.micro,.object-label,.hero-top .eyebrow{font-size:11px;letter-spacing:1px}
 .hero-bottom p{font-size:15px}.circle-link{font-size:12px}
 .hero-object .object-label{font-size:11px}.hero-object>div>span{font-size:14px}
 .section-heading>p,.product-copy p,.studio-intro p,.capabilities p,.progress-row p,.archive-heading>p,.contact-layout p,.lead,.detail-feature p,.detail-end p,.editorial-grid p,.companion-layout p,.identity-intro,.identity-columns p,.qimen-steps p,.qimen-footnote>p{font-size:16px;line-height:1.9}
 .tag,.inline-facts li,.photo-caption,.progress-row a,.archive-grid span,.socials,.button,.back-link,.spec-line,.other-product,.product-jumps a,.qimen-link{font-size:13px}
 .note,.detail-end .note,.qimen-footnote .note,.wechat figcaption,.qimen-screen figcaption,footer p,footer>a:not(.wordmark){font-size:12px}
 .rule-numbers dd{font-size:12px}.bunny-states-grid figcaption{font-size:13px}
 .brand-strip span:first-child{font-size:16px}
 .hero-bottom{gap:14px}.circle-link{flex-shrink:0}
 .progress-row{grid-template-columns:12px minmax(0,1fr)}.progress-row a{grid-column:2;grid-row:3}.progress-row p{grid-column:2;grid-row:2}
}

/* Official platform marks, paired with readable names. */
.platform-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;line-height:1.5}
.platform-brand img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;flex-shrink:0}
@media(max-width:640px){.platform-brand img{width:34px;height:34px}.platform-brand{gap:8px}}

/* Recognition between the product introduction and feature stories. */
.award-section{display:grid;grid-template-columns:1fr .7fr;gap:10%;align-items:center;border-bottom:1px solid var(--line);background:#eee5ff}
.award-section .eyebrow{color:var(--orange)}
.award-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.4;letter-spacing:-1px;margin:20px 0}
.award-event{font-size:18px;font-weight:700}
.award-results{display:flex;gap:45px;margin:28px 0}
.award-results>div{border-left:3px solid var(--orange);padding-left:18px}
.award-results span{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
.award-results strong{font-size:34px;font-weight:900}
.award-description{font-size:15px;color:var(--muted)}
.award-certificate{display:block;max-width:440px;justify-self:end}
.award-certificate img{width:100%;height:auto;border-radius:12px;transition:transform .2s}
.award-certificate:hover img{transform:translateY(-3px)}
.award-certificate>span{display:block;text-align:center;font-size:14px;margin-top:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.award-section{grid-template-columns:1fr;gap:30px}.award-results{gap:26px}.award-results strong{font-size:29px}.award-event{font-size:17px}.award-certificate{max-width:380px;justify-self:center}.award-results span{font-size:13px}}

.award-works-link{display:inline-block;margin-top:20px;font-size:15px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
.award-works-link:hover{color:var(--orange)}