/*
 * A warm photo-led nap club, built around the supplied real footage.
 * 围绕用户提供的真实影像设计的温暖午睡俱乐部。
 */
:root{--cream:#fff7e8;--brown:#422c24;--muted:#78665a;--yellow:#ffce49;--line:#dfd2bc;--paper:#fffdf6;--soft:#f3ead9;--green:#59704a;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--page-width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}img{height:auto}button:disabled{cursor:default}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--green);outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}.wrap{width:min(var(--page-width),calc(100% - 112px));margin-inline:auto}.section-space{padding-block:104px}.eyebrow,.mono{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:1.1px}.eyebrow{display:flex;align-items:center;gap:9px;line-height:1.6}.text-link{text-decoration:none;display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.text-link:hover{ text-decoration:underline}.text-link span{font-size:21px;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;background:var(--brown);color:var(--cream);padding:12px 20px}.skip-link:focus{top:15px}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}.brand>img{height:46px;width:46px;object-fit:cover;border-radius:50%;border:1px solid var(--brown)}.brand>span{font-size:24px;line-height:1;font-weight:800;letter-spacing:-1px}.brand i{font-family:var(--serif);font-size:22px;font-weight:600}.brand-sub{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.2px;font-weight:400;margin-top:8px}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:30px}.site-header nav a{font-size:12px;font-weight:600;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.source-pill{display:inline-flex;align-items:center;gap:20px;border:1px solid var(--brown);padding:10px 18px;border-radius:30px;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}.source-pill span{font-size:18px}.source-pill:hover{background:var(--yellow)}
.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:75px;padding-top:58px;padding-bottom:76px;min-height:770px}.hero-copy{padding-bottom:12px}.sleep-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.hero-title{font-family:var(--serif);font-size:clamp(78px,7.65vw,110px);font-weight:900;letter-spacing:-6px;line-height:.88;margin-top:29px}.nap-line{display:block;font-size:.59em;letter-spacing:-3.4px;line-height:1.08;margin-top:18px;font-style:italic;white-space:nowrap}.hero-description{font-size:16px;color:var(--muted);line-height:1.7;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 23px;min-height:52px;border:1px solid var(--brown);border-radius:50px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary{background:var(--brown);color:var(--cream)}.primary:hover{background:#644334;transform:translateY(-2px)}.hero-footnote{display:flex;align-items:center;gap:11px;margin-top:41px;font-size:10px;line-height:1.7}.hero-footnote strong{font-family:var(--mono);font-weight:400;font-size:10px}.tiny-faces img{width:42px;height:42px;border-radius:50%;object-fit:cover}.footnote-divider{height:29px;width:1px;background:var(--line);margin-inline:9px}.launch-status{color:var(--muted)}.hero-stage{position:relative;width:100%;max-width:460px;justify-self:end;padding:13px 17px 0 0}.video-frame{background:var(--paper);padding:10px;border:1px solid var(--brown);border-radius:170px 170px 15px 15px;transform:rotate(2deg);box-shadow:9px 10px 0 var(--yellow);overflow:hidden}.video-topline{height:39px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:8px;letter-spacing:.5px;gap:5px;position:relative}.video-dot{height:5px;width:5px;border-radius:50%;background:var(--green)}.topline-right{position:absolute;right:9px;font-size:7px;display:none}.video-viewport{position:relative;overflow:hidden;border-radius:152px 152px 7px 7px;background:#b6a17b;aspect-ratio:3/4}.video-viewport video{width:100%;height:100%;object-fit:cover;object-position:center 56%}.video-play{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--cream);color:var(--brown);border:1px solid var(--brown);box-shadow:0 2px 0 #422c241f;transition:background .2s}.video-play svg{margin-left:3px}.video-play:hover{background:var(--yellow)}.video-frame.is-playing .video-play,.video-frame.has-played .video-play{display:none}.video-frame figcaption{display:flex;align-items:center;justify-content:space-between;padding:16px 8px 7px;font-size:11px;gap:8px}.video-time{font-family:var(--mono);font-size:10px;white-space:nowrap}.video-time span{margin-left:8px}.nap-badge{position:absolute;right:-22px;bottom:62px;width:113px;height:113px;border:1px solid var(--brown);border-radius:50%;background:var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-13deg);box-shadow:2px 3px 0 var(--brown);z-index:2}.nap-badge span{font-family:var(--mono);font-size:7px;letter-spacing:.7px}.nap-badge b{font-family:var(--serif);font-weight:700;font-style:italic;font-size:25px;line-height:1.7}.sleep-scribble{position:absolute;z-index:3;left:-34px;top:34px;font-family:var(--serif);font-style:italic;font-size:53px;transform:rotate(-13deg);line-height:1}.sleep-scribble span{position:absolute;font-size:33px;top:-23px;left:27px}.sleep-scribble small{position:absolute;font-size:22px;top:-42px;left:53px}.video-error{margin-top:20px;font-size:13px;line-height:1.6;max-width:390px}.nap-ribbon{background:var(--yellow);border-block:1px solid var(--brown);overflow:hidden;transform:none;margin-inline:0}.nap-ribbon>div{display:flex;align-items:center;gap:37px;white-space:nowrap;justify-content:center;padding-block:19px;font-family:var(--mono);font-size:12px;letter-spacing:1.4px}.nap-ribbon span{font-size:20px;line-height:1}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:51px}.section-heading h2,.club h2{font-family:var(--serif);font-weight:700;font-size:58px;letter-spacing:-2.8px;line-height:1.05;margin-top:18px}.section-heading em{font-weight:600}.section-intro{font-size:14px;color:var(--muted);margin-bottom:5px;line-height:1.8}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;align-items:start}.story-card{min-width:0}.story-middle{margin-top:55px}.story-photo{position:relative;border:1px solid var(--brown);border-radius:110px 110px 6px 6px;overflow:hidden;background:var(--soft)}.story-photo img{width:100%;aspect-ratio:4/4.9;object-fit:cover;object-position:center 45%}.photo-number{position:absolute;bottom:13px;left:13px;width:33px;height:33px;background:var(--cream);border:1px solid var(--brown);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:10px}.story-card figcaption{padding:21px 1px 0}.story-card .mono{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.story-card h3{font-family:var(--serif);font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.6px;margin:8px 0 10px}.story-card p{font-size:13px;color:var(--muted);line-height:1.65;max-width:260px}.story-source{border-top:1px solid var(--line);margin-top:44px;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.story-source .text-link{color:var(--brown);font-size:11px}
.club{background:var(--brown);color:var(--cream);padding-block:96px}.club-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.club-portrait{position:relative;padding:0 20px 0 0}.club-portrait>img{border-radius:50%;width:100%;aspect-ratio:1;object-fit:cover;border:8px solid #5b4032;transform:rotate(-8deg)}.portrait-note{position:absolute;bottom:0;left:55px;background:var(--yellow);color:var(--brown);padding:13px 23px;font-family:var(--serif);font-size:22px;font-style:italic;transform:rotate(-6deg);border:1px solid var(--brown);white-space:nowrap}.portrait-spark{position:absolute;top:3px;right:-2px;font-size:75px;color:var(--yellow);line-height:1}.club .eyebrow{color:var(--yellow)}.club h2{font-size:54px;margin-top:20px}.club-description{font-size:14px;color:#d2c2ad;line-height:1.8;margin-top:24px}.nap-rules{list-style:none;margin:27px 0 28px;padding:0;max-width:350px}.nap-rules li{display:flex;align-items:center;gap:20px;padding-block:13px;border-bottom:1px solid #705345;font-size:14px}.nap-rules li span{font-family:var(--mono);font-size:10px;color:#c7b6a0}.club-copy .text-link{color:var(--yellow);font-size:12px}.big-nap{text-align:center;padding-block:100px 108px}.big-nap>.eyebrow{justify-content:center}.motto{font-family:var(--serif);font-weight:900;font-size:clamp(72px,8.7vw,128px);letter-spacing:-6px;line-height:.95;margin-top:34px}.motto>span{position:relative;font-style:italic}.motto svg{position:absolute;left:-3%;width:110%;height:20px;bottom:-13px;color:var(--yellow);z-index:-1}.motto-signature{margin-top:34px;font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--muted)}
.token-section{padding-bottom:100px}.token-ticket{display:grid;grid-template-columns:1.1fr 1fr;background:var(--yellow);border:1px solid var(--brown);border-radius:16px;position:relative}.ticket-main{padding:41px 44px;border-right:1px dashed #9c7939;position:relative}.ticket-main:before,.ticket-main:after{content:'';position:absolute;right:-10px;width:18px;height:18px;border:1px solid var(--brown);border-radius:50%;background:var(--cream)}.ticket-main:before{top:-10px}.ticket-main:after{bottom:-10px}.ticket-main h2{font-family:var(--serif);font-size:45px;letter-spacing:-2px;line-height:1.2;margin:13px 0}.ticket-main>p:last-child{font-size:13px}.ticket-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px 44px;min-width:0}.status-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.status-label>span{width:6px;height:6px;border-radius:50%;background:var(--brown)}.contract-value{font-family:var(--mono);font-size:17px;margin-top:15px;overflow-wrap:anywhere}.pending-note{font-size:12px;line-height:1.6;margin-top:12px}.copy-button{margin-top:16px}.contract-feedback{font-size:12px}.site-footer{border-top:1px solid var(--line);padding-top:33px;padding-bottom:32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:35px;font-size:10px;color:var(--muted);line-height:1.8}.source-credit{text-align:right}.source-credit a:hover{color:var(--brown)}[data-reveal]{opacity:1;transform:none}
@media(min-width:1800px){:root{--page-width:1480px}.hero{gap:110px;min-height:900px;padding-block:70px 90px}.hero-title{font-size:138px}.hero-stage{max-width:500px}.hero-description{font-size:18px}.hero-actions{margin-top:38px}.hero-footnote{margin-top:50px}.section-heading h2{font-size:70px}.club h2{font-size:64px}.eyebrow{font-size:12px}.site-header{height:125px}.motto{font-size:150px}}
@media(min-width:2800px){:root{--page-width:1900px}.hero{min-height:1080px;gap:140px}.hero-title{font-size:175px}.hero-stage{max-width:640px}.hero-description{font-size:23px}.hero .eyebrow{font-size:14px}.hero-actions .button{padding:20px 32px;font-size:17px}.hero-actions .text-link{font-size:16px}.hero-footnote{font-size:13px}.hero-footnote strong{font-size:12px}.hero-footnote img{width:54px;height:54px}.site-header{height:140px}.brand>span{font-size:30px}.brand>img{width:56px;height:56px}.brand-sub{font-size:10px}.site-header nav a,.source-pill{font-size:15px}.nap-badge{width:145px;height:145px;right:-34px}.nap-badge b{font-size:33px}.nap-badge span{font-size:9px}.video-frame figcaption{font-size:15px}.video-topline{font-size:11px;height:48px}.video-time{font-size:12px}.video-play{width:90px;height:90px}.section-heading h2{font-size:80px}.club h2{font-size:76px}.motto{font-size:180px}.section-space{padding-block:130px}}
@media(max-width:1199px){.wrap{width:calc(100% - 80px)}.hero{gap:45px;min-height:690px;padding-top:50px}.hero-title{font-size:88px;letter-spacing:-5px}.nap-line{font-size:.56em;letter-spacing:-2.5px}.hero .eyebrow{font-size:9px;letter-spacing:.5px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px}.hero-stage{max-width:400px}.nap-badge{width:100px;height:100px;right:-15px}.nap-badge b{font-size:23px}.nap-badge span{font-size:6px}.section-heading h2{font-size:50px}.club-inner{gap:65px}.club h2{font-size:44px}.story-grid{gap:27px}.ticket-main{padding:35px 32px}.ticket-main h2{font-size:39px}.ticket-details{padding:30px}.site-header nav{gap:22px;margin-right:8px}.motto{font-size:110px}}
@media(max-width:900px) and (min-width:701px){.wrap{width:calc(100% - 64px)}.hero{gap:26px;min-height:640px}.hero-title{font-size:77px}.hero-description{font-size:14px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .button{padding:13px 17px;font-size:12px}.hero-footnote{gap:8px;margin-top:30px;font-size:9px}.footnote-divider{margin-inline:3px}.hero-stage{padding-right:10px}.video-frame{padding:7px}.video-frame figcaption{font-size:9px;padding-inline:2px}.video-time{font-size:8px}.video-topline{font-size:6px}.nap-badge{width:85px;height:85px;right:-15px}.nap-badge b{font-size:20px}.nap-badge span{font-size:5px}.section-space{padding-block:80px}.story-grid{gap:20px}.story-photo{border-radius:75px 75px 6px 6px}.story-card h3{font-size:25px}.story-card p{font-size:12px}.club-inner{gap:42px}.club h2{font-size:38px}.club-portrait{padding-right:0}.portrait-note{left:15px;font-size:17px;padding:10px 15px}.portrait-spark{font-size:54px}.club-description{font-size:12px}.ticket-main h2{font-size:32px}.status-label{font-size:8px;letter-spacing:.3px}.contract-value{font-size:14px}.site-header .brand>span{font-size:21px}.site-header nav{gap:16px;margin-right:0}.source-pill{padding:9px 13px;gap:10px;font-size:11px}.site-header{gap:16px}.nap-ribbon>div{font-size:10px;gap:25px}.motto{font-size:92px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:87px;gap:10px}.brand>img{width:37px;height:37px}.brand>span{font-size:21px}.brand i{font-size:19px}.brand-sub{font-size:6px;letter-spacing:1px;margin-top:6px}.brand{gap:8px}.site-header nav{display:none}.source-pill{font-size:10px;padding:8px 12px;gap:8px}.source-pill span{font-size:16px}.hero{display:flex;flex-direction:column;gap:39px;padding-top:40px;padding-bottom:49px;min-height:0}.hero-copy{width:100%;padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero-title{font-size:91px;letter-spacing:-5px;line-height:.86;margin-top:24px}.nap-line{font-size:.55em;letter-spacing:-2.5px;margin-top:13px;line-height:1.2}.hero-description{font-size:14px;line-height:1.7;margin-top:19px}.hero-actions{margin-top:24px;gap:24px}.hero-actions .button{min-height:48px;padding:13px 21px;font-size:12px}.hero-actions .text-link{font-size:11px}.hero-footnote{margin-top:25px;font-size:9px;gap:9px}.tiny-faces img{width:36px;height:36px}.hero-footnote strong{font-size:9px}.footnote-divider{margin-inline:5px}.hero-stage{max-width:345px;align-self:center;padding:0 12px 0 6px}.video-frame{padding:9px;transform:rotate(1.5deg);box-shadow:7px 8px 0 var(--yellow)}.video-topline{height:32px;font-size:6.8px;gap:5px}.video-viewport{aspect-ratio:3/4.1}.video-frame figcaption{font-size:8px;padding:13px 3px 5px;gap:6px}.video-time{font-size:8px}.video-play{height:60px;width:60px}.nap-badge{right:-2px;bottom:46px;width:88px;height:88px}.nap-badge b{font-size:21px}.nap-badge span{font-size:5.7px}.sleep-scribble{font-size:39px;left:-3px;top:15px}.sleep-scribble span{font-size:25px;left:22px;top:-17px}.sleep-scribble small{font-size:16px;left:43px;top:-31px}.nap-ribbon>div{font-size:9px;padding-block:16px;gap:24px;letter-spacing:1px}.nap-ribbon span{font-size:16px}.section-space{padding-block:64px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:43px;letter-spacing:-2px;margin-top:14px}.section-intro{font-size:12px;margin-top:19px;line-height:1.8}.desktop-break{display:none}.story-grid{grid-template-columns:1fr;gap:30px}.story-card{display:grid;grid-template-columns:45% 1fr;gap:21px;align-items:center}.story-middle{margin-top:0}.story-photo{border-radius:65px 65px 5px 5px}.story-photo img{aspect-ratio:3/4;object-position:center 50%}.photo-number{height:25px;width:25px;bottom:9px;left:9px;font-size:8px}.story-card figcaption{padding:0}.story-card .mono{font-size:7px;letter-spacing:.8px}.story-card h3{font-size:25px;letter-spacing:-.7px;margin-block:9px}.story-card p{font-size:11px;line-height:1.7}.story-source{margin-top:28px;align-items:flex-start;flex-direction:column;gap:9px;font-size:9px;padding-top:17px}.story-source .text-link{font-size:10px}.club{padding-block:65px}.club-inner{display:flex;flex-direction:column;gap:53px}.club-portrait{max-width:285px;width:85%;padding:0}.club-portrait>img{border-width:6px}.portrait-note{left:12px;font-size:17px;padding:11px 17px;bottom:-4px}.portrait-spark{font-size:58px;right:-12px;top:0}.club-copy{width:100%}.club .eyebrow{font-size:9px}.club h2{font-size:44px;margin-top:16px;letter-spacing:-1.7px}.club-description{font-size:13px;margin-top:20px}.nap-rules{margin-top:22px;max-width:none}.nap-rules li{font-size:13px;padding-block:12px}.club-copy .text-link{font-size:11px}.big-nap{padding-block:67px 71px}.big-nap .eyebrow{font-size:8px}.motto{font-size:67px;letter-spacing:-3.2px;margin-top:29px;line-height:1}.motto svg{height:14px;bottom:-9px}.motto-signature{font-size:8px;margin-top:28px}.token-section{padding-bottom:63px}.token-ticket{grid-template-columns:1fr;border-radius:13px}.ticket-main{padding:28px;border-right:0;border-bottom:1px dashed #9c7939}.ticket-main:before,.ticket-main:after{top:auto;bottom:-10px}.ticket-main:before{left:-10px;right:auto}.ticket-main:after{right:-10px}.ticket-main .eyebrow{font-size:8px}.ticket-main h2{font-size:37px;letter-spacing:-1.5px;margin-block:10px}.ticket-main>p:last-child{font-size:11px}.ticket-details{padding:28px}.status-label{font-size:8px}.contract-value{font-size:15px;margin-top:13px}.pending-note{font-size:11px}.site-footer{padding-top:27px;padding-bottom:28px}.footer-top{gap:15px}.footer-top .text-link{font-size:10px;gap:4px}.footer-top .text-link span{font-size:18px}.footer-top .brand-sub{font-size:5px;letter-spacing:.5px}.footer-bottom{display:block;font-size:9px;padding-top:25px}.source-credit{text-align:left;margin-top:18px}.eyebrow{font-size:9px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.hero-title{font-size:79px}.nap-line{letter-spacing:-2.2px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:17px}.hero-footnote{gap:7px;font-size:8px}.hero-footnote strong{font-size:8px}.footnote-divider{margin-inline:1px}.brand>span{font-size:18px}.brand>img{width:33px;height:33px}.source-pill{padding-inline:9px;font-size:9px}.story-card{gap:15px}.story-card h3{font-size:22px}.motto{font-size:60px}.ticket-main h2{font-size:32px}.ticket-main,.ticket-details{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero{padding-top:28px;gap:27px}.hero-title{font-size:clamp(46px,14vw,74px);letter-spacing:-2.8px;line-height:1;margin-top:17px}.hero-title>br{display:none}.nap-line{font-size:.82em;letter-spacing:-2.2px;margin-top:4px;line-height:1.18}.hero-description{margin-top:16px}.hero-actions{margin-top:19px}.hero-footnote{margin-top:19px}.hero-stage{max-width:340px}.video-viewport{aspect-ratio:3/3.9}}
.nap-badge{bottom:112px;pointer-events:none}.video-frame.has-played~.nap-badge{display:none}
.video-frame.has-played video{object-fit:contain;background:#21160f}video:fullscreen{object-fit:contain;background:#000}