.hotel-page{--hl-bg:#191817;--hl-surface:#22201e;--hl-surface-raised:#292521;--hl-line:#494039;--hl-cream:#f2ede4;--hl-muted:#b6a99e;--hl-copper:#c88d68;background:var(--hl-bg);min-height:100dvh;color:var(--hl-cream);font-family:DM Sans Variable,PingFang SC,sans-serif;overflow:clip}.hotel-page *{box-sizing:border-box}.hotel-page :focus-visible{outline:2px solid var(--hl-copper);outline-offset:3px}.hl-header{z-index:30;border-bottom:1px solid var(--hl-line);background:var(--hl-bg);justify-content:space-between;align-items:center;gap:32px;height:78px;padding:0 max(30px,50vw - 690px);display:flex;position:relative}.hl-brand{color:var(--hl-cream);white-space:nowrap;letter-spacing:-.045em;align-items:center;gap:12px;font-size:16px;font-weight:750;text-decoration:none;display:inline-flex}.hl-brand-mark{border-radius:50%;width:37px;height:37px;display:block}.hl-nav{align-items:center;gap:42px;display:flex}.hl-nav a,.hl-footer a{color:var(--hl-muted);letter-spacing:.025em;font-size:12px;font-weight:650;text-decoration:none;transition:color .2s}.hl-nav a:hover,.hl-footer a:hover{color:var(--hl-cream)}.hl-nav-cta{border:1px solid var(--hl-copper);min-height:40px;color:var(--hl-cream);white-space:nowrap;border-radius:2px;align-items:center;gap:16px;padding:0 17px;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.hl-nav-cta:hover{background:var(--hl-copper);color:var(--hl-bg)}.hl-menu{color:var(--hl-cream);background:0 0;border:0;display:none}.hl-hero{isolation:isolate;background:#68371f;min-height:min(720px,100dvh - 78px);margin:24px;position:relative;overflow:hidden}.hl-hero:after{z-index:-1;content:"";background:linear-gradient(90deg,#0d0d0ce6 0%,#0d0d0ca1 29%,#0000 70%),linear-gradient(#0000 63%,#0d0d0c99);position:absolute;inset:0}.hl-hero-frame{z-index:-2;position:absolute;inset:0;overflow:hidden}.hl-hero-frame:before{content:"";filter:brightness(.8);background:url(/imgs/generated/duet-studio-wide.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hl-hero-frame picture{aspect-ratio:1672/941;width:auto;max-width:100%;height:100%;margin-inline:auto;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.hl-hero-frame img{object-fit:contain;width:100%;height:100%;animation:1.5s ease-out both hl-film-in;display:block}.hl-hero-copy{min-height:inherit;flex-direction:column;justify-content:end;align-items:flex-start;max-width:1380px;margin:auto;padding:75px 68px 82px;animation:.9s ease-out .18s both hl-copy-in;display:flex;position:relative}.hl-kicker{color:var(--hl-copper);letter-spacing:.19em;text-transform:uppercase;margin:0 0 19px;font-size:10px;font-weight:800}.hl-hero h1,.hl-section-intro h2,.hl-bottom h2{text-transform:uppercase;letter-spacing:.008em;font-family:Bebas Neue,Arial Narrow,sans-serif;font-weight:400}.hl-hero h1{text-wrap:balance;max-width:780px;margin:0;font-size:clamp(88px,9.8vw,154px);line-height:.81}.hl-subtitle{color:#f0e5db;max-width:440px;margin:28px 0 27px;font-size:16px;line-height:1.58}.hl-button{border:1px solid var(--hl-copper);background:var(--hl-copper);color:#191511;letter-spacing:.025em;white-space:nowrap;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:30px;min-height:50px;padding:0 22px;font:750 12px DM Sans Variable,sans-serif;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.hl-button:hover{background:#e2b092;border-color:#e2b092;transform:translateY(-2px)}.hl-create,.hl-how,.hl-ideas,.hl-explainer,.hl-guide,.hl-prompt-guide,.hl-faq{padding:126px max(30px,50vw - 660px);scroll-margin-top:25px}.hl-explainer,.hl-prompt-guide{border-top:1px solid var(--hl-line);grid-template-columns:.8fr 1fr;gap:100px;display:grid}.hl-explainer .hl-section-intro,.hl-prompt-guide .hl-section-intro{margin-bottom:0}.hl-prose p{color:var(--hl-muted);margin:0 0 22px;font-size:15px;line-height:1.75}.hl-prose p:last-child{margin-bottom:0}.hl-guide,.hl-faq{border-top:1px solid var(--hl-line)}.hl-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}.hl-guide-grid article{border-top:1px solid var(--hl-copper);padding-top:22px}.hl-guide-grid span{color:var(--hl-copper);letter-spacing:.12em;font-size:12px;font-weight:750}.hl-guide-grid h3{letter-spacing:-.035em;margin:38px 0 12px;font-size:21px}.hl-guide-grid p,.hl-faq-list p{color:var(--hl-muted);margin:0;font-size:13px;line-height:1.7}.hl-faq-list{border-top:1px solid var(--hl-line);max-width:900px}.hl-faq-list details{border-bottom:1px solid var(--hl-line);padding:24px 0}.hl-faq-list summary{color:var(--hl-cream);cursor:pointer;font-size:18px;font-weight:700}.hl-faq-list p{max-width:760px;padding-top:14px}.hl-section-intro{margin:0 0 52px}.hl-section-intro h2{max-width:840px;margin:0 0 16px;font-size:clamp(54px,6vw,88px);line-height:.93}.hl-section-intro p:last-child{max-width:540px;color:var(--hl-muted);margin:0;font-size:15px;line-height:1.65}.hl-create{border-top:1px solid var(--hl-line)}.hl-create-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.74fr);align-items:start;gap:70px;display:grid}.hl-create-form{border-top:1px solid var(--hl-copper);padding:36px 0 0}.hl-form-top{color:var(--hl-muted);justify-content:space-between;gap:16px;margin-bottom:20px;font-size:11px;display:flex}.hl-step{color:var(--hl-cream);font-size:14px;font-weight:750}.hl-upload-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:31px;display:grid}.hl-upload{background:var(--hl-surface);height:208px;color:var(--hl-copper);cursor:pointer;border:1px solid #66584d;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:9px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.hl-upload:hover,.hl-upload:focus-within{border-color:var(--hl-copper);background:var(--hl-surface-raised)}.hl-upload span{z-index:1;color:var(--hl-cream);font-size:13px;font-weight:750;position:relative}.hl-upload small{z-index:1;color:var(--hl-muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700;position:relative}.hl-upload-preview{object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hl-field-label{margin-bottom:12px;font-size:13px;font-weight:750;display:block}.hl-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.hl-size{background:var(--hl-surface);height:84px;color:var(--hl-muted);cursor:pointer;border:1px solid #66584d;border-radius:2px;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;padding:12px 8px 10px;font-size:12px;font-weight:750;display:flex}.hl-size[aria-checked=true]{border-color:var(--hl-copper);color:var(--hl-cream)}.hl-size:disabled{cursor:not-allowed;opacity:.6}.hl-size-shape{border:1.5px solid;border-radius:2px;max-width:64px;height:38px;display:block}.hl-size[aria-checked=true] .hl-size-shape{border-color:var(--hl-copper);background:color-mix(in oklab, var(--hl-copper) 18%, transparent)}.hl-create textarea{resize:vertical;background:var(--hl-surface);width:100%;min-height:111px;color:var(--hl-cream);border:1px solid #66584d;border-radius:2px;outline:none;padding:16px;font:13px/1.6 DM Sans Variable,sans-serif;display:block}.hl-create textarea:focus{border-color:var(--hl-copper)}.hl-create textarea::placeholder{color:#a39589}.hl-starter-label{color:var(--hl-cream);margin:22px 0 9px;font-size:12px;font-weight:750}.hl-starter-prompt{border:1px solid var(--hl-line);background:var(--hl-bg);color:var(--hl-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;font:12px/1.65 DM Sans Variable,sans-serif}.hl-consent{color:var(--hl-muted);align-items:flex-start;gap:11px;margin:19px 0 23px;font-size:11px;line-height:1.6;display:flex}.hl-consent input{accent-color:var(--hl-copper);margin-top:3px}.hl-form-actions{flex-wrap:wrap;gap:11px;display:flex}.hl-outline{min-height:50px;color:var(--hl-cream);white-space:nowrap;border:1px solid #7e6757;border-radius:2px;justify-content:center;align-items:center;gap:20px;padding:0 20px;font-size:12px;font-weight:750;text-decoration:none;transition:border-color .2s;display:inline-flex}.hl-outline:hover{border-color:var(--hl-copper)}.hl-disabled{opacity:.42;cursor:not-allowed}.hl-hint{color:var(--hl-muted);margin:17px 0 0;font-size:11px;line-height:1.55}.hl-preview{border:1px solid var(--hl-line);background:var(--hl-surface);margin:-90px 0 0;padding:12px 12px 20px}.hl-preview-media{aspect-ratio:2/3;background:#82442b;overflow:hidden}.hl-preview-media img,.hl-preview-media video{object-fit:contain;width:100%;height:100%;display:block}.hl-preview-caption{justify-content:space-between;gap:10px;margin:18px 5px 8px;font-size:12px;font-weight:750;display:flex}.hl-preview-caption span:last-child{color:var(--hl-copper);letter-spacing:.09em;font-size:10px}.hl-caption-divider{padding:0 5px}.hl-preview>p{color:var(--hl-muted);margin:0 5px;font-size:11px;line-height:1.6}.hl-how{border-top:1px solid var(--hl-line);grid-template-columns:.72fr 1fr;gap:100px;display:grid}.hl-how .hl-section-intro{align-self:start;position:sticky;top:45px}.hl-how-grid{border-top:1px solid var(--hl-line)}.hl-how-grid article{border-bottom:1px solid var(--hl-line);padding:28px 0 31px}.hl-how-grid h3{color:var(--hl-cream);letter-spacing:-.035em;margin:0 0 10px;font-size:21px;font-weight:650}.hl-how-grid p{max-width:450px;color:var(--hl-muted);margin:0;font-size:13px;line-height:1.65}.hl-ideas{background:var(--hl-surface)}.hl-ideas-grid{counter-reset:idea;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.hl-ideas-grid article{counter-increment:idea;flex-direction:column;display:flex}.hl-idea-media{aspect-ratio:3/2;background:#82442b;overflow:hidden}.hl-idea-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.hl-ideas-grid article:hover .hl-idea-media img{transform:scale(1.04)}.hl-ideas-grid article:before{content:counter(idea, decimal-leading-zero);border-top:1px solid var(--hl-line);color:var(--hl-copper);letter-spacing:.14em;order:1;margin-top:24px;padding-top:16px;font-size:11px;font-weight:750;transition:border-color .3s;display:block}.hl-ideas-grid article:hover:before{border-color:var(--hl-copper)}.hl-ideas-grid h3{letter-spacing:-.03em;order:2;margin:14px 0 10px;font-size:22px;font-weight:700}.hl-ideas-grid p{color:var(--hl-muted);order:3;margin:0;font-size:13px;line-height:1.7}.hl-bottom{border-top:1px solid var(--hl-line);text-align:center;padding:150px 28px 160px}.hl-bottom h2{margin:0 0 10px;font-size:clamp(76px,9.5vw,140px);line-height:.91}.hl-bottom p{color:var(--hl-muted);margin:0 0 31px;font-size:15px}.hl-footer{border-top:1px solid var(--hl-line);justify-content:space-between;align-items:end;gap:32px;padding:40px max(30px,50vw - 690px);display:flex}.hl-footer p{color:var(--hl-muted);margin:13px 0 0;font-size:11px}.hl-footer-links{flex-wrap:wrap;align-items:center;gap:25px;display:flex}@keyframes hl-film-in{0%{filter:brightness(.8);transform:scale(1.055)}to{filter:brightness();transform:scale(1)}}@keyframes hl-copy-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (width<=1020px){.hl-hero{min-height:700px}.hl-hero-copy{padding:70px 45px}.hl-create-grid{grid-template-columns:1fr 1fr;gap:36px}.hl-preview{margin-top:0}.hl-how{gap:60px}}@media (width<=750px){.hl-header{padding:0 20px}.hl-nav{gap:18px}.hl-hero{margin:12px}.hl-create,.hl-how,.hl-ideas,.hl-explainer,.hl-guide,.hl-prompt-guide,.hl-faq{padding:85px 24px}.hl-explainer,.hl-prompt-guide{grid-template-columns:1fr;gap:32px}.hl-create-grid{grid-template-columns:1fr}.hl-preview{max-width:520px;margin:0}.hl-how{display:block}.hl-how .hl-section-intro{position:static}.hl-ideas-grid{gap:24px}.hl-ideas-grid h3{font-size:19px}}@media (width<=600px){.hl-header{height:64px;padding:0 18px}.hl-brand{font-size:15px}.hl-brand-mark{width:34px;height:34px}.hl-nav{border-bottom:1px solid var(--hl-line);background:var(--hl-bg);flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 16px;display:none;position:absolute;top:64px;left:0;right:0}.hl-nav-open{display:flex}.hl-nav a{padding:13px 0}.hl-nav-cta{display:none}.hl-menu{place-items:center;display:grid}.hl-hero{flex-direction:column;min-height:0;margin:0;display:flex}.hl-hero:after{display:none}.hl-hero-frame{z-index:auto;aspect-ratio:2/3;width:100%;position:relative}.hl-hero-frame:before{display:none}.hl-hero-frame picture{aspect-ratio:auto;width:100%;-webkit-mask-image:none;mask-image:none}.hl-hero-frame img{object-fit:contain}.hl-hero-copy{min-height:0;padding:40px 22px 46px}.hl-hero h1{max-width:360px;font-size:clamp(78px,22vw,116px)}.hl-subtitle{max-width:350px;margin:19px 0 24px;font-size:14px}.hl-create,.hl-how,.hl-ideas,.hl-explainer,.hl-guide,.hl-prompt-guide,.hl-faq{padding:76px 18px}.hl-guide-grid{grid-template-columns:1fr}.hl-guide-grid h3{margin-top:18px}.hl-section-intro{margin-bottom:35px}.hl-section-intro h2{font-size:58px}.hl-form-top{flex-direction:column}.hl-upload{height:165px}.hl-ideas-grid{grid-template-columns:1fr;gap:44px}.hl-bottom{padding:94px 20px 104px}.hl-bottom h2{font-size:78px}.hl-footer{flex-direction:column;align-items:start;padding:35px 18px}}@media (prefers-reduced-motion:reduce){.hl-hero-frame img,.hl-hero-copy{animation:none}.hotel-page *{scroll-behavior:auto!important;transition:none!important}}:lang(zh) .hotel-page .hl-hero h1,:lang(zh) .hotel-page .hl-section-intro h2,:lang(zh) .hotel-page .hl-bottom h2{letter-spacing:-.065em;font-family:DM Sans Variable,PingFang SC,Microsoft YaHei,sans-serif;font-weight:750;line-height:1.12}:lang(zh) .hotel-page .hl-hero h1{max-width:740px;font-size:clamp(64px,7vw,92px)}:lang(zh) .hotel-page .hl-section-intro h2{font-size:clamp(48px,5vw,72px)}:lang(zh) .hotel-page .hl-bottom h2{font-size:clamp(62px,7vw,100px)}@media (width<=600px){:lang(zh) .hotel-page .hl-hero h1{max-width:360px;font-size:56px;line-height:1.17}:lang(zh) .hotel-page .hl-section-intro h2{font-size:42px;line-height:1.2}:lang(zh) .hotel-page .hl-bottom h2{font-size:58px;line-height:1.14}}.hl-prompt-guide{background:#211e1b;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:clamp(70px,9vw,150px);padding-top:clamp(110px,10vw,170px);padding-bottom:clamp(110px,10vw,170px)}.hl-prompt-guide .hl-section-intro h2{max-width:570px;font-size:clamp(72px,6.5vw,108px);line-height:.92}.hl-prompt-guide .hl-prose{border-top:2px solid var(--hl-copper);max-width:590px;padding-top:25px}.hl-prompt-guide .hl-prose p{color:#c9beb4;font-size:16px;line-height:1.83}.hl-prompt-guide .hl-prose p+p{margin-top:38px}.hl-prompt-ratio{background:linear-gradient(145deg,#5e3927,#2a211d 72%);border:1px solid #9d6c4f;align-items:end;width:94px;height:142px;margin-top:48px;padding:12px;display:flex;box-shadow:12px 12px #171615}.hl-prompt-ratio span{color:#eed4bd;letter-spacing:.035em;font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:25px;line-height:1}.hl-faq{grid-template-columns:minmax(240px,.54fr) minmax(0,1fr);gap:clamp(55px,8vw,140px);padding-top:clamp(105px,9vw,150px);padding-bottom:clamp(120px,11vw,180px);display:grid}.hl-faq .hl-section-intro{align-self:start;margin-bottom:0;position:sticky;top:44px}.hl-faq .hl-section-intro h2{max-width:440px;font-size:clamp(70px,6.2vw,104px);line-height:.94}.hl-faq-list{border-top-color:#765e50;max-width:none}.hl-faq-list details{padding:0;transition:background-color .2s}.hl-faq-list details:hover,.hl-faq-list details[open]{background:#24211e}.hl-faq-list summary{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:20px;min-height:82px;padding:18px 16px;font-size:17px;line-height:1.4;list-style:none;display:grid}.hl-faq-list summary::-webkit-details-marker{display:none}.hl-faq-list summary:after{content:"+";color:var(--hl-copper);justify-self:end;font-size:27px;font-weight:300;line-height:1}.hl-faq-list details[open] summary:after{content:"−"}.hl-faq-list p{max-width:630px;padding:0 56px 27px 16px;font-size:15px;line-height:1.75}@media (width<=850px){.hl-faq{grid-template-columns:1fr;gap:38px}.hl-faq .hl-section-intro{position:static}}@media (width<=750px){.hl-prompt-guide{grid-template-columns:1fr;gap:34px}.hl-prompt-ratio{width:65px;height:98px;margin-top:32px;padding:8px}.hl-prompt-ratio span{font-size:19px}}@media (width<=600px){.hl-prompt-guide .hl-section-intro h2,.hl-faq .hl-section-intro h2{font-size:clamp(56px,15vw,78px)}.hl-prompt-guide .hl-prose p{font-size:14px}.hl-faq-list summary{min-height:72px;padding-inline:8px;font-size:16px}.hl-faq-list p{padding-left:8px;padding-right:34px;font-size:14px}}.hl-hint a{color:var(--hl-copper)}