@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0B0B0D;--surface:#1D1D21;--line:#38383D;--ink:#F4F4F5;--muted:#BFC0C7;--red:#F5001A;--red-text:#FF5968;--red-button:#CD1029;--silver:#BFC0C7;--gold:#BFC0C7;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.65 var(--body)}h1,h2,h3,p,figure{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--silver);outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.preview-note{display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 18px;background:#1a1a1c;border-bottom:1px solid #373739;color:#bdbdbf;font-size:12px}.preview-note b{color:var(--red);font-size:10px;letter-spacing:.13em;white-space:nowrap}.header{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:18px}.brand{display:flex;gap:11px;align-items:center}.brand img{width:62px;height:62px;object-fit:contain;border-radius:12px}.brand>span{font:800 35px/1 var(--display);letter-spacing:.04em}.brand small{display:block;font:10px/1.8 var(--body);letter-spacing:.15em;color:var(--gold)}nav{display:flex;gap:29px;font-size:14px;color:#c9c9cb}nav a:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;min-height:54px;border:1px solid var(--red);border-radius:7px;background:var(--red);color:#0d0d0f;font-weight:700;font-size:14px;letter-spacing:.015em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 28px #77777939}.button.compact{padding:11px 20px;min-height:45px}.text-link{font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--red)}.text-link:hover{color:var(--red)}.hero{min-height:610px;position:relative;isolation:isolate;display:flex;align-items:center;border-radius:12px;overflow:hidden;background:#070709;border:1px solid #29292b}.hero-art{position:absolute;inset:0;z-index:-2;background-image:url('assets/elemental-warrior-hero.png');background-size:cover;background-position:center}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080af5 2%,#08080abd 33%,#08080a00 68%),linear-gradient(0deg,#0a0a0c6b,transparent 40%)}.hero-copy{padding:55px;width:65%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--silver);margin-bottom:14px}.hero .eyebrow{color:#cfcfd1}h1{font:800 clamp(70px,8vw,114px)/.91 var(--display);letter-spacing:-.025em}h1 span{color:var(--red)}.intro{font-size:17px;line-height:1.7;color:#d2d2d4;margin-top:25px;max-width:470px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:31px}.hero-foot{font-size:11px;font-weight:500;letter-spacing:.09em;color:#c0c0c2;margin-top:36px}.hero-foot i{color:var(--red);margin:0 9px;font-style:normal}.art-label{position:absolute;bottom:18px;right:20px;font-size:9px;letter-spacing:.1em;color:#d8d8da;background:#0a0a0caa;padding:5px 9px;border-radius:4px}.ticker{max-width:100%;overflow:hidden;display:flex;justify-content:center;gap:38px;align-items:center;font:700 25px var(--display);letter-spacing:.05em;white-space:nowrap;background:#151517;border-block:1px solid #272729;padding:20px;margin-top:34px}.ticker b{color:var(--red);font-size:23px}.ticker span:nth-of-type(even){color:var(--silver)}.section{padding-block:82px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}h2{font:700 clamp(42px,4.3vw,64px)/1 var(--display);letter-spacing:-.015em}h2 span{color:var(--red)}.section-title>p{max-width:380px;color:var(--muted);font-size:16px}.builder-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}.builder-controls{border:1px solid var(--line);border-radius:12px;padding:32px;background:linear-gradient(130deg,#171719,#0f0f11)}fieldset{border:0;padding:0;margin:0 0 33px;min-width:0}legend{padding:0;margin-bottom:20px;font-size:17px;font-weight:600;display:flex;align-items:center;gap:12px}legend>b{display:grid;place-items:center;background:#232325;color:#b5b5b7;width:28px;height:28px;border-radius:50%;font-size:14px}.occasion-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.occasion-options button{background:#1b1b1d;color:#d9d9db;border:1px solid #3e3e40;border-radius:8px;padding:17px 10px;font-size:13px;text-align:center;transition:background .2s,border .2s}.occasion-options button>span{display:block;font-size:25px;margin-bottom:8px}.occasion-options button[aria-pressed=true]{border-color:var(--red);background:#232325;color:#ffffff;box-shadow:inset 0 0 0 1px var(--red)}.quality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quality-options button{background:#1b1b1d;border:1px solid #3e3e40;border-radius:8px;color:#d9d9db;padding:15px 10px;font-size:13px;font-weight:700}.quality-options small{display:block;font-size:11px;line-height:1.5;font-weight:400;color:#acacae;margin-top:6px}.quality-options button[aria-pressed=true]{border-color:var(--silver);background:#313133;color:#eeeef0}.quality-options button[aria-pressed=true] small{color:#c9c9cb}.input-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.input-grid label{font-size:14px;color:#d2d2d4;display:block}.input-grid label>span{color:#949496;font-size:12px}.input-grid .full{grid-column:1/-1}input,textarea{width:100%;border:1px solid #464648;background:#0e0e10;color:#f6f6f8;padding:12px 14px;border-radius:6px;margin-top:8px;font-size:14px;min-width:0}input::placeholder,textarea::placeholder{color:#939395}textarea{resize:vertical;min-height:90px;max-height:300px}.input-unit{position:relative}.input-unit input{padding-right:82px}.input-unit>span{position:absolute;right:15px;top:20px;font-size:12px;color:#b1b1b3}.input-note,.small-note{font-size:12px;color:#a4a4a6;margin-top:12px;line-height:1.65}.package-source{display:flex;gap:17px;border-top:1px solid #39393b;padding-top:25px}.section-stamp{font-size:10px;white-space:nowrap;color:var(--red);border:1px solid #4e4e50;padding:4px 7px;border-radius:4px;align-self:start}.package-source h3{font-size:17px;font-weight:500;margin-bottom:7px}.package-source p{font-size:14px;color:#afafb1}.quote-card{position:sticky;top:22px;background:linear-gradient(150deg,#272729,#141416 65%);border:1px solid #626264;border-radius:12px;padding:30px;overflow:hidden;box-shadow:0 15px 70px #00000233}.quote-top{display:flex;align-items:center;justify-content:space-between;color:#c8c8ca;font-size:11px;letter-spacing:.13em}.quote-symbol{font-size:30px;line-height:1}.quote-card h3{font:700 clamp(36px,4vw,52px)/1 var(--display);margin-top:20px}.quote-person{color:#c9c9cb;font-size:16px;margin-top:10px;overflow-wrap:anywhere}.quote-lines{padding-top:15px;margin:23px 0;border-top:1px solid #414143}.quote-lines>div{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-top:12px}.quote-lines dt{color:#ababad}.quote-lines dd{margin:0;text-align:right;overflow-wrap:anywhere}.quote-total{border-block:1px solid #414143;padding:22px 0}.quote-total>span{display:block;font-size:11px;letter-spacing:.12em;color:#ababad}.quote-total strong{display:block;font:600 35px/1.05 var(--display);margin-top:12px;color:#cbcbcd}.quote-total p{font-size:12px;color:#acacae;margin-top:10px}.quote-guidance{margin:22px 0}.quote-guidance .eyebrow{font-size:10px;margin-bottom:7px}.quote-guidance p{font-size:14px;color:#b7b7b9}.wide{width:100%}.quote-card>.small-note{text-align:center}.reset-link{display:block;margin:13px auto 0;background:none;color:#c3c3c5;border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.type-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.type-tabs button{background:transparent;border:1px solid #3b3b3d;border-radius:30px;color:#bfbfc1;padding:10px 20px;font-size:14px}.type-tabs button[aria-selected=true]{background:var(--silver);border-color:var(--silver);color:#242426;font-weight:700}.type-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border:1px solid #313133;border-radius:12px;padding:40px;background:#131315}.type-panel h3{font:600 40px/1.05 var(--display);margin:12px 0 18px}.type-panel p,.type-panel li{font-size:16px;color:#b1b1b3}.type-panel ul{margin:20px 0 25px;padding-left:20px}.type-panel li{margin:9px 0}.type-panel .section-stamp{display:inline-block}.video-placeholder{background:radial-gradient(ellipse at 50% 30%,#262628,transparent 80%),#0c0c0e;min-height:320px;border:1px dashed #5c5c5e;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.video-placeholder .example-symbol{font-size:55px;margin-bottom:12px}.video-placeholder strong{font:600 31px var(--display);text-transform:uppercase}.video-placeholder small{color:#a3a3a5;font-size:12px;margin-top:8px}.style-section{background:#121214;border-block:1px solid #28282a}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.style-card{padding:0;background:#1c1c1e;border:1px solid #39393b;border-radius:10px;color:#f4f4f6;text-align:left;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.style-card:hover{transform:translateY(-5px);border-color:var(--red)}.style-art{aspect-ratio:1/1.15;background-image:url('assets/warrior-styles.png');background-size:200% 200%;background-repeat:no-repeat}.style-card:nth-child(1) .style-art{background-position:0% 0%}.style-card:nth-child(2) .style-art{background-position:100% 0%}.style-card:nth-child(3) .style-art{background-position:0% 100%}.style-card:nth-child(4) .style-art{background-position:100% 100%}.style-card .style-label{padding:19px;display:block}.style-card h3{font:600 29px/1.15 var(--display);text-transform:uppercase}.style-card p{font-size:12px;color:#afafb1;margin-top:7px}.style-card .view-style{font-size:12px;color:var(--silver);display:block;margin-top:14px}.style-card .style-number{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:4px;background:#0f0f11c7;color:white;font-size:12px}.quality-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}.comparison{--split:50%;position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid #4f4f51;border-radius:10px;background:#19191b}.comparison-image{position:absolute;inset:0;background-image:url('assets/creator-dragon.png');background-size:cover;background-position:center}.comparison-image.soft{filter:blur(.6px)}.comparison-image.sharp{clip-path:inset(0 0 0 var(--split))}.compare-label{position:absolute;top:15px;border-radius:4px;background:#0d0d0fd9;color:#ededef;font-size:10px;letter-spacing:.08em;padding:7px 10px}.compare-label.left{left:14px}.compare-label.right{right:14px}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--silver);transform:translateX(-1px);pointer-events:none}.divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--silver);border-radius:50%;width:40px;height:40px;color:#222224;font-size:22px}.slider-label{display:flex;justify-content:space-between;font-size:14px;color:#adadaf;margin-top:15px}input[type=range]{accent-color:var(--silver);margin:0;padding:0;min-height:32px;cursor:ew-resize}.big-detail{font:700 64px/.95 var(--display);color:var(--silver);display:block;margin-bottom:22px}.quality-copy>p{color:#b1b1b3;font-size:16px;margin-bottom:16px}.spec-note{margin:24px 0;border-top:1px solid #3a3a3c;padding-top:20px;font-size:14px;color:#aaaaac}.spec-note b{font-weight:500;color:#d4d4d6}.spec-note p{margin-top:10px}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;border-top:1px solid #2c2c2e}.faqs details{border-bottom:1px solid #323234}.faqs summary{cursor:pointer;position:relative;list-style:none;padding:21px 30px 21px 0;font-size:16px}.faqs summary::-webkit-details-marker{display:none}.faqs summary::after{content:'+';position:absolute;right:0;top:14px;font-size:26px;color:var(--red)}.faqs details[open] summary::after{content:'−'}.faqs p{padding-bottom:22px;font-size:15px;color:#adadaf}.final-cta{text-align:center;background:radial-gradient(ellipse at 50% 110%,#2c2c2e,transparent 60%),#131315;border:1px solid #3c3c3e;border-radius:12px;padding:58px 25px;margin-bottom:60px}.final-cta h2{font-size:80px;line-height:.92}.final-cta .button{margin-top:28px}.final-cta>p{color:#a6a6a8;font-size:13px;margin-top:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #28282a;padding-block:25px;color:#959597;font-size:12px}.footer-brand{font:700 27px var(--display);color:#c4c4c6}.footer-brand span{font:10px var(--body);margin-left:8px;letter-spacing:.1em}dialog{padding:0;border:1px solid #7a7a7c;background:#111113;color:var(--ink);width:min(800px,92vw);max-height:92vh;border-radius:12px}dialog::backdrop{background:#050507df;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:15px;z-index:2;background:#0f0f11cf;border:1px solid #979799;color:white;border-radius:50%;width:44px;height:44px;font-size:26px}.dialog-art{aspect-ratio:3/2;background-image:url('assets/warrior-styles.png');background-size:200% 200%}.dialog-copy{padding:30px}.dialog-copy h2{font-size:44px;text-transform:uppercase}.dialog-copy>p:not(.eyebrow){font-size:16px;color:#bcbcbe;margin:18px 0 23px}.skip{position:absolute;top:-100px;left:12px;background:var(--silver);color:#171719;padding:12px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}nav{gap:20px}.hero-copy{padding:40px;width:70%}.hero{min-height:560px}.builder-grid{grid-template-columns:1.4fr 1fr;gap:20px}.builder-controls,.quote-card{padding:25px}.occasion-options{grid-template-columns:1fr 1fr}.quality-options{grid-template-columns:1fr}.quality-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px}.quality-options small{margin:0}.type-panel,.quality-layout{gap:30px}.type-panel{padding:30px}.style-grid{gap:15px}.style-label{padding:15px!important}.style-card h3{font-size:25px}}
@media(max-width:800px){.header{flex-wrap:wrap;gap:10px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #29292b;margin-top:12px;padding-top:15px;font-size:13px}.hero{min-height:550px;margin-top:15px}.hero-copy{width:86%;padding:35px}.hero::after{background:linear-gradient(90deg,#08080ae6,#08080a76 70%),linear-gradient(0deg,#0a0a0c7a,transparent)}.hero-art{background-position:65% center}.hero h1{font-size:86px}.ticker{font-size:21px;gap:25px;justify-content:flex-start;padding-inline:25px}.section{padding-block:60px}.section-title{gap:25px;align-items:start}.section-title>p{max-width:280px;font-size:14px}.builder-grid{grid-template-columns:1fr}.quote-card{position:static}.occasion-options{grid-template-columns:repeat(5,1fr)}.quality-options{grid-template-columns:repeat(3,1fr)}.quality-options button{display:block}.quality-options small{margin-top:6px}.type-panel{grid-template-columns:1fr}.video-placeholder{min-height:230px}.style-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.style-art{aspect-ratio:3/2}.quality-layout{grid-template-columns:1fr}.quality-copy .big-detail br{display:none}.quality-copy .big-detail{font-size:48px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2 br{display:none}footer{flex-wrap:wrap}}
@media(max-width:520px){.wrap{width:calc(100% - 30px)}.preview-note{font-size:10px;gap:10px;align-items:start}.preview-note b{font-size:9px;margin-top:3px}.brand img{width:50px;height:50px}.brand>span{font-size:31px}.brand small{font-size:8px}.header>.button{font-size:11px;min-height:40px;padding:10px 13px}.header nav{gap:10px;font-size:12px}.hero{min-height:615px;align-items:start}.hero-art{background-position:64% 100%;background-size:auto 100%;opacity:.8}.hero::after{background:linear-gradient(180deg,#08080ac7 5%,#08080a73 60%,#08080a33)}.hero-copy{padding:35px 22px;width:100%}.hero h1{font-size:78px}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.intro{font-size:15px;margin-top:20px}.hero-actions{align-items:start;flex-direction:column;gap:20px;margin-top:24px}.hero-foot{font-size:9px;letter-spacing:0;line-height:1.8;margin-top:26px}.hero-foot i{margin:0 6px}.art-label{font-size:8px;bottom:12px;right:10px}.section-title{display:block}.section-title>p{max-width:none;font-size:15px;margin-top:20px}h2{font-size:45px}.eyebrow{font-size:10px}.builder-controls,.quote-card{padding:23px 18px}.occasion-options{grid-template-columns:repeat(2,1fr)}.occasion-options button{font-size:14px}.occasion-options button:last-child{grid-column:1/-1}.quality-options{grid-template-columns:1fr}.quality-options button{display:flex}.quality-options small{margin:0}.input-grid{grid-template-columns:1fr}.input-grid .full{grid-column:auto}input,textarea{font-size:16px}.package-source{flex-direction:column;gap:12px}.quote-card h3{font-size:45px}.quote-total strong{font-size:32px}.quote-lines{font-size:14px}.type-tabs{gap:7px}.type-tabs button{font-size:12px;padding:10px 14px}.type-panel{padding:24px 20px}.type-panel h3{font-size:35px}.style-card h3{font-size:26px}.style-card p{font-size:11px}.style-card .style-label{padding:13px!important}.style-grid{gap:14px}.style-art{aspect-ratio:1/1.2}.style-card .view-style{font-size:11px}.comparison{aspect-ratio:1.2}.compare-label{font-size:8px;padding:6px 8px}.quality-copy .big-detail{font-size:48px}.final-cta h2{font-size:73px}.dialog-copy{padding:23px}.dialog-copy h2{font-size:37px}footer{font-size:11px}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.style-art{aspect-ratio:3/2}

/* Source-grounded duration and delivery pricing controls. */
.quality-options{grid-template-columns:1fr 1fr}.duration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.duration-options button,.delivery-options button{background:#1b1b1d;border:1px solid #3e3e40;border-radius:8px;color:#d9d9db;padding:16px 12px;text-align:left}.duration-options b{font:700 30px/1 var(--display);display:block;color:var(--silver)}.duration-options span{display:block;font-size:13px;line-height:1.4;margin-top:10px;min-height:38px}.duration-options small{display:block;font-size:12px;color:#b9b9bb;margin-top:10px}.duration-options button[aria-pressed=true]{border-color:var(--red);background:#242426;box-shadow:inset 0 0 0 1px var(--red)}.duration-tip{padding:18px;background:#0c0c0e;border-left:3px solid var(--red);margin-top:16px;border-radius:0 6px 6px 0;font-size:14px;color:#bebec0}.duration-tip strong{color:#ccccce;font-weight:600}.duration-tip p{margin-top:7px}.duration-tip .orange-tip{color:#c3c3c5;margin-top:14px}.text-button{background:none;border:0;padding:7px 0;color:var(--silver);text-align:left;font-size:14px;text-decoration:underline;text-underline-offset:4px}.delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-options b,.delivery-options span,.delivery-options small{display:block}.delivery-options b{font-size:12px;color:#a5a5a7}.delivery-options span{font:600 27px var(--display);margin-top:5px}.delivery-options small{color:#c0c0c2;font-size:12px;margin-top:5px}.delivery-options button[aria-pressed=true]{border-color:var(--silver);background:#2e2e30}.quote-breakdown{font-size:13px;color:#b1b1b3;padding:4px 0 16px}.quote-breakdown div{display:flex;justify-content:space-between;gap:15px;margin-top:9px}.quote-breakdown b{font-weight:500;color:#e4e4e6}.quote-total strong{color:var(--silver);font-size:55px;letter-spacing:-.025em}.all-rates{margin-top:48px;border:1px solid #4b4b4d;border-radius:12px;padding:28px;background:#131315;scroll-margin-top:20px}.rates-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.rates-heading h3{font:600 36px var(--display)}.rates-heading p{color:#ababad;font-size:14px}.rates-heading .eyebrow{font-size:10px;color:var(--silver);margin-bottom:6px}.rate-table{border-collapse:collapse;width:100%;text-align:left}.rate-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rate-table th,.rate-table td{border-bottom:1px solid #373739;padding:18px 12px}.rate-table thead th{font-size:14px;color:#b1b1b3;font-weight:500}.rate-table tbody th{font-size:17px;font-weight:500}.rate-table tbody th small{display:block;font-size:12px;color:#a3a3a5;margin-top:4px;font-weight:400}.rate-table button{border:1px solid #4b4b4d;border-radius:7px;background:#1f1f21;color:var(--silver);padding:13px 18px;font:600 27px var(--display);width:100%;white-space:nowrap}.rate-table td:last-child button{color:#9a9a9c;background:#1a1a1c;border-color:#4a4a4c}.rate-table button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.original-card{margin-top:24px}.original-card summary{cursor:pointer;font-size:14px;color:#b0b0b2}.original-card img{max-width:560px;width:100%;height:auto;margin:20px auto 0;border-radius:8px}.rate-table-scroll{overflow-x:auto}
@media(max-width:1100px){.duration-options{grid-template-columns:1fr}.duration-options button{display:grid;grid-template-columns:105px 1fr;gap:0 15px;align-items:center}.duration-options span{margin-top:0;min-height:0}.duration-options small{grid-column:2;margin-top:5px}.duration-options b{grid-row:1/3;font-size:29px}.quality-options button{display:block}.quality-options small{margin-top:6px}}
@media(max-width:800px){.duration-options{grid-template-columns:repeat(3,1fr)}.duration-options button{display:block}.duration-options span{min-height:38px;margin-top:10px}.rates-heading{display:block}.rates-heading>p{margin-top:14px}.quote-total strong{font-size:55px}}
@media(max-width:520px){.duration-options{grid-template-columns:1fr}.duration-options button{display:grid;grid-template-columns:95px 1fr}.duration-options span{min-height:0;margin-top:0}.quality-options{grid-template-columns:1fr 1fr}.quality-options button{padding:14px 10px;font-size:12px}.quality-options small{font-size:11px}.delivery-options span{font-size:25px}.all-rates{padding:19px 12px}.rate-table th,.rate-table td{padding:14px 6px}.rate-table thead th{font-size:11px}.rate-table tbody th{font-size:14px}.rate-table tbody th small{font-size:10px}.rate-table button{font-size:21px;padding:12px 7px}.rates-heading h3{font-size:32px}.quote-total strong{font-size:51px}}
/* Keep the language choice visible on phones and allow room for Vietnamese accents. */
html[lang=vi]{--body:'Be Vietnam Pro',Arial,sans-serif}
.language-control{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.language-control>span{font-size:9px;color:var(--muted)}
.language-control select{font:500 13px var(--body);min-height:42px;padding:8px 28px 8px 10px;border-radius:7px;border:1px solid #4e4e50;background:#1b1b1d;color:var(--ink);cursor:pointer}
.language-control select:focus-visible{outline:3px solid var(--silver);outline-offset:3px}
html[lang=vi] h1{font-size:clamp(64px,7vw,98px);line-height:1.13}
html[lang=vi] h2,html[lang=vi] .quote-card h3,html[lang=vi] .type-panel h3{line-height:1.15}
html[lang=vi] .final-cta h2{font-size:clamp(46px,6vw,76px)}
html[lang=vi] .hero-copy{width:70%}
.header{gap:18px}.header nav{gap:18px}
@media(max-width:1100px){.header{flex-wrap:wrap}.header nav{order:4;width:100%;justify-content:center;gap:30px}.language-control{margin-left:auto}}
@media(max-width:520px){.header>.button{display:none}.header nav{gap:12px;justify-content:space-between;font-size:11px}.language-control>span{font-size:8px}.language-control select{font-size:12px}.hero-copy,html[lang=vi] .hero-copy{width:100%}html[lang=vi] h1{font-size:65px}html[lang=vi] .hero .eyebrow{line-height:1.8}.hero{min-height:650px}html[lang=vi] h2{font-size:40px}.duration-options b{font-size:26px}.quote-lines>div{font-size:13px}}
/* Consultation brochure: an open price list, reading cards and reference galleries. */
.hero{min-height:475px}.hero-copy{padding-block:40px}.hero h1,html[lang=vi] .hero h1{font-size:clamp(64px,6.5vw,90px)}
.brochure-pricing .section-title>p{max-width:490px}.brochure-pricing .all-rates{margin-top:0}
.price-explorer{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:28px;padding:28px 0 18px}
.price-explorer h4{margin:0;font:600 29px/1.25 var(--display)}.price-explorer p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:8px}
.price-explorer fieldset{margin:0}.price-explorer legend{font-size:14px;margin-bottom:10px}.price-explorer .eyebrow{font-size:12px}
.price-explorer .delivery-options button{padding:12px}.comparison-total{text-align:right}.comparison-total span{font-size:13px;color:var(--muted);display:block}.comparison-total output{display:block;color:var(--silver);font:700 43px/1.3 var(--display);white-space:nowrap}
.delivery-note{font-size:14px;color:#b9b9bb;padding-top:17px;border-top:1px solid var(--line)}
.duration-guide{padding-top:55px}.duration-guide>h3{font:600 38px/1.25 var(--display);margin:0 0 12px}.duration-guide>p:not(.eyebrow){color:var(--muted);font-size:14px}
.duration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.duration-cards article{border-top:3px solid var(--silver);padding:24px 0}.duration-cards article:nth-child(2){border-color:var(--red)}.duration-cards article:nth-child(3){border-color:#bcbcbe}.duration-label{font:700 45px/1.2 var(--display);color:var(--silver)}.duration-cards article:nth-child(2) .duration-label{color:var(--red)}.duration-cards article:nth-child(3) .duration-label{color:#bcbcbe}.duration-cards h4{font-size:19px;line-height:1.5;margin:18px 0 12px}.duration-cards p{color:#b8b8ba;font-size:16px}.orange-badge{display:inline-block;color:#c6c6c8;border:1px solid #5a5a5c;border-radius:6px;padding:7px 10px;margin-top:20px;font-size:14px}
.discussion-label{font-size:14px;color:var(--silver);font-weight:500;margin:25px 0 0}.type-panel ul{margin-top:12px}
.consultation{padding:42px;margin-bottom:60px;border-block:1px solid #4c4c4e;background:linear-gradient(110deg,#1b1b1d,#121214)}.consultation h2{font-size:46px}.consultation-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.consultation-topics article>span{font:600 28px var(--display);color:var(--red)}.consultation-topics h3{font-size:19px;margin:8px 0 12px}.consultation p{color:#b8b8ba;font-size:16px}.consultation .eyebrow{color:var(--silver);font-size:12px}
@media(max-width:900px){.price-explorer{grid-template-columns:1fr 1.3fr}.comparison-total{grid-column:1/-1;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px}.duration-cards{gap:20px}.hero{min-height:470px}}
@media(max-width:600px){.price-explorer{grid-template-columns:1fr;gap:22px}.comparison-total{display:block}.comparison-total output{font-size:43px}.duration-cards{grid-template-columns:1fr;gap:0}.duration-cards article{padding:22px 0 30px}.duration-guide>h3{font-size:32px}.consultation{padding:30px 20px}.consultation-topics{grid-template-columns:1fr;gap:25px}.consultation h2,html[lang=vi] .consultation h2{font-size:36px}.hero{min-height:590px}.hero-copy{padding:30px 22px}.hero .intro{font-size:15px}.brochure-pricing .section-title h2{font-size:40px}.rate-table tbody th{max-width:110px}.rate-table tbody th small{font-size:12px}.preview-note{font-size:12px}.header nav{font-size:12px;flex-wrap:wrap;gap:12px 20px}.style-card .view-style{font-size:12px}}

/* Drag directly on the picture; keep the handle usable at both edges. */
.comparison{touch-action:pan-y;user-select:none;cursor:ew-resize}
.comparison .divider{width:100%;background:transparent;left:0;transform:none}
 .comparison .divider::before{content:'';position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--silver);transform:translateX(-50%)}
.comparison-handle{position:absolute;left:clamp(24px,var(--split),calc(100% - 24px));top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:2px solid #343436;border-radius:50%;background:var(--silver);color:#222224;font-size:25px;line-height:1;pointer-events:auto;touch-action:none;cursor:ew-resize;box-shadow:0 2px 14px #00000277}
.comparison-handle:focus-visible{outline:3px solid #ffffff;outline-offset:3px}
.comparison.is-dragging .comparison-handle{background:#f6f6f8}

/* Duration guide: a short explanation followed by three scannable story formats. */
.brochure-pricing .duration-guide{padding-top:0;margin-bottom:42px}
.story-intro{display:flex;gap:24px;padding:28px 30px;border:1px solid #4b4b4d;background:linear-gradient(115deg,#1c1c1e,#131315);border-radius:14px}
.story-intro-icon{flex:0 0 58px;height:58px;border:1px solid #616163;border-radius:16px;color:var(--silver);font:48px/54px var(--body);text-align:center}
.story-intro .eyebrow{margin-bottom:8px}.story-intro h3{font:600 42px/1.15 var(--display);margin-bottom:15px}.story-intro p:not(.eyebrow){color:#c1c1c3;font-size:16px;max-width:880px}
.duration-cards{gap:18px;margin-top:22px}.duration-cards .story-card{--story-color:var(--silver);padding:25px;border:1px solid #48484a;border-top:3px solid var(--story-color);border-radius:12px;background:#131315}
.duration-cards .story-story{--story-color:var(--red);border-color:#3f3f41;border-top-color:var(--story-color)}.duration-cards .story-cinematic{--story-color:#bcbcbe;border-color:#48484a;border-top-color:var(--story-color)}
.story-card-top{display:flex;align-items:center;gap:15px}.story-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid currentColor;border-radius:12px;color:var(--story-color)}.story-icon svg{width:28px;height:28px}.duration-cards .duration-label{font-size:36px;color:var(--story-color)}
.duration-cards .story-kicker{font-size:13px;color:var(--story-color);margin-top:23px}.duration-cards h4{font:600 30px/1.2 var(--display);margin:8px 0 12px}.duration-cards .story-description{font-size:15px;min-height:75px;color:#d3d3d5}.story-card ul{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid #3b3b3d}.story-card li{position:relative;padding-left:18px;margin:0 0 12px;font-size:14px;color:#b8b8ba;line-height:1.55}.story-card li::before{content:'•';color:var(--story-color);position:absolute;left:0}.story-card li:last-child{margin-bottom:0}
.story-card .orange-badge{font-size:12px;margin-top:20px}.delivery-icon{font-style:normal;font-size:25px;color:var(--silver);display:block;margin-bottom:8px}.price-explorer .delivery-options span{font-size:23px;line-height:1.2}.archive-note{margin-top:16px;color:#c3c3c5;font-size:14px;max-width:700px}
@media(max-width:950px){.duration-cards{grid-template-columns:1fr}.duration-cards .story-description{min-height:0}.story-card-top{justify-content:space-between}.duration-cards .story-card{padding:24px}.story-intro h3{font-size:36px}}
@media(max-width:520px){.story-intro{padding:23px 20px;gap:16px;display:block}.story-intro-icon{display:block;width:48px;height:48px;font-size:38px;line-height:44px;margin-bottom:18px}.story-intro h3{font-size:32px}.story-intro .eyebrow{font-size:11px}.duration-cards .duration-label{font-size:36px}.duration-cards .story-card{padding:22px}.duration-cards h4{font-size:30px}.duration-cards .story-description{font-size:16px}.story-card li{font-size:15px}.price-explorer .delivery-options span{font-size:24px}}

.style-art.chibi-3d-art,.dialog-art.chibi-3d-art{background-image:url('assets/warrior-chibi-3d.png');background-size:cover;background-position:center}
@media(min-width:1100px){.style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.style-card h3{font-size:25px}.style-card .style-label{padding:16px}}

/* Compact five-step client process. */
.process-section{border-top:1px solid #313133}.process-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.process-step{padding:21px 18px;background:#131315;border:1px solid #363638;border-radius:12px;position:relative}.process-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.process-icon{width:48px;height:48px;display:grid;place-items:center;background:#2a2a2c;border:1px solid #626264;border-radius:14px;color:var(--silver)}.process-icon svg{width:27px;height:27px}.process-index{font:600 23px var(--display);color:#8f8f91}.process-step h3{font:600 26px/1.15 var(--display);margin:0 0 12px}.process-step p{color:#bababc;font-size:14px;line-height:1.65}.payment-step{border-color:#4e4e50}.payment-step .process-icon{color:var(--red);background:#1f1f21;border-color:#4e4e50}.process-badge{display:inline-block;margin-top:18px;padding:5px 9px;border:1px solid #4e4e50;border-radius:6px;color:#c7c7c9;background:#1d1d1f;font-size:12px;font-weight:600}.header nav{flex-wrap:wrap}.delivery-options small{line-height:1.5}
@media(min-width:951px){.process-step:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:38px;width:14px;text-align:center;font-size:15px;color:#9e9ea0}}
@media(max-width:950px){.process-steps{grid-template-columns:1fr}.process-step{display:flex;align-items:flex-start;gap:18px;padding:20px}.process-visual{flex:0 0 48px;flex-direction:column;gap:8px;margin:0}.process-index{font-size:16px}.process-step h3{font-size:25px;margin:2px 0 8px}.process-step p{font-size:15px}.process-badge{margin-top:12px}.process-step:not(:last-child)::after{content:'';position:absolute;left:44px;top:100%;height:15px;border-left:1px solid #555557}}
@media(max-width:650px){.header nav{justify-content:flex-start;column-gap:18px;row-gap:10px}}


/* One video at a time, with native touch scrolling and keyboard controls. */
.video-samples{min-width:0}.sample-heading{font:600 25px var(--display);color:var(--silver)!important;margin-bottom:14px}
.sample-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7c7c7e #19191b;padding-bottom:8px;outline-offset:4px}
.sample-card{flex:0 0 100%;margin:0;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid #4c4c4e;border-radius:12px;overflow:hidden;background:#0c0c0e}
.sample-card video{display:block;width:100%;height:420px;height:min(55svh,420px);object-fit:contain;background:#000002}
.sample-card figcaption{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sample-card figcaption strong{font:600 23px var(--display)}.sample-card figcaption span{color:var(--silver);font-size:14px}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.gallery-controls button{min-height:44px;padding:8px 16px;border:1px solid #5e5e60;border-radius:8px;background:#1d1d1f;color:var(--ink);font-size:14px;cursor:pointer}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery-count{font-size:14px;color:#c2c2c4}.video-samples .small-note{font-size:14px;margin:10px 0 0}
@media(max-width:800px){#type-tabs{position:sticky;top:0;z-index:5;background:#0d0d0f;padding:12px 0;border-bottom:1px solid #3d3d3f;margin-bottom:18px}.type-panel{align-items:start;scroll-margin-top:130px}.type-panel .video-samples{grid-row:1}.type-panel .type-copy{grid-row:2}.sample-card video{height:min(50svh,380px)}.type-tabs button{font-size:13px}.sample-card figcaption{padding:10px 12px}.sample-card figcaption strong{font-size:22px}.sample-card figcaption span{font-size:13px}}
@media(max-width:520px){#type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#type-tabs button{min-height:44px;padding:7px 6px;white-space:normal;font-size:12px;line-height:1.35}}

/* Clear, practical information inside each art style detail. */
#style-dialog .dialog-art{width:min(100%,520px);margin-inline:auto}.dialog-close{position:sticky;display:block;top:12px;margin:12px 12px -56px auto;right:auto}
.style-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.style-detail h3{display:flex;align-items:center;gap:9px;font-size:17px;line-height:1.4;color:var(--silver);margin:0 0 10px}.style-detail h3 svg{flex:0 0 22px;width:22px;height:22px}.style-detail p{font-size:16px;color:#ceced0;line-height:1.65;margin:0}.style-customise{border-top:1px solid #3a3a3c;padding-top:22px;margin-top:22px}.style-options{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.style-options li{border:1px solid #4b4b4d;border-radius:7px;padding:7px 11px;font-size:14px;color:#ceced0;background:#19191b}.style-customise .real-face-note{color:#dfdfe1;margin-top:16px;padding-left:12px;border-left:2px solid var(--silver)}.real-face-note[hidden]{display:none}.dialog-copy .style-duration-note{padding:16px;background:#1c1c1e;border-radius:8px;font-size:14px!important;line-height:1.65}.dialog-copy>h2{font-size:36px}
@media(max-width:520px){.style-detail-grid{grid-template-columns:1fr;gap:20px}.dialog-copy>h2{font-size:32px}.dialog-copy{padding:23px}.style-options li{font-size:14px}.style-detail p{font-size:16px}}

/* Signal Red: neutral surfaces, red emphasis and readable control states. */
.preview-note,.ticker,.style-section{background:#141416;border-color:var(--line)}
.type-panel,.all-rates,.process-step,.style-card,.sample-card,dialog{background:var(--surface);border-color:var(--line)}
.story-intro,.consultation,.builder-controls{background:linear-gradient(115deg,#242428,#171719);border-color:var(--line)}
.button,.type-tabs button[aria-selected=true]{background:var(--red-button);border-color:var(--red-button);color:#FFFFFF}
.button:hover{box-shadow:0 6px 28px #F5001A30}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,.language-control select:focus-visible{outline-color:var(--red-text)}
.eyebrow,.preview-note b,.section-stamp,.text-link:hover,nav a:hover,.style-card .view-style,.style-detail h3,.discussion-label{color:var(--red-text)}
.hero .eyebrow{color:#E8E8EB}.hero h1 span,h2 span{color:var(--red)}
.section-stamp{border-color:#71303B}.style-card:hover{border-color:var(--red)}
.rate-table button{background:#26262B;color:var(--ink);border-color:#53535C}.rate-table td:last-child button{background:#32171D;color:#FF8290;border-color:#853444}
.rate-table button[aria-pressed=true]{outline-color:var(--red-text)}
.delivery-options button[aria-pressed=true],.quality-options button[aria-pressed=true]{background:#32171D;border-color:var(--red-text);color:#FFFFFF}
.delivery-options button[aria-pressed=true] .delivery-icon{color:var(--red-text)}
.type-tabs button{color:var(--ink);border-color:#53535C}.comparison-handle{background:var(--red-button);color:#FFFFFF;border-color:#FFFFFF}.comparison .divider::before{background:var(--red)}.comparison.is-dragging .comparison-handle{background:var(--red)}
input[type=range]{accent-color:var(--red-button)}.duration-cards .story-story{--story-color:var(--red-text)}.duration-cards .story-cinematic{--story-color:#F4F4F5}
.duration-cards .story-card{background:#171719;border-color:var(--line);border-top-color:var(--story-color)}
.process-icon{background:#29292F;border-color:#53535C;color:var(--silver)}.payment-step{border-color:#71303B}.payment-step .process-icon{background:#32171D;border-color:#853444;color:var(--red-text)}.process-badge{background:#32171D;color:#FFB9C2;border-color:#853444}
.comparison-total output,.quality-copy .big-detail{color:var(--ink)}.style-customise .real-face-note{color:var(--ink);border-color:var(--red)}
.gallery-controls button{background:#29292F;border-color:#53535C}.gallery-controls button:not(:disabled):hover{border-color:var(--red-text)}.sample-track{scrollbar-color:#777780 #1D1D21}.sample-heading{color:var(--ink)!important}
.language-control select,.style-options li{background:#26262B;border-color:#53535C}.dialog-copy .style-duration-note{background:#29292F}.dialog-close{background:#141416EB;border-color:#777780}
@media(max-width:800px){#type-tabs{background:var(--bg);border-color:var(--line)}}

/* Image-and-text comparison, portrait examples and consultation guidance. */
.comparison-nameplate{position:absolute;left:6%;right:6%;bottom:7%;text-align:center;background:linear-gradient(90deg,#09090BAA,#09090BDD,#09090BAA);border-block:1px solid #FFFFFF55;padding:12px 8px;color:#FFFFFF;text-shadow:0 2px 5px #000}
.comparison-nameplate span{display:block;font:600 12px/1.5 var(--body);letter-spacing:.14em;color:#FFB8C1}.comparison-nameplate strong{display:block;font:700 clamp(25px,3.5vw,48px)/1.25 var(--display);letter-spacing:.035em}.comparison-nameplate small{display:block;font:400 13px/1.5 var(--body);margin-top:3px}
.video-samples{width:min(100%,300px,calc(55svh * .5625));justify-self:center}.sample-card video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.sample-card figcaption{display:block}.sample-card figcaption span{display:block;margin-top:3px}.video-samples .sample-heading{font-size:24px}.gallery-controls button{padding:8px 11px}.sample-card{background:#000}
.style-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.style-card .style-art{width:100%;aspect-ratio:3/2;flex:0 0 auto}.style-card .style-label{flex:1}#style-dialog .dialog-art{width:100%;margin:0;aspect-ratio:3/2;background-repeat:no-repeat}
.unique-note{max-width:470px;margin-top:18px;padding-left:13px;border-left:3px solid var(--red);font-size:14px;line-height:1.65;color:var(--ink)}
.delivery-promo{display:flex;align-items:center;gap:25px;margin-top:26px;padding:24px;border:1px solid #E4374E;border-radius:12px;background:linear-gradient(115deg,#5F1022,#261318 75%)}.promo-time{flex:0 0 145px;text-align:center;border-right:1px solid #FF8C9D66;padding-right:25px}.promo-time strong{display:block;font:700 49px/1.25 var(--display);color:#FFFFFF}.promo-time span{display:inline-block;padding:4px 10px;margin-top:7px;border-radius:4px;background:#FFFFFF;color:#8A1025;font-size:14px;font-weight:700}.delivery-promo .eyebrow{color:#FFC8D1;font-size:13px;margin-bottom:8px}.delivery-promo h3{font:600 27px/1.25 var(--display);color:#FFFFFF;max-width:640px}.delivery-promo p:not(.eyebrow){color:#E9D4D8;font-size:14px;margin-top:10px}.delivery-options .free-turnaround{display:inline-block;background:#FFFFFF;color:#8A1025;padding:3px 6px;border-radius:3px}
.idea-help{display:flex;align-items:flex-start;gap:18px;margin-top:28px;padding:24px;border:1px solid #71303B;border-radius:10px;background:#23161A}.idea-help-icon{font-size:32px;line-height:1.2;color:var(--red-text)}.idea-help h3{font:600 29px/1.3 var(--display);margin:0 0 9px}.idea-help p{font-size:16px;line-height:1.7;color:#D8CDD0;max-width:900px}.consultation-unique{margin-top:18px;padding-top:18px;border-top:1px solid #53535C}
.more-examples{display:flex;justify-content:center;margin-top:24px}.tiktok-link{display:flex;flex-wrap:wrap;gap:8px 18px}.tiktok-link small{font-size:13px;font-weight:400;color:#FFFFFF}
@media(max-width:600px){.delivery-promo{padding:20px;gap:18px;align-items:flex-start}.promo-time{flex-basis:100px;padding-right:18px}.promo-time strong{font-size:36px}.promo-time span{font-size:12px;padding:4px 6px}.delivery-promo .eyebrow{font-size:11px;letter-spacing:.05em}.delivery-promo h3{font-size:23px}.delivery-promo p:not(.eyebrow){font-size:13px}.idea-help{padding:21px 18px;gap:13px}.idea-help h3{font-size:27px}.idea-help p{font-size:15px}.comparison-nameplate{bottom:6%;left:4%;right:4%;padding:9px 5px}.comparison-nameplate span{font-size:10px;letter-spacing:.06em}.comparison-nameplate strong{font-size:30px}.comparison-nameplate small{font-size:11px}.unique-note{font-size:14px}.more-examples .button{width:100%;flex-direction:column;text-align:center}.video-samples{width:min(100%,260px,calc(55svh * .5625))}}
@media(max-width:360px){.delivery-promo{display:block}.promo-time{padding:0 0 15px;margin-bottom:15px;border-right:0;border-bottom:1px solid #FF8C9D66}.comparison-nameplate strong{font-size:25px}}

/* Direct studio contact. */
.zalo-link{gap:10px}.zalo-link svg{flex-shrink:0}.zalo-contact{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.zalo-contact strong{font-size:18px}.zalo-contact p{font-size:14px;margin-top:5px;color:var(--muted)}.header .zalo-link{white-space:nowrap}@media(max-width:600px){.zalo-contact{align-items:stretch;gap:16px}.zalo-contact>.button{width:100%}.zalo-contact>div{width:100%}}

/* A single promotional offer, followed by compact delivery choices. */
.delivery-offer{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:28px;padding:28px 32px;background:linear-gradient(110deg,#B00D28 0%,#761127 55%,#350F19 100%);border:1px solid #FF526D;box-shadow:0 10px 32px #B00D281C;overflow:hidden}
.delivery-offer .eyebrow{display:flex;align-items:center;gap:9px;color:#FFE6EB;font-size:12px;letter-spacing:.1em;margin-bottom:12px}.delivery-offer .eyebrow svg{flex-shrink:0}.delivery-offer h3{font:700 clamp(30px,3vw,43px)/1.12 var(--display);max-width:none}.delivery-offer p:not(.eyebrow){font-size:15px;color:#FFE6EB;margin-top:10px}.offer-stamp{border-left:2px dashed #FFABB880;padding-left:28px;text-align:center;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.offer-stamp strong{font:800 68px/1 var(--display);color:#FFF}.offer-stamp span{color:#FFF;font-size:13px;letter-spacing:.08em;font-weight:700;margin-top:9px}.price-explorer .delivery-options button{padding:16px 13px}.price-explorer .delivery-options small{font-size:14px}.price-explorer .delivery-icon{font-size:22px;margin-bottom:7px}
@media(max-width:600px){.delivery-offer{grid-template-columns:minmax(0,1fr) 80px;gap:15px;padding:22px 18px;align-items:center}.delivery-offer .eyebrow{font-size:11px;letter-spacing:.035em;gap:6px;line-height:1.5}.delivery-offer .eyebrow svg{width:17px;height:17px}.delivery-offer h3{font-size:29px;line-height:1.15}.delivery-offer p:not(.eyebrow){font-size:14px;line-height:1.6}.offer-stamp{padding-left:14px}.offer-stamp strong{font-size:44px}.offer-stamp span{font-size:11px;letter-spacing:0;line-height:1.5}.price-explorer .delivery-options span{font-size:23px}}

/* Display the original monogram as part of the header, without its square poster frame. */
.header .brand{gap:14px;flex-shrink:0;padding:0;background:none;border:0;box-shadow:none}.brand .brand-mark{position:relative;display:block;flex:0 0 62px;width:62px;height:70px;overflow:hidden;line-height:0;mix-blend-mode:screen}.brand .brand-mark img{position:absolute;width:137px;height:137px;max-width:none;left:-36px;top:-17px;border-radius:0;object-fit:fill}.brand .brand-wordmark{font:700 39px/1 var(--display);letter-spacing:.045em;white-space:nowrap}.brand .brand-wordmark small{font:500 10px/1.6 var(--body);letter-spacing:.13em;margin-top:5px;color:var(--muted)}
@media(max-width:520px){.header .brand{gap:10px}.brand .brand-mark{flex-basis:48px;width:48px;height:55px}.brand .brand-mark img{width:108px;height:108px;left:-28px;top:-13px}.brand .brand-wordmark{font-size:32px}.brand .brand-wordmark small{font-size:8px;letter-spacing:.1em;margin-top:4px}}
.brand .brand-mark{flex-basis:64px;width:64px}.brand .brand-mark img{filter:contrast(1.2)}@media(max-width:520px){.brand .brand-mark{flex-basis:50px;width:50px}}

/* Keep the warrior clear of the copy, including on narrow screens. */
.hero-art{background-position:center center}.hero::after{background:linear-gradient(90deg,#08080AEF 0%,#08080AA6 35%,#08080A10 67%),linear-gradient(0deg,#08080A44,transparent 45%)}
@media(max-width:800px) and (min-width:521px){.hero-art{background-position:65% center}.hero::after{background:linear-gradient(90deg,#08080AF2,#08080AA3 48%,#08080A14)}}
@media(max-width:520px){.hero{display:block;min-height:0}.hero-art{position:relative;inset:auto;z-index:0;height:320px;background-size:auto 115%;background-position:78% 25%;opacity:1}.hero::after{display:none}.hero-copy,html[lang=vi] .hero-copy{position:relative;z-index:1;width:100%;padding:25px 22px 62px;background:#08080A}.hero-copy::before{content:'';position:absolute;left:0;right:0;top:-55px;height:55px;background:linear-gradient(0deg,#08080A,transparent);pointer-events:none}.hero .art-label{z-index:2;font-size:8px;max-width:calc(100% - 24px);text-align:center;white-space:normal}.hero .hero-foot{margin-top:25px}}
@media(min-width:521px){.hero-art{background-position:right top}}

/* A visible drag grip; 420p remains gently softer than the 720p illustration. */
.comparison .divider::before{width:3px;background:#FFF;box-shadow:0 0 7px #0009}.comparison-handle{left:clamp(56px,var(--split),calc(100% - 56px));width:104px;height:52px;display:flex;align-items:center;justify-content:center;gap:11px;border:2px solid #FFF;border-radius:28px;background:var(--red-button);color:#FFF;box-shadow:0 0 0 5px #FFFFFF24,0 5px 22px #0009}.comparison-handle .drag-chevron{font:400 32px/1 Arial,sans-serif}.comparison-handle .drag-caption{font:700 12px/1 var(--body);letter-spacing:.06em}.comparison-handle:hover,.comparison.is-dragging .comparison-handle{background:#AD0820;color:#FFF;box-shadow:0 0 0 7px #FFFFFF35,0 5px 22px #0009}.comparison-handle:focus-visible{outline:3px solid #FFF;outline-offset:6px}.slider-label{color:var(--ink);font-size:14px;font-weight:500}#quality-slider{accent-color:var(--red-text);min-height:44px}

/* Picture-led duration guidance: effect, simple sequence, fuller story. */
.duration-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.duration-cards .visual-duration{padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.duration-picture{position:relative;height:220px;flex-shrink:0}.duration-scenes{display:flex;gap:3px;height:100%;background:#0B0B0D}.duration-scene{flex:1;position:relative;overflow:hidden;min-width:0}.duration-scene-art{position:absolute;left:50%;top:50%;width:max(100%,220px);aspect-ratio:1;transform:translate(-50%,-50%);background-image:url('assets/duration-storyboard.png');background-size:300% 100%;background-repeat:no-repeat}.scene-0{background-position:0% 50%}.scene-1{background-position:50% 50%}.scene-2{background-position:100% 50%}.duration-scene::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#08080ADE,transparent);pointer-events:none}.duration-scene>span{position:absolute;bottom:13px;left:5px;right:5px;z-index:1;text-align:center;font-size:13px;line-height:1.4;font-weight:600;color:#FFF}.duration-time{position:absolute;top:12px;left:12px;padding:7px 11px;border:1px solid #FFFFFF65;border-radius:5px;background:#0B0B0DED;color:#FFF;font:700 26px/1 var(--display)}.duration-body{padding:21px 22px 23px;display:flex;flex-direction:column;flex:1}.duration-cards .duration-body h4{font:600 29px/1.15 var(--display);margin:0 0 12px;color:var(--ink)}.duration-cards .duration-body .story-description{font-size:15px;line-height:1.7;min-height:0;margin:0;color:var(--muted)}.duration-body .orange-badge{align-self:flex-start;margin-top:16px;padding:4px 8px;font-size:12px}.duration-illustration-note{font-size:13px;color:var(--muted);margin-top:15px}.brochure-pricing .story-intro{padding:24px;align-items:center}.story-intro h3{margin-bottom:9px}.story-intro p:not(.eyebrow){max-width:800px}
@media(max-width:950px){.duration-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.duration-body{padding:18px 15px}.duration-cards .duration-body h4{font-size:26px}.duration-picture{height:200px}.duration-scene-art{width:max(100%,200px)}.duration-scene>span{font-size:12px}}
@media(max-width:700px){.duration-cards{grid-template-columns:1fr;gap:20px}.duration-picture{height:220px}.duration-scene-art{width:max(100%,220px)}.duration-body{padding:20px}.duration-cards .duration-body h4{font-size:29px}.duration-cards .duration-body .story-description{font-size:16px}.duration-scene>span{font-size:14px}.brochure-pricing .story-intro{display:flex;gap:14px;padding:22px 18px}.story-intro-icon{flex-basis:38px;width:38px;height:38px;font-size:30px;line-height:34px;margin:0}.story-intro h3{font-size:30px}.story-intro .eyebrow{font-size:10px}.story-intro p:not(.eyebrow){font-size:15px}.duration-illustration-note{font-size:13px}}

.duration-time{position:static;align-self:flex-start;padding:0;border:0;border-radius:0;background:none;color:var(--red-text);font:700 25px/1.1 var(--display);margin-bottom:12px}.story-short .duration-scene-art{top:0;transform:translateX(-50%)}

/* Persistent consultation contact. */
body{padding-bottom:92px}body.zalo-dialog-open{overflow:hidden}
.zalo-floating{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;display:flex;gap:9px;align-items:center;justify-content:center;min-height:56px;padding:12px 20px;border:1px solid #ff7984;border-radius:32px;background:var(--red-button);color:white;box-shadow:0 6px 25px #0008;font-weight:700;font-size:17px}.zalo-floating svg{width:27px;height:27px}.zalo-floating:hover{background:#eb1531}.zalo-floating:focus-visible{outline:3px solid white;outline-offset:4px}
footer button.zalo-link{border:0;background:none;color:inherit;padding:0;text-align:left;font:inherit;text-decoration:underline;text-underline-offset:4px}
#zalo-dialog{position:fixed;inset:auto max(20px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) auto;margin:0;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 116px);overflow:auto;padding:28px;border:1px solid #686872;border-radius:18px;background:#1D1D21;box-shadow:0 16px 60px #0009}
#zalo-dialog::backdrop{background:#0007;backdrop-filter:blur(2px)}#zalo-dialog .eyebrow{padding-right:28px;font-size:12px;margin:4px 0 10px}#zalo-dialog h2{font-size:38px;margin:0 0 14px}#zalo-description{color:var(--muted);font-size:15px;line-height:1.65}
.zalo-close{position:absolute;top:12px;right:12px;width:44px;height:44px;background:transparent;border:1px solid #55555f;border-radius:50%;color:white;font-size:28px;line-height:1}.zalo-number-label{display:block;margin-top:22px;font-size:14px;color:var(--muted)}#zalo-number{font-size:20px;letter-spacing:.025em;text-align:center;padding:12px 6px;cursor:text}.zalo-copy{width:100%;margin-top:12px}.zalo-search-help{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.7}.zalo-copy-status{font-size:14px;line-height:1.6;color:white;margin-top:12px}.zalo-copy-status:empty{display:none}
@media(max-width:520px){.zalo-floating{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));min-height:52px;padding:10px 17px}#zalo-dialog{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));padding:24px;max-height:calc(100dvh - 104px)}}

/* Open directly with pricing, followed by quality and types. */
#build{padding-top:32px}#build h1{font:600 clamp(40px,5vw,64px)/1.1 var(--display);letter-spacing:0}#build .duration-guide{margin-top:44px}

/* Compact logo banner above pricing. */
.studio-banner{display:flex;align-items:center;gap:30px;min-height:158px;margin-top:8px;padding:22px 36px;background:linear-gradient(110deg,#1D1D21,#101012);border:1px solid var(--line);border-left:4px solid var(--red);border-radius:10px;overflow:hidden}
.studio-banner-mark{position:relative;display:block;flex:0 0 96px;width:96px;height:105px;overflow:hidden;mix-blend-mode:screen}
.studio-banner-mark img{position:absolute;width:206px;height:206px;max-width:none;left:-54px;top:-26px;filter:contrast(1.2)}
.studio-banner-name{font:600 40px/1.1 var(--display);letter-spacing:.04em;color:var(--ink)}.studio-banner-name span{font-weight:500;color:var(--muted)}
.studio-banner-description{margin-top:10px;font-size:16px;line-height:1.5;color:var(--muted)}
@media(max-width:600px){.studio-banner{min-height:126px;padding:18px;gap:18px}.studio-banner-mark{flex-basis:70px;width:70px;height:78px}.studio-banner-mark img{width:153px;height:153px;left:-40px;top:-19px}.studio-banner-name{font-size:29px}.studio-banner-name span{display:block;font-size:19px;margin-top:4px}.studio-banner-description{font-size:13px;margin-top:8px}}

/* Phone reading layout: generous text, compact rhythm, clear price choices. */
.rate-quality{display:none}
@media(max-width:600px){
 body{font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%}
 .wrap{width:calc(100% - 32px)}
 .preview-note{padding:8px 16px;font-size:12px;line-height:1.6;text-align:center}.preview-note b{display:none}
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:14px}
 .header .brand{grid-column:1;grid-row:1}.header .language-control{grid-column:2;grid-row:1;margin:0}
 .header .language-control>span{font-size:10px;line-height:1.4}.language-control select{font-size:14px;min-height:44px}
 .header>.button{display:none}
 .header nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;min-width:0;padding-bottom:4px;scrollbar-width:thin}
 .header nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;flex:0 0 auto;font-size:14px;line-height:1.4;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
 .studio-banner{min-height:112px;margin-top:0;padding:16px;gap:16px}.studio-banner-description{font-size:14px;line-height:1.5}
 .section{padding-block:40px}#build{padding-top:28px}.section-title{gap:16px;margin-bottom:24px}
 #build h1,html[lang=vi] #build h1,.section h2,html[lang=vi] .section h2{font-size:32px;line-height:1.2;letter-spacing:0}
 .section-title>p,.brochure-pricing .section-title>p{max-width:none;font-size:16px;line-height:1.7;margin-top:14px}
 .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.04em;margin-bottom:10px}
 .all-rates{padding:18px 14px;border-radius:12px}.rates-heading{margin-bottom:20px}
 .rates-heading h3{font:600 22px/1.35 var(--body)}.rates-heading>p{font-size:15px;line-height:1.65;margin-top:10px;color:var(--muted)}
 .rate-table-scroll{overflow:visible}.rate-table,.rate-table tbody{display:block;width:100%}
 .rate-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .rate-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:18px 0;border-bottom:1px solid var(--line)}
 .rate-table tbody tr:first-child{padding-top:0}.rate-table tbody tr:last-child{border-bottom:0;padding-bottom:0}
 .rate-table tbody th{grid-column:1/-1;display:block;max-width:none;padding:0;border:0;font:600 18px/1.5 var(--body)}
 .rate-table tbody th small{font-size:15px;line-height:1.5;margin-top:3px;color:var(--muted)}
 .rate-table td{display:block;min-width:0;padding:0;border:0}
 .rate-table button{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:106px;padding:12px 8px;white-space:normal;line-height:1.25}
 .rate-quality{display:block;font:500 13px/1.5 var(--body);color:var(--ink)}.rate-amount{font:700 clamp(23px,6.2vw,29px)/1.2 var(--display);white-space:nowrap}
 .rate-table button[aria-pressed=true]{outline-offset:1px}
 .delivery-offer{margin-top:24px;padding:18px 14px;gap:12px;grid-template-columns:minmax(0,1fr) 64px}
 .delivery-offer .eyebrow{font-size:11px;line-height:1.6;letter-spacing:0}.delivery-offer h3{font-size:27px;line-height:1.25}
 .delivery-offer p:not(.eyebrow){font-size:14px;line-height:1.65}.offer-stamp{padding-left:12px}.offer-stamp strong{font-size:40px}.offer-stamp span{font-size:12px}
 .price-explorer{gap:20px;padding-top:24px}.price-explorer h4{font:600 18px/1.55 var(--body)}
 #comparison-breakdown,.delivery-note{font-size:14px;line-height:1.65}.price-explorer legend{font-size:16px;margin-bottom:12px}
 .price-explorer .delivery-options{gap:10px}.price-explorer .delivery-options button{padding:12px 8px;min-height:112px}
 .price-explorer .delivery-options span{font:600 16px/1.45 var(--body)}.price-explorer .delivery-options small{font-size:14px;line-height:1.5}
 .comparison-total{padding-top:18px;border-top:1px solid var(--line)}.comparison-total>span{font-size:14px}.comparison-total output{font-size:36px;margin-top:6px}
 #build .duration-guide{margin-top:32px}.brochure-pricing .story-intro{padding:18px 16px;align-items:flex-start;gap:12px}
 .story-intro h3{font:600 21px/1.4 var(--body)}.story-intro .eyebrow{font-size:11px}.story-intro p:not(.eyebrow){font-size:16px;line-height:1.65}
 .story-intro-icon{flex-basis:28px;width:28px}.duration-cards{gap:16px}.duration-picture{height:156px}.duration-scene-art{width:max(100%,156px)}
 .duration-body{padding:18px}.duration-time{font-size:23px;margin-bottom:8px}.duration-cards .duration-body h4{font:600 19px/1.4 var(--body);margin-bottom:8px}
 .duration-cards .duration-body .story-description{font-size:16px;line-height:1.65}.duration-scene>span{font-size:12px;line-height:1.4}
 .small-note,.duration-illustration-note{font-size:14px;line-height:1.65}.quality-layout{gap:24px}.quality-copy .big-detail{font-size:32px;line-height:1.2}
 .quality-copy p,.spec-note p{font-size:16px;line-height:1.7}.slider-label{font-size:14px;line-height:1.5;gap:12px}
 #type-tabs{gap:8px;padding:10px 0;scroll-margin-top:12px}#type-tabs button{min-height:48px;padding:8px 6px;font-size:13px;line-height:1.45;border-radius:9px}
 .type-panel{padding:20px 16px;gap:24px}.type-panel h3{font:600 22px/1.4 var(--body)}.type-panel p,.type-panel li{font-size:16px;line-height:1.7}
 .type-panel ul{padding-left:20px}.type-panel li+li{margin-top:8px}.discussion-label{font-size:15px;line-height:1.5}.section-stamp{font-size:12px;line-height:1.5}
 .video-samples{width:min(100%,280px,calc(55svh * .5742))}.video-samples .sample-heading{font-size:21px;line-height:1.4}
 .sample-card figcaption strong{font:600 16px/1.5 var(--body)}.sample-card figcaption span{font-size:14px;line-height:1.5}
 .gallery-controls button{min-height:44px;padding:10px 16px;font-size:14px}.gallery-count{font-size:14px}.more-examples{margin-top:18px}
 .style-grid{grid-template-columns:1fr;gap:14px}.style-card{display:grid;grid-template-columns:112px minmax(0,1fr);text-align:left;min-height:154px}
 .style-card .style-art{height:100%;aspect-ratio:auto}.style-card .style-label{padding:16px!important}.style-card h3{font:600 19px/1.4 var(--body);margin-bottom:6px}
 .style-card p{font-size:14px;line-height:1.6}.style-card .view-style{font-size:12px;line-height:1.5;margin-top:10px;letter-spacing:0}
 .idea-help{padding:18px 16px;gap:12px;margin-top:20px}.idea-help h3{font:600 20px/1.4 var(--body)}.idea-help p{font-size:16px;line-height:1.7}
 .process-steps{gap:14px}.process-step{padding:18px 16px;gap:14px}.process-icon{width:40px;height:40px}.process-step h3{font:600 18px/1.4 var(--body);margin:0 0 8px}.process-step p{font-size:16px;line-height:1.7}.process-badge{font-size:13px}
 .faqs summary{font-size:16px;line-height:1.55;padding-block:18px}.faqs details p{font-size:16px;line-height:1.7;padding-bottom:18px}
 .consultation{padding:24px 18px}.consultation-topics{gap:22px;margin-top:24px}.consultation-topics h3{font:600 19px/1.4 var(--body)}.consultation p{font-size:16px;line-height:1.7}
 .button,.text-link{font-size:15px;line-height:1.5}.button{min-height:48px}.text-link{display:inline-block;padding-block:8px}
 footer{gap:18px;padding-block:28px;font-size:14px;line-height:1.6}footer a,footer button{min-height:44px;display:inline-flex;align-items:center}
 .zalo-floating{min-height:48px;padding:10px 14px;font-size:15px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.zalo-floating svg{width:22px;height:22px}
 .dialog-copy{padding:22px 18px}.dialog-copy>h2,html[lang=vi] .dialog-copy>h2{font-size:30px;line-height:1.2}.style-detail h3{font-size:17px}.style-detail p{font-size:16px;line-height:1.7}
}
@media(max-width:360px){.header .brand-wordmark{font-size:27px}.header .brand-mark{flex-basis:40px;width:40px}.header .brand{gap:5px}.language-control select{padding-right:20px;font-size:13px}.style-card{grid-template-columns:92px minmax(0,1fr)}.style-card .style-label{padding:14px!important}.rate-quality{font-size:12px}.rate-amount{font-size:23px}.studio-banner{gap:12px;padding:14px}}

@media(max-width:600px){.header nav{scrollbar-width:none}.header nav::-webkit-scrollbar{display:none}.rates-heading h3{display:none}.rates-heading>p{margin-top:0}.rates-heading{margin-bottom:18px}}

@media(max-width:600px){
.style-card .style-art{position:relative;overflow:hidden}
.style-card .style-art::before{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);aspect-ratio:3/2;background-image:inherit;background-position:inherit;background-size:200% 200%;background-repeat:no-repeat}
.style-card .chibi-3d-art::before{background-size:cover}
.style-card h3{text-transform:none}
}

@media(max-width:600px){.video-samples{width:min(100%,260px,calc(43svh * .5742))}}

/* The 24-hour offer leads the brochure, with one clear price disclaimer. */
.featured-offer{margin-top:16px;margin-bottom:0}.featured-offer .offer-free{align-self:center;margin:0 0 10px;padding:5px 12px;border-radius:5px;background:#FFF;color:#A50C26;font:700 13px/1.35 var(--body);letter-spacing:.025em}
.featured-offer .offer-stamp strong{font-size:58px}.featured-offer .offer-stamp>span:last-child{max-width:145px;align-self:center;line-height:1.5}
.featured-offer .offer-copy>p:last-child{max-width:720px}
@media(max-width:600px){.featured-offer{margin-top:14px;grid-template-columns:minmax(0,1fr) 88px;padding:20px 16px;gap:14px}.featured-offer .offer-free{font-size:11px;padding:5px 7px;white-space:nowrap}.featured-offer .offer-stamp{padding-left:12px}.featured-offer .offer-stamp strong{font-size:42px}.featured-offer .offer-stamp>span:last-child{font-size:11px}.featured-offer h3{font-size:28px;line-height:1.2}.featured-offer .eyebrow{font-size:12px}.featured-offer .offer-copy>p:last-child{font-size:14px;line-height:1.6}}
@media(max-width:360px){.featured-offer{grid-template-columns:minmax(0,1fr) 76px;gap:10px;padding:18px 14px}.featured-offer h3{font-size:25px}.featured-offer .offer-free{font-size:10px}}

/* Dark fantasy world, with the exact studio logo and live text over it. */
.studio-banner{position:relative;isolation:isolate;flex-direction:column;justify-content:center;gap:12px;min-height:250px;padding:26px 24px;text-align:center;border:1px solid #694447;background-image:linear-gradient(90deg,#08080A70,#08080A88 50%,#08080A55),url('assets/fantasy-world-banner.png');background-size:cover;background-position:center 48%;box-shadow:inset 0 -40px 70px #08080A55}
.studio-banner-mark{flex:0 0 auto;width:88px;height:96px;filter:drop-shadow(0 2px 8px #000)}
.studio-banner-mark img{width:189px;height:189px;left:-50px;top:-24px}
.studio-banner-name{font-size:36px;color:#FFF;text-shadow:0 2px 10px #000}
.studio-banner-name span{color:#F4F4F5}.studio-banner-description{font-size:16px;color:#F4F4F5;text-shadow:0 2px 6px #000;margin-top:8px}
@media(max-width:600px){.studio-banner{min-height:224px;gap:10px;padding:20px 14px;background-position:72% center;background-image:linear-gradient(0deg,#08080AA6,#08080A55 65%,#08080A66),url('assets/fantasy-world-banner.png')}.studio-banner-mark{flex-basis:auto;width:80px;height:86px}.studio-banner-mark img{width:172px;height:172px;left:-45px;top:-22px}.studio-banner-name{font-size:27px;line-height:1.25}.studio-banner-name span{display:inline;font-size:inherit;margin:0}.studio-banner-description{font-size:14px;line-height:1.5;margin-top:6px}}