/* Motion and material-study extension; original brand pixels remain untouched. */
.identity img{filter:none;background:#f6eee1;padding:7px 10px;width:100px;height:58px}
.journey-tools{gap:8px}.motion-control{min-height:32px}.macro-launch{display:flex;align-items:center;gap:11px;padding:5px 0;min-height:34px;color:#f4d8ad;font-size:12px;text-align:start}.macro-launch:hover{color:white}.studio-light{display:flex;flex-direction:column;gap:4px;width:143px;pointer-events:auto;font-size:11px;color:#f0dfc6}.studio-light input{width:143px}.scene-shade{opacity:.84}.window-light{position:absolute;inset:-25%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(116deg,transparent 21%,#ffe4ad0a 25%,#ffe4ad10 26%,transparent 34%);transform-origin:20% 0;animation:window-breathe 13s ease-in-out infinite alternate}.motion-paused .window-light{animation-play-state:paused}
input[type=range]{appearance:none;-webkit-appearance:none;cursor:ew-resize;touch-action:pan-y;background:transparent;min-height:28px;margin:0;accent-color:#e7c69b}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#e7c69b72}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;background:#f5dfb9;border:2px solid #183e3b;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-track{height:2px;background:#e7c69b72}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#f5dfb9;border:2px solid #183e3b;border-radius:50%}input[type=range]:focus-visible{outline:2px solid #e7c69b;outline-offset:5px}
.macro-study{--reveal:0%;--lamp:55%;--macro-x:0px;--macro-y:0px;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#0c2425;color:#f6eee1;isolation:isolate}.macro-study::backdrop{background:#101a17}.macro-study[open]{animation:macro-enter .7s cubic-bezier(.16,1,.3,1)}.macro-art{position:absolute;inset:0;overflow:hidden;background:#0c2425;transform:translate3d(var(--macro-x),var(--macro-y),0) scale(1.025);transition:transform .65s cubic-bezier(.16,1,.3,1)}.macro-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:68% 48%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}#macro-drawing{clip-path:inset(0 0 0 var(--reveal))}.macro-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#092526bf,transparent 55%),linear-gradient(0deg,#092526e6,transparent 35%,transparent 85%,#09252680);pointer-events:none}.macro-study.is-zoomed .macro-art img{transform:scale(1.6)}.macro-raking-light{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent calc(var(--lamp) - 13%),#ffe5c43b var(--lamp),transparent calc(var(--lamp) + 11%));mix-blend-mode:soft-light;opacity:.85}.reveal-rule{position:absolute;top:13%;bottom:16%;left:var(--reveal);width:1px;background:#f5dfb94d;pointer-events:none;opacity:0}.macro-study.is-scrubbing .reveal-rule{opacity:1}.reveal-rule span{position:absolute;top:50%;left:-3px;width:7px;height:7px;border:1px solid #f5dfb9;transform:rotate(45deg)}.macro-header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 4.2%}.macro-header>img{background:#f6eee1;object-fit:contain;padding:7px 10px;width:100px;height:58px}.macro-copy{position:absolute;left:8%;top:25%;max-width:440px;z-index:2;pointer-events:none}.macro-copy h2{font:400 clamp(64px,7.4vw,112px)/.92 Atelier,serif;letter-spacing:-.025em;margin:0 0 28px}.macro-copy em{color:#e7c69b}.macro-copy p{color:#eee2d0;font-size:14px;line-height:1.9;margin:0 0 28px;max-width:290px}.macro-annotations{font-size:11px;color:#e7c69b;letter-spacing:.05em;max-width:270px}.macro-controls{position:absolute;z-index:3;bottom:7%;left:8%;width:300px;display:grid;gap:18px}.macro-controls label{font-size:12px;display:flex;flex-direction:column;gap:8px}.macro-controls input{width:100%}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#dacbb5}.macro-buttons{display:flex;align-items:center;gap:20px}.macro-buttons button{font-size:12px;min-height:40px;border-bottom:1px solid #e7c69b77;padding:8px 0;color:#f4d8ad}.macro-buttons button:hover{color:white}.macro-controls p{font-size:11px;line-height:1.7;margin:0;color:#c9c6b9}.macro-study #macro-error{color:#fff2d5;font-size:13px}.macro-study .close-control:hover{background:#ffffff14}
[dir=rtl] .macro-copy,[dir=rtl] .macro-controls{left:auto;right:7%;text-align:right}[dir=rtl] .macro-copy h2{font-family:NotoArabic,sans-serif;font-size:clamp(38px,4vw,60px);line-height:1.5;letter-spacing:0}[dir=rtl] .macro-copy p,[dir=rtl] .macro-controls,[dir=rtl] .macro-annotations{font-family:NotoArabic,sans-serif}[dir=rtl] .macro-copy{top:22%}
@keyframes macro-enter{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@keyframes window-breathe{from{transform:rotate(-2deg) translateX(-2%);opacity:.35}to{transform:rotate(2deg) translateX(3%);opacity:.8}}
@media(max-height:740px) and (min-width:651px){.macro-copy{top:19%}.macro-copy h2{font-size:72px}.macro-controls{bottom:5%;gap:10px}.macro-copy p{margin-bottom:16px}.macro-annotations{display:none}}
@media(max-width:650px){.identity img{width:79px;height:46px;padding:6px 8px}.atelier-word{font-size:19px}.identity{gap:10px}.atelier-header{padding-inline:18px}.journey-footer{padding-inline:18px}.journey-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center}.journey-tools .scroll-instruction{display:none}.macro-launch{font-size:11px;gap:6px;min-height:44px;line-height:1.5}.macro-launch svg{width:14px;flex-shrink:0}.studio-light,.studio-light input{width:100%}.motion-control{font-size:11px;gap:6px;min-height:44px}.macro-art img{object-position:65% center}.macro-copy{left:7%;top:17%;max-width:260px}.macro-copy h2{font-size:62px;margin-bottom:18px}.macro-copy p{font-size:13px;max-width:210px}.macro-annotations{display:none}.macro-controls{left:7%;right:7%;width:auto;bottom:4%;gap:12px}.macro-header{padding:17px 22px}.macro-header>img{width:79px;height:46px}.macro-art::after{background:linear-gradient(0deg,#092526fa,transparent 43%),linear-gradient(90deg,#09252687,transparent 80%)}.macro-art img{object-fit:cover}.macro-copy{pointer-events:none}.macro-study.is-zoomed .macro-copy{opacity:.3}.macro-copy{transition:opacity .4s}[dir=rtl] .macro-copy{top:16%}[dir=rtl] .macro-copy h2{font-size:34px}[dir=rtl] .macro-copy p{font-size:12px;line-height:2}.macro-controls label{font-size:12px}}
@media(max-width:360px){.atelier-word,.identity-rule{display:none}.macro-copy h2{font-size:54px}.macro-controls{bottom:3%;gap:9px}.macro-launch{font-size:11px}.macro-launch svg{display:none}}
@media(prefers-reduced-motion:reduce){.window-light{animation:none}.macro-study[open]{animation:none}.macro-art,.macro-art img,.macro-copy{transition:none}}
.macro-study.is-paper .macro-copy,.macro-study.is-paper .macro-header,.macro-study.is-paper .macro-controls{color:#f6eee1}
.macro-study.is-paper .macro-art::after{background:linear-gradient(90deg,#092526de,transparent 60%),linear-gradient(0deg,#092526ed,transparent 42%,transparent 86%,#09252670)}
@media(max-width:650px){.macro-study.is-paper .macro-art::after{background:linear-gradient(0deg,#092526fa,transparent 51%),linear-gradient(90deg,#092526bf,transparent 94%)}.macro-copy{top:15%;max-width:230px}.macro-copy h2{font-size:54px}.macro-copy p{max-width:195px}.macro-controls{bottom:4%}.macro-art img{object-position:66% center}}
@media(min-width:651px){.macro-copy{max-width:590px}.macro-copy h2{font-size:clamp(60px,6.4vw,92px)}}

/* Original alpha and original teal/navy, with an unfilled contrast shadow. */
.identity img,.macro-header>img{background:transparent;padding:0;filter:drop-shadow(0 1px 1px rgba(255,250,235,.96)) drop-shadow(0 3px 7px rgba(255,240,211,.66))}
.atelier-header .identity{position:relative;isolation:isolate;gap:16px}
.atelier-header .identity::before{content:"";position:absolute;z-index:-1;left:-24px;top:50%;width:182px;height:112px;transform:translateY(-50%);background:radial-gradient(ellipse at 44% 50%,rgba(247,235,209,.32),rgba(247,235,209,.12) 38%,transparent 74%);pointer-events:none}
.atelier-header .identity img{width:128px;height:73px;filter:drop-shadow(0 1px 2px rgba(9,28,29,.58))}
.atelier-header .atelier-word{font-size:22px}
.atelier-header .identity-rule{height:24px}
@media(max-width:650px){.atelier-header .identity{gap:8px}.atelier-header .identity img{width:101px;height:58px}.atelier-header .atelier-word{font-size:17px}.atelier-header .identity::before{left:-15px;width:136px;height:88px}.atelier-header .identity-rule{height:21px}}
@media(max-width:360px){.atelier-header .identity img{width:94px;height:54px}}
@property --reveal{syntax:'<percentage>';inherits:true;initial-value:0%}
@property --lamp{syntax:'<percentage>';inherits:true;initial-value:55%}
.macro-study{transition:--reveal .32s cubic-bezier(.22,.61,.36,1),--lamp .4s cubic-bezier(.22,.61,.36,1)}
.macro-study.is-paper .macro-art::after{background:linear-gradient(90deg,#092526bf,transparent 55%),linear-gradient(0deg,#092526e6,transparent 35%,transparent 85%,#09252680)}
.floating-studies{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:.76}
.study-ink{fill:none;stroke:#eed4a6;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 5px #241b0b66)}
.study-ink .construction{stroke-width:.55;stroke:#f6e7ca;opacity:.3}
.study-ink .detail{stroke-width:.7;opacity:.55}
@media(max-width:650px){.floating-studies{opacity:.5}.macro-study.is-paper .macro-art::after{background:linear-gradient(0deg,#092526fa,transparent 43%),linear-gradient(90deg,#09252687,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.macro-study{transition:none}}
