.root-index-page{margin:0;min-height:100vh;background:#040505;color:#f5efe4;overflow-x:hidden}
.root-main{min-height:calc(100vh - 114px)}
.root-index-shell{padding-bottom:26px}
.root-wrap{width:min(1360px,calc(100% - 220px));margin-inline:auto}
@media(max-width:1180px){.root-wrap{width:min(1100px,calc(100% - 34px))}}
@media(max-width:640px){.root-wrap{width:min(100% - 16px,520px)}.root-main{min-height:calc(100vh - 92px)}.root-index-shell{padding-bottom:10px}}


.root-stage{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(214,173,65,.16);background:#050606 url('/assets/backgrounds/root/root-hero-pc-v89.webp') center top/cover no-repeat}
.root-stage::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.14) 0%,rgba(0,0,0,.26) 36%,rgba(0,0,0,.66) 100%),radial-gradient(ellipse at 50% 22%,rgba(207,161,47,.10),transparent 34%),radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.50) 100%)}
.root-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 18%,transparent 82%,rgba(0,0,0,.24))}
.root-stage__inner{padding-top:32px;padding-bottom:38px}
.root-hero{max-width:790px;margin:0 auto 24px;text-align:center}
.root-hero__mark{display:block;width:74px;height:74px;margin:0 auto 8px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.62))}
.root-hero h1{margin:0;color:#e3bd5b;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,4.6vw,78px);font-weight:700;line-height:.96;letter-spacing:.035em;text-shadow:0 2px 16px rgba(0,0,0,.92),0 0 28px rgba(210,166,55,.10)}
.root-hero__studio{margin:9px 0 0;color:#f4eee4;font-family:Arial,sans-serif;font-size:clamp(13px,1vw,16px);font-weight:700;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.88)}
.root-hero__intro{max-width:690px;margin:13px auto 0;color:#d0c7b8;font-size:clamp(11px,.82vw,13px);font-weight:600;line-height:1.65;text-wrap:balance;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.root-hero__market-label{margin:10px 0 0;color:#a19068;font-size:9px;font-weight:800;letter-spacing:.055em}

@media(min-width:641px){
.root-stage::before{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.42) 100%),radial-gradient(ellipse at 50% 22%,rgba(207,161,47,.08),transparent 36%),radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.10) 66%,rgba(0,0,0,.28) 100%)}
.root-stage::after{background:linear-gradient(90deg,rgba(0,0,0,.10),transparent 16%,transparent 84%,rgba(0,0,0,.10))}
}


.market-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.market-card{position:relative;display:flex;min-width:0;min-height:360px;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding:22px 20px 18px;border:1px solid rgba(224,181,61,.82);border-radius:14px;background:#08090a;color:#fff;text-align:center;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 18px 42px rgba(0,0,0,.31);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.market-card::before,.market-card::after{content:"";position:absolute;inset:0;pointer-events:none}.market-card::before{z-index:0;background-repeat:no-repeat;background-size:cover;opacity:.78;filter:saturate(.98) contrast(1.05)}
.market-card--th::before{background-image:url('/assets/backgrounds/root/cards/card-th-v89.webp');background-position:center}.market-card--vi::before{background-image:url('/assets/backgrounds/root/cards/card-vi-v89.webp');background-position:center}.market-card--ko::before{background-image:url('/assets/backgrounds/root/cards/card-ko-v89.webp');background-position:center}
.market-card::after{z-index:1;background:linear-gradient(180deg,rgba(4,5,6,.60) 0%,rgba(4,5,6,.18) 42%,rgba(4,5,6,.66) 72%,rgba(4,5,6,.95) 100%),radial-gradient(circle at 50% 22%,rgba(217,173,67,.08),transparent 30%)}
.market-card:hover{transform:translateY(-4px);border-color:#f0cc68;box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 28px rgba(211,167,48,.12)}.market-card:focus-visible{outline:2px solid #f1cd67;outline-offset:3px}.market-card>*{position:relative;z-index:2}
.market-card__no{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(218,176,61,.62);border-radius:7px;background:rgba(5,6,7,.82);color:#d8b650;font-size:10px;font-weight:900}
.market-card__flag{display:grid;place-items:center;width:64px;height:44px;margin-top:3px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:rgba(255,255,255,.06);box-shadow:0 8px 20px rgba(0,0,0,.30);overflow:hidden}.market-card__flag img{display:block;width:100%;height:100%;object-fit:cover}
.market-card__country{margin-top:14px;color:#e9c25c;font-family:Arial,sans-serif;font-size:30px;font-weight:900;line-height:1;letter-spacing:.04em;text-shadow:0 2px 14px rgba(0,0,0,.95)}
.market-card__brand{margin-top:6px;color:#f0e4c1;font-size:13px;font-weight:850;letter-spacing:.045em;text-shadow:0 2px 10px rgba(0,0,0,.92)}
.market-card__desc{max-width:300px;margin-top:8px;color:#d7ccbb;font-size:10px;font-weight:650;line-height:1.5;text-shadow:0 2px 9px rgba(0,0,0,.95)}
.market-card__cta{width:min(100%,300px);min-height:42px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 18px;border:1px solid rgba(229,187,62,.92);border-radius:999px;background:rgba(5,6,7,.74);color:#ebca67;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.market-card__cta b{font-size:11px;font-weight:850}.market-card__cta i{font-style:normal;font-size:16px;line-height:1;transition:transform .2s ease}.market-card:hover .market-card__cta i{transform:translateX(3px)}

@media(min-width:761px){
.market-card::before{opacity:.92;filter:saturate(1.05) contrast(1.02) brightness(1.10)}
.market-card::after{background:linear-gradient(180deg,rgba(4,5,6,.42) 0%,rgba(4,5,6,.10) 42%,rgba(4,5,6,.48) 72%,rgba(4,5,6,.82) 100%),radial-gradient(circle at 50% 22%,rgba(217,173,67,.06),transparent 32%)}
}
@media(max-width:1180px){.market-grid{gap:12px}.market-card{min-height:320px;padding-inline:16px}.market-card__country{font-size:26px}.market-card__cta{width:min(100%,270px)}}
@media(max-width:760px){.market-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto;gap:8px}.market-card{min-height:132px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:12px;padding:12px 14px 11px 48px;border-radius:11px;text-align:left}.market-card::before{background-size:cover;opacity:.68}.market-card::after{background:linear-gradient(90deg,rgba(3,4,5,.86),rgba(3,4,5,.38) 58%,rgba(3,4,5,.70)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52))}.market-card__no{top:10px;left:10px;width:25px;height:25px;font-size:8px}.market-card__flag{grid-column:1;grid-row:1/4;width:52px;height:36px;margin:0;align-self:start}.market-card__country{grid-column:2;grid-row:1;margin:0;font-size:21px;align-self:end}.market-card__brand{grid-column:2;grid-row:2;margin-top:4px;font-size:9px}.market-card__desc{display:none}.market-card__cta{grid-column:1/3;grid-row:3;width:100%;min-height:31px;margin-top:8px;padding:0 12px;justify-content:center}.market-card__cta b{font-size:9px}.market-card__cta i{font-size:13px}}


.root-samples{margin-top:18px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.section-heading__title{display:flex;align-items:center;gap:8px;min-width:0}
.section-heading__title>span{color:#d6af43;font-size:11px;font-weight:900}
.section-heading h2{margin:0;color:#f1eadc;font-size:15px;line-height:1.2}
.section-heading__link{display:inline-flex;align-items:center;gap:9px;color:#b9953c;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}
.section-heading__link:hover{color:#f0ca63}
.section-heading__link span{font-size:14px}

.root-samples__rows{display:grid;gap:10px;width:100%}
.root-samples__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}
.root-sample{appearance:none;position:relative;display:block;width:100%;min-width:0;padding:0;margin:0;overflow:hidden;border:1px solid rgba(212,175,55,.34);border-radius:6px;background:#0d0d0c;color:inherit;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.01);transition:border-color .18s ease,transform .18s ease}
.root-sample--banner{aspect-ratio:2/1}
.root-sample--work{aspect-ratio:4/5}
.root-sample:hover{border-color:rgba(231,193,76,.78);transform:translateY(-2px)}
.root-sample:focus-visible{outline:2px solid #e5bf58;outline-offset:2px}
.root-sample img,.root-sample__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.root-sample__video{background:#070808;pointer-events:none}
.root-sample--empty{cursor:default}
.root-sample--empty:hover{transform:none;border-color:rgba(212,175,55,.24)}
.root-sample__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(212,175,55,.10),transparent 34%),linear-gradient(145deg,#15130f,#080909 72%)}
.root-sample__placeholder span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(212,175,55,.34);border-radius:50%;color:#d4af37;font-family:Georgia,serif;font-size:8px}
.media-badge{position:absolute;right:6px;top:6px;z-index:2;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.76);color:#e6bd54;font-size:8px;font-weight:900}

@media (min-width:901px){
  .root-samples{margin-top:16px}
  .section-heading{margin-bottom:11px}
  .section-heading h2{font-size:16px;letter-spacing:-.01em}
  .section-heading__link{font-size:9px}
}

@media (max-width:900px){
  .root-samples__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}

@media (max-width:640px){
  .root-samples{margin-top:10px}
  .section-heading{margin-bottom:7px}
  .section-heading h2{font-size:13px}
  .section-heading__link{font-size:8px}
  .root-samples__rows{gap:8px}
  .root-samples__row{display:grid;grid-auto-flow:column;justify-content:start;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .root-samples__row::-webkit-scrollbar{display:none}
  .root-samples__row--banner{grid-template-columns:none;grid-auto-columns:min(72vw,400px)}
  .root-samples__row--work{grid-template-columns:none;grid-auto-columns:min(42vw,200px)}
  .root-sample{scroll-snap-align:start}
}


.root-footer{
    margin-top:28px;
    border-top:1px solid rgba(213,172,56,.22);
    background:#060707;
}

.root-footer__grid{
    display:grid;
    grid-template-columns:minmax(280px,1.05fr) minmax(420px,1.35fr);
    align-items:center;
    gap:42px;
    padding-top:24px;
    padding-bottom:18px;
}

.root-footer__brand>a{
    display:flex;
    align-items:center;
    gap:12px;
    color:#f2eee5;
    text-decoration:none;
}

.root-footer__brand img{
    width:54px;
    height:54px;
    object-fit:contain;
}

.root-footer__brand strong{
    display:block;
    color:#f0eee8;
    font-size:16px;
    letter-spacing:.025em;
}

.root-footer__brand small{
    display:block;
    margin-top:4px;
    color:#77726a;
    font-size:8px;
}

.root-footer__nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.root-footer__nav>a{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border:1px solid rgba(211,173,80,.13);
    border-radius:9px;
    background:rgba(255,255,255,.012);
    color:#d3ad50;
    font-size:.82rem;
    font-weight:800;
    text-align:center;
    text-decoration:none;
}

.root-footer__nav>a:hover{
    border-color:rgba(211,173,80,.30);
    color:#e8c15b;
}

.root-footer__bottom{
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid rgba(255,255,255,.055);
    color:#625e58;
    font-size:8px;
}

.root-footer__visitors{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-left:auto;
    margin-right:12px;
}

.root-footer__visitors>span{
    min-height:28px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 9px;
    border:1px solid rgba(213,172,56,.14);
    border-radius:8px;
    background:rgba(255,255,255,.018);
    white-space:nowrap;
}

.root-footer__visitors b{
    color:#777169;
    font-size:8px;
    font-weight:700;
}

.root-footer__visitors strong{
    color:#d2ad4e;
    font-size:9px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

@media (min-width:761px){
    .root-footer__bottom{
        min-height:72px;
        gap:22px;
        font-size:9px;
    }

    .root-footer__visitors{
        gap:10px;
        margin-left:auto;
        margin-right:4px;
    }

    .root-footer__visitors>span{
        width:118px;
        min-width:118px;
        height:48px;
        min-height:48px;
        justify-content:center;
        gap:10px;
        padding:0 15px;
        box-sizing:border-box;
        border-color:rgba(211,173,80,.30);
        border-radius:11px;
        background:linear-gradient(180deg,rgba(211,173,80,.06),rgba(255,255,255,.018));
    }

    .root-footer__visitors b{
        color:#aaa195;
        font-size:.73rem;
        font-weight:800;
        line-height:1;
    }

    .root-footer__visitors strong{
        color:#e0b74c;
        font-size:1.02rem;
        line-height:1;
    }
}

@media (min-width:1181px){
    .root-footer__brand img{
        width:56px;
        height:56px;
    }

    .root-footer__brand strong{
        font-size:1.04rem;
        line-height:1.2;
    }

    .root-footer__brand small{
        color:#989289;
        font-size:.84rem;
        line-height:1.45;
    }

    .root-footer__bottom{
        font-size:.76rem;
    }
}

@media (max-width:760px){
    .root-footer{
        margin-top:16px;
    }

    .root-footer__grid{
        grid-template-columns:minmax(0,1fr);
        gap:22px;
        padding-top:22px;
    }

    .root-footer__brand strong{
        font-size:14px;
    }

    .root-footer__nav{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .root-footer__bottom{
        flex-wrap:wrap;
        justify-content:center;
        gap:8px 12px;
    }

    .root-footer__visitors{
        order:-1;
        width:100%;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:5px;
        margin:0;
    }

    .root-footer__visitors>span{
        min-height:31px;
        justify-content:center;
        padding:0 5px;
    }
}


.root-stage__inner{padding-top:24px;padding-bottom:28px}
.root-hero{max-width:720px;margin-bottom:18px}
.root-hero__mark{width:60px;height:60px;margin-bottom:6px}
.root-hero h1{font-size:clamp(48px,4.15vw,68px);line-height:.98}
.root-hero__studio{margin-top:7px;font-size:clamp(12px,.9vw,15px)}
.root-hero__intro{max-width:650px;margin-top:10px;font-size:clamp(10.5px,.76vw,12.5px);line-height:1.55}
.root-hero__market-label{margin-top:8px;font-size:8.5px}
.market-grid{gap:14px}
.market-card{min-height:292px;padding:18px 18px 15px;border-radius:12px}
.market-card__no{top:12px;left:12px;width:28px;height:28px}
.market-card__flag{width:58px;height:40px}
.market-card__country{margin-top:12px;font-size:27px}
.market-card__brand{margin-top:5px;font-size:11.5px}
.market-card__desc{margin-top:7px;font-size:9.5px;line-height:1.42}
.market-card__cta{width:min(100%,280px);min-height:38px;padding-inline:16px}
.market-card__cta b{font-size:10px}
.root-samples{margin-top:14px}
.section-heading{margin-bottom:8px}
@media(max-width:1180px){
  .market-card{min-height:276px;padding-inline:15px}
  .market-card__country{font-size:24px}
}