/* R306 — fonts are hosted with the website; all visual rules are scoped. */
/* FONT_FACES_R306 */
@font-face {
  font-family: 'DQ306Lobster';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/lobster-vietnamese-400-normal.woff?v=R306') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'DQ306Lobster';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/lobster-latin-400-normal.woff?v=R306') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DQ306Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/lora-vietnamese-400-normal.woff?v=R306') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'DQ306Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('./fonts/lora-latin-400-normal.woff?v=R306') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'DQ306Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('./fonts/lora-vietnamese-600-normal.woff?v=R306') format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'DQ306Lora';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('./fonts/lora-latin-600-normal.woff?v=R306') format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.dq-brand-r303.dq-r305-brand.dq-r306-brand{--dq306-gold:#ead398;--dq306-ink:#10372f;position:relative;isolation:isolate;overflow:hidden;max-width:1240px;padding:34px 30px 28px;margin:32px auto;border:1px solid #dfbe75;border-radius:22px;background-color:#0d302a;background-image:linear-gradient(90deg,#03261c24,#001d1717),url('./assets/scenery.webp?v=R306');background-position:center;background-size:cover;box-shadow:inset 0 0 0 4px #062d25,inset 0 0 0 5px #c1a15a9c,0 16px 44px #12382b20;color:#fff5dd;font-family:'DQ306Lora',Georgia,serif;font-size:16px;line-height:1.85;scroll-margin-top:100px}
.dq-brand-r303.dq-r305-brand.dq-r306-brand:before{display:none}
.dq-brand-r303.dq-r305-brand.dq-r306-brand:after{inset:9px;border:1px solid #d3b16d91;border-radius:13px;z-index:-1}
.dq-r306-brand .dq-r305-heading{position:relative;display:flex;gap:22px;align-items:center;margin:0 0 22px}
.dq-r306-brand .dq-r305-seal{flex:0 0 88px;width:88px;height:88px;border:2px solid #d9b86e;border-radius:50%;background:radial-gradient(ellipse at 35% 20%,#7da79477,#103b33 68%);box-shadow:0 4px 10px #0005,inset 0 0 0 3px #10372e,inset 0 0 0 4px #b49a5e88;overflow:hidden;display:grid;place-items:center}
.dq-r306-brand .dq306-seal-art{display:block;max-width:none;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-eyebrow{color:#e9ce8c;font-family:'DQ306Lora',Georgia,serif;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.18em;text-shadow:0 1px 3px #001b12}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-heading h2{margin:5px 0 0;font-family:'DQ306Lobster',Georgia,serif;font-size:clamp(32px,3.3vw,48px);font-weight:400;font-synthesis:none;font-style:normal;line-height:1.28;letter-spacing:0;color:#fff0ca;text-shadow:0 2px 2px #001d17cc,0 0 22px #f4dfa322;font-feature-settings:'liga','kern';overflow-wrap:normal}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-intro{position:relative;margin:0;max-width:1120px;font-family:'DQ306Lora',Georgia,serif;font-size:16px;font-weight:400;line-height:1.95;color:#fff5de;text-shadow:0 1px 3px #001e16,0 0 8px #001e16b3;text-wrap:pretty}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-intro strong{color:#fff4d1;font-weight:600}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-intro{isolation:isolate}
.dq-r306-brand .dq-r305-intro:before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:-8px -10px;border-radius:8px;background:linear-gradient(90deg,#03271eb3,#03271e9c);box-shadow:0 0 14px #03271e3d}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-brand-r303-slogan{margin:21px 0 24px;padding-top:14px;border-top:1px solid #d9bd73ba;font-family:'DQ306Lora',Georgia,serif;font-size:12px;line-height:1.8;letter-spacing:.17em;text-shadow:0 1px 3px #001e16}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-brand-r303-slogan strong{color:#efd69a;font-weight:600}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(105px,37%) minmax(0,1fr);gap:9px;align-items:center;min-width:0;min-height:218px;padding:18px 16px 23px 12px;border:1px solid #e4c17a;border-radius:17px;background-color:#e9ecda;background-image:linear-gradient(105deg,#f3f2dfef,#eff0dbeb),url('./assets/scenery.webp?v=R306');background-size:cover;background-position:center 72%;color:var(--dq306-ink);box-shadow:inset 0 0 0 3px #fff8dc7d,inset 0 0 0 4px #a48e5f5c,0 5px 12px #001d1770;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-shadow:none;overflow:hidden;text-decoration:none}
.dq-r306-brand .dq-r305-card:before{content:'';position:absolute;pointer-events:none;inset:7px;border:1px solid #9d8b5b42;border-radius:10px}
.dq-r306-brand .dq-r305-card-icon{position:relative;display:grid;place-items:center;width:100%;height:144px;min-width:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;overflow:visible}
.dq-r306-brand .dq306-art{display:block;position:relative;width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 8px 5px #26443140);transition:transform .2s ease}
.dq-r306-brand .dq-r305-card-copy{position:relative;display:flex;flex-direction:column;gap:9px;align-self:center;min-width:0;padding:0 0 26px}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-kicker{color:#76541e;font-family:'DQ306Lora',Georgia,serif;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.1em}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-title{color:#0b2e26;font-family:'DQ306Lobster',Georgia,serif;font-size:25px;font-weight:400;font-synthesis:none;line-height:1.28;letter-spacing:0;text-wrap:balance;font-feature-settings:'liga','kern'}
.dq-r306-brand .dq-r305-card-desc{color:#244031;font-family:'DQ306Lora',Georgia,serif;font-size:13px;font-weight:400;line-height:1.65}
.dq-r306-brand .dq-r305-card-arrow{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;align-self:auto;border:1px solid #deb463;border-radius:50%;background:linear-gradient(145deg,#2b6554,#073c32);color:#ffe7b1;box-shadow:0 3px 5px #18372650,inset 0 0 0 2px #56745888}
.dq-r306-brand .dq-r305-card-arrow svg{display:block;width:20px;height:20px}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-app{background-color:#f4dfac;background-image:linear-gradient(110deg,#fff1c5ed,#f6dfaae8),url('./assets/scenery.webp?v=R306');border-color:#f5d793;box-shadow:inset 0 0 0 3px #fff8dc99,inset 0 0 0 4px #b7964d70,0 5px 15px #001d1770}
.dq-r306-brand .dq-r305-card-app .dq-r305-card-arrow{background:linear-gradient(145deg,#d1aa50,#8f631c);box-shadow:0 3px 5px #805a2850,inset 0 0 0 2px #f4db9399;color:#fff7d8}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card:hover{transform:translateY(-3px);border-color:#fff0b8;box-shadow:inset 0 0 0 3px #fff8dc9c,inset 0 0 0 4px #a48e5f5c,0 9px 18px #001d1770}
.dq-r306-brand .dq-r305-card:hover .dq306-art{transform:translateY(-2px)}
.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card:focus-visible{outline:3px solid #fff5be;outline-offset:3px}
.dq-r306-brand .dq306-corner{position:absolute;z-index:2;pointer-events:none;width:49px;height:49px;color:#e3c477}
.dq-r306-brand .dq306-corner-tl{top:1px;left:1px}.dq-r306-brand .dq306-corner-tr{top:1px;right:1px;transform:rotate(90deg)}.dq-r306-brand .dq306-corner-br{bottom:1px;right:1px;transform:rotate(180deg)}.dq-r306-brand .dq306-corner-bl{bottom:1px;left:1px;transform:rotate(270deg)}
@media(max-width:1279px){.dq-brand-r303.dq-r305-brand.dq-r306-brand{margin-left:24px;margin-right:24px;padding:30px 26px 25px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card{grid-template-columns:minmax(90px,35%) minmax(0,1fr);min-height:235px;padding:15px 13px 25px 10px;gap:8px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-title{font-size:24px}.dq-r306-brand .dq-r305-card-desc{font-size:12px}}
@media(min-width:641px) and (max-width:1000px){.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px;min-height:330px;padding:16px 16px 44px;text-align:center}.dq-r306-brand .dq-r305-card-icon{height:120px;flex:0 0 120px}.dq-r306-brand .dq306-art{height:120px}.dq-r306-brand .dq-r305-card-copy{padding:0;gap:8px;align-self:stretch}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-title{font-size:24px}.dq-r306-brand .dq-r305-card-arrow{bottom:10px;right:calc(50% - 17px)}}
@media(max-width:640px){.dq-brand-r303.dq-r305-brand.dq-r306-brand{margin:24px 16px;padding:24px 20px 21px;border-radius:19px;background-position:66% center}.dq-r306-brand .dq-r305-heading{gap:13px;align-items:center;margin-bottom:20px}.dq-r306-brand .dq-r305-seal{flex-basis:60px;width:60px;height:60px}.dq-r306-brand .dq306-seal-art{width:55px;height:55px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-eyebrow{font-size:8px;letter-spacing:.09em}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-heading h2{font-size:29px;line-height:1.25;margin-top:7px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-intro{font-size:14px;line-height:1.9}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-brand-r303-slogan{font-size:10px;line-height:1.8;letter-spacing:.1em;margin:20px 0 22px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-cards{grid-template-columns:minmax(0,1fr);gap:13px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card{grid-template-columns:100px minmax(0,1fr);min-height:194px;padding:17px 15px 20px 10px;gap:10px}.dq-r306-brand .dq-r305-card-icon{height:130px}.dq-r306-brand .dq-r305-card-copy{gap:8px;padding-bottom:25px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-title{font-size:25px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-kicker{font-size:8px;letter-spacing:.08em}.dq-r306-brand .dq-r305-card-desc{font-size:12px;line-height:1.65}.dq-r306-brand .dq-r305-card-arrow{width:31px;height:31px;right:13px;bottom:12px}.dq-r306-brand .dq306-corner{width:37px;height:37px}}
@media(max-width:360px){.dq-brand-r303.dq-r305-brand.dq-r306-brand{padding:23px 17px 19px;margin-left:12px;margin-right:12px}.dq-r306-brand .dq-r305-seal{flex-basis:48px;width:48px;height:48px}.dq-r306-brand .dq306-seal-art{width:44px;height:44px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-heading h2{font-size:27px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card{grid-template-columns:82px minmax(0,1fr);gap:8px;padding:16px 12px 21px 8px;min-height:205px}.dq-r306-brand .dq-r305-card-icon{height:110px}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card-title{font-size:23px}.dq-r306-brand .dq-r305-card-desc{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card,.dq-r306-brand .dq306-art{transition:none}.dq-brand-r303.dq-r305-brand.dq-r306-brand .dq-r305-card:hover,.dq-r306-brand .dq-r305-card:hover .dq306-art{transform:none}}
