:root{--ink:#eeeae3;--muted:#a6a3a0;--blue:#be4a37;--paper:#151514;--wash:#222220;--line:#383836;--yellow:#e4c3a3;color-scheme:dark}img{height:auto}.header{background:#151514f5;border-color:var(--line)}.brand{font-size:1.2rem;letter-spacing:.06em;font-weight:500}.brand small{font-size:.65rem;letter-spacing:.17em;color:#b5aea4}.demo-bar{background:#292522;color:#bfb7af;padding:7px 20px}.hero-visual{background:radial-gradient(ellipse at 65% 40%,#41413d,#20201e 60%,#151514)}.viewfinder-label,.camera-caption{color:#aaa59e}.hero h1 em{color:#c7b8a5}.hero h1{font-weight:400}.primary{background:#bc4935;border-radius:2px}.primary:hover{background:#9c3827}.primary.light{background:#eee8df;color:#211f1b}.secondary{background:#262522}.journey-ribbon{background:#1b1b19}.category-tabs button[aria-pressed=true]{background:#e9e3d9;color:#24211e;border-color:#e9e3d9}.product-image{aspect-ratio:1;border-radius:2px}.product-image img{width:100%;height:100%;object-fit:cover}.product-tag{background:#e9e2d8;color:#27231f}.product-info{padding-top:20px}.atelier{background:#29241f}.atelier-stamp{background:#e4c3a3;color:#32241e}.guide{background:#1b1b19}.services{background:#121312}.closing{background:#23201d}.closing em{color:#c7b8a5}.footer{background:#151514}.service-photo{aspect-ratio:4/5;min-height:0}.service-photo img{width:100%;height:100%;object-fit:cover}.atelier-art{aspect-ratio:1;min-height:0}.atelier-art>img{height:100%}.skip{background:#eae4db;color:#201e1c}#mobile-nav{background:#201f1c;box-shadow:0 20px 70px #0009}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:#e68b76}.eyebrow{font-size:.8rem}.footer .brand{font-size:1rem}@media(max-width:700px){.brand{font-size:.95rem}.brand small{font-size:.6rem;letter-spacing:.1em}.product-grid{gap:26px 14px}.product-image{aspect-ratio:1}.atelier-art{min-height:0}.service-photo{min-height:0}.hero-visual{min-height:350px}.section{padding-block:60px}}
/* One continuous darkroom story; commerce controls stay in normal flow. */
.hero{display:block;height:265svh;min-height:0;overflow:visible;background:#151514}.hero-pin{position:sticky;top:89px;min-height:580px;height:calc(100svh - 89px);max-height:1100px;display:grid;grid-template-columns:45% 55%;overflow:hidden}.hero-copy{padding:clamp(32px,5vh,75px) 2vw 40px 6vw;z-index:2;min-width:0;justify-content:center}.hero-story{position:relative;width:100%;height:clamp(290px,35vw,405px)}.hero-step{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .35s,transform .5s,visibility .35s}.hero-step.is-active{opacity:1;visibility:visible;transform:none}.hero-step h1,.hero-step h2{font-size:clamp(3rem,5.7vw,6.8rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px}.hero-step h1 em,.hero-step h2 em{color:#c7b8a5;display:inline-block}.hero-step p{color:#b7b1a8;font-size:1.05rem;line-height:1.6}.hero-footnote{margin-top:35px;padding-top:22px;border-top:1px solid var(--line);font-size:.8rem}.hero-visual{padding:34px 5vw 30px 0;min-height:0;background:radial-gradient(ellipse at 52% 45%,#3f3e37 0,#242420 45%,#151514 73%)}#camera-stage{min-height:0;min-width:0}.viewfinder-label{font-size:.75rem;gap:12px}.camera-caption{font-size:.8rem;justify-content:space-between}.camera-caption span:last-child{margin:0}.hero-meter{position:absolute;bottom:0;left:0;right:0;height:3px;display:flex;gap:4px}.hero-meter i{background:#37332e;flex:1}.hero-meter i.active{background:#bd7055}.contact-sheet{height:clamp(300px,42vw,560px);display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#1b1b19;padding:40px 6vw;gap:6vw}.film-track{display:flex;align-items:center;gap:18px;width:65%;will-change:transform}.film-track figure{margin:0;flex:1;min-width:0;background:#0d0d0c;padding:10px 10px 0;border-block:8px dashed #5b5348;transform:rotate(-5deg)}.film-track figure:nth-child(2){transform:translateY(30px) rotate(5deg)}.film-track figure:nth-child(3){transform:rotate(-2deg)}.film-track img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.film-track figcaption{font:12px/2.7 monospace;color:#c3ac8d}.contact-sheet>p{font-size:clamp(2rem,3.5vw,4rem);line-height:1.04;letter-spacing:-.035em;margin:0;min-width:27%}.contact-sheet>p em{color:#c7b8a5}.section{max-width:1800px;margin-inline:auto}.section-heading h2{line-height:1.14}.product-grid{gap:45px 24px}.product-image{isolation:isolate}.product-image img{transition:transform .6s,filter .6s}.product-bottom button:hover{background:#e9e3d9;color:#201e1b}.atelier{min-height:710px;position:relative;background:#29241f}.atelier-art{aspect-ratio:auto;min-height:650px;display:grid;place-items:center;overflow:hidden}.print-stack{position:relative;width:100%;height:100%;perspective:1100px}.print-stack figure{position:absolute;left:24%;top:18%;width:47%;max-width:310px;aspect-ratio:3/4;margin:0;padding:14px 14px 45px;background:#f0ebe2;box-shadow:0 18px 50px #0008;transform-origin:50% 80%;will-change:transform}.print-stack img{width:100%;height:100%;object-fit:cover}.print-stack figure:nth-child(1){transform:translateX(-40%) rotate(-16deg)}.print-stack figure:nth-child(2){transform:translateY(8%) rotate(3deg);z-index:2}.print-stack figure:nth-child(3){transform:translateX(40%) rotate(17deg)}.print-stack figcaption{position:absolute;bottom:13px;color:#4e4641;left:20px;font-family:Georgia,serif;font-style:italic;font-size:16px}.atelier-stamp{z-index:3;font-size:2.3rem;padding:20px 25px;bottom:8%;left:13%;box-shadow:0 8px 24px #0005}.atelier-copy{padding-block:90px}.atelier-copy h2{line-height:1.15}.service-photo{position:relative;overflow:hidden;min-height:0;aspect-ratio:4/5;max-height:760px}.service-photo img{will-change:transform}.services{gap:8vw;align-items:center;padding-block:110px}.service-copy{padding:0}.service-copy h2{font-size:clamp(3rem,5.4vw,5.8rem);line-height:1.04}.closing{position:relative;text-align:center;overflow:hidden;padding-top:70px;padding-bottom:100px;max-width:none;background:radial-gradient(ellipse at 50% 32%,#514234,#27221c 50%,#181715)}.closing h2{position:relative;z-index:1;font-size:clamp(3rem,5.5vw,6rem);line-height:1.06}.closing-prints{height:330px;position:relative;max-width:850px;margin:0 auto 50px;perspective:1000px}.closing-prints figure{position:absolute;width:190px;height:250px;left:calc(50% - 95px);top:35px;margin:0;padding:10px 10px 35px;background:#e8e1d6;box-shadow:0 20px 50px #0007;will-change:transform}.closing-prints img{width:100%;height:100%;object-fit:cover}.closing-prints figure:first-child{transform:translateX(-125%) rotate(-17deg)}.closing-prints figure:nth-child(2){z-index:2;transform:rotate(3deg)}.closing-prints figure:last-child{transform:translateX(125%) rotate(16deg)}.footer-bottom a{font-size:.75rem!important}.journey-ribbon{font-size:.75rem;letter-spacing:.12em}.motion-off .hero{height:auto}.motion-off .hero-pin{position:relative;top:0}.motion-off{scroll-behavior:auto}.motion-off .film-track,.motion-off .service-photo img{transform:none!important}.footer .brand-name{color:#eee8df}.header .brand{font-size:1.1rem}.header .brand small{font-size:.6rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}.primary span,.product-bottom button,.service-list b{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}
/* Light, neutral workbench inside the dark photographic studio. */
dialog{--ink:#282520;--muted:#6f6860;--paper:#f7f4ee;--wash:#ede8df;--line:#d8d0c6;--blue:#a63e2d;color-scheme:light;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#070707c7;backdrop-filter:blur(6px)}dialog .secondary{background:#f5f0e8}dialog .notice{background:#eee4d8}dialog .field input,dialog .field textarea,dialog .field select{background:#fffcf7}dialog .upload-button{background:#efe3d6}dialog .editor-preview{background:#dcd5ca}dialog .editor-tools,dialog .editor-order,dialog .editor-head{background:#f7f4ee}dialog .layer-item.selected{background:#eee0d3}dialog .sticker-grid button:hover{background:#e1d2c0}dialog .payment-demo{border-color:#bc9e82}#toast{background:#eee8df;color:#29221e}
@media(min-width:1800px){.hero-copy{padding-left:max(6vw,calc((100vw - 1600px)/2))}.hero-story{height:460px}.hero-step h1,.hero-step h2{font-size:7rem}.hero-visual{padding-right:max(5vw,calc((100vw - 1660px)/2))}}
@media(max-width:1100px){.hero-pin{grid-template-columns:46% 54%}.hero-copy{padding-left:5vw}.hero-story{height:330px}.hero-step h1,.hero-step h2{font-size:clamp(3rem,6vw,4.8rem)}.hero-visual{padding-right:3vw}.hero .button-row{gap:16px}.hero .primary{padding:15px 18px}.atelier-art{min-height:600px}.header .brand{font-size:1rem}.section{padding-inline:5vw}}
@media(max-width:760px){.header{padding-inline:20px;min-height:78px}.header .brand{font-size:.9rem;letter-spacing:.045em}.header .brand small{font-size:.55rem}.hero{height:245svh}.hero-pin{top:78px;height:calc(100svh - 78px);min-height:610px;max-height:1000px;display:grid;grid-template-columns:1fr;grid-template-rows:46% 54%}.hero-copy{padding:25px 22px 0;justify-content:flex-start}.hero .eyebrow{font-size:.65rem;margin-bottom:14px;letter-spacing:.08em}.hero-story{height:185px;flex-shrink:0}.hero-step h1,.hero-step h2{font-size:clamp(2.5rem,9.8vw,3.4rem);line-height:1.05;margin-bottom:14px}.hero-step h1 br{display:inline!important}.hero-step p{font-size:.9rem;line-height:1.5;margin-bottom:0}.hero .button-row{gap:20px}.hero .primary{font-size:.85rem;min-height:45px;padding:12px 16px}.hero .text-link{font-size:.85rem}.hero-footnote{position:absolute;bottom:12px;left:22px;right:22px;width:auto;margin:0;padding-top:10px;font-size:.65rem;z-index:4;border-color:#8a7a5b55}.hero-footnote button{font-size:.75rem}.hero-visual{padding:18px 22px 54px;min-height:0;background:radial-gradient(ellipse at 50% 44%,#3f3e37,#25241f 50%,#151514 76%)}.viewfinder-label{font-size:.6rem}.camera-caption{padding:8px 0 0;font-size:.65rem}.camera-caption span:last-child{font-size:.65rem}#camera-stage{min-height:0}.hero-meter{bottom:0}.contact-sheet{height:380px;padding:30px 22px;display:block}.film-track{width:110%;height:260px;gap:8px}.film-track figure{padding:6px 6px 0;border-width:5px}.film-track figcaption{font-size:9px;white-space:nowrap}.contact-sheet>p{font-size:1.8rem;position:absolute;right:24px;bottom:25px;text-align:right;text-shadow:0 3px 12px #000}.journey-ribbon{padding:20px 10px;font-size:.6rem;letter-spacing:.07em}.section{padding:65px 22px}.product-grid{gap:30px 14px}.product-image{aspect-ratio:1}.product-info{padding-top:15px}.atelier{min-height:0}.atelier-art{min-height:420px;aspect-ratio:auto}.print-stack figure{width:43%;padding:10px 10px 35px;left:28%;top:14%}.print-stack figcaption{font-size:13px;left:13px;bottom:10px}.atelier-stamp{font-size:1.7rem;padding:15px 20px;left:9%;bottom:5%}.atelier-copy{padding:35px 24px 65px}.atelier-copy h2{font-size:2.5rem}.services{padding-block:65px;gap:35px}.service-photo{aspect-ratio:4/5;max-height:550px}.service-copy h2{font-size:3.4rem;line-height:1.07}.closing{padding-top:25px;padding-bottom:70px}.closing-prints{height:270px;margin-bottom:20px}.closing-prints figure{width:135px;height:180px;left:calc(50% - 67.5px);padding:7px 7px 25px}.closing h2{font-size:3rem;line-height:1.12}.closing .eyebrow{justify-content:center}.footer-bottom a{max-width:100%}.motion-off .hero-pin{height:auto;grid-template-rows:auto 360px}.motion-off .hero-copy{padding-bottom:25px}}
@media(max-width:760px) and (max-height:740px){.hero-pin{grid-template-rows:51% 49%;min-height:530px}.hero-copy{padding-top:15px}.hero .eyebrow{margin-bottom:10px}.hero-story{height:166px}.hero-step h1,.hero-step h2{font-size:2.4rem}.hero-step p{font-size:.85rem}.hero-visual{padding-top:12px}.viewfinder-label{display:none}.hero .primary{min-height:42px}.hero-footnote{bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto}.hero-pin{position:relative;top:0}.hero-step{transition:none}.hero-step:not(:first-child){display:none}.film-track,.service-photo img{transform:none!important}}
.hero-step{transition:none;will-change:transform,opacity}.hero-step.is-active{animation:chapter-enter .68s cubic-bezier(.2,.72,.2,1) both}@keyframes chapter-enter{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:760px){.hero-step p{font-size:1rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.035em}.viewfinder-label{font-size:.75rem}.viewfinder-label span:last-child{display:none}.camera-caption,.camera-caption span:last-child,.hero-footnote{font-size:.75rem}.brand small,.header .brand small{font-size:.625rem}.film-track figcaption{font-size:.75rem}.journey-ribbon{font-size:.65rem}}
@media(max-width:360px){.header{padding-inline:14px;gap:8px}.header .brand{font-size:.8rem}.header .brand small{font-size:.52rem}.header-actions{gap:7px}.hero-copy{padding-inline:18px}.hero .eyebrow{font-size:.66rem}.hero-step h1,.hero-step h2{font-size:2.25rem}.hero-story{height:192px}.hero .button-row{gap:12px}.hero .primary{padding:12px;gap:14px}.hero .text-link{font-size:.8rem}.hero-visual{padding-inline:18px}.camera-caption{display:none}.hero .hero-footnote{font-size:.65rem}.product-info h3{font-size:1rem}.product-info p{font-size:.875rem}.product-bottom{align-items:flex-end}}
@media(max-height:560px) and (min-width:761px){.hero{height:auto}.hero-pin{height:auto;min-height:560px;position:relative;top:0}}

/* V1.1.4 — smoother scroll-driven motion without hijacking native scrolling. */
#camera-stage canvas,.film-track,.print-stack figure,.closing-prints figure,.service-photo img,.product-image{backface-visibility:hidden;-webkit-backface-visibility:hidden}
#camera-stage{contain:layout paint;transform:translateZ(0)}