/* AU WOK PALACE — Chinese Illustrations */

/* ========== SHARED ILLUSTRATION STYLES ========== */
.cn-illus{
    position:absolute;pointer-events:none;z-index:0;
}
.cn-illus svg{display:block;width:100%;height:100%}

/* ========== DRAGON — 龙 ========== */
.illus-dragon{
    width:320px;height:auto;opacity:.07;
}
.illus-dragon.right{right:-2%;top:10%}
.illus-dragon.left{left:-2%;bottom:10%;transform:scaleX(-1)}

/* ========== PAGODA — 塔 ========== */
.illus-pagoda{
    width:140px;height:auto;opacity:.06;
}

/* ========== LANTERN — 灯笼 ========== */
.illus-lantern{
    width:55px;height:auto;opacity:.09;
    animation:lanternSway 6s ease-in-out infinite;
}
.illus-lantern-sm{width:38px;opacity:.06;animation:lanternSway 8s ease-in-out 1s infinite}
@keyframes lanternSway{
    0%,100%{transform:rotate(-2deg) translateY(0)}
    50%{transform:rotate(2deg) translateY(-6px)}
}

/* ========== FAN — 扇 ========== */
.illus-fan{
    width:120px;height:auto;opacity:.06;
}

/* ========== TEAPOT — 茶壶 ========== */
.illus-teapot{
    width:100px;height:auto;opacity:.06;
}

/* ========== CHINESE KNOT — 中国结 ========== */
.illus-knot{
    width:60px;height:auto;opacity:.08;
}

/* ========== CLOUD — 祥云 ========== */
.illus-cloud{
    width:180px;height:auto;opacity:.05;
}
.illus-cloud-sm{width:100px;opacity:.04}

/* ========== GATE / TORII — 门 ========== */
.illus-gate{
    width:130px;height:auto;opacity:.05;
}

/* ========== CONICAL HAT — 斗笠 ========== */
.illus-hat{
    width:80px;height:auto;opacity:.05;
}

/* ========== DRAGON PNG ========== */
.illus-dragon-img{
    position:absolute;pointer-events:none;z-index:0;
    opacity:.10;
    width:clamp(180px, 22vw, 350px);
    height:auto;
}
.illus-dragon-img img{
    width:100%;height:auto;display:block;
}
.illus-dragon-img.flipped img{
    transform:scaleX(-1);
}

/* ========== CHINESE KNOT PNG — 中国结 ========== */
.illus-knot-img{
    position:absolute;pointer-events:none;z-index:0;
    opacity:.12;
    width:clamp(80px, 10vw, 160px);
    height:auto;
}
.illus-knot-img img{
    width:100%;height:auto;display:block;
}

/* ========== RESPONSIVE ========== */
@media(max-width:768px){
    .cn-illus{display:none}
    .illus-dragon-img{display:none}
    .illus-knot-img{display:none}
}
@media(min-width:769px) and (max-width:1200px){
    .cn-illus{opacity:.04!important}
    .illus-dragon{width:220px}
    .illus-pagoda{width:100px}
    .illus-fan{width:90px}
}