*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9eeed;color:#283337;font-family:'Segoe UI',Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}header{position:fixed;z-index:20;inset:0 0 auto;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:linear-gradient(#f4f6f3ec,transparent)}.signature{font-weight:600;font-size:16px;letter-spacing:.02em}.signature small{font-weight:400;opacity:.6;margin-left:20px;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.tools{display:flex;gap:9px}button{border:1px solid #73848160;border-radius:30px;background:#f5f7f480;padding:9px 16px;font-size:11px;color:#283337}button:hover{background:#fff}#journey{height:850vh}.sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.stage{width:min(100vw,177.7778vh);aspect-ratio:16/9;position:relative;isolation:isolate;background:#f2f4ef;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity,transform}.scene.active{pointer-events:auto}.media{position:absolute;overflow:hidden}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.contain img{object-fit:contain}.kicker{font-size:clamp(9px,1vw,17px);letter-spacing:.22em;text-transform:uppercase;font-weight:500}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}h1,h2,h3,p{margin:0}h1,h2{font-weight:300;letter-spacing:-.055em;line-height:1.02}p{font-size:clamp(11px,1.12vw,19px);line-height:1.6;max-width:34em}.fine{font-size:clamp(8px,.75vw,12px);line-height:1.5;opacity:.7}.label{font-size:clamp(9px,.85vw,14px);letter-spacing:.09em;text-transform:uppercase}.hairline{height:1px;background:#55767245}.hero .media{inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eaf0edeb 0%,#edf3efb8 36%,transparent 76%),linear-gradient(0deg,#edf2ef,transparent 35%);z-index:0}.hero .copy{position:absolute;z-index:2;left:7%;top:19%;width:50%}.hero h1{font-size:clamp(38px,6.9vw,122px);margin:3% 0}.hero .number{font-size:clamp(88px,14vw,245px);letter-spacing:-.07em;line-height:.9;font-weight:200}.hero .number small{font-size:22%;letter-spacing:0;margin-left:2%}.hero .caption{position:absolute;z-index:2;left:7%;bottom:9%;width:45%}.hero .side{position:absolute;right:5%;bottom:10%;z-index:2;text-align:right}.chapter{position:absolute;top:12%;left:7%;right:7%;display:flex;justify-content:space-between}.concept .media.a{left:4%;top:25%;width:32%;height:54%}.concept .media.b{right:4%;top:25%;width:32%;height:54%}.concept .copy{position:absolute;left:29%;width:42%;top:39%;background:#f2f4efef;padding:3%;text-align:center;z-index:2}.concept h2{font-size:clamp(30px,4.8vw,84px)}.concept p{margin:5% auto 0;max-width:24em}.concept .foot{position:absolute;bottom:9%;left:7%;right:7%;display:flex;justify-content:space-between}.rebrand{background:radial-gradient(ellipse at 50% 25%,#e6e2f8,#e4f2ef 70%,#eef2ed)}.rebrand .art{left:5%;right:5%;top:29%;height:56%;mix-blend-mode:multiply}.rebrand .copy{position:absolute;inset:12% 8% auto;text-align:center}.rebrand h2{font-size:clamp(38px,6.8vw,120px)}.rebrand .legacy{position:absolute;left:5%;bottom:6%;width:24%}.rebrand .future{position:absolute;right:5%;bottom:6%;width:24%;text-align:right}.rebrand .bridge{position:absolute;left:36%;width:28%;bottom:7%;text-align:center}.rebrand .kicker{margin-bottom:2%}.story{background:#eef0f3}.story .media.a{left:5%;top:24%;width:28%;height:61%}.story .media.b{right:5%;top:24%;width:28%;height:61%}.story .copy{position:absolute;left:31%;width:38%;top:33%;padding:3%;z-index:2;text-align:center;background:#eef0f3ed}.story h2{font-size:clamp(30px,4.4vw,80px)}.story p{margin-top:8%}.team{background:#243330;color:#e9efea}.team .media{left:4%;top:19%;width:51%;height:64%}.team .copy{position:absolute;right:6%;width:42%;top:24%;background:#243330ed;padding:3%}.team h2{font-size:clamp(32px,4.7vw,82px)}.team .stats{display:flex;gap:16%;margin:7% 0}.team .stats strong{display:block;font-size:clamp(28px,4vw,70px);font-weight:200}.team .stats span{font-size:clamp(9px,.85vw,14px)}.team .process{position:absolute;bottom:8%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:clamp(9px,.9vw,15px);border-top:1px solid #e9efea40;padding-top:2%}.closing{background:#e5ebe6}.closing .media{right:8%;top:16%;width:31%;height:72%;border-radius:45% 45% 0 0}.closing .copy{position:absolute;left:8%;top:24%;width:52%}.closing h2{font-size:clamp(40px,6.5vw,115px)}.closing p{margin:6% 0}.closing a{color:inherit;text-underline-offset:6px;font-size:clamp(10px,1.05vw,18px)}footer{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;background:linear-gradient(transparent,#edf2efe8);font-size:10px;letter-spacing:.12em}.nav{display:flex;gap:13px}.nav button{border:0;background:none;padding:6px 0;opacity:.5}.nav button.current{opacity:1;border-bottom:1px solid}.progress{position:fixed;bottom:0;left:0;width:0;height:2px;background:#7b9690;z-index:30}#editnote{display:none;position:fixed;top:74px;right:4vw;max-width:300px;background:white;padding:16px;font-size:12px;z-index:50;border-radius:8px;box-shadow:0 8px 40px #2333}.editing #editnote{display:block}.editing .media{cursor:pointer;outline:2px dashed #879689;outline-offset:-3px}.editing .media:after{content:'＋ Replace image / video';position:absolute;bottom:10px;left:10px;background:#fff;padding:8px 12px;font-size:11px;border-radius:20px}.editing .hero:after{pointer-events:none}.editing .copy{pointer-events:none}.static #journey{height:auto}.static .sticky{height:auto;position:relative}.static .stage{aspect-ratio:auto;overflow:visible;background:none}.static .scene{position:relative;height:min(56.25vw,100vh);opacity:1!important;transform:none!important;pointer-events:auto}.static footer{display:none}.static .media{transform:none!important}
@media(max-width:700px){.media{transform:none!important}header{height:60px;padding:0 5%}.signature small{display:none}.tools button{padding:7px 10px}#journey{height:auto}.sticky{height:auto;position:relative;overflow:visible}.stage{width:100%;aspect-ratio:auto;overflow:visible}.scene{position:relative;height:820px;opacity:1!important;transform:none!important;pointer-events:auto}.hero .copy{top:14%;width:86%;left:7%}.hero h1{font-size:52px}.hero .number{font-size:140px}.hero .caption{width:80%;bottom:14%}.hero .side{bottom:5%;left:7%;text-align:left}.hero:after{background:linear-gradient(#eaf0eded,transparent 75%,#eaf0ed)}.chapter{top:9%;font-size:10px}.concept .media.a,.story .media.a{left:5%;top:18%;width:44%;height:27%}.concept .media.b,.story .media.b{right:5%;top:18%;width:44%;height:27%}.concept .copy,.story .copy{left:7%;top:44%;width:86%;padding:8% 4%}.concept h2,.story h2,.team h2{font-size:46px}p{font-size:15px}.kicker,.label{font-size:11px}.fine{font-size:10px}.concept .foot{font-size:9px;gap:12px}.rebrand .copy{top:14%}.rebrand h2{font-size:62px}.rebrand .art{top:30%;height:35%;left:0;right:0}.rebrand .legacy,.rebrand .future{bottom:16%;width:42%}.rebrand .bridge{bottom:6%;left:12%;width:76%}.team .media{top:17%;left:5%;width:90%;height:31%}.team .copy{top:45%;left:5%;width:90%;padding:7%}.team .stats{margin:4% 0}.team .process{bottom:6%;font-size:8px;gap:10px}.closing .media{top:10%;right:8%;width:45%;height:36%}.closing .copy{top:45%;width:84%}.closing h2{font-size:53px}.closing a{font-size:14px}footer{display:none}.static .scene{height:820px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Complete edition: consistent image-led editorial layouts and local editor. */
html{scrollbar-gutter:stable}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8d68a8;outline-offset:4px}.title-line{display:block}.scene{container-type:inline-size}h2{font-size:clamp(28px,4.8cqw,88px)}p{font-size:clamp(11px,1.12cqw,19px)}.fine{font-size:clamp(9px,.8cqw,13px);opacity:.8}.kicker{font-size:clamp(9px,1cqw,17px)}.label{font-size:clamp(9px,.85cqw,14px)}.hero h1{font-size:clamp(38px,6.9cqw,122px)}.hero .number{font-size:clamp(88px,14cqw,245px)}.hero .number span{display:inline}.hero .copy{top:16%}.hero .caption{bottom:8%}.concept h2{font-size:clamp(28px,4.4cqw,80px)}.concept .copy{top:35%}.concept .fine{margin-top:4%}.closing h2{font-size:clamp(34px,5.7cqw,106px)}.closing .copy{top:22%}.closing a{display:inline-block;margin:0 0 .6em}.closing .socials{display:flex;gap:1.5em;margin-top:1em}.closing .fine{margin-top:1.5em}.role .copy{top:21%;width:53%}.role h2{font-size:clamp(30px,4.8cqw,87px)}.scope{margin:6% 0}.scope p{font-size:1.05cqw;margin:0 0 .5em}.rebrand h2{font-size:clamp(32px,6.8cqw,120px)}.rebrand .title-line{display:inline}.rebrand .title-line+.title-line:before{content:' '}.rebrand .copy{top:14%}.rebrand .art{top:31%;height:51%;mix-blend-mode:normal}.rebrand .legacy,.rebrand .future{bottom:6%}.lavender{background:#ecf0f5}.ice{background:#eaf2f5}.rose{background:#f5e9ef}.rose .copy{background:#f5e9eff2}.ice .copy{background:#eaf2f5f0}.campaign{background:radial-gradient(ellipse at 80% 75%,#dce7e2,#f3f4ed 65%)}.campaign-title{position:absolute;left:7%;top:25%;width:57%}.campaign-title h2{font-size:6.2cqw;margin-top:6%}.campaign-grid{position:absolute;right:7%;top:24%;width:29%}.campaign-grid .label{margin:0 0 2%}.campaign-grid p{margin:0 0 8%}.campaign-line{position:absolute;bottom:10%;left:7%;width:48%;border-top:1px solid #68837450;padding-top:2%}.campaign-line p{margin-top:3%}.editorial .wide{left:5%;top:20%;width:61%;height:60%}.editorial-copy{position:absolute;left:54%;top:32%;width:41%;background:#ecf0f5f2;padding:3%}.editorial-copy h2{font-size:4.5cqw}.editorial-copy p{margin-top:8%}.fundoo{background:#edf0e7}.fundoo .editorial-copy{background:#edf0e7f2}.press-title{position:absolute;left:7%;top:21%;width:38%}.press-title h2{font-size:4.2cqw}.press-title p{margin-top:7%;width:95%}.press-photo{left:7%;bottom:10%;width:37%;height:32%}.articles{position:absolute;right:7%;top:22%;width:43%;display:grid;gap:1.6cqw}.articles article{border-bottom:1px solid #69788045;padding-bottom:1.3cqw}.articles h3{font-weight:400;letter-spacing:-.025em;font-size:1.65cqw;margin:2% 0}.articles a{font-size:.85cqw;color:inherit;text-underline-offset:4px;display:inline-block;margin-top:2%}.triptych-title{position:absolute;top:20%;left:7%;right:7%;text-align:center}.triptych-title h2{font-size:4cqw}.triptych-title .title-line{display:inline}.triptych-title .serif:before{content:' '}.triptych-images{position:absolute;left:7%;right:7%;top:38%;height:43%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.triptych-images .media{position:relative;width:100%;height:100%}.triptych-bottom{position:absolute;bottom:7%;left:22%;width:56%;text-align:center}.triptych-bottom p{max-width:none}.guideline-title{position:absolute;left:7%;top:23%;width:32%}.guideline-title h2{font-size:4.6cqw}.guideline-title p{margin-top:8%}.guideline .palette{left:7%;top:62%;width:30%;height:21%}.guideline .applications{right:5%;top:24%;width:53%;height:60%}.source-label{position:absolute;bottom:8%;right:6%;text-align:right}.production{background:#f2f1ee}.production .bts{left:5%;top:21%;width:53%;height:47%}.production .portrait{right:5%;top:17%;width:33%;height:73%}.production-copy{position:absolute;left:10%;bottom:10%;width:56%;padding:2.4%;background:#f2f1eef0}.production-copy h2{font-size:4cqw}.production-copy p{margin-top:4%;max-width:35em}.milestone-photo{left:5%;top:14%;width:46%;height:75%}.milestone-copy{position:absolute;left:46%;top:19%;width:47%;padding:3%;background:#eaf2f5f2}.big-metric>span{font-size:12cqw;font-weight:200;line-height:1.1;letter-spacing:-.06em}.milestone-copy h2{font-size:3.9cqw;margin:5% 0}.milestone-copy .fine{margin-top:4%}.seasonal-main{left:5%;top:22%;width:45%;height:66%}.seasonal-copy{position:absolute;left:51%;top:23%;width:43%}.seasonal-copy h2{font-size:4.4cqw}.seasonal-copy p{margin-top:5%;max-width:31em}.seasonal-details{position:absolute;right:6%;bottom:12%;width:40%;height:32%;display:grid;grid-template-columns:1fr 1fr;gap:5%}.seasonal-details .media{position:relative;height:100%;width:100%}.team h2{font-size:4.5cqw}.team .copy{top:25%}.team .stats strong{font-size:4.4cqw}.training{background:#eff2ee}.training-photo{left:5%;top:23%;width:48%;height:53%}.training-copy{position:absolute;right:6%;top:29%;width:45%;padding:3%;background:#eff2eef2}.training-copy h2{font-size:4.2cqw}.training-copy p{margin-top:5%}.journey-steps{position:absolute;left:7%;right:7%;bottom:9%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #45665750;padding-top:1.5%}.journey-steps h3{font-size:1.5cqw;font-weight:400;margin-top:4%}.workflow{background:#e2e9e3}.workflow-title{position:absolute;left:7%;top:24%;width:86%;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:7%}.workflow-title h2{font-size:4.7cqw}.workflow-grid{position:absolute;left:7%;right:7%;bottom:15%;display:grid;grid-template-columns:repeat(5,1fr);gap:3%}.workflow-grid article{border-top:1px solid #2b473950;padding-top:8%}.step-number{font-size:3.5cqw;font-weight:200;color:#6b8278}.workflow-grid h3{font-size:1.5cqw;font-weight:400;margin:9% 0}.workflow-grid p{font-size:1cqw}.career{background:#efeee9}.career-photo{left:0;top:0;width:50%;height:100%}.career-copy{position:absolute;left:42%;top:14%;width:53%;background:#efeee9f2;padding:3% 4%}.career-copy h2{font-size:4.6cqw;margin:4% 0}.timeline article{border-top:1px solid #44564a35;padding:2.7% 0;display:grid;grid-template-columns:24% 1fr;gap:2%}.timeline h3{font-size:1.3cqw;font-weight:500}.timeline p{grid-column:2;font-size:.95cqw}.caption .fine{margin-top:.5em}.new-layer{position:absolute;z-index:6}.new-layer.media{background:#e4e9e5;min-height:20px}.media.placeholder:before{content:'Add image or video';position:absolute;inset:0;display:grid;place-items:center;color:#647970;font-size:1.2cqw}.custom-text{white-space:pre-wrap;font-size:1.5cqw;line-height:1.4}.extra-background{background:#eef0eb}
/* Navigation & editing tools */
header{height:66px}.tools{align-items:center}.tools button{font-size:11px}.menu-btn{background:#253a32;color:white}footer{height:46px;background:linear-gradient(transparent,#edf2eff5)}.footer-nav{display:flex;align-items:center;gap:16px}.footer-nav button{padding:4px 14px;font-size:16px}.footer-nav .readout{font-size:10px;max-width:42vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.progress{background:#809c91}.status{font-size:10px;color:#456557}.dialog-backdrop{display:none;position:fixed;inset:0;background:#18332955;backdrop-filter:blur(12px);z-index:90}.dialog-backdrop.open{display:grid;place-items:center}.index-card{background:#f2f4ef;width:min(900px,92vw);max-height:85vh;overflow:auto;padding:32px;border-radius:6px}.index-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.index-head h2{font-size:28px}.index-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.index-list button{display:flex;gap:14px;border:0;border-bottom:1px solid #83978a40;border-radius:0;padding:13px 3px;text-align:left;background:none;font-size:13px}.index-list button small{color:#81968b;font-size:11px}.index-list .current{color:#966483}.editor-panel{display:none;position:fixed;right:15px;top:78px;width:278px;max-height:calc(100vh - 96px);overflow:auto;z-index:75;background:#f6f8f4f5;box-shadow:0 8px 44px #183a2929;border:1px solid #abbdb250;border-radius:10px;padding:16px;color:#25362c;font-family:'Segoe UI',Arial,sans-serif;backdrop-filter:blur(12px)}.editing .editor-panel{display:block}.editor-panel h3{font-size:14px;margin:0 0 8px}.editor-panel p{font-size:11px;line-height:1.45;margin:8px 0}.editor-panel label{display:block;font-size:11px;margin:8px 0 4px}.editor-panel input,.editor-panel select{font:12px 'Segoe UI',sans-serif;width:100%;padding:6px;border:1px solid #a8bbb0;border-radius:4px;background:white;color:#243a2c}.editor-panel input[type=color]{height:32px;padding:2px}.editor-panel button{font-size:11px;padding:7px 10px;background:white}.editor-panel .row{display:flex;gap:7px;margin:8px 0}.editor-panel .row>*{flex:1;min-width:0}.editor-panel .group{padding:10px 0;border-top:1px solid #8b9f913d}.editor-panel .compact{display:flex;align-items:center;justify-content:space-between}.editor-panel .compact button{flex:none}.editor-panel [hidden]{display:none!important}.editing .copy{pointer-events:auto}.editing .media{outline:1px dashed #879689;cursor:pointer}.editing [data-edit]{outline:1px dashed #839b8c55;outline-offset:3px;cursor:text}.editing [data-edit]:focus{outline:2px solid #986a92}.editing .selected-element{outline:2px solid #b16e9a!important;outline-offset:3px}.editing .media:after{content:'Click to edit media';font-size:11px;padding:6px 10px;pointer-events:none}.editing .hero:after{pointer-events:none}.editing .scene{overflow:hidden}.editing .sticky{overflow:visible}.editing [data-edit]{min-width:1em}.editor-selected-name{font-size:11px;word-break:break-word;color:#6a7e6e;margin-bottom:8px}.editing .static-stage .scene{margin-bottom:20px}.static footer{display:flex}.static .scene{height:auto;aspect-ratio:16/9;overflow:hidden;min-height:0}.static .stage{width:100%;container-type:inline-size}.static .sticky{display:block}.static #journey{height:auto!important}.editor-panel details>summary{font-size:12px;cursor:pointer;padding:5px 0}.editor-panel .danger{color:#963d56}.toast{position:fixed;bottom:62px;left:50%;transform:translateX(-50%);background:#243b31;color:#f5f6ee;padding:12px 20px;border-radius:8px;max-width:85vw;z-index:100;font-size:12px;display:none}.toast.visible{display:block}.exporting{cursor:progress}.editing .scene .media:has(video){outline-color:#8e6cab}.film-control{position:absolute;right:10px;bottom:10px;background:#ffffffbd;z-index:9;opacity:0}.media:hover .film-control,.film-control:focus{opacity:1}
@media(min-width:701px){.editing .stage{width:calc(100% - 310px)}.editing .static .stage{width:calc(100% - 310px)}}
@media(max-width:1000px){.signature small{display:none}.tools{gap:5px}.tools button{padding:7px 10px}.status{display:none}}
@media(max-width:700px){.scene,.static .scene{height:auto!important;min-height:850px;aspect-ratio:auto;padding:94px 6% 64px;display:flex;flex-direction:column;gap:22px;overflow:hidden}.scene .chapter{position:static;display:flex;gap:15px;margin:0 0 12px;align-items:start}.chapter .kicker,.chapter .label{font-size:9px}.scene .media{transform:none!important}.scene p{font-size:15px;line-height:1.55;max-width:none}.scene .fine{font-size:11px}.scene .label,.scene .kicker{font-size:10px}.scene h2{font-size:42px!important}.scene .title-line{display:block}.scene .copy,.scene .editorial-copy,.scene .press-title,.scene .guideline-title,.scene .production-copy,.scene .milestone-copy,.scene .seasonal-copy,.scene .training-copy,.scene .workflow-title,.scene .career-copy,.scene .campaign-title,.scene .campaign-grid,.scene .campaign-line,.scene .triptych-title,.scene .triptych-bottom{position:relative;inset:auto;width:100%;padding:0;background:none}.scene .media{position:relative;inset:auto;width:100%;height:260px;flex-shrink:0;border-radius:0}.scene .media.contain{height:240px}.hero{display:block!important;height:850px!important}.hero .media{position:absolute;inset:0;height:100%;width:100%}.hero .copy{top:20px}.hero h1{font-size:53px}.hero .number{font-size:140px}.hero .caption{left:7%;bottom:14%;width:86%}.hero .side{left:7%;bottom:6%}.role .media,.closing .media{height:330px;width:74%;align-self:flex-end;border-radius:45% 45% 0 0;order:0}.role .copy,.closing .copy{order:1}.closing p,.role p{margin:18px 0}.scope p{font-size:13px}.concept{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:18px}.concept .chapter,.concept .copy{grid-column:1/-1}.concept .media.a,.concept .media.b{height:235px;width:100%;position:relative;inset:auto}.concept .copy{padding:16px 0;text-align:center}.concept .fine{margin-top:15px}.rebrand .copy{order:0;text-align:center}.rebrand .copy h2{font-size:46px!important}.rebrand .art{order:1;height:260px}.rebrand .legacy,.rebrand .future,.rebrand .bridge{position:static;width:100%;text-align:center;order:2}.rebrand .bridge{order:3}.rebrand .title-line{display:inline}.editorial .wide{height:260px}.editorial-copy p{margin-top:20px}.campaign-title{padding-top:15px!important}.campaign-title h2{font-size:48px!important}.campaign-grid{display:grid;gap:8px}.campaign-grid p{margin:0 0 20px}.campaign-line{padding-top:20px!important;margin-top:20px}.press-title p{margin-top:20px}.press-layout{display:flex;flex-direction:column;gap:22px}.press-photo{height:240px!important}.articles{position:relative;inset:auto;width:100%;display:grid;gap:20px}.articles article{padding-bottom:20px}.articles h3{font-size:21px}.articles a{font-size:12px;margin-top:12px}.triptych-images{position:relative;inset:auto;width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:18px}.triptych-images .media{height:360px}.triptych-title{text-align:left}.triptych-title .serif:before{content:none}.triptych-bottom{text-align:left}.guideline .palette{height:200px}.guideline .applications{height:220px}.source-label{position:relative;inset:auto;font-size:11px}.production .bts{height:240px}.production .portrait{height:390px}.production-copy p{margin-top:15px}.milestone-photo{height:340px!important}.milestone-copy{padding:0!important}.big-metric>span{font-size:130px}.milestone-copy h2{margin:22px 0}.seasonal-main{height:340px!important}.seasonal-details{position:relative;inset:auto;width:100%;height:auto;display:grid;gap:12px}.seasonal-details .media{height:170px}.team .copy{padding:0}.team .stats{margin:20px 0;gap:40px}.team .stats strong{font-size:48px}.team .stats span{font-size:11px}.team .process{position:static;display:flex;flex-wrap:wrap;gap:12px;padding-top:20px}.team .process span{font-size:11px}.training-photo{height:260px}.journey-steps{position:relative;inset:auto;width:100%;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.journey-steps h3{font-size:18px}.workflow-title{display:block}.workflow-title p{margin-top:20px}.workflow-grid{position:relative;inset:auto;width:100%;grid-template-columns:1fr;gap:24px}.workflow-grid article{padding-top:16px}.workflow-grid h3{font-size:22px;margin:12px 0}.workflow-grid p{font-size:15px}.step-number{font-size:36px}.career-photo{height:260px!important}.career-copy{padding:0!important}.timeline article{padding:18px 0}.timeline h3{font-size:16px}.timeline p{font-size:12px}.timeline .label{font-size:10px}.career-copy h2{margin:20px 0}.campaign .label{font-size:11px}.new-layer{position:absolute!important}.editor-panel{top:68px;right:8px;width:248px;max-height:70vh}.editing .stage{width:100%}.tools button{font-size:10px;padding:7px 8px}.signature{font-size:13px}header{padding:0 4%;height:60px}.signature small{display:none}#motion-toggle{display:none}footer{display:flex;height:42px;padding:10px 4%;font-size:9px}.footer-nav{gap:7px}.footer-nav .readout{max-width:42vw}.footer-brand{display:none}.index-list{grid-template-columns:1fr}.index-card{padding:22px}.toast{font-size:11px}.scope{margin:20px 0}.status{display:none}}
@media print{header,footer,.editor-panel,.toast,.dialog-backdrop,.progress{display:none!important}#journey{height:auto!important}.sticky{position:relative;height:auto;display:block;overflow:visible}.stage{width:100%;aspect-ratio:auto;overflow:visible}.scene{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;aspect-ratio:16/9;height:auto;page-break-after:always;break-inside:avoid}.media{transform:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

@media(min-width:701px){.editorial .wide{width:55%}.editorial-copy{left:60%;width:35%;padding:2.5%;top:32%}.editorial-copy h2{font-size:4cqw}}

.simulation .media.a img{object-fit:contain}

.kol-video{left:5%;top:22%;width:61%;height:61%}.kol-video video{width:100%;height:100%;object-fit:contain;background:#dce7e8}.kol-bts{right:5%;top:20%;width:27%;height:27%}.kol-copy{position:absolute;right:5%;top:51%;width:30%;padding:2%;background:#eaf2f5f5}.kol-copy h2{font-size:3.2cqw}.kol-copy p{margin-top:6%}.triptych-title .serif{margin-inline-start:.15em}
@media(max-width:700px){.kol-film .kol-video,.kol-film .kol-bts{position:relative;inset:auto;width:100%;height:220px}.kol-film .kol-copy{position:relative;inset:auto;width:100%;padding:0}.kol-copy h2{font-size:38px}.kol-copy p{margin-top:20px}}

@media(min-width:701px){.team>.media{width:48%;left:4%;top:23%;height:60%}.team>.media img{object-fit:contain}.team .copy{left:53%;width:43%;padding:0;background:transparent}}

.artist-photo{left:5%;top:21%;width:35%;height:35%}.artist-detail{left:5%;bottom:12%;width:15%;height:24%}.artist-copy{position:absolute;left:22%;top:61%;width:23%}.artist-copy h2{font-size:2.8cqw}.artist-copy p{font-size:.94cqw;margin-top:5%}.artist-copy .fine{font-size:.7cqw}.album{position:absolute;left:47%;right:5%;top:23%}.album-tabs{display:flex;gap:8px;margin-bottom:14px}.album-tabs button{font-size:.9cqw;background:transparent;color:#344643;border:1px solid #9bafaa;padding:.6em 1.1em;border-radius:24px}.album-tabs button[aria-pressed=true]{background:#344643;color:white}.album-screen{aspect-ratio:16/9;background:radial-gradient(ellipse at 70% 20%,#536667,#223437 80%);display:grid;place-content:center;position:relative;color:#fff}.album-play{background:transparent;border:1px solid #ffffff80;color:white;padding:18px 28px;font-size:1.2cqw;border-radius:40px}.album-hint{text-align:center;font-size:.8cqw;margin-top:15px;opacity:.75}.album-screen iframe{position:absolute;width:100%;height:100%;border:0;inset:0}.album-nav{display:flex;align-items:center;gap:10px;margin-top:14px}.album-nav button{border:1px solid #9bafaa;background:transparent;border-radius:20px;padding:8px 13px;font-size:.8cqw}.album-count{font-size:.85cqw;min-width:42px}.album-external{margin-left:auto;font-size:.8cqw;color:inherit}.album-editor{display:none}.editing .album-editor{display:block;font-size:12px;margin-top:10px;background:white;padding:12px}.album-editor textarea{width:100%;height:90px;font-size:12px}.album-editor p{font-size:12px}.award-photo{left:7%;top:18%;width:39%;height:72%}.award-photo img{object-fit:contain}.award-copy{position:absolute;left:52%;top:33%;width:40%}.award-copy h2{font-size:4.5cqw;margin:6% 0}.award-copy .fine{margin-top:7%}
@media(max-width:700px){.artist .artist-photo,.artist .artist-detail{position:relative;inset:auto;width:100%;height:230px}.artist .artist-detail{height:180px}.artist .artist-copy,.artist .album,.award-copy{position:relative;inset:auto;width:100%}.artist-copy h2,.award-copy h2{font-size:38px}.artist-copy p{font-size:15px}.artist-copy .fine{font-size:11px}.album-tabs button,.album-play{font-size:13px}.album-hint,.album-nav button,.album-count,.album-external{font-size:10px}.album-nav{flex-wrap:wrap}.award-photo{position:relative!important;inset:auto!important;width:100%!important;height:400px!important}.album-editor{max-width:100%}}

.album-screen .album-poster{position:absolute;inset:0;width:100%;height:100%;opacity:.55;transform:none!important}.album-poster img{width:100%;height:100%;object-fit:cover}.album-play,.album-hint{position:relative;z-index:1}.album-play{background:#203533d9}.album-screen iframe{z-index:3}

.event-intro{position:absolute;left:6%;top:23%;width:40%}.event-intro h2{font-size:4.3cqw}.event-intro p{margin-top:6%;max-width:32em}.event-designs{position:absolute;left:6%;top:62%;width:37%;height:23%;display:flex;gap:5%;justify-content:flex-start}.event-designs .media{position:relative;width:24%;height:100%}.event-room{right:6%;top:19%;height:66%;width:43%}.event-flow{position:absolute;bottom:7%;left:6%;right:6%;border-top:1px solid #7e96984d;padding-top:1.5%;display:flex;justify-content:space-between;font-size:.9cqw}.event-signing{left:5%;top:20%;width:36%;height:66%}.event-narrative{position:absolute;left:45%;top:23%;width:49%}.event-narrative h2{font-size:4.1cqw}.event-narrative p{margin-top:4%;max-width:40em}.event-narrative .fine{margin-top:3%}.event-moments{position:absolute;left:46%;right:6%;bottom:12%;height:29%;display:flex;gap:4%}.event-moments .media{position:relative;width:48%;height:100%}.event-next{position:absolute;bottom:6%;right:6%}
@media(max-width:700px){.event-intro,.event-narrative{position:relative;inset:auto;width:100%}.event-intro h2,.event-narrative h2{font-size:38px}.event-designs{position:relative;inset:auto;width:100%;height:220px;justify-content:center}.event-designs .media{width:40%}.event-system .event-room,.event-launch .event-signing{position:relative;inset:auto;width:100%;height:430px}.event-flow{position:relative;inset:auto;flex-wrap:wrap;gap:15px;font-size:11px;padding-top:20px}.event-moments{position:relative;inset:auto;width:100%;height:260px}.event-next{position:relative;inset:auto}.event-next .label{font-size:10px}}
.booth-copy{position:absolute;left:6%;top:22%;width:43%}.booth-copy h2{font-size:4.4cqw}.booth-copy p{max-width:31em;margin-top:5%}.booth-render{left:5%;top:53%;width:46%;height:32%}.booth-built{right:6%;top:20%;width:39%;height:65%}.booth-label{position:absolute;bottom:8%}.render-label{left:7%}.built-label{right:12%}.plan-copy{position:absolute;left:6%;top:27%;width:39%}.plan-copy h2{font-size:4.5cqw}.plan-copy p{margin-top:5%}.plan-stack{position:absolute;right:6%;top:21%;width:43%;display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.plan-stack article{border-top:1px solid #748e8c70;padding-top:1.5cqw}.plan-stack h3{font-size:1.8cqw;font-weight:400;margin:1cqw 0}.plan-stack p{font-size:1.05cqw}.sj-copy{position:absolute;left:6%;top:20%;width:88%;display:flex;align-items:center;gap:8%}.sj-copy h2{font-size:4.2cqw;flex:1}.sj-copy p{width:40%}.sj-artworks{position:absolute;left:6%;right:6%;top:45%;height:42%;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:2%}.sj-artworks figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:1cqw}.sj-artworks .media{position:relative;width:100%;height:90%}.sj-artworks figcaption{font-size:.78cqw}.memories{background:#e8ece8}.memories-title{position:absolute;left:6%;top:30%;width:31%}.memories-title h2{font-size:4.4cqw}.memories-title p{margin-top:7%}.memory-album{position:absolute;right:5%;top:20%;width:55%;height:66%}.memory-item{margin:0;height:90%}.memory-item[hidden]{display:none}.memory-item .media{position:relative;width:100%;height:92%}.memory-item figcaption{padding-top:1cqw;text-align:center}.memory-nav{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:1cqw}.memory-nav button{padding:5px 18px}.memory-count{font-size:12px}.memory-note{position:absolute;bottom:7%;left:6%;width:30%}.lang-switch{display:flex;gap:2px}.lang-switch button{padding:6px 8px}.lang-switch button[aria-pressed=true]{background:#2b443a;color:white}html[lang=vi] h2{font-size:3.7cqw}html[lang=vi] .hero h1{font-size:5.8cqw}html[lang=vi] .fine{font-size:.82cqw}html[lang=vi] .concept .copy{top:32%}html[lang=vi] .memories-title h2{font-size:3.8cqw}
@media(max-width:700px){header{height:auto;min-height:66px;flex-wrap:wrap;gap:6px;padding:8px 12px}.tools{flex-wrap:wrap;gap:5px}.tools button{font-size:10px}.signature small{display:none}.booth-copy,.plan-copy,.plan-stack,.sj-copy,.sj-artworks,.memories-title,.memory-album,.memory-note{position:relative;inset:auto;width:100%;height:auto}.booth .booth-render,.booth .booth-built{position:relative;inset:auto;width:100%;height:350px}.booth-label{position:relative;inset:auto}.plan-stack{gap:24px;grid-template-columns:1fr}.plan-stack article{padding-top:14px}.plan-stack h3{font-size:23px}.plan-stack p{font-size:14px}.sj-copy{display:block}.sj-copy p{width:100%}.sj-artworks{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sj-artworks .media{height:240px}.sj-artworks figcaption{font-size:11px}.memory-item .media{height:300px}.memory-item figcaption{font-size:11px}.memory-note{font-size:11px}.memory-nav{margin:20px 0}html[lang=vi] h2,.booth-copy h2,.plan-copy h2,.sj-copy h2,.memories-title h2,html[lang=vi] .memories-title h2{font-size:34px}html[lang=vi] .fine{font-size:11px}html[lang=vi] .hero h1{font-size:44px}}
.sj-artworks{grid-template-rows:minmax(0,1fr)}.sj-artworks figure{height:100%;min-height:0;overflow:hidden}.sj-artworks .media{flex:1;min-height:0;height:0}.sj-artworks figcaption{flex:none;min-height:2em}.artist .artist-copy h2{font-size:3.1cqw}html[lang=vi] .artist .artist-copy h2{font-size:3.05cqw}
@media(max-width:700px){.sj-artworks{grid-template-rows:auto}.sj-artworks figure{height:310px}.sj-artworks .media{height:260px;flex:none}.artist .artist-copy h2,html[lang=vi] .artist .artist-copy h2{font-size:33px}.chapter{gap:12px;flex-wrap:wrap}.scene{scroll-margin-top:100px}}
.post-gallery{padding-bottom:36px;touch-action:pan-y}.post-gallery>img,.post-gallery>video{height:100%!important;object-fit:contain}.gallery-nav{position:absolute;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:4;background:inherit}.gallery-nav button{padding:3px 13px;font-size:13px;min-height:28px;background:#f8faf5d9;line-height:1}.gallery-count{font:10px 'Segoe UI',sans-serif;letter-spacing:.08em;color:inherit;white-space:nowrap}.editing .post-gallery:after{bottom:39px;pointer-events:none}.post-gallery.gallery-anim>img,.post-gallery.gallery-anim>video{animation:post-arrive .24s ease-out}@keyframes post-arrive{from{opacity:.2;translate:18px 0}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.post-gallery.gallery-anim>img,.post-gallery.gallery-anim>video{animation:none}}@media(max-width:700px){.gallery-nav button{min-height:32px;min-width:40px}.post-gallery{padding-bottom:38px}.gallery-count{font-size:10px}}
.film-trigger{position:absolute;right:6%;bottom:3.5%;border:1px solid #6d7b7977;color:#263c39;background:#ffffffbd;padding:.8em 1.4em;border-radius:30px;font-size:.9cqw;cursor:pointer;z-index:8;backdrop-filter:blur(12px)}
.film-trigger:hover{background:#263c39;color:white}
.editing .film-trigger{right:auto;left:6%;bottom:4%;scroll-margin-block:160px}.film-trigger{scroll-margin-block:130px}
.film-drawer{color:#263c39;background:#edf2f1;border:1px solid #ffffff88;border-radius:18px;width:min(980px,90vw);max-height:90vh;padding:28px;box-shadow:0 24px 100px #0d1f2444;overflow:auto;container-type:inline-size}
.film-drawer::backdrop{background:#081517bb;backdrop-filter:blur(12px)}
.film-drawer:not([open]){display:none!important}.film-drawer[open]{display:block}
.film-drawer .album{position:relative;inset:auto;width:100%}.film-drawer .album-screen{max-height:60vh;aspect-ratio:16/9}.film-drawer .album-tabs{flex-wrap:wrap}
.film-drawer .album-play{font-size:16px}.film-drawer .album-hint,.film-drawer .album-nav button,.film-drawer .album-count,.film-drawer .album-external,.film-drawer .album-tabs button{font-size:12px}
.film-drawer h3{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:0 45px 22px 0}.film-close{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:30px;color:inherit;cursor:pointer}.album-selected{font-size:12px;line-height:1.5;margin-top:10px;opacity:.8}.album-tabs{flex-wrap:wrap}.film-drawer .film-note{font-size:12px;line-height:1.6;max-width:none;margin-top:16px}.film-drawer .album-editor textarea{min-height:110px}.film-drawer .album-poster:empty{background:radial-gradient(ellipse at 70% 20%,#597879,#243738)}
.palette-v10{background:#efebf8}.palette-v10 .system-copy{position:absolute;left:6%;top:23%;width:32%}.palette-v10 h2{font-size:4cqw}.palette-v10 .system-copy p{margin-top:6%}.palette-v10 .system-art{position:absolute;left:44%;right:5%;top:22%;bottom:13%;display:grid;grid-template-columns:1.25fr .8fr;gap:3%}.palette-v10 .system-art .media{position:relative;inset:auto;width:100%;height:100%;background:#ece5f5}.palette-v10 .swatches{display:flex;gap:7px;margin-top:8%}.palette-v10 .swatches span{height:3cqw;flex:1;border-radius:3px;border:1px solid #0001}.palette-v10 .palette-note{font-size:.76cqw;margin-top:4%}.palette-v10 .system-art img{object-fit:contain}
@media(max-width:700px){.film-trigger{position:relative;inset:auto;align-self:flex-start;font-size:12px;margin:16px 0}.film-drawer{width:94vw;padding:18px;max-height:90dvh}.film-drawer h3{font-size:25px}.film-drawer .album-nav{gap:7px;flex-wrap:wrap}.album-selected{font-size:11px}.palette-v10 .system-copy,.palette-v10 .system-art{position:relative;inset:auto;width:100%}.palette-v10 .system-art{height:420px;gap:12px}.palette-v10 .swatches span{height:30px}.palette-v10 .palette-note{font-size:11px}.palette-v10 h2{font-size:34px}.film-drawer .album-screen{min-height:190px}.film-drawer .album-poster{position:absolute!important;height:100%!important}.film-drawer .album-play{padding:12px 18px}}

.personal-art{background:#0b080b}.personal-art .personal-image{inset:2% 0 5%;width:100%;height:93%;transform:none!important;background:transparent}.personal-art .personal-image img{object-fit:contain}.personal-caption{position:absolute;bottom:1.1%;left:0;width:100%;max-width:none;text-align:center;color:#f3bbd2;font-size:.85cqw;margin:0}.personal-02{background:#f6e9ee}.personal-02 .personal-caption{color:#54283a}.v10-film-addition{position:static}.film-trigger[data-edit]{cursor:pointer}.film-drawer button:disabled{opacity:.35;cursor:default}@media(max-width:700px){.personal-art{min-height:0!important;padding:90px 12px 24px!important;display:block!important}.personal-art .personal-image{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2}.personal-caption{position:relative;inset:auto;font-size:12px;margin-top:14px}}
.source-tools{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid #aaa}.source-tools label{display:grid;gap:6px}.source-tools input,.source-tools select{width:100%;min-width:0;box-sizing:border-box}.remote-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#211d29;color:white}.remote-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.remote-media a{color:#edcfe1}.album-screen>video,.album-screen>.uploaded-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#15121c;z-index:3}.portrait-window{overflow:hidden}.role .portrait-02{right:8%;top:18%;width:25%;height:auto;aspect-ratio:365/620}.closing .portrait-01{right:11%;top:14%;width:20%;height:auto;aspect-ratio:410/880}.campaign-v11{background:#eee9ee}.campaign-heading{position:absolute;top:16%;left:10%;width:80%;text-align:center}.campaign-heading h2{font-size:3.4cqw;line-height:1.08;margin:0}.campaign-video{position:absolute;left:22%;top:29%;width:56%}.campaign-video .album-screen{aspect-ratio:16/9;height:auto}.campaign-video .album-tabs{display:none}.campaign-video .album-poster img{width:100%;height:100%;object-fit:cover}.campaign-side{position:absolute;top:40%;width:14%;font-size:1cqw;line-height:1.55}.campaign-side h4{font-size:.85cqw;letter-spacing:.09em}.campaign-side.idea{left:5%}.campaign-side.direction{right:5%}.campaign-video .album-nav{font-size:.85cqw}.campaign-video .album-selected{font-size:.8cqw}.editing .campaign-video .album-editor{max-height:230px;overflow:auto;background:#f6eff5;position:relative;z-index:40}
@media(max-width:700px){.role .portrait-02,.closing .portrait-01{position:relative;left:auto;right:auto;top:auto;width:62%;height:auto;margin:25px auto}.closing .portrait-01{width:50%}.campaign-v11{display:flex;flex-direction:column;gap:22px;padding:70px 6% 35px!important}.campaign-v11 .chapter,.campaign-heading,.campaign-video,.campaign-side{position:relative;left:auto!important;right:auto!important;top:auto;width:100%}.campaign-heading h2{font-size:32px}.campaign-side,.campaign-side h4{font-size:14px}.campaign-video .album-nav,.campaign-video .album-selected{font-size:12px}.campaign-v11 .chapter{font-size:12px}.campaign-side.direction{order:5}}
.launch-films .album{width:min(360px,100%);margin:auto}.launch-films .album-screen{aspect-ratio:9/16;height:auto;max-height:64vh}.launch-films .album-screen iframe{object-fit:contain}.launch-films .album-nav{flex-wrap:wrap;gap:10px}.launch-films .film-drawer{max-height:92vh;overflow:auto}
.ai-chapter{background:linear-gradient(125deg,#e8eeee,#ede8f4)}.ai-copy{position:absolute;left:7%;top:23%;width:43%}.ai-copy h2{font-size:3.9cqw;line-height:1.08;white-space:pre-line;margin:0 0 6%}.ai-copy>p{font-size:1.1cqw;line-height:1.6}.ai-points{border-top:1px solid #30484333;margin-top:6%;padding-top:2%}.ai-points p{font-size:.86cqw;line-height:1.5}.ai-copy small{display:block;margin-top:5%;font-size:.8cqw;opacity:.7}.ai-album{position:absolute;left:57%;top:17%;width:35%}.ai-album .album-screen{height:27cqw;aspect-ratio:auto;background:#11151a}.ai-album .album-poster img{width:100%;height:100%;object-fit:contain}.ai-album .album-tabs{flex-wrap:wrap;font-size:.8cqw}.ai-album .album-nav{font-size:.8cqw;gap:10px}.ai-album .album-hint{max-width:90%;text-align:center}.editing .ai-album .album-editor{max-height:220px;overflow:auto;background:#f2eff5;position:relative;z-index:20}
@media(max-width:700px){.ai-copy,.ai-album{position:relative;inset:auto;width:100%}.ai-copy h2{font-size:34px}.ai-copy>p{font-size:15px}.ai-points p,.ai-copy small{font-size:12px}.ai-album{margin-top:24px}.ai-album .album-screen{height:420px;max-height:65vh}.ai-album .album-tabs,.ai-album .album-nav{font-size:12px}}

.closing .closing-cutout{position:absolute;left:auto;right:1%;top:auto;bottom:0;width:46%;height:86%;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.closing-cutout img{width:100%;height:100%;object-fit:contain;object-position:bottom}.playlist-open{position:absolute;bottom:9%;right:6%;padding:12px 20px;border:1px solid #61797466;border-radius:30px;background:#f2f7f3;color:#263c39;cursor:pointer;z-index:9;font-size:12px}.playlist-dialog{width:min(920px,92vw);max-height:90dvh;overflow:auto;border:1px solid #8a9c94;border-radius:20px;padding:24px;background:#edf2ef;color:#263c39}.playlist-dialog::backdrop{background:#132321b8;backdrop-filter:blur(8px)}.playlist-close{position:absolute;right:12px;top:8px;font-size:30px;background:none;border:0;cursor:pointer}.playlist-dialog h3{margin:0 40px 18px 0;font:28px Georgia}.playlist-choice{max-width:100%;padding:10px;margin-bottom:16px}.playlist-screen{aspect-ratio:16/9;background:#101813}.playlist-screen iframe{width:100%;height:100%;border:0}.playlist-help{font-size:13px}.playlist-editor{display:none}.editing .playlist-editor{display:block}.playlist-url{width:80%;padding:10px}.playlist-dialog:not([open]){display:none}
@media(max-width:700px){.scene{min-width:0}.scene img,.scene video{max-width:100%}.scene .portrait-window img{max-width:none}.scene .chapter{flex-wrap:wrap;gap:8px}.album-nav,.gallery-nav{flex-wrap:wrap}.album-nav button,.gallery-nav button,.memory-nav button{min-width:44px;min-height:44px}.album-tabs button{min-height:40px}.playlist-open{position:relative;inset:auto;margin:18px 0 4px;min-height:44px}.playlist-dialog{width:94vw;padding:18px;box-sizing:border-box}.playlist-dialog h3{font-size:24px}.playlist-dialog .playlist-screen{min-height:200px}.closing .closing-cutout{position:relative;inset:auto;width:100%;height:430px;margin:24px 0 -20px}.closing .copy{width:100%}.playlist-url{width:100%;box-sizing:border-box}.editor-panel{max-width:calc(100vw - 20px)}.source-tools input{max-width:100%}}
@media(min-width:701px) and (max-width:1000px){.playlist-open{padding:8px 12px;font-size:10px}}
@media(max-width:700px){.scene{padding-top:110px!important;padding-bottom:100px!important}.closing:not(.role){display:flex;flex-direction:column}.closing:not(.role) .copy{order:0}.closing .closing-cutout{order:1;height:auto;aspect-ratio:1290/1200;margin:24px 0 0}.closing .closing-cutout img{position:absolute;inset:0}.post-gallery{padding-bottom:48px}.gallery-nav{height:44px}footer{background:#edf2efef;padding-bottom:env(safe-area-inset-bottom,0px)}.playlist-dialog .playlist-close{min-width:44px;min-height:44px}}

/* Vietnamese glyphs and diacritics stay in one font, with natural word spacing. */
html[lang=vi] body,html[lang=vi] .scene,html[lang=vi] .scene [data-edit],html[lang=vi] button,html[lang=vi] input,html[lang=vi] select,html[lang=vi] textarea{font-family:Arial,"Helvetica Neue",sans-serif!important;font-kerning:normal;word-spacing:normal;letter-spacing:normal!important;text-rendering:optimizeLegibility}
html[lang=vi] h1,html[lang=vi] h2,html[lang=vi] h3{font-family:Arial,sans-serif!important;line-height:1.22!important;font-weight:400;letter-spacing:-.02em!important;overflow:visible}
html[lang=vi] .serif{font-family:Arial,sans-serif!important;font-style:italic}html[lang=vi] p,html[lang=vi] .fine{line-height:1.65!important}html[lang=vi] .kicker,html[lang=vi] .label,html[lang=vi] .chapter{line-height:1.5!important;letter-spacing:normal!important}
.signature-cover{background:radial-gradient(ellipse at 77% 45%,#314942 0%,#172c27 45%,#101e1a 82%);color:#eeeae2;isolation:isolate}.cover-top{position:absolute;top:14%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:.8cqw;letter-spacing:.15em;color:#d5d9cd}.cover-wordmark{position:absolute;left:6%;top:23%;z-index:2;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-weight:700;font-size:9.2cqw;letter-spacing:-.065em;line-height:1.03}.cover-wordmark span+span{color:#deb5c7}.cover-orbit{position:absolute;width:52%;aspect-ratio:1;right:-6%;top:17%;border:1px solid #cfb8c76b;border-radius:50%;transform:rotate(-26deg) scaleX(.77);box-shadow:0 0 90px #d9bfd511,inset 0 0 70px #cba8be0c}.cover-rule{position:absolute;left:6%;right:6%;top:20%;height:1px;background:linear-gradient(90deg,#eadbd97a,#eadbd909)}.signature-cover .cover-portrait{width:52%;height:76%;right:-1%;bottom:0;z-index:1;overflow:visible;background:transparent}.cover-portrait img{object-fit:contain;object-position:bottom;filter:drop-shadow(-22px 15px 35px #07100c55)}.cover-statement{position:absolute;left:6%;top:66%;width:48%;z-index:3}.cover-statement h2{font:italic 2.5cqw/1.22 Georgia,serif;letter-spacing:-.025em;white-space:pre-line}.cover-statement p{font-size:.88cqw;max-width:37em;margin-top:5%;color:#becbc2}.cover-bottom{position:absolute;left:6%;right:6%;bottom:7%;display:flex;justify-content:space-between;z-index:4;font-size:.7cqw;letter-spacing:.1em;color:#b8c6bd}.cover-bottom span:last-child{color:#eed2df}.signature-cover:after{content:'';position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(transparent,#111f1b);z-index:2;pointer-events:none}html[lang=vi] .cover-wordmark{letter-spacing:-.05em;line-height:1.13;font-size:8.5cqw}html[lang=vi] .cover-statement h2{font-size:2.25cqw}html[lang=vi] .cover-statement{top:67%}html[lang=vi] .cover-statement p{font-size:.88cqw;line-height:1.5!important}
body:has(.signature-cover.active) header{background:linear-gradient(#142720f5,#14272000);color:#eeeae2}body:has(.signature-cover.active) header button{background:#264037;color:#eeeae2;border-color:#bfcbb844}body:has(.signature-cover.active) #save-status{color:#bfcbb8}@media(min-width:701px){html[lang=vi] .artist .artist-copy h2{font-size:2.75cqw}.event-launch .event-next{right:34%;max-width:20%;text-align:right}}
@media(max-width:700px){html[lang=vi] .scene h2{font-size:32px;line-height:1.24!important}html[lang=vi] .scene p{font-size:14px;line-height:1.65!important}html[lang=vi] .scene .fine{font-size:11px}.signature-cover{min-height:960px!important;display:flex;flex-direction:column;padding:110px 24px 80px!important}.cover-top{position:relative;inset:auto;gap:18px;font-size:10px;line-height:1.5}.cover-wordmark,html[lang=vi] .cover-wordmark{position:relative;inset:auto;margin-top:40px;font-size:19vw;line-height:1.14;letter-spacing:-.065em}.cover-rule{top:174px}.cover-orbit{width:110%;right:-35%;top:40%}.signature-cover .cover-portrait{position:relative;inset:auto;width:115%;height:370px;margin:0 -7.5%;order:4}.cover-statement,html[lang=vi] .cover-statement{position:relative;inset:auto;width:100%;margin-top:26px;order:3}.cover-statement h2,html[lang=vi] .cover-statement h2{font-size:25px!important}.cover-statement p,html[lang=vi] .cover-statement p{font-size:12px!important}.cover-bottom{position:relative;inset:auto;order:5;gap:12px;font-size:9px;line-height:1.5}.signature-cover:after{height:7%}}
@font-face{font-family:PortfolioInter;src:url(assets/3127f0b873387ee37e204013.bin) format('truetype');font-weight:400;font-style:normal;font-display:swap;}.clean-cover{position:relative;width:min(100%,1700px);aspect-ratio:16/9;overflow:hidden;isolation:isolate;container-type:inline-size;background:radial-gradient(ellipse at 67% 35%,#fafbf7 0,#e5ece9 49%,#e9eeeb 83%)}.cf-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#75887c1a 50%,transparent 50.05%);pointer-events:none}.cf-topline{position:absolute;left:6%;right:6%;top:9%;display:flex;justify-content:space-between;align-items:center;font-size:.7cqw;letter-spacing:.08em;color:#61766b}.cf-topline span:first-child:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#65947c;margin-right:10px;box-shadow:0 0 14px #699d8a66}.cf-headline{position:absolute;top:22%;left:6%;z-index:5;width:55%;margin:0;font-size:6.6cqw;line-height:1.17;font-weight:400;letter-spacing:-.05em}.cf-headline .cf-surname{display:block;margin-left:12%;color:#758d81}.cf-role{position:absolute;left:6%;top:54%;font-size:1cqw;color:#4f695c;z-index:5}.cf-statement{position:absolute;left:6%;top:63%;width:36%;font-size:1.45cqw;line-height:1.55;margin:0;z-index:5;letter-spacing:-.025em}.cf-fine{position:absolute;left:6%;top:78%;font-size:.72cqw;line-height:1.7;color:#66796e;width:32%;z-index:5}.cf-portal{position:absolute;left:53%;top:14%;width:35%;height:75%;border-radius:48% 48% 12px 12px;background:linear-gradient(125deg,#ffffffa6,#c5d9d34d 52%,#ecdbeb66);border:1px solid #ffffffec;box-shadow:inset 1px 1px 10px #fff,20px 22px 75px #81968b30;transform:rotate(8deg);animation:drift 9s ease-in-out infinite}.cf-portal:before{content:'';position:absolute;inset:-18px;border:1px solid #93aaa46b;border-radius:inherit}.cf-portrait{position:absolute;right:1%;bottom:5%;width:49%;height:77%;z-index:3;mask-image:linear-gradient(black 78%,transparent 100%)}.cf-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(-12px 20px 30px #4a726817)}.cf-orbit{position:absolute;left:36%;top:49%;width:62%;height:30%;border:1px solid #98b0a7a6;border-radius:50%;transform:rotate(-24deg);z-index:2;pointer-events:none}.cf-orbit:after{content:'';position:absolute;right:11%;top:9%;width:8px;height:8px;border-radius:50%;background:#bda0b2;box-shadow:0 0 0 5px #f4e9ef77}.cf-glass-tag{position:absolute;right:6%;top:20%;padding:1.05cqw 1.35cqw;background:linear-gradient(120deg,#ffffffe0,#e6edf29c);backdrop-filter:blur(15px);border:1px solid #fff;border-radius:7px;box-shadow:0 10px 35px #63796f1c;z-index:6;font-size:.7cqw;line-height:1.5;color:#677b72}.cf-glass-tag b{display:block;font-weight:400;color:#29483c;font-size:1.2cqw}.cf-bottom{position:absolute;bottom:7%;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #748d8033;padding-top:1.3%;font-size:.66cqw;letter-spacing:.08em;z-index:6;color:#647a6d}.cf-scroll{color:#415f50;text-decoration:none}
.clean-cover{width:100%;aspect-ratio:auto;font-family:PortfolioInter,Arial,sans-serif;color:#263b36}.clean-cover .cf-headline,.clean-cover .cf-headline [data-edit],html[lang=vi] .clean-cover .cf-headline [data-edit]{font-family:PortfolioInter,Arial,sans-serif!important;letter-spacing:0!important;font-weight:400;line-height:1.24;font-size:6.2cqw}.clean-cover .cf-headline{width:59%;line-height:1.24}.clean-cover .cf-statement{white-space:pre-line}.clean-cover .cf-portrait img{object-fit:contain;object-position:bottom}.clean-cover .cf-scroll{cursor:default}.clean-cover .cf-fine{max-width:32%}.clean-cover .cf-topline{top:11%}.clean-cover .cf-portal{animation:cf-drift 9s ease-in-out infinite}.clean-cover .cf-surname{margin-left:10%}.hero .number small{display:inline-block;font-size:10%;margin:0 0 0 16px;letter-spacing:0;white-space:nowrap}.hero .caption{width:49%}.hero .caption p{font-size:1.02cqw}.hero .caption .fine{font-size:.76cqw}
@keyframes cf-drift{50%{transform:translateY(-8px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.clean-cover .cf-portal{animation:none}}body:has(.clean-cover.active) header{background:linear-gradient(#e9eeefee,transparent);color:#263b36}
@media(max-width:700px){.clean-cover{height:1000px!important;min-height:1000px;padding:0!important;display:block}.clean-cover .cf-topline{top:12%;left:7%;right:7%;font-size:9px;gap:20px}.clean-cover .cf-headline{top:19%;left:7%;width:90%;margin:0}.clean-cover .cf-headline,.clean-cover .cf-headline [data-edit],html[lang=vi] .clean-cover .cf-headline [data-edit]{font-size:13.5vw!important;line-height:1.3!important}.clean-cover .cf-role{top:35%;left:7%;font-size:12px}.clean-cover .cf-statement,html[lang=vi] .clean-cover .cf-statement{top:40%;left:7%;width:83%;font-size:20px!important;line-height:1.5!important}.clean-cover .cf-fine,html[lang=vi] .clean-cover .cf-fine{top:49%;left:7%;font-size:11px!important;width:80%;max-width:80%}.clean-cover .cf-portal{left:28%;top:62%;width:59%;height:27%}.clean-cover .cf-portrait{position:absolute;left:auto;top:auto;right:-5%;bottom:8%;width:90%;height:33%}.clean-cover .cf-orbit{left:5%;top:76%;width:100%;height:10%}.clean-cover .cf-glass-tag{top:59%;left:7%;right:auto;font-size:8px;padding:10px 14px}.clean-cover .cf-glass-tag b{font-size:14px}.clean-cover .cf-bottom{bottom:5%;left:7%;right:7%;font-size:8px;gap:18px;padding-top:15px}.clean-cover .cf-grid{display:none}.hero .number small{font-size:17px}.hero .caption{width:86%}.hero .caption p{font-size:14px}.hero .caption .fine{font-size:11px}}
.direct-library{position:absolute;right:6%;bottom:6%;z-index:10;max-width:42%}.direct-open{display:flex;align-items:center;gap:14px;padding:15px 24px;border:1px solid #ffffffb0;background:linear-gradient(120deg,#253f3d,#456c62);box-shadow:0 9px 25px #183f3938;color:#fff;border-radius:16px;text-align:left;min-height:64px}.direct-open:hover{background:#305a50;box-shadow:0 10px 30px #183f3955;transform:translateY(-2px)}.direct-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#efbed0;color:#253f3d;font-size:19px;flex-shrink:0}.direct-open strong{display:block;font-size:16px;font-weight:600}.direct-open small{display:block;font-size:11px;opacity:.85;margin-top:5px}.direct-dialog{position:fixed;inset:0;margin:auto;width:min(1050px,94vw);max-height:92dvh;overflow:auto;padding:22px;border:1px solid #9ab8ad;border-radius:22px;background:#edf3ef;color:#243e37;box-shadow:0 20px 90px #0008}.direct-dialog:not([open]){display:none}.direct-dialog::backdrop{background:#102723cf;backdrop-filter:blur(8px)}.direct-title{font:400 24px/1.3 PortfolioInter,Arial,sans-serif!important;letter-spacing:0;margin:0 52px 14px 0}.direct-close{position:absolute;right:12px;top:9px;min-width:44px;min-height:44px;border:0;background:#dae7df;font-size:25px}.direct-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:start}.direct-screen{background:#0f1b18;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.direct-screen.is-portrait{aspect-ratio:auto;height:min(64dvh,660px)}.direct-screen iframe{display:block;width:100%;height:100%;border:0}.direct-screen.is-portrait iframe{width:auto;aspect-ratio:9/16;max-width:100%;height:100%}.direct-groups{width:100%;min-height:48px;border:1px solid #78988a;border-radius:10px;padding:10px;background:#fff;color:#243e37;font:14px Arial,sans-serif}.direct-nav{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:14px 0}.direct-nav button{min-height:44px;padding:9px 12px;background:#24483c;color:white}.direct-count{font-size:12px;white-space:nowrap}.direct-strip{display:flex;flex-wrap:wrap;gap:6px}.direct-strip button{min-width:44px;min-height:44px;border-radius:10px;padding:8px;background:#fff}.direct-strip button[aria-pressed=true]{background:#e8b1c5;color:#25382f;border-color:#9e617a;font-weight:bold}.direct-note{font:12px/1.55 Arial,sans-serif!important;margin-top:18px;opacity:.7}.direct-editor{display:none;margin-top:20px}.editing .direct-editor{display:block}.direct-editor summary{cursor:pointer;font-size:13px}.direct-links{width:100%;height:150px;resize:vertical;box-sizing:border-box;margin:10px 0;font:12px/1.5 monospace}.direct-apply{min-height:44px}.direct-library button:focus-visible,.direct-groups:focus-visible{outline:3px solid #c97398;outline-offset:3px}
@media(max-width:700px){.scene .direct-library{position:relative;inset:auto;max-width:none;width:100%;margin:24px 0 0}.direct-open{width:100%;justify-content:flex-start;padding:16px 18px}.direct-dialog{width:calc(100vw - 18px);max-height:94dvh;padding:16px;border-radius:16px}.direct-title{font-size:20px!important}.direct-layout{display:flex;flex-direction:column;gap:12px}.direct-controls{display:contents}.direct-groups{order:0;font-size:14px}.direct-screen{order:1;width:100%;flex-shrink:0}.direct-screen.is-portrait{height:min(49dvh,460px);min-height:220px}.direct-nav{order:2;width:100%;margin:0}.direct-strip{order:3;flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:5px}.direct-strip button{flex-shrink:0}.direct-note{order:4;margin-top:0}.direct-editor{order:5;width:100%}.direct-dialog .direct-nav button{font-size:13px;min-width:80px}}
@media(prefers-reduced-motion:reduce){.direct-open:hover{transform:none}}

@media(min-width:701px){[data-id="scene-18"] .direct-library{left:10%;right:auto;bottom:3%}}

/* Explicit player viewport: preserve the original frame, never crop a portrait film. */
.direct-screen{justify-self:center;width:100%;position:relative}.direct-screen.is-portrait{width:min(100%,36dvh,371px);height:auto;min-height:0;aspect-ratio:9/16;margin-inline:auto}.direct-screen.is-portrait iframe,.direct-screen iframe{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;transform:none}
.direct-reload{margin-top:10px;min-height:44px;background:#fff;border-color:#78988a;color:#24483c}
[data-id="scene-23"] .direct-library{left:7%;right:auto;bottom:6%;max-width:38%}
[data-ai-revision="v17"] .ai-copy{top:23%}[data-ai-revision="v17"] .ai-copy h2{font-size:3.5cqw}[data-ai-revision="v17"] .ai-points{margin-top:18px}[data-ai-revision="v17"] .ai-points p{margin:5px 0;font-size:1cqw}[data-ai-revision="v17"] .album-tabs{gap:5px;flex-wrap:wrap}[data-ai-revision="v17"] .album-tabs button{padding:8px 10px;font-size:11px}
@media(max-width:700px){.direct-screen.is-portrait{width:min(100%,27.5625dvh);height:auto;min-height:0;aspect-ratio:9/16;align-self:center}.direct-reload{order:4}.direct-note{order:5}[data-id="scene-23"] .direct-library{position:relative;inset:auto;max-width:none}[data-ai-revision="v17"] .ai-copy{position:relative;inset:auto}[data-ai-revision="v17"] .ai-copy h2{font-size:32px}[data-ai-revision="v17"] .ai-points p{font-size:13px!important}[data-ai-revision="v17"] .album-tabs button{min-height:44px;font-size:12px}}

.kj-library .system-copy{position:absolute;left:5%;top:22%;width:36%}.kj-library .system-copy h2{font-size:3.7cqw}.kj-library .system-copy p{font-size:1cqw;margin-top:18px}.kj-library .swatches{height:24px;margin-top:20px}.kj-library .palette-note{font-size:.72cqw!important;line-height:1.5!important;margin-top:12px!important}.kj-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px}.kj-tabs button{border-radius:10px;background:#fff9;border:1px solid #978bb450;padding:10px;font-size:.87cqw;text-align:left;min-height:40px}.kj-tabs button[aria-pressed=true]{background:#6145a4;color:white;border-color:#6145a4;box-shadow:0 5px 14px #6145a430}.kj-library .system-art{position:absolute;left:46%;right:5%;top:20%;bottom:8%;display:block}.kj-library .system-art .kj-group{position:absolute;inset:0;width:100%;height:100%;background:#e7e2f04d;padding:12px 12px 54px}.kj-group[hidden]{display:none!important}.kj-library .kj-group>img{object-fit:contain;width:100%;height:100%;background:transparent}.kj-library .gallery-nav{bottom:0;height:46px;padding:0 10px;background:#e8e3f3e0;justify-content:space-between}.kj-library .gallery-nav button{min-width:44px;min-height:40px}.kj-library .gallery-count{font-size:12px}
[data-id="scene-23"] .direct-library{left:69%;right:6%;top:31%;bottom:auto;max-width:none}.direct-library .direct-open{max-width:100%}[data-id="scene-23"] .direct-open{padding:13px 16px}[data-id="scene-23"] .direct-open strong{font-size:15px}
@media(max-width:700px){.kj-library .system-copy{position:relative;inset:auto;width:100%}.kj-library .system-copy h2{font-size:34px!important}.kj-library .system-copy p{font-size:14px}.kj-library .palette-note{font-size:10px!important}.kj-tabs{gap:8px;margin:20px 0}.kj-tabs button{font-size:12px;min-height:44px}.kj-library .system-art{position:relative;inset:auto;width:100%;height:520px;margin-top:15px}.kj-library .system-art .kj-group{position:absolute;inset:0;width:100%;height:100%;padding:8px 8px 54px}[data-id="scene-23"] .direct-library{position:relative;inset:auto;width:100%;max-width:none;margin:18px 0}.milestone-copy .direct-library{order:0}}

.kj-library .swatches{height:32px;min-height:32px}.kj-library .swatches>*{height:32px;min-height:0}
#edit-toggle,#export,#save-status,.editor,.direct-editor,.album-editor{display:none!important}