:root{--ink:#141615;--paper:#f1efe8;--accent:#65c9c9;--muted:#a8aaa3;--line:#3b3e39}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Tahoma,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:absolute;top:-100px;background:var(--paper);color:var(--ink);padding:12px;z-index:5}.skip:focus{top:5px}header{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.logo{font-family:Georgia,serif;font-size:38px;letter-spacing:-2px;direction:ltr}.logodot{color:var(--accent)}nav{display:flex;gap:38px;font-size:14px}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.languages{display:flex;align-items:center;gap:10px;direction:ltr;font-size:14px}.languages button{border:0;background:none;color:#a8aaa3;padding:10px 3px;cursor:pointer}.languages button[aria-pressed=true]{color:var(--paper);border-bottom:1px solid var(--accent)}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;padding:40px 5% 60px;gap:6%}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:45px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:400;margin:0 0 34px}.hero .eyebrow{color:var(--accent)}h1,h2,p,figure{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,4.9vw,79px);line-height:1.16;letter-spacing:-2px;margin-bottom:30px}h1 span,h1 em{display:block}em{font-weight:400;color:var(--accent)}.intro{max-width:365px;color:#c1c2bb;font-size:17px;line-height:1.8;margin-bottom:25px}.text-link{font-size:14px;border-bottom:1px solid #777c74;padding:10px 0;display:flex;gap:35px}.hero-bottom{width:100%;margin-top:auto;padding-top:55px;display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1.4px;color:var(--muted)}.hero-art{position:relative;margin:0;min-width:0}.hero-art img{width:100%;height:620px;object-fit:cover;object-position:50% 56%;display:block}.hero-art figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.5px;margin-top:14px;color:var(--muted)}.art-note{position:absolute;right:-16px;bottom:100px;writing-mode:vertical-rl;background:var(--accent);padding:17px 7px;color:var(--ink);font:italic 16px Georgia,serif}.vision{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:95px 9%}.vision .eyebrow{padding-top:14px;color:#565a54}h2{font:400 clamp(33px,3.5vw,54px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin-bottom:24px}.vision p:not(.eyebrow){max-width:620px;color:#50564f;font-size:18px;line-height:1.9;margin-bottom:0}.atelier{max-width:1600px;margin:auto;padding:105px 5% 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head .eyebrow{color:var(--accent);margin-bottom:20px}.section-head h2{margin:0}.section-head>p{max-width:250px;color:var(--muted);margin:0}.gallery{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.gallery figure{margin:0}.image-wrap{overflow:hidden}.gallery img{width:100%;display:block;object-fit:cover;transition:transform .7s}.gallery figure:hover img{transform:scale(1.025)}.mood img{height:auto;aspect-ratio:1}.signature{padding-top:105px}.signature .image-wrap{height:400px;position:relative}.signature img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}.gallery .signature:hover img{transform:translateY(-50%) scale(1.025)}.gallery figcaption{padding-top:25px}.gallery small{display:block;font-size:11px;letter-spacing:2px;color:var(--accent);margin-bottom:10px}.gallery strong{font:400 28px/1.3 Georgia,serif}.gallery figcaption p{max-width:380px;color:var(--muted);margin:15px 0 0;font-size:16px}.sound{padding:65px 9% 0;background:#222722;overflow:hidden;border-top:1px solid var(--line)}.sound-top{display:flex;justify-content:space-between;align-items:start}.sound-top .eyebrow{color:var(--accent)}.music-symbol{font:50px Georgia;line-height:1}.sound-body{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:35px 0 50px}.tempo{font:italic 36px Georgia,serif;color:#c1c5b8;padding-top:8px}.tempo span{display:block;font:11px Arial,Tahoma,sans-serif;letter-spacing:2px;margin-top:20px}.sound h2 span,.sound h2 em{display:block}.sound-body div>p{color:#bec2b7;max-width:590px;line-height:1.9}.rhythm{height:100px;display:flex;align-items:end;justify-content:space-between;gap:12px;opacity:.55}.rhythm i{width:1px;background:var(--accent);height:40%}.rhythm i:nth-child(3n){height:75%}.rhythm i:nth-child(4n){height:55%}.rhythm i:nth-child(5n){height:100%}footer{padding:60px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.footer-logo{font:clamp(60px,10vw,150px)/1 Georgia,serif;letter-spacing:-5px;direction:ltr}.footer-logo span{color:var(--accent)}.footer-top p{max-width:250px;color:var(--muted);font-size:18px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:0;line-height:1.5}html[lang=ar] h1{font-size:clamp(40px,4.7vw,73px)}html[lang=ar] em{font-style:normal}html[lang=ar] .eyebrow,html[lang=ar] .hero-bottom{letter-spacing:0}html[lang=ar] .hero-copy{padding-top:20px}html[lang=ar] .hero-bottom{font-size:12px}html[lang=ar] .gallery strong{font-family:Tahoma,Arial,sans-serif;font-size:25px}html[lang=ar] .tempo{direction:ltr;text-align:right}
@media(min-width:1500px){.hero-art img{height:700px}}@media(max-width:900px){header{padding:0 5%;height:85px}nav{gap:20px}.hero{gap:5%;padding-top:30px}.hero-copy{padding-top:15px}.hero-art img{height:570px}h1{font-size:49px}.hero-bottom{letter-spacing:0}.vision{padding:65px 6%;grid-template-columns:1fr 2fr;gap:4%}.signature .image-wrap{height:310px}.sound{padding-inline:6%}.sound-body{grid-template-columns:1fr 2fr;gap:4%}}
@media(max-width:620px){header{flex-wrap:wrap;height:auto;padding-block:17px;gap:8px 15px}.logo{font-size:32px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:10px}.languages{font-size:13px}.hero{grid-template-columns:1fr;padding-top:22px;gap:32px}.hero-copy{padding-top:12px}.eyebrow{font-size:11px;margin-bottom:25px}h1{font-size:clamp(37px,10.8vw,63px);letter-spacing:-1px;line-height:1.13}.intro{font-size:16px;max-width:100%}.hero-bottom{display:none}.hero-art img{height:auto;aspect-ratio:4/5;object-fit:cover}.hero-art figcaption{font-size:10px;letter-spacing:.5px}.art-note{right:-8px}.vision{grid-template-columns:1fr;padding:55px 6%;gap:5px}.vision .eyebrow{padding:0}.vision p:not(.eyebrow){font-size:17px}.atelier{padding:60px 5%}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:20px;max-width:100%}.gallery{grid-template-columns:1fr;gap:40px}.signature{padding-top:0}.signature .image-wrap{height:350px}.gallery figcaption{padding-top:20px}.sound{padding-top:45px}.sound-body{grid-template-columns:1fr;gap:15px;padding-top:5px}.tempo{font-size:28px}.tempo span{margin-top:12px}.sound h2{font-size:34px}.rhythm{height:65px}.footer-top{align-items:start;flex-direction:column;gap:20px}.footer-top p{max-width:100%;margin:0}.footer-bottom{flex-wrap:wrap;font-size:11px}.footer-bottom>a{width:100%}html[lang=ar] h1{font-size:43px}html[lang=ar] h2{font-size:32px}html[lang=ar] .hero-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* ReDor editorial direction: midnight, signature turquoise, and a restrained copper accent. */
:root{--ink:#11171c;--paper:#f4f0e8;--accent:#7be0d8;--copper:#ed9974;--muted:#aebcc0;--line:#324149}
body{background:var(--ink);overflow-x:hidden}
header{position:relative;z-index:3;border-color:rgba(123,224,216,.19)}
.logo,.footer-logo{font-style:italic}
.logo span:first-child{color:var(--accent)}
header nav a{position:relative;transition:color .25s}
header nav a:after{content:"";position:absolute;inset-inline-start:0;bottom:-7px;width:0;height:1px;background:var(--copper);transition:width .3s}
header nav a:hover:after,header nav a:focus-visible:after{width:100%}
.hero{position:relative;isolation:isolate;min-height:710px;padding-top:42px;padding-bottom:85px}
.hero:before{content:"";position:absolute;z-index:-1;width:55%;height:74%;top:2%;left:-22%;background:radial-gradient(ellipse,rgba(33,109,132,.22),transparent 70%);pointer-events:none}
.hero-copy{position:relative;padding-top:72px}.hero-index{position:absolute;top:14px;inset-inline-end:0;color:var(--copper);font:italic 18px Georgia,serif;letter-spacing:.06em}
.hero .eyebrow{display:flex;align-items:center;gap:13px;color:var(--copper)}.hero .eyebrow:before{content:"";width:35px;height:1px;background:currentColor}
h1{letter-spacing:-.035em;font-size:clamp(42px,5.2vw,84px);max-width:760px}h1 em{color:var(--accent);font-style:italic;text-shadow:0 0 36px rgba(123,224,216,.1)}
.hero-art{padding:20px 20px 0 0}.hero-frame{position:relative;overflow:hidden;background:#cfc2bd;box-shadow:34px 34px 0 -17px rgba(237,153,116,.8),0 24px 80px rgba(0,0,0,.28)}
.hero-frame:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.hero-frame:after{content:"";position:absolute;z-index:1;inset:-70% auto -70% -80%;width:35%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none;animation:lightSweep 10s ease-in-out 2s infinite}
.hero-art img{height:610px;transition:transform 1.1s cubic-bezier(.2,.7,.1,1),filter 1.1s;filter:saturate(.75)}.hero-art:hover img{transform:scale(1.035);filter:saturate(1)}
.art-note{right:-2px;bottom:105px;background:var(--copper);font-size:15px;padding:21px 9px}
.hero-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.text-link{border-color:var(--copper);gap:28px;transition:color .25s,gap .3s}.text-link:hover{gap:40px;color:var(--copper)}.text-link span:last-child{color:var(--copper)}
.vision{position:relative;overflow:hidden;background:#f1eee7;padding-top:115px;padding-bottom:115px}.vision:after{content:"R";position:absolute;right:-30px;bottom:-130px;font:italic 360px/1 Georgia,serif;color:rgba(19,47,58,.045);pointer-events:none}.vision h2{color:#1c343c}.vision h2::first-letter{color:#b96350}.vision .eyebrow{color:#9b564a}.vision p:not(.eyebrow){color:#49575b}
.atelier{padding-top:125px;padding-bottom:125px}.section-head .eyebrow,.gallery small{color:var(--copper)}.section-head h2{font-style:italic}.gallery{gap:9%}.gallery .image-wrap{background:#29383d;box-shadow:0 28px 54px rgba(0,0,0,.28)}.gallery img{filter:saturate(.85);transition:transform .85s cubic-bezier(.2,.7,.1,1),filter .85s}.gallery figure:hover img{filter:saturate(1.1)}.signature{padding-top:95px}.signature .image-wrap{border-left:3px solid var(--accent)}.gallery strong{color:#f3f0e8}
.sound{position:relative;isolation:isolate;background:linear-gradient(135deg,#183641 0%,#17252f 58%,#3b2b30 100%);border-top:1px solid rgba(123,224,216,.26);padding-top:85px}.sound-orbit{position:absolute;z-index:-1;width:400px;height:400px;right:-130px;top:10%;border:1px solid rgba(123,224,216,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(123,224,216,.035),0 0 0 120px rgba(237,153,116,.025);pointer-events:none}.sound-top .eyebrow{color:var(--copper)}.music-symbol{color:var(--accent)}.sound h2{font-style:italic}.sound h2 em{color:var(--copper)}.tempo{color:var(--accent)}.rhythm{opacity:.65}.rhythm i{height:28%;transform-origin:bottom;animation:rhythmPulse 2.5s ease-in-out infinite alternate}.rhythm i:nth-child(3n){height:75%;animation-delay:-.7s;background:var(--copper)}.rhythm i:nth-child(4n){height:48%;animation-delay:-1.4s}.rhythm i:nth-child(5n){height:95%;animation-delay:-.3s}.rhythm i:nth-child(7n){animation-delay:-2s}
footer{background:#101519}.footer-logo span{color:var(--copper)}
.js-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.18,.68,.25,1)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes lightSweep{0%,77%{left:-80%}100%{left:170%}}@keyframes rhythmPulse{from{transform:scaleY(.56);opacity:.6}to{transform:scaleY(1);opacity:1}}
html[lang=ar] h1{letter-spacing:0}html[lang=ar] .hero .eyebrow{letter-spacing:0}html[lang=ar] .hero-art{padding:20px 0 0 20px}html[lang=ar] .hero-frame{box-shadow:-34px 34px 0 -17px rgba(237,153,116,.8),0 24px 80px rgba(0,0,0,.28)}html[lang=ar] .art-note{right:auto;left:-2px}html[lang=ar] .vision:after{right:auto;left:-30px}html[lang=ar] .signature .image-wrap{border-left:0;border-right:3px solid var(--accent)}html[lang=ar] .sound-orbit{right:auto;left:-130px}
@media(max-width:900px){.hero{min-height:0}.hero-copy{padding-top:48px}.hero-art img{height:540px}.vision{padding-top:75px;padding-bottom:75px}.atelier{padding-top:90px;padding-bottom:90px}}
@media(max-width:620px){.hero{padding-top:20px;padding-bottom:65px;gap:35px}.hero-copy{padding-top:32px}.hero-index{top:0;font-size:14px}.hero .eyebrow{margin-bottom:27px}.hero-art{padding:8px 13px 0 0}.hero-art img{height:auto}.hero-frame{box-shadow:20px 20px 0 -10px rgba(237,153,116,.8)}.art-note{bottom:83px}.vision{padding-top:62px;padding-bottom:65px}.vision:after{font-size:250px;bottom:-90px}.atelier{padding-top:75px;padding-bottom:80px}.signature{padding-top:0}.sound{padding-top:55px}.sound-orbit{width:210px;height:210px;right:-125px}.rhythm{gap:8px}html[lang=ar] .hero-art{padding:8px 0 0 13px}html[lang=ar] .hero-frame{box-shadow:-20px 20px 0 -10px rgba(237,153,116,.8)}}
@media(prefers-reduced-motion:reduce){.hero-frame:after,.rhythm i{animation:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* ReDor — vivid studio palette: porcelain, jewel teal, poppy coral and marigold. */
:root{--ink:#183b3d;--paper:#fffdf8;--accent:#008f83;--copper:#ec553f;--muted:#526d6c;--line:#c6ded9;--sun:#f1b735;--mint:#d9f4ed}
body{background:linear-gradient(150deg,#fffdf8 0%,#f1fbf7 52%,#fff5eb 100%);color:var(--ink)}
header{border-color:#c8e1db}nav a:hover,.text-link:hover,footer a:hover{color:#e04a36}
.logo span:first-child,.logodot{color:#008f83}.languages button[aria-pressed=true]{border-bottom-color:#ec553f}
.hero:before{left:-24%;top:-4%;width:74%;height:100%;background:radial-gradient(ellipse at 50% 55%,rgba(0,185,158,.23),rgba(97,219,187,.11) 38%,transparent 70%)}
.hero:after{right:-19%;top:2%;width:55%;height:82%;background:radial-gradient(circle,rgba(255,137,94,.2),rgba(255,198,101,.1) 35%,transparent 69%)}
.hero .eyebrow{color:#e04f3b}.hero-index{color:#e04f3b}h1{color:#153a3d}h1 em{color:#008f83;text-shadow:0 9px 30px rgba(0,143,131,.12)}
.text-link{border-color:#ec553f;color:#183b3d}.text-link span:last-child{color:#ec553f}.hero-bottom{border-color:#c6ded9;color:#52706f}
.hero-art:before,.hero-art:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.hero-art:before{width:31%;height:27%;right:-1%;top:0;background:#f1b735;opacity:.8;transform:translate(17px,18px)}
.hero-art:after{width:35%;height:34%;left:-3%;bottom:12%;background:#83ddd0;opacity:.54;transform:translate(-11px,15px)}
.hero-frame{box-shadow:23px 24px 0 -12px #ec654f,0 28px 64px rgba(24,72,67,.16)}
.art-note{background:#ec553f;color:#fff}.hero-art figcaption{color:#56716d}
.vision{position:relative;isolation:isolate;grid-template-columns:.8fr 2fr auto;align-items:start;background:linear-gradient(110deg,#d8f5ed 0%,#e5f7ed 55%,#fff0df 100%);border-block-color:#c7e8de}
.vision .eyebrow{color:#d84935}.vision h2{color:#173b3e}.vision h2::first-letter{color:#e04f3b}.vision p:not(.eyebrow){color:#345a59}
.vision:after{z-index:-1;color:rgba(0,143,131,.07)}
.vision-notes{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.vision-notes span{padding:7px 12px;border:1px solid rgba(0,143,131,.32);color:#08796f;font-size:11px;letter-spacing:1.6px;transition:background .25s,color .25s,transform .25s}
.vision-notes span:hover{background:#008f83;color:#fff;transform:translateY(-2px)}
.vision-stamp{align-self:center;display:flex;align-items:center;gap:10px;color:#e04f3b;transform:rotate(-8deg)}
.vision-stamp>span{font:italic 90px/.85 Georgia,serif}.vision-stamp small{font-size:10px;line-height:1.3;letter-spacing:1.5px}
.atelier{padding-top:110px;padding-bottom:115px}.section-head .eyebrow,.gallery small{color:#e04f3b}.section-head h2{color:#173b3e}
.gallery .image-wrap{background:#d8f4ed;box-shadow:12px 12px 0 -5px rgba(241,183,53,.78),0 22px 48px rgba(35,79,74,.14)}
.signature .image-wrap{border-color:#00a89b}.gallery img{filter:saturate(.98)}.gallery figure:hover img{filter:saturate(1.14)}
.sound{background:linear-gradient(125deg,#e0f8f0 0%,#f5fbef 45%,#fff0df 100%);border-top:1px solid #bce4dc;color:#183b3d;padding-top:78px}
.sound-orbit{border-color:rgba(0,143,131,.22);box-shadow:0 0 0 55px rgba(0,143,131,.04),0 0 0 120px rgba(236,85,63,.035)}
.sound-top .eyebrow{color:#e04f3b}.music-symbol,.tempo{color:#008f83}.sound h2{color:#173b3e}.sound h2 em{color:#e04f3b}.sound-body div>p{color:#345a59}
.sound-image{position:relative;margin:2px 0 25px;max-width:1080px}
.sound-image img{display:block;width:100%;max-height:490px;object-fit:cover;object-position:center 56%;box-shadow:18px 18px 0 -8px #f1b735,0 24px 55px rgba(24,72,67,.16);transition:filter .45s,transform .65s}
.sound-image:hover img{filter:saturate(1.12);transform:translateY(-3px)}
.sound-image figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:14px;color:#5a7471;font-size:11px;letter-spacing:1.7px}
.rhythm{opacity:.8}.rhythm i{background:#008f83}.rhythm i:nth-child(3n){background:#ec553f}.rhythm i:nth-child(5n){background:#f1b735}
footer{background:rgba(255,253,248,.88);color:#183b3d}.footer-logo span{color:#ec553f}.footer-top p,.footer-bottom{color:#526d6c}.footer-bottom{border-color:#c6ded9}
@media(max-width:900px){.vision{grid-template-columns:.7fr 2fr auto;gap:4%}.vision-stamp>span{font-size:70px}.sound-image img{max-height:390px}}
@media(max-width:620px){.hero-art:before{right:0;transform:translate(8px,10px);width:34%;height:20%}.hero-art:after{left:0;transform:translate(-6px,8px)}.hero-frame{box-shadow:16px 17px 0 -8px #ec654f,0 16px 35px rgba(24,72,67,.13)}html[lang=ar] .hero-frame{box-shadow:-16px 17px 0 -8px #ec654f,0 16px 35px rgba(24,72,67,.13)}.vision{grid-template-columns:1fr;gap:8px}.vision-stamp{position:absolute;right:7%;top:20px;opacity:.38}.vision-stamp>span{font-size:45px}.vision-stamp small{font-size:8px}.vision .eyebrow{max-width:65%}.vision-notes{margin-top:20px}.vision-notes span{font-size:10px}.sound-image{margin-top:0}.sound-image img{max-height:300px;box-shadow:10px 11px 0 -5px #f1b735,0 16px 35px rgba(24,72,67,.13)}.sound-image figcaption{font-size:9px;letter-spacing:.7px}.sound{padding-bottom:0}html[lang=ar] .vision-stamp{right:auto;left:7%}}
@media(prefers-reduced-motion:reduce){.vision-notes span,.sound-image img{transition:none}}
/* Bring the piano-and-fashion image into the first screen; keep the original sketch as a small atelier proof. */
.hero-frame>img{height:510px;aspect-ratio:3/2;object-fit:cover;object-position:center 54%}
.hero-sketch-note{position:absolute;z-index:2;inset-inline-start:-21px;bottom:86px;width:118px;padding:7px 7px 8px;background:#fffdf8;box-shadow:0 10px 28px rgba(20,57,58,.23);transform:rotate(-5deg);transition:transform .35s,box-shadow .35s}
.hero-sketch-note img{display:block;width:100%;height:112px;object-fit:cover;object-position:center 38%;filter:grayscale(.15)}
.hero-sketch-note span{display:block;margin-top:6px;color:#e04f3b;font-size:9px;letter-spacing:1.1px;text-align:center}
.hero-art:hover .hero-sketch-note{transform:rotate(-2deg) translateY(-3px);box-shadow:0 14px 32px rgba(20,57,58,.28)}
.hero-art:hover .hero-sketch-note img{transform:none;filter:grayscale(.15)}
.hero-art figcaption{margin-top:16px}
@media(min-width:1500px){.hero-frame>img{height:550px}}
@media(max-width:900px){.hero-frame>img{height:440px}.hero-sketch-note{width:100px;bottom:80px}.hero-sketch-note img{height:95px}}
@media(max-width:620px){.hero-frame>img{height:auto;aspect-ratio:4/3;object-position:center 53%}.hero-sketch-note{width:78px;inset-inline-start:-5px;bottom:75px;padding:5px;transform:rotate(-5deg)}.hero-sketch-note img{height:68px}.hero-sketch-note span{font-size:7px;letter-spacing:.7px}.hero-art:hover .hero-sketch-note{transform:rotate(-2deg) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.hero-sketch-note,.hero-sketch-note img{transition:none}}
/* Preserve the complete landscape artwork at every viewport. */
.hero-frame>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;display:block}
.hero-art:hover .hero-frame>img{transform:none;filter:saturate(1.06)}
/* Give the main artwork more of the first-screen canvas while keeping every edge visible. */
@media(min-width:901px){.hero{grid-template-columns:.85fr 1.15fr;gap:3.5%}.hero-copy{min-width:0}.hero-art{min-width:0}.hero-frame>img{height:auto;max-height:none}}
@media(max-width:620px){.hero-art{margin-inline:-5.5vw;padding:8px 0 0}.hero-art figcaption{padding-inline:5.5vw}.hero-sketch-note{inset-inline-start:5vw}}
/* Full-bleed editorial cover: the complete landscape image is the homepage hero. */
.hero{position:relative;display:block;max-width:none;min-height:0;padding:0;isolation:isolate}
.hero-art{position:relative;width:100%;max-width:none;margin:0;padding:0;min-width:0}
.hero-frame{width:100%;background:#d9eee7;box-shadow:none}
.hero-frame>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center}
.hero-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,28,30,.82) 0%,rgba(9,28,30,.65) 29%,rgba(9,28,30,.24) 49%,rgba(9,28,30,.02) 72%)}
.hero-copy{position:absolute;z-index:4;top:50%;left:5vw;width:min(42vw,650px);padding:34px 34px 27px;transform:translateY(-50%);color:#fffdf8}
.hero-copy .hero-index{top:0;color:#ffd06a}.hero-copy .eyebrow{color:#ff967e}.hero-copy h1{color:#fffdf8;font-size:clamp(42px,4.8vw,78px);text-shadow:0 2px 18px rgba(0,0,0,.14)}
.hero-copy h1 em{color:#76e3d3}.hero-copy .intro{color:#f0f7f4;text-shadow:0 1px 10px rgba(0,0,0,.22)}
.hero-copy .text-link{color:#fffdf8;border-color:#ff967e}.hero-copy .text-link span:last-child{color:#ffd06a}.hero-copy .text-link:hover{color:#ffd06a}
.hero-copy .hero-bottom{border-color:rgba(255,255,255,.42);color:#eff8f5}
.hero-sketch-note{z-index:3}.hero-art figcaption{padding:14px 5vw 0;color:#526d6c}
.hero-art .art-note{z-index:3}
@media(max-width:900px) and (min-width:621px){.hero-copy{width:47vw;padding:25px}.hero-copy h1{font-size:clamp(40px,5vw,54px)}.hero-copy .intro{font-size:16px}.hero-copy .hero-bottom{font-size:10px}}
@media(max-width:620px){.hero{display:flex;flex-direction:column;gap:0}.hero-art{order:-1;margin:0;padding:0}.hero-frame>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-shade{display:none}.hero-copy{position:relative;top:auto;left:auto;width:auto;transform:none;padding:34px 6% 48px;background:linear-gradient(150deg,#fffdf8 0%,#eefaf5 60%,#fff2e7 100%);color:#183b3d}.hero-copy .hero-index{top:14px;inset-inline-end:0;color:#e04f3b}.hero-copy .eyebrow{color:#e04f3b}.hero-copy h1{color:#153a3d;text-shadow:none}.hero-copy h1 em{color:#008f83}.hero-copy .intro{color:#425c5f;text-shadow:none}.hero-copy .text-link{color:#183b3d}.hero-copy .hero-bottom{color:#526d6c;border-color:#c6ded9}.hero-sketch-note{inset-inline-start:5vw;bottom:75px}.hero-art figcaption{padding:12px 5vw 0}.hero-art .art-note{bottom:80px}}
/* Make the designer's original sketch a clear, visible keepsake on the hero image. */
.hero-sketch-note{left:auto;right:5vw;inset-inline-start:auto;width:230px;padding:10px 10px 11px;background:#fffdf8;border:1px solid rgba(0,143,131,.4);border-bottom:5px solid #ec553f;box-shadow:0 16px 38px rgba(12,35,37,.34);transform:rotate(3deg)}
.hero-sketch-note img{height:210px;object-position:center 38%;filter:grayscale(.08)}
.hero-sketch-note span{font-size:11px;letter-spacing:1.4px;margin-top:8px}
.hero-art:hover .hero-sketch-note{transform:rotate(1deg) translateY(-4px)}
@media(max-width:900px) and (min-width:621px){.hero-sketch-note{width:185px;right:5vw;bottom:70px;padding:8px}.hero-sketch-note img{height:165px}.hero-sketch-note span{font-size:10px}}
@media(max-width:620px){.hero-sketch-note{left:auto;right:5vw;inset-inline-start:auto;bottom:50px;width:132px;padding:6px 6px 7px;border-bottom-width:4px}.hero-sketch-note img{height:118px}.hero-sketch-note span{font-size:9px;letter-spacing:1px;margin-top:6px}}
/* Enlarge the original designer sketch to twice its previous display size. */
.hero-sketch-note{width:460px;padding:20px 20px 22px;border-bottom-width:9px}
.hero-sketch-note img{height:420px}
.hero-sketch-note span{font-size:22px;letter-spacing:2.2px;margin-top:15px}
@media(max-width:900px) and (min-width:621px){.hero-sketch-note{width:370px;padding:16px 16px 18px;border-bottom-width:7px}.hero-sketch-note img{height:330px}.hero-sketch-note span{font-size:17px;margin-top:12px}}
@media(max-width:620px){.hero-sketch-note{width:min(264px,70vw);right:5vw;bottom:10px;padding:12px 12px 14px;border-bottom-width:6px}.hero-sketch-note img{height:min(236px,62vw)}.hero-sketch-note span{font-size:14px;letter-spacing:1.5px;margin-top:10px}}
/* Light studio palette: clean ivory, sea glass, and warm clay. */
:root{--ink:#1c3035;--paper:#fafaf6;--accent:#147f78;--copper:#a84f38;--muted:#526a6d;--line:#cbdcda}
body{color:var(--ink);background:linear-gradient(160deg,#fcfcfa 0%,#f3faf8 46%,#f9f5ef 100%)}
a:focus-visible,button:focus-visible{outline-color:#0d716b}
.skip{background:#18383a;color:#fff}
header{border-color:var(--line)}
.logo span:first-child,.logodot{color:var(--accent)}
nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}
.languages button{color:#5b7273}.languages button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--copper)}
.hero:before{left:-19%;top:0;width:68%;height:95%;background:radial-gradient(ellipse at 45% 50%,rgba(84,203,187,.19),transparent 69%)}
.hero:after{content:"";position:absolute;z-index:-1;right:-17%;top:-10%;width:56%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(232,178,145,.17),transparent 65%);pointer-events:none}
.hero .eyebrow{color:var(--copper)}.hero-index{color:var(--copper)}h1{color:#173338}h1 em{color:var(--accent);text-shadow:none}
.intro{color:#425c5f}.text-link{border-color:var(--copper);color:#193e40}.text-link:hover{color:var(--copper)}
.hero-bottom{border-color:var(--line);color:#5d7777}.hero-art figcaption{color:#526c6b}
.hero-frame{box-shadow:34px 34px 0 -17px #b8ded7,0 24px 58px rgba(25,66,66,.13)}
.hero-frame:before{border-color:rgba(255,255,255,.4)}.art-note{background:var(--copper);color:#fff}
.vision{background:#e9f4f1;color:var(--ink);border-block:1px solid #d3e7e2}
.vision h2{color:#17383b}.vision h2::first-letter{color:#a5503d}.vision .eyebrow{color:#90432f}.vision p:not(.eyebrow){color:#355558}
.vision:after{color:rgba(23,79,73,.05)}
.atelier{background:transparent}.section-head h2{color:#18393c}.section-head>p,.gallery figcaption p{color:#536b6a}.section-head .eyebrow,.gallery small{color:#9a4935}.gallery strong{color:#1b383b}
.gallery .image-wrap{background:#e3eeeb;box-shadow:0 22px 48px rgba(35,79,74,.15)}.signature .image-wrap{border-color:#16877d}
.sound{background:linear-gradient(130deg,#e0f2ee 0%,#f0f7f3 54%,#faede5 100%);border-top:1px solid #c9e3dd;color:#1b393c}
.sound-orbit{border-color:rgba(19,126,118,.2);box-shadow:0 0 0 55px rgba(19,126,118,.035),0 0 0 120px rgba(169,77,53,.025)}
.sound-top .eyebrow{color:#9b4a33}.music-symbol,.tempo{color:var(--accent)}.sound h2{color:#17383b}.sound h2 em{color:#a34b35}.sound-body div>p{color:#38585a}
.rhythm{opacity:.72}.rhythm i{background:#187e75}.rhythm i:nth-child(3n){background:#ad6248}
footer{background:#f9faf7;color:#1b393c}.footer-logo span{color:var(--copper)}.footer-top p,.footer-bottom{color:#526a6b}.footer-bottom{border-color:var(--line)}
html[lang=ar] .hero-frame{box-shadow:-34px 34px 0 -17px #b8ded7,0 24px 58px rgba(25,66,66,.13)}
@media(max-width:620px){.hero-frame{box-shadow:20px 20px 0 -10px #b8ded7}html[lang=ar] .hero-frame{box-shadow:-20px 20px 0 -10px #b8ded7}}

/* Romantic, brighter finish and a frameless translucent designer sketch. */
.hero-frame>img{filter:brightness(1.13) saturate(1.16) contrast(1.035);transition:filter .6s ease}
.hero-shade{background:linear-gradient(90deg,rgba(9,28,30,.70) 0%,rgba(9,28,30,.49) 29%,rgba(9,28,30,.15) 49%,rgba(9,28,30,0) 72%)}
.hero-romance{position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 18%,rgba(255,225,184,.34),transparent 34%),radial-gradient(ellipse at 82% 74%,rgba(255,158,155,.2),transparent 37%),linear-gradient(115deg,transparent 35%,rgba(255,243,221,.1) 55%,transparent 72%);mix-blend-mode:screen;opacity:.82;animation:romanticGlow 8s ease-in-out infinite alternate}
.hero-sketch-note{background:transparent;border:0;border-bottom:0;box-shadow:none;padding:0;overflow:visible;transform:rotate(2deg)}
.hero-sketch-note img{opacity:.72;filter:grayscale(.08) contrast(1.12);mix-blend-mode:normal;transition:opacity .4s,filter .4s}
.hero-sketch-note span{color:#fffdf8;text-shadow:0 1px 8px rgba(18,43,43,.8)}
.hero-art:hover .hero-sketch-note{transform:rotate(1deg) translateY(-4px);box-shadow:none}
.hero-art:hover .hero-sketch-note img{opacity:.84;filter:grayscale(0) contrast(1.13)}
@keyframes romanticGlow{from{opacity:.55;transform:scale(1)}to{opacity:.9;transform:scale(1.025)}}
@media(max-width:620px){.hero-romance{opacity:.58;animation-duration:11s}.hero-copy{position:relative}}
@media(prefers-reduced-motion:reduce){.hero-romance{animation:none}.hero-frame>img{transition:none}}

/* Keep the sketch crisp and move it into the open upper-right area of the cover. */
.hero-sketch-note{top:8%;bottom:auto;right:6vw;transform:rotate(1deg)}
.hero-sketch-note img{opacity:1;filter:grayscale(.05) contrast(1.06);box-shadow:0 16px 42px rgba(23,48,48,.24)}
.hero-sketch-note span{color:#fffdf8;text-shadow:0 2px 9px rgba(18,43,43,.9)}
.hero-art:hover .hero-sketch-note{transform:rotate(0deg) translateY(-3px)}
.hero-art:hover .hero-sketch-note img{opacity:1;filter:grayscale(0) contrast(1.08)}
@media(max-width:900px) and (min-width:621px){.hero-sketch-note{top:7%;right:5vw}}
@media(max-width:620px){.hero-sketch-note{top:7%;bottom:auto;right:5vw;width:min(264px,70vw)}}

/* Feature the original sketch inside the Atelier, after the inspiration gallery. */
.atelier-sketch{display:grid;grid-template-columns:minmax(220px,320px) 1fr;align-items:center;gap:clamp(30px,7vw,100px);max-width:1020px;margin:90px auto 0;padding:45px 6%;border-block:1px solid rgba(20,105,98,.18)}
.atelier-sketch-image{height:390px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,rgba(248,224,201,.55),rgba(236,246,240,.58) 65%,transparent 100%)}
.atelier-sketch-image img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:contrast(1.05) saturate(.82);transition:transform .65s ease}
.atelier-sketch:hover .atelier-sketch-image img{transform:translateY(-5px) rotate(-1deg)}
.atelier-sketch figcaption{padding:0;max-width:530px}
.atelier-sketch small{display:block;color:#a34b35;font-size:11px;letter-spacing:2px;margin-bottom:20px}
.atelier-sketch strong{display:block;color:#183b3d;font:italic 400 clamp(29px,4vw,48px)/1.2 Georgia,serif}
.atelier-sketch figcaption p{max-width:430px;margin:18px 0 0;color:#526d6c;font-size:16px;line-height:1.8}
html[lang=ar] .atelier-sketch strong{font:400 clamp(28px,3.5vw,42px)/1.55 Tahoma,Arial,sans-serif}
html[lang=ar] .atelier-sketch small{letter-spacing:0}
@media(max-width:620px){.atelier-sketch{grid-template-columns:1fr;gap:22px;margin-top:55px;padding:30px 3%}.atelier-sketch-image{height:330px}.atelier-sketch figcaption{padding:0 2%}.atelier-sketch small{margin-bottom:13px}.atelier-sketch figcaption p{font-size:15px}}