/* Chinese Takeout: raster specimens keep the complete font files private. */
/* The receipt film is a silent loop; contain keeps every action in frame. */
.takeout-page .takeout-screen{position:relative;width:100%;height:100vh;height:100dvh;min-height:360px;margin:0;overflow:hidden;background:#050504;line-height:0}
.takeout-page .takeout-screen video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#050504}
.takeout-page .takeout-header-overlay{position:absolute;inset:0 0 auto;z-index:10;max-width:1920px;margin:0 auto;padding-bottom:24px;background:linear-gradient(180deg,#000c,#0006 65%,transparent);pointer-events:none}
.takeout-page .takeout-header-overlay>.site-shell{border:0}
.takeout-page .takeout-header-overlay .header{background:transparent;border-bottom-color:#ffffff35;box-shadow:none;pointer-events:none}
.takeout-page .takeout-header-overlay .header a,.takeout-page .takeout-header-overlay .music-player{pointer-events:auto}
.takeout-page .takeout-film-scroll,.takeout-page .takeout-film-toggle{position:absolute;z-index:2;bottom:24px;color:#eee8da;font:11px/1.5 'Home Video',monospace;letter-spacing:.5px;text-decoration:none;background:#080808b3;text-shadow:0 1px 4px #000}
.takeout-page .takeout-film-scroll{left:4.1%;display:flex;align-items:center;gap:14px;min-height:44px;padding:10px 0;background:transparent}
.takeout-page .takeout-film-scroll>span{font-size:21px;line-height:1}
.takeout-page .takeout-film-toggle{right:4.1%;display:flex;align-items:center;justify-content:center;gap:9px;min-width:96px;min-height:44px;padding:10px 14px;border:1px solid #eee8da70;border-radius:0;cursor:pointer}
.takeout-page .takeout-film-toggle[hidden]{display:none}
.takeout-page .takeout-film-symbol{font-size:15px;line-height:1;width:14px;text-align:center}
.takeout-page .takeout-film-toggle:hover{background:#080808e6;border-color:#eee8da}
.takeout-page .takeout-film-scroll:hover{color:#ff7458}
.takeout-page .takeout-film-scroll:focus-visible,.takeout-page .takeout-film-toggle:focus-visible{outline:2px solid #eee8da;outline-offset:5px}
.takeout-page .takeout-film-description,.takeout-page .takeout-film-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.takeout-page #takeout-title{scroll-margin-top:35px}
@media(max-width:700px){.takeout-page .takeout-film-scroll{left:6%;font-size:10px}.takeout-page .takeout-film-toggle{right:6%;font-size:10px}.takeout-page .takeout-film-scroll,.takeout-page .takeout-film-toggle{bottom:20px}}
.takeout-main{max-width:1440px;margin:0 auto;padding:72px 0 60px}
.takeout-kicker,.takeout-style-line,.takeout-purchase-note,.takeout-return,.takeout-hero-specimen figcaption,.takeout-style-grid figcaption,.takeout-facts,.takeout-alphabet,.takeout-footer,.takeout-project-label{font-family:'Home Video',monospace}
.takeout-kicker{font-size:11px;line-height:1.8;letter-spacing:1.5px;color:#aea89b;margin:0 0 25px}
.takeout-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);align-items:center;gap:8%;margin:0 0 60px}
.takeout-intro h1{margin:0 0 28px;line-height:1}
.takeout-intro h1 img{display:block;width:100%;max-width:780px;height:auto}
.takeout-description{font:23px/1.65 'Caslon',serif;color:#c7c1b5;margin:0;max-width:630px}
.takeout-style-line{font-size:10px;line-height:1.9;letter-spacing:1.1px;color:#9e998f;margin:27px 0 0}
.takeout-purchase{border:1px solid #5d4e3d;padding:29px 28px 26px;background:#15130f;scroll-margin-top:40px}
.takeout-purchase .takeout-kicker{color:#d3b98e;font-size:10px;margin-bottom:22px}
.takeout-price{font:78px/1 'DX Burst Smooth',sans-serif;margin:0 0 14px;color:#f0e6d2;letter-spacing:-1px}
.takeout-price>span{font:12px/1.5 'Home Video',monospace;letter-spacing:1px;color:#a79d8b}
.takeout-lifetime{font:12px/1.7 'Home Video',monospace;color:#d0c1a6;margin:0 0 24px}
.takeout-buy{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #ef573b;background:#ef573b;color:#120d09;padding:19px 21px;text-decoration:none;font:13px/1.5 'Home Video',monospace;transition:background .2s,transform .2s;min-height:60px}
.takeout-buy:hover{background:#ff7458;border-color:#ff7458;transform:translateY(-2px)}
.takeout-buy:focus-visible{outline:2px solid #f0e6d2;outline-offset:5px}
.takeout-buy span{flex-shrink:0}
.takeout-purchase-note{font-size:10px;line-height:1.9;color:#a59c8b;margin:17px 0 18px}
.takeout-return{font-size:10px;line-height:1.8;color:#d0c1a6;text-underline-offset:4px}
.takeout-hero-specimen{margin:0}
.takeout-hero-specimen>img{display:block;width:100%;height:auto;background:#eee8da}
.takeout-hero-specimen figcaption{font-size:9px;line-height:1.7;letter-spacing:1.1px;color:#9b9589;margin-top:13px}
.takeout-family{padding:70px 0 0}
.takeout-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:28px}
.takeout-page h2{font:clamp(28px,3.5vw,48px)/1.2 'DX Burst Smooth',sans-serif;font-weight:400;letter-spacing:0;color:#eee8da;margin:0}
.takeout-section-heading p{font:12px/1.7 'Home Video',monospace;color:#a9a295;margin:0}
.takeout-style-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #454038;border-left:1px solid #454038}
.takeout-style-grid figure{margin:0;min-width:0;border-right:1px solid #454038;border-bottom:1px solid #454038;padding:25px 28px 16px;background:#11100e}
.takeout-style-grid figcaption{font-size:10px;line-height:1.8;letter-spacing:1px;color:#a59c8b;margin-bottom:17px}
.takeout-style-grid img{display:block;width:100%;height:auto}
.takeout-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;padding:75px 0 50px}
.takeout-details h2{margin-bottom:25px}
.takeout-details .takeout-description{font-size:21px}
.takeout-facts{margin:0;align-self:center;min-width:0}
.takeout-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid #454038}
.takeout-facts>div:first-child{border-top:1px solid #454038}
.takeout-facts dt{font-size:10px;line-height:1.8;color:#9e9688}
.takeout-facts dd{font-size:11px;line-height:1.8;color:#ded5c3;margin:0;overflow-wrap:anywhere}
.takeout-alphabet{border-top:1px solid #454038;border-bottom:1px solid #454038}
.takeout-alphabet summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:13px;line-height:1.7;color:#eee8da;list-style:none;cursor:pointer}
.takeout-alphabet summary::-webkit-details-marker{display:none}
.takeout-alphabet summary span{font-size:24px;transition:transform .2s}
.takeout-alphabet[open] summary span{transform:rotate(45deg)}
.takeout-alphabet summary:focus-visible{outline:2px solid #ef573b;outline-offset:5px}
.takeout-alphabet img{display:block;width:100%;height:auto;background:#eee8da}
.takeout-alphabet p{font-size:10px;line-height:1.8;color:#a59c8b;margin:18px 0 25px}
.takeout-footer-purchase{display:flex;justify-content:space-between;align-items:center;gap:50px;margin:65px 0 0}
.takeout-footer-purchase h2{font-size:clamp(28px,3vw,40px)}
.takeout-footer-purchase p,.takeout-footer-purchase a:not(.takeout-buy){font:11px/1.9 'Home Video',monospace;color:#a59c8b;max-width:630px}
.takeout-footer-purchase a:not(.takeout-buy){color:#d0c1a6;text-underline-offset:4px}
.takeout-footer-purchase>.takeout-buy{min-width:300px;color:#120d09}
.takeout-footer{max-width:1440px;margin:0 auto 30px;border-top:1px solid #454038;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:9px;line-height:1.7;color:#938b7d}
.takeout-footer a{color:#d0c1a6;text-decoration:none}
/* A paper takeout box joins the homepage collage. */
.takeout-project{position:absolute;left:3%;top:800px;width:27%;max-width:320px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;transform:rotate(3deg);text-decoration:none;transition:transform .4s cubic-bezier(.17,.89,.32,1.4)}
.takeout-box{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 12px #0006);transition:transform .4s cubic-bezier(.17,.89,.32,1.4)}
.takeout-project-label{font-size:14px;line-height:1.5;letter-spacing:.7px;text-align:center;color:#eee8da}
.takeout-project-label>span{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;color:#98958d}
.takeout-project:is(:hover,:focus-visible){transform:translateY(-7px) rotate(-2deg)}
.takeout-project:focus-visible{outline:2px solid #eee8da;outline-offset:9px}
.takeout-project:is(:hover,:focus-visible) .takeout-project-label{color:#ff7458}
.takeout-project:is(:hover,:focus-visible) .takeout-box{transform:scale(1.035)}
@media(min-width:1600px){.takeout-project{top:930px;width:26%;max-width:350px}}
@media(min-width:701px){.minimal-view .social-stickers{bottom:0}}
@media(min-width:701px) and (max-width:1050px){.takeout-project{top:785px;left:2%;width:30%;max-width:280px}.takeout-project-label{font-size:12px}.takeout-project-label>span{font-size:8px}}
@media(max-width:1000px){.takeout-intro{grid-template-columns:minmax(0,1.3fr) minmax(260px,.75fr);gap:5%}.takeout-purchase{padding:25px 21px}.takeout-description{font-size:21px}.takeout-details{gap:6%}.takeout-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.takeout-facts>div{grid-template-columns:80px minmax(0,1fr);gap:15px}.takeout-footer-purchase{gap:30px}.takeout-footer-purchase>.takeout-buy{min-width:260px}}
@media(max-width:700px){.takeout-main{padding-top:43px}.takeout-intro{grid-template-columns:1fr;gap:35px;margin-bottom:38px}.takeout-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:22px}.takeout-intro h1{margin-bottom:24px}.takeout-description{font-size:21px}.takeout-style-line{font-size:8px;letter-spacing:.6px;margin-top:22px}.takeout-purchase{padding:26px 24px}.takeout-purchase .takeout-kicker{margin-bottom:18px}.takeout-price{font-size:72px}.takeout-buy{font-size:13px}.takeout-purchase-note,.takeout-return{font-size:10px}.takeout-family{padding-top:45px}.takeout-section-heading{margin-bottom:23px}.takeout-section-heading p{font-size:10px}.takeout-style-grid{grid-template-columns:1fr}.takeout-style-grid figure{padding:22px 23px 14px}.takeout-style-grid figcaption{font-size:9px;margin-bottom:12px}.takeout-details{grid-template-columns:1fr;gap:30px;padding:48px 0 35px}.takeout-details .takeout-description{font-size:20px}.takeout-facts>div{grid-template-columns:94px minmax(0,1fr);padding:17px 0}.takeout-facts dt{font-size:9px}.takeout-facts dd{font-size:10px}.takeout-alphabet summary{font-size:11px;padding:22px 0}.takeout-alphabet p{font-size:9px}.takeout-footer-purchase{align-items:stretch;flex-direction:column;gap:24px;margin-top:45px}.takeout-footer-purchase p,.takeout-footer-purchase a:not(.takeout-buy){font-size:10px}.takeout-footer{flex-direction:column;gap:12px;font-size:8px}.takeout-project{position:relative;left:auto;top:auto;width:min(300px,84%);max-width:none;margin:55px auto 15px}.takeout-project-label{font-size:14px}.takeout-project-label>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.takeout-buy,.takeout-project,.takeout-box,.takeout-alphabet summary span{transition:none}.takeout-buy:hover{transform:none}.takeout-project:is(:hover,:focus-visible){transform:rotate(3deg)}.takeout-project:is(:hover,:focus-visible) .takeout-box{transform:none}}
.motion-off .takeout-project,.motion-off .takeout-box,.motion-off .takeout-buy{transition:none;transform:none!important}
