/* Photographic opening, contact sheets, a camera ritual, and a keepsake. */
.home-body{--paper:#eeeae3;--ink:#292724;--muted:#756f66;background:var(--paper);color:var(--ink);isolation:isolate}
.home-body::before{content:none}
.home-body::after{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.018;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.home-body header{position:fixed;background:#292827e8;backdrop-filter:blur(20px);border-color:#fff2;transition:background .35s,color .35s,border-color .35s}
.home-body[data-motion=running] header{background:#24232128}
.home-body.is-scrolled header{background:#24232180;border-color:#fff2}
.home-body.is-on-paper header{background:#eeeae3e8;color:var(--ink);border-color:#2927241a}
.home-body .bar{padding-top:23px;padding-bottom:23px}
.home-body .lang{border-color:#8f8a7b66}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:#b48b61;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.home-body .hero{background:#292827;isolation:isolate;padding-bottom:125px;min-height:940px;color:#faf4e9}
.home-body .hero::before{content:"";position:absolute;inset:-35px;z-index:-2;background:url('coast.webp') center 47%/cover;opacity:.8;filter:blur(13px) saturate(.55);transform:scale(1.07);mix-blend-mode:normal}
.home-body .hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:1;background:linear-gradient(90deg,#161719b8,transparent 90%),linear-gradient(0deg,var(--paper),#eeeae300 19%,#23232322 72%,#23232340);pointer-events:none}
.home-body .hero h1{font-weight:400;letter-spacing:-2px}
.home-body .hero h1 em{color:#f0d4b4}
.home-body .hero .description{color:#e2d8ca}
.home-body .hero .eyebrow{color:#e3d4bf}
.home-body .dot{background:#e1c29e;box-shadow:none}
.home-body .hero-art{min-height:550px}
.home-body .hero-art>.print{width:34%;right:10%;top:-15px;transform:rotate(8deg)}
.home-body .camera{top:145px}
.home-body .hero-canister{width:17%;left:9%;top:340px}
.home-body .art-label{color:#e6d9c8}
.home-body .hero-bottom{border-color:#f1e6d244;color:#ede2d1;margin-top:20px}
.home-body .ribbon{background:none;color:#81776a;max-width:1320px;margin:-15px auto 0;padding:27px 60px 35px;position:relative;font-size:.75rem;letter-spacing:1px;border-bottom:1px solid #40372d25}
.home-body .ribbon span::before{content:"/";color:#aa8a66}
.home-body .eyebrow{color:#95826b;font-size:.75rem;letter-spacing:1.8px}
.home-body .story{padding-top:105px;padding-bottom:95px;overflow:visible}
.home-body .section-top{grid-template-columns:1.2fr 1fr;gap:130px;align-items:end;margin-bottom:65px}
.home-body .section-top p,.home-body .editorial-copy>p{color:var(--muted);line-height:1.9;font-size:1rem}
.home-body .section-top h2,.home-body .editorial h2,.home-body .finish h2{color:var(--ink);font-size:clamp(2.4rem,4.3vw,4.25rem);line-height:1.25}
.home-body .film-strip{background:none;display:grid;grid-template-columns:.95fr 1.1fr .95fr;align-items:center;gap:36px;padding:0;margin:0;transform:none;overflow:visible}
.home-body .film-strip::before,.home-body .film-strip::after{content:none}
.home-body .film-strip figure{background:#faf7f0;padding:9px 9px 0;box-shadow:0 12px 32px #51433814}
.home-body .film-strip figure:nth-child(1){transform:translateY(28px) rotate(-3deg)}
.home-body .film-strip figure:nth-child(2){transform:rotate(1deg)}
.home-body .film-strip figure:nth-child(3){transform:translateY(50px) rotate(3deg)}
.home-body .film-strip img{aspect-ratio:1.05;object-fit:cover}
.home-body .film-strip figure:nth-child(2) img{aspect-ratio:.92}
.home-body .film-strip figcaption{position:static;color:#8f8170;display:flex;justify-content:space-between;font:.6875rem/1.5 ui-monospace,monospace;letter-spacing:1px;padding:17px 6px 20px}
.home-body .photo-note{color:#968b7b;text-align:center;font-size:.6875rem;margin-top:82px}
.home-body .editorial{background:none;padding-top:50px;padding-bottom:110px;overflow:visible}
.home-body .editorial-inner{align-items:start;gap:100px;border-top:1px solid #40372d25;padding-top:105px;grid-template-columns:1fr 1fr}
.home-body .roll-art{position:sticky;top:calc(50vh - 260px);height:610px;min-height:610px;background:none;isolation:isolate}
.home-body .roll-art::before{content:"";position:absolute;inset:20px 8% 110px;background:radial-gradient(ellipse at 50% 50%,#d1c4af70,transparent 70%);z-index:-1}
.home-body .big-number{color:#9e8c721a;top:10px;left:-3%;font-size:clamp(17rem,27vw,25rem)}
.home-body .roll-object{width:42%;left:29%;height:445px;top:5px;filter:drop-shadow(15px 30px 24px #3f302933)}
.home-body .ritual-package{position:absolute;bottom:36px;width:68%;left:12%;transform:rotate(-6deg);filter:drop-shadow(8px 12px 12px #3f302926)}
.home-body .ritual-note{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#9b8b76;font:.6875rem/1.5 ui-monospace,monospace;letter-spacing:2px}
.home-body .editorial-copy>p{margin:26px 0 42px}
.home-body .steps{border-top:1px solid #40372d25}
.home-body .step{border-bottom:1px solid #40372d25;padding:28px 0;transition:opacity .4s;grid-template-columns:36px 1fr;gap:18px}
.home-body .step span{color:#9e8160}
.home-body .step b{color:var(--ink);font-size:1.0625rem;font-weight:500}
.home-body .step p{color:var(--muted);font-size:.9375rem;max-width:350px;margin-top:9px;line-height:1.8}
.home-body[data-motion=running] .step{opacity:.65}
.home-body[data-motion=running] .step.is-active{opacity:1}
.home-body .finish{background:none;color:var(--ink);padding-top:0;overflow:visible;position:relative;isolation:isolate}
.home-body .finish::before{content:"";position:absolute;inset:140px 0 0;z-index:-1;background:radial-gradient(ellipse at 75% 65%,#d0c3b26b,transparent 65%);pointer-events:none}
.home-body .finish>.wrap{border-top:1px solid #40372d25;padding-top:105px}
.home-body .finish .eyebrow{color:#95826b}
.home-body .finish .section-top p{color:var(--muted)}
.home-body .showcase{margin-top:80px;min-height:650px}
.home-body .showcase-device{width:70%;left:2%;top:90px}
.home-body .showcase-print{width:26%;right:3%;top:-10px;padding:12px 12px 28px;box-shadow:15px 20px 40px #51433823}
.home-body .showcase-package{display:none}
.home-body .keepsake-note{position:absolute;right:3%;top:420px;width:23%;color:#877b6a;font-size:.875rem;line-height:1.85;border-top:1px solid #a5967d66;padding-top:23px}
.home-body .keepsake-note span{display:block;font:italic 1.8rem/1.3 "Songti SC",Georgia,serif;color:#534b40;margin-bottom:18px}
.home-body .formats{border-color:#40372d25;color:#847562;padding:30px 0;font-size:.75rem;letter-spacing:1px;gap:48px}
.home-body .private{background:none;padding:95px 0 105px;color:var(--ink)}
.home-body .private-inner{border-top:1px solid #40372d25;padding-top:65px}
.home-body .private h2{font-size:2.5rem}
.home-body .private p{color:var(--muted);font-size:.9375rem}
.home-body .text-link{border-color:#8f816a66}
.home-body .text-link:hover{color:#a5784a}
.home-body .footer{border-top:1px solid #40372d25;color:#948a7c;padding-top:30px;padding-bottom:36px}
.home-body main{overflow:clip;position:relative}
.home-body section{scroll-margin-top:100px}
@media(min-width:1600px){.home-body .hero{min-height:1000px}.home-body .hero-art{min-height:660px}.home-body .camera{top:190px}.home-body .hero-canister{top:400px}}
@media(max-width:900px){.home-body .section-top{gap:50px}.home-body .editorial-inner{gap:45px}.home-body .film-strip{gap:20px}.home-body .roll-art{height:530px;min-height:530px;top:calc(50vh - 230px)}.home-body .roll-object{height:380px}.home-body .showcase{min-height:540px}.home-body .keepsake-note{top:340px;font-size:.75rem}.home-body .keepsake-note span{font-size:1.4rem}}
@media(max-width:650px){.home-body .bar{padding:21px 22px}.home-body .hero{min-height:auto;padding:128px 0 85px}.home-body .hero::before{filter:blur(10px) saturate(.55);background-position:60% center}.home-body .hero::after{background:linear-gradient(90deg,#161719aa,#16171920),linear-gradient(0deg,var(--paper),#eeeae300 15%,transparent)}.home-body .hero-art{min-height:340px;margin-top:46px}.home-body .hero-art>.print{width:39%;top:-7px;right:9%}.home-body .camera{top:93px}.home-body .hero-canister{top:225px;width:19%;left:6%}.home-body .hero-bottom{margin-top:12px}.home-body .ribbon{margin-top:-8px;padding:15px 24px 30px;font-size:.6875rem;letter-spacing:0;gap:10px}.home-body .ribbon span::before{margin-right:6px}.home-body .story{padding:65px 24px 55px}.home-body .section-top{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.home-body .section-top h2,.home-body .editorial h2,.home-body .finish h2{font-size:2.5rem}.home-body .section-top p{font-size:.9375rem}.home-body .film-strip{display:flex;align-items:center;gap:15px;padding:10px 10px 25px;margin:0 -10px;overflow-x:auto;scroll-snap-type:x mandatory}.home-body .film-strip figure{flex:0 0 80%;transform:none!important;scroll-snap-align:center}.home-body .film-strip img,.home-body .film-strip figure:nth-child(2) img{aspect-ratio:1.1}.home-body .film-strip figcaption{font-size:.625rem;padding:14px 4px 17px}.home-body .photo-note{margin-top:22px;text-align:left;font-size:.625rem}.home-body .editorial{padding:20px 0 70px}.home-body .editorial-inner{padding-top:55px;grid-template-columns:1fr;gap:40px}.home-body .roll-art{position:relative;top:auto;height:440px;min-height:440px;order:0}.home-body .big-number{font-size:21rem;left:2%;top:0}.home-body .roll-object{height:320px;width:42%;left:29%;top:0}.home-body .ritual-package{width:60%;left:18%;bottom:35px}.home-body .ritual-note{font-size:.625rem}.home-body .editorial-copy>p{margin:22px 0 30px}.home-body .step{padding:24px 0}.home-body .step b{font-size:1rem}.home-body .step p{font-size:.875rem}.home-body .finish>.wrap{padding-top:60px}.home-body .showcase{margin-top:48px;min-height:455px}.home-body .showcase-device{width:100%;left:0;top:100px}.home-body .showcase-print{width:42%;top:0;right:5%;padding:7px 7px 19px}.home-body .keepsake-note{top:315px;left:2%;right:auto;width:88%;display:flex;gap:25px;align-items:start;font-size:.75rem;padding-top:20px}.home-body .keepsake-note span{flex:0 0 28%;font-size:1.5rem}.home-body .formats{gap:12px;padding:25px 0;font-size:.6875rem}.home-body .private{padding:65px 0}.home-body .private-inner{padding-top:50px}.home-body .private h2{font-size:2.2rem}.home-body .footer{font-size:.6875rem}.home-body section{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.home-body header,.home-body .step{transition:none}.scroll-progress{display:none}.home-body header{background:#eeeae3ed;color:var(--ink)}}