@import url('v2-visual.css');
:root{--ink:#282923;--muted:#66655d;--blue:#846449;--paper:#edeae2;--line:#d5d0c4}
html{background:#f5f2eb;scroll-behavior:smooth}body{background:#f5f2eb;color:var(--ink)}.v3-site{padding:24px 24px 0}.wrap{max-width:1280px;width:calc(100% - 88px)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.5px}h3{font-weight:500}.eyebrow{color:#846449;letter-spacing:1px}.masthead{position:absolute;top:24px;left:24px;right:24px;background:none;color:#fff;border-bottom:1px solid #ffffff38;border-radius:0;z-index:20}.masthead .brand{color:white}.header-row{height:100px}.brand{font-size:40px}.edition-nav{display:flex;align-items:center;gap:30px;font-size:15px}.edition-nav a,.edition-nav summary{transition:color .2s;cursor:pointer}.edition-nav summary{list-style:none;padding:15px 0}.edition-nav summary::-webkit-details-marker{display:none}.edition-nav summary:after{content:'+';margin-left:10px;color:#d9b995}.edition-nav details[open] summary:after{content:'−'}.edition-nav details{position:relative}.edition-nav [aria-current],.edition-nav a:hover,.edition-nav summary:hover{color:#ead3b5}.dropdown{position:absolute;top:100%;left:-22px;min-width:270px;background:#f5f2eb;color:#282923;border-radius:12px;padding:12px;box-shadow:0 15px 40px #1113}.dropdown a{display:block;padding:12px;border-radius:7px}.dropdown a:hover{background:#e5ddcf;color:#58422f}.home-stage{position:relative;height:min(760px,calc(100svh - 48px));min-height:640px;border-radius:22px;overflow:hidden;background:#292922}.gallery{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cfb99a #24251f}.gallery figure{margin:0;flex:0 0 100%;height:100%;scroll-snap-align:start;position:relative}.gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151b16b8,#151b1625 65%),linear-gradient(0deg,#10151088,transparent 30%);pointer-events:none}.gallery img{width:100%;height:100%;object-fit:cover}.stage-copy{position:absolute;top:29%;left:6%;width:52%;color:#fff;pointer-events:none}.stage-copy .eyebrow{color:#e6ceb0;font-size:12px}.stage-copy h1{font-size:clamp(54px,5.8vw,88px);line-height:1.09;margin:20px 0 24px}.stage-copy em{font-weight:400;color:#e5ceb0}.stage-copy>p:not(.eyebrow){font-size:18px;max-width:34ch;color:#f1eee6}.stage-copy .button{pointer-events:auto;margin-top:30px;background:#efe8dc;color:#302b25}.button{background:#393c32;color:#fff;border-radius:8px}.button:hover{background:#806448;color:white}.stage-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#eee8dd;font-size:12px;pointer-events:none}.stage-bottom nav{display:flex;gap:12px;pointer-events:auto}.stage-bottom nav a{padding:10px 12px;border-bottom:1px solid #ffffff70}.stage-bottom nav a:hover{background:#ffffff25}.footer{background:transparent;color:#383b31;padding-top:54px}.footer .brand{color:#383b31}.footer p,.footer-bottom{color:#66665a}.footer h2{font-family:inherit;font-size:15px;font-weight:600}.footer a:hover{color:#896748}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-bottom{border-color:#d5d0c4;margin-top:32px}.versions{display:flex;gap:22px}.versions [aria-current]{color:#826347}.inner-hero{height:560px;min-height:560px;border-radius:22px}.inner-hero .hero-content{padding-top:150px}.inner-hero .hero-content h1{font-size:clamp(46px,5vw,72px)}.inner-hero:after{background:linear-gradient(90deg,#21241de8,#21241d44)}.inner-hero .hero-backdrop{filter:saturate(.65)}.contact-band{background:#e8e2d6;color:#34372e;border-radius:18px}.contact-band p{color:#626254}.contact-band .button{background:#393c32;color:white}.section{padding-block:85px}.section h2{font-size:clamp(34px,3.6vw,52px)}.service-catalog article{padding-bottom:44px;border-bottom:1px solid var(--line)}.service-catalog img,.image-frame,.about-layout img,.detail-layout img{border-radius:16px}.soft-section{background:#eae5db;border-radius:18px}.contact-form-wrap{background:#e9e4da}.project-caption h2{font-family:Georgia,serif}.preview-banner{position:relative;z-index:30}.v3-site:has(.preview-banner) .masthead{top:76px}:focus-visible{outline:3px solid #bd8a53;outline-offset:5px}
@media(max-width:900px){.edition-nav{gap:17px}.wrap{width:calc(100% - 48px)}.stage-copy{width:65%}.stage-copy h1{font-size:62px}.swipe-hint{display:none}}
@media(max-width:600px){.v3-site{padding:10px 10px 0}.masthead{inset:10px 10px auto}.header-row{height:auto;min-height:116px;display:block;padding:18px 0 10px}.brand{font-size:30px}.logo-sub{font-size:8px}.edition-nav{gap:0;justify-content:space-between;font-size:12px;margin-top:12px}.edition-nav summary{padding:8px 0}.edition-nav summary:after{margin-left:4px}.edition-nav details{position:static}.dropdown{top:100%;left:12px;right:12px;min-width:0;font-size:15px;max-height:60svh;overflow:auto}.home-stage{height:720px;min-height:660px;border-radius:16px}.stage-copy{top:26%;left:7%;width:86%}.stage-copy h1{font-size:48px;letter-spacing:-1.7px}.stage-copy>p:not(.eyebrow){font-size:17px;max-width:27ch}.stage-copy .eyebrow{font-size:10px;letter-spacing:.5px}.gallery img{object-position:62% center}.gallery figure:after{background:linear-gradient(90deg,#151b16b8,#151b1640),linear-gradient(0deg,#10151088,transparent)}.stage-bottom{left:7%;right:7%;bottom:24px;align-items:end;gap:10px}.stage-bottom>span{max-width:15ch;font-size:10px}.stage-bottom nav{gap:3px}.wrap{width:calc(100% - 32px)}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{gap:16px}.inner-hero{min-height:520px;height:auto;border-radius:16px}.inner-hero .hero-content{padding-top:190px;padding-bottom:45px}.inner-hero .hero-content h1{font-size:42px}.section{padding-block:52px}.section h2{font-size:34px}.contact-band{padding:35px 0}.v3-site:has(.preview-banner) .masthead{top:62px}}
@media(prefers-reduced-motion:reduce){html,.gallery{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.v3-site .masthead{inset:24px 24px auto;background:transparent;backdrop-filter:none;border-radius:22px 22px 0 0}.v3-site h1,.v3-site h2{font-family:'Times New Roman',serif}.stage-copy em{font-style:normal}.v3-site .hero-content{z-index:2}@media(max-width:600px){.v3-site .masthead{inset:10px 10px auto;border-radius:16px 16px 0 0}}


/* Strong contrast on warm surfaces, independent of the V2 dark section styles. */
.v3-site .soft-section{background:#eae5db;color:#282923}.v3-site .soft-section :is(h2,h3){color:#282923}.v3-site .soft-section p{color:#46483e}.v3-site .soft-section article{opacity:1;animation:none}
.auto-gallery{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none}.auto-track{display:flex;height:100%;width:100%;animation:v3-autoplay 24s infinite cubic-bezier(.65,0,.35,1)}.auto-frame{flex:0 0 100%;position:relative;height:100%}.auto-frame img{width:100%;height:100%;object-fit:cover}.auto-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151b16b8,#151b1625 65%),linear-gradient(0deg,#10151088,transparent 30%)}
@keyframes v3-autoplay{0%,25%{transform:translateX(0)}33.333%,58.333%{transform:translateX(-100%)}66.666%,91.666%{transform:translateX(-200%)}100%{transform:translateX(-300%)}}
.autoplay-switch{position:absolute;z-index:4;right:calc(6% + 124px);bottom:90px;width:18px;height:18px;margin:0;accent-color:#bc946b;cursor:pointer}.autoplay-label{position:absolute;z-index:4;right:6%;bottom:85px;color:white;font-size:14px;padding:3px 5px;margin:0;cursor:pointer;background:#242820c9;border-radius:5px}.autoplay-switch:checked~.auto-gallery{display:block}.autoplay-switch:checked~.gallery{visibility:hidden}.autoplay-switch:checked~.stage-bottom nav{visibility:hidden}.home-stage:has(.autoplay-switch:checked) .swipe-hint{font-size:0}.home-stage:has(.autoplay-switch:checked) .swipe-hint:after{content:'Bỏ chọn tự chuyển để vuốt ảnh';font-size:12px}
@media(max-width:600px){.auto-frame img{object-position:62% center}.auto-frame:after{background:linear-gradient(90deg,#151b16b8,#151b1640),linear-gradient(0deg,#10151088,transparent)}.autoplay-label{bottom:85px}.autoplay-switch{bottom:90px}}
@media(prefers-reduced-motion:reduce){.autoplay-switch,.autoplay-label,.autoplay-switch:checked~.auto-gallery{display:none}.autoplay-switch:checked~.gallery,.autoplay-switch:checked~.stage-bottom nav{visibility:visible}.home-stage:has(.autoplay-switch:checked) .swipe-hint:after{content:'Vuốt để khám phá ↔'}}