/* ATELIER / IN MOTION — warm white, champagne, and cinematic space. */
body[data-concept=atelier]{--paper:#faf9f5;--ink:#30372d;--accent:#987b45;--line:#deded3;background:var(--paper)}
body[data-concept=atelier] #app{max-width:1920px;margin:auto}
body[data-concept=atelier] .site-header{position:sticky;top:0;z-index:40;height:94px;background:#faf9f5ed;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:height .35s}
body[data-concept=atelier] .site-header .brand{height:92px;transition:height .35s}
body[data-concept=atelier].a-scrolled .site-header{height:82px}
body[data-concept=atelier].a-scrolled .site-header .brand{height:80px}
.a-film-hero{padding:25px 5.2% 0}
.a-hero-overline{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.14em;color:#797e70}
.a-film-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:17px 0 28px}
.a-film-heading h1{font-size:clamp(70px,8.8vw,145px);line-height:1.04;letter-spacing:-.055em;white-space:nowrap}
.a-film-heading h1 em{color:#987b45}
.a-film-heading>div{padding-top:12px;flex-shrink:0}
.a-film-heading p{font-size:10px;line-height:1.8;color:#74786d;margin-bottom:14px}
.a-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;border-bottom:1px solid #a99b7b;padding-bottom:7px;transition:color .3s}
.a-inline-link>span{font-size:20px;line-height:1;transition:transform .4s}
.a-inline-link:hover{color:#987b45}.a-inline-link:hover>span{transform:translate(3px,-3px)}
.a-hero-film-wrap{position:relative;clip-path:inset(0 var(--hero-inset,0%));background:#d7d2c5}
.a-hero-film-wrap .a-film{height:clamp(350px,43vw,650px)}
.a-film{position:relative;isolation:isolate;overflow:hidden;background:#d7d2c5}
.a-film:after{content:'';position:absolute;z-index:0;pointer-events:none;inset:50% 0 0;background:linear-gradient(transparent,#0008)}
.a-film-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:relative}
.a-hero-film-wrap .a-film-video{object-position:center 46%}
.a-film-controls{position:absolute;z-index:3;inset:auto 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fffaf0}
.a-film-title{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.14em;text-shadow:0 1px 6px #000}
.a-film-title i{height:4px;width:4px;background:#fff6d3;border-radius:50%;opacity:.5}
.is-playing .a-film-title i{opacity:1;box-shadow:0 0 8px #fff5b4}
.a-film-controls>div{display:flex;gap:7px}
.a-film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:70px;padding:8px 11px;border:1px solid #fff7dd55;background:#1d231f70;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:9px;transition:background .3s}
.a-film-controls button:hover{background:#1d231fd9}
.a-film-controls button:focus-visible{outline:2px solid white;outline-offset:3px}
[data-play-icon]{font-size:14px;line-height:1}
.a-hero-film-caption{position:absolute;bottom:86px;left:27px;z-index:1;color:white;font:italic 400 clamp(28px,3.2vw,48px)/1.1 var(--serif);letter-spacing:-.03em;text-shadow:0 1px 20px #0005;pointer-events:none}
.a-film-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 24px;font-size:7px;letter-spacing:.13em;color:#6f7466}
.a-film-caption a{display:flex;align-items:center;gap:16px}.a-film-caption a span{font-size:17px;color:#987b45}
.a-promise-line{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 5.2%;padding:29px 0;border-block:1px solid var(--line);font-size:10px;color:#777b70}
.a-promise-line i{font-size:16px;font-style:normal;color:#a78e5a}
.a-cinema-home .collection{padding:92px 5.2% 95px;scroll-margin-top:105px}
.a-cinema-home .section-heading{margin-bottom:38px}.a-cinema-home .section-heading h2{font-size:clamp(43px,4.5vw,69px);letter-spacing:-.045em}
.a-cinema-home .section-heading .eyebrow{font-size:8px;color:#8e7b55}
.a-cinema-home .product-grid{gap:30px}.a-cinema-home .product-card:nth-child(2){margin-top:66px}
.a-cinema-home .card-image{aspect-ratio:.73}.a-cinema-home .card-image>img{transition:transform 1.1s cubic-bezier(.2,.65,.2,1)}
.a-cinema-home .card-info h3{font:400 26px/1.1 var(--serif);letter-spacing:-.02em}.a-cinema-home .card-info>span{padding-top:3px}
.a-cinema-home .card-note{background:#faf9f5e8;backdrop-filter:blur(10px)}
.a-motion-chapter{position:relative;min-height:175svh;background:#f0f0e9;border-block:1px solid #d8dbcf;scroll-margin-top:82px}
.a-motion-stage{height:calc(100svh - 82px);min-height:620px;max-height:1000px;position:sticky;top:82px;overflow:hidden;isolation:isolate}
.a-chapter-heading,.a-chapter-bottom{position:absolute;left:5.2%;right:5.2%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:7px;letter-spacing:.15em;color:#707967;z-index:2}
.a-chapter-heading{top:28px}.a-chapter-bottom{bottom:27px}
.a-chapter-progress{height:1px;background:#cfd2c4;max-width:240px;flex:1}.a-chapter-progress i{display:block;width:100%;height:1px;background:#947e4e;transform:scaleX(var(--chapter-progress,.5));transform-origin:left}
.a-orbit{position:absolute;left:10%;right:10%;top:21%;height:57%;border:1px solid #b7b89b60;border-radius:50%;transform:rotate(var(--orbit-rotate,0deg));pointer-events:none}
.a-orbit:after{content:'';position:absolute;inset:20px -22px;border:1px solid #bec0a836;border-radius:50%}
.a-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#9c8a5f;left:14%;top:14%;box-shadow:0 0 0 5px #bdb39416}
.a-orbit i:last-child{left:auto;top:auto;right:14%;bottom:14%;width:4px;height:4px}
.a-motion-watermark{position:absolute;left:0;right:0;top:49%;text-align:center;font:400 10.2vw/1 var(--serif);letter-spacing:.05em;color:#b8bea525;transform:translateY(-50%);white-space:nowrap;pointer-events:none}
.a-portrait-frame{position:absolute;left:50%;top:50%;height:74%;max-height:690px;aspect-ratio:9/16;transform:translate(-50%,-50%) scale(var(--portrait-scale,1)) rotate(var(--portrait-rotate,0deg));z-index:2;padding:8px;border:1px solid #b8b7a2;background:#f7f7f0;box-shadow:0 22px 52px #343c2812}
.a-portrait-frame .a-film{height:100%;width:100%}.a-portrait-frame .a-film-controls{inset:auto 12px 12px;display:block}.a-portrait-frame .a-film-controls>div{margin-top:12px}.a-portrait-frame .a-film-title{font-size:6px}
.a-portrait-frame .a-film-controls button{font-size:8px;min-height:36px;min-width:66px}
.a-frame-corner{position:absolute;width:20px;height:20px;border-color:#8d784b;pointer-events:none}.a-frame-corner-top{left:-5px;top:-5px;border-left:1px solid;border-top:1px solid}.a-frame-corner-bottom{right:-5px;bottom:-5px;border-right:1px solid;border-bottom:1px solid}
.a-motion-copy{position:absolute;left:6.5%;top:28%;z-index:3;transform:translateX(var(--copy-drift,0px))}
.a-motion-copy .eyebrow{font-size:7px;color:#899077;letter-spacing:.13em}.a-motion-copy h2{font-size:clamp(58px,6.6vw,105px);line-height:.93;margin-top:25px;letter-spacing:-.045em}.a-motion-copy h2 em{color:#8d7b50}
.a-motion-note{position:absolute;left:74%;right:5.2%;top:51%;z-index:3;transform:translateX(calc(-1 * var(--copy-drift,0px)))}
.a-note-index{display:block;font-size:8px;letter-spacing:.18em;color:#8b7c58;margin-bottom:20px}.a-motion-note p{font-size:11px;line-height:1.9;color:#727b69;margin-bottom:23px}.a-motion-note .a-inline-link{font-size:9px;gap:12px}
.a-cinema-home .craft{background:var(--paper);margin:0;padding:100px 8%;scroll-margin-top:80px;gap:12%}.a-cinema-home .craft-image{height:660px}.a-cinema-home .craft-copy h2{font-size:clamp(60px,5.3vw,82px)}
.a-cinema-home .craft-copy>.eyebrow{font-size:8px;color:#8d7b54}.a-cinema-home .craft-copy h2 em{color:#987b45}
.a-closing{position:relative;text-align:center;padding:95px 20px 105px;border-top:1px solid var(--line);background:#f1f1e9;overflow:hidden}
.a-closing .eyebrow{font-size:8px;color:#89806a}.a-closing h2{font-size:clamp(60px,6.8vw,105px);line-height:.98;margin:27px 0}.a-closing h2 em{color:#987b45}.a-closing p{font-size:11px;color:#7b7e72;margin-bottom:27px}.a-closing-jp{display:block;margin-top:33px;font-size:8px;letter-spacing:.2em;color:#91937f}
body[data-concept=atelier] .product-layout{align-items:start}body[data-concept=atelier] .purchase-panel{position:sticky;top:110px}
.atelier-motion .a-reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease var(--reveal-delay,0ms),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.atelier-motion .a-revealed{opacity:1;transform:none}
.atelier-motion .a-film-heading h1{animation:a-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.atelier-motion .a-hero-film-wrap{animation:a-film-arrive 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes a-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes a-film-arrive{from{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.a-film-hero{padding-top:35px}.a-film-heading{padding-bottom:40px}.a-film-heading p{font-size:13px}.a-inline-link{font-size:13px}.a-motion-note p{font-size:14px}.a-motion-note .a-inline-link{font-size:12px}}
@media(max-width:1000px) and (min-width:761px){.a-film-heading h1{font-size:8.4vw}.a-film-heading p{font-size:9px}.a-film-heading{gap:16px}.a-motion-copy{left:5%}.a-motion-copy h2{font-size:57px}.a-portrait-frame{height:68%}.a-motion-note{left:76%;right:4%}.a-motion-note .a-inline-link{font-size:8px;gap:8px}.a-motion-note p{font-size:10px}.a-cinema-home .card-info h3{font-size:22px}.a-promise-line{font-size:9px;gap:15px}}
@media(max-width:760px){
 body[data-concept=atelier] .site-header{height:78px}body[data-concept=atelier] .site-header .brand{height:76px}body[data-concept=atelier].a-scrolled .site-header{height:70px}body[data-concept=atelier].a-scrolled .site-header .brand{height:68px}
 .a-film-hero{padding:25px 5% 0}.a-hero-overline{font-size:6px;letter-spacing:.1em}.a-hero-overline>span:last-child{display:none}
 .a-film-heading{display:block;padding:21px 0 25px}.a-film-heading h1{font-size:clamp(57px,10.3vw,78px);line-height:1.02;white-space:normal;max-width:650px;letter-spacing:-.05em}.a-film-heading h1 em{white-space:nowrap}
 .a-film-heading>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px}.a-film-heading p{font-size:9px;margin:0;line-height:1.8}.a-film-heading .a-inline-link{font-size:10px;gap:15px;white-space:nowrap}
 .a-hero-film-wrap .a-film{height:420px;max-height:115vw}.a-hero-film-wrap .a-film-video{object-position:57% center}.a-film-controls{inset:auto 13px 14px;gap:8px}.a-film-title{font-size:6px;letter-spacing:.08em;gap:5px}.a-film-controls>div{gap:5px}.a-film-controls button{font-size:8px;min-width:55px;min-height:38px;padding:7px 8px}.a-hero-film-caption{left:15px;bottom:74px;font-size:31px}
 .a-film-caption{font-size:5.5px;letter-spacing:.05em;gap:14px;padding:16px 0 19px}.a-film-caption a{gap:7px;white-space:nowrap}.a-film-caption a span{font-size:15px}
 .a-promise-line{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;padding:20px 7px;font-size:8px;line-height:1.8;margin:0 5%}.a-promise-line i{font-size:10px}.a-promise-line>span:nth-of-type(2){order:4;width:100%;text-align:center}.a-promise-line i:nth-of-type(2){display:none}
 .a-cinema-home .collection{padding:55px 5% 60px;scroll-margin-top:90px}.a-cinema-home .section-heading{gap:18px;margin-bottom:27px}.a-cinema-home .section-heading h2{font-size:43px;max-width:310px;line-height:1.02}.a-cinema-home .section-heading .eyebrow{font-size:7px}.a-cinema-home .product-grid{gap:28px 15px}.a-cinema-home .product-card:nth-child(2){margin-top:35px}.a-cinema-home .card-info h3{font-size:21px}.a-cinema-home .card-info p{font-size:8px}.a-cinema-home .card-info>span{font-size:10px;padding:0}.a-cinema-home .card-note{font-size:5px;left:7px;top:7px}.a-cinema-home .card-image{aspect-ratio:.67}
 .a-motion-chapter{min-height:0;padding:0}.a-motion-stage{position:relative;top:0;min-height:0;max-height:none;height:auto;padding:75px 7% 72px;display:flex;flex-direction:column;align-items:center}
 .a-chapter-heading{top:24px;font-size:5.5px;letter-spacing:.07em;gap:10px;left:5%;right:5%}.a-motion-copy{position:relative;left:auto;top:auto;transform:none;text-align:center;margin-bottom:35px}.a-motion-copy .eyebrow{font-size:6px}.a-motion-copy h2{font-size:62px;margin-top:18px}.a-motion-copy h2 br{display:none}.a-motion-copy h2 em{display:block}
 .a-portrait-frame{position:relative;left:auto;top:auto;transform:none;height:auto;aspect-ratio:9/16;width:83%;max-width:320px;max-height:none;padding:6px}.a-portrait-frame .a-film{position:absolute;inset:6px;height:calc(100% - 12px);width:calc(100% - 12px)}.a-portrait-frame .a-film-controls{inset:auto 12px 14px}.a-portrait-frame .a-film-controls button{font-size:9px;min-height:40px;min-width:75px}
 .a-orbit{left:-35%;right:-35%;height:35%;top:32%;transform:rotate(-18deg)}.a-motion-watermark{font-size:18vw;top:48%;left:-20%;right:-20%}
 .a-motion-note{position:relative;left:auto;right:auto;top:auto;text-align:center;transform:none;max-width:280px;margin-top:34px}.a-note-index{font-size:7px;margin-bottom:16px}.a-motion-note p{font-size:11px;line-height:1.8;margin-bottom:18px}.a-motion-note .a-inline-link{font-size:10px}.a-chapter-bottom{font-size:5px;letter-spacing:.06em;bottom:24px;gap:14px;left:5%;right:5%}.a-chapter-progress{max-width:55px}
 .a-cinema-home .craft{padding:55px 5%;gap:35px}.a-cinema-home .craft-image{height:480px}.a-cinema-home .craft-copy h2{font-size:62px}.a-cinema-home .craft-copy>.eyebrow{font-size:7px}
 .a-closing{padding:64px 6% 70px}.a-closing .eyebrow{font-size:6px}.a-closing h2{font-size:57px;margin:23px 0}.a-closing p{font-size:10px}.a-closing-jp{font-size:7px}
 body[data-concept=atelier] .purchase-panel{position:static}
}
@media(prefers-reduced-motion:reduce){.a-motion-chapter{min-height:0}.a-motion-stage{position:relative;top:0}.a-portrait-frame{--portrait-rotate:0deg;--portrait-scale:1}.a-orbit{transform:none}.a-motion-copy,.a-motion-note{transform:none}.a-reveal{opacity:1;transform:none}}