:root{--sb-bg:#090909;--sb-surface:#101010;--sb-line:#292929;--sb-text:#f6f2eb;--sb-muted:#aaa49a;--sb-orange:#ff6a00}
*{box-sizing:border-box}
html{background:var(--sb-bg);scroll-behavior:smooth}
body{margin:0;background:var(--sb-bg);color:var(--sb-text);font-family:Arial,Helvetica,sans-serif}
body.is-locked{overflow:hidden}
a{color:inherit}
.preview-ribbon{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 15px;border:1px solid rgba(255,106,0,.55);background:rgba(9,9,9,.88);backdrop-filter:blur(12px);color:#ffc298;font-size:10px;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;white-space:nowrap}
.preview-site{min-height:100vh;background:var(--sb-bg)}
.preview-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:25px;height:88px;padding:0 4vw;border-bottom:1px solid var(--sb-line);background:rgba(9,9,9,.93);backdrop-filter:blur(16px)}
.preview-brand{text-decoration:none;display:flex;align-items:center;gap:12px}
.preview-brand img{width:42px;height:42px;object-fit:contain}
.preview-brand strong{display:block;font-size:14px;letter-spacing:.15em}
.preview-brand small{display:block;color:#8d8d8d;font-size:8px;letter-spacing:.15em;margin-top:4px}
.preview-nav{display:flex;align-items:center;gap:26px}
.preview-nav>a{font-size:12px;text-decoration:none;color:#d8d3ca}
.preview-nav>a:hover{color:var(--sb-orange)}
.preview-nav .personal{color:#ffb47f}
.preview-lang{position:relative}
.preview-lang>button,.preview-menu{border:0;background:none;color:#fff;cursor:pointer}
.preview-lang>button{font-size:11px;letter-spacing:.12em;padding:12px}
.preview-lang-list{position:absolute;right:0;top:100%;display:none;min-width:92px;padding:6px;background:#151515;border:1px solid #333}
.preview-lang.is-open .preview-lang-list{display:grid}
.preview-lang-list button{padding:10px;border:0;background:none;color:#ddd;cursor:pointer;text-align:left}
.preview-lang-list button:hover{background:#242424;color:var(--sb-orange)}
.preview-menu{display:none;font-size:25px}
.preview-hero{padding:clamp(72px,10vw,140px) 5vw 70px;border-bottom:1px solid var(--sb-line)}
.preview-kicker{margin:0 0 24px;color:var(--sb-orange);font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.preview-hero h1{max-width:1050px;margin:0;font-size:clamp(52px,8.7vw,132px);line-height:.82;letter-spacing:-.07em;font-weight:700}
.preview-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--sb-orange)}
.preview-hero-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:6vw;align-items:end;margin-top:55px}
.preview-hero-copy p{margin:0;color:var(--sb-muted);font-size:clamp(16px,2vw,23px);line-height:1.55}
.preview-meta{display:flex;flex-wrap:wrap;gap:10px}
.preview-meta span{padding:9px 12px;border:1px solid #333;color:#d7d1c9;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.preview-filters{display:flex;gap:8px;flex-wrap:wrap;padding:34px 5vw;border-bottom:1px solid var(--sb-line)}
.preview-filters button{border:1px solid #333;background:none;color:#aaa;padding:10px 14px;cursor:pointer}
.preview-filters button.is-active,.preview-filters button:hover{color:#fff;border-color:var(--sb-orange)}
.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sb-line)}
.preview-card{background:var(--sb-bg)}
.preview-card a{text-decoration:none;display:block}
.preview-card figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#141414}
.preview-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.preview-card:hover img{transform:scale(1.035);filter:brightness(1.05)}
.preview-card figure span{position:absolute;top:18px;left:18px;background:rgba(0,0,0,.72);padding:8px 9px;font-size:10px}
.preview-card> a>div{padding:25px 24px 34px}
.preview-card p{margin:0 0 10px;color:var(--sb-orange);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.preview-card h2{margin:0 0 12px;font-size:clamp(24px,2.3vw,36px);letter-spacing:-.04em}
.preview-card small{color:#999;line-height:1.45}
.preview-project-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:68vh;border-bottom:1px solid var(--sb-line)}
.preview-project-cover{min-height:560px;background:#141414;overflow:hidden}
.preview-project-cover img{width:100%;height:100%;object-fit:cover}
.preview-project-intro{display:flex;flex-direction:column;justify-content:flex-end;padding:6vw}
.preview-project-intro h1{font-size:clamp(54px,7vw,110px);line-height:.86;letter-spacing:-.065em;margin:15px 0 32px}
.preview-project-intro>p{color:var(--sb-muted);line-height:1.65;font-size:18px;max-width:620px}
.preview-project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--sb-line);border-bottom:1px solid var(--sb-line)}
.preview-project-facts div{background:var(--sb-bg);padding:28px 5vw}
.preview-project-facts span{display:block;color:#777;font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}
.preview-project-facts strong{font-size:14px;font-weight:400}
.preview-gallery-head{padding:80px 5vw 32px;display:flex;justify-content:space-between;gap:30px;align-items:end}
.preview-gallery-head h2{font-size:clamp(38px,6vw,76px);margin:0;letter-spacing:-.055em}
.preview-gallery-head p{max-width:520px;color:#999;line-height:1.55;margin:0}
.preview-gallery{padding:0 2vw 100px;columns:3 340px;column-gap:12px}
.preview-gallery button{display:block;width:100%;padding:0;border:0;background:#151515;margin:0 0 12px;cursor:zoom-in;break-inside:avoid;overflow:hidden}
.preview-gallery img{display:block;width:100%;height:auto;transition:transform .55s ease,filter .55s ease}
.preview-gallery button:hover img{transform:scale(1.018);filter:brightness(1.05)}
.preview-interludes{background:linear-gradient(135deg,rgba(181,154,109,.08),transparent 36%),#0d0b09;border-top:1px solid #3a3027}
.preview-interludes-intro{display:grid;grid-template-columns:.35fr 1fr 1fr;gap:clamp(28px,6vw,90px);align-items:start;padding:clamp(90px,11vw,150px) 5vw clamp(60px,8vw,105px)}
.preview-interludes-intro>p:first-child{margin:10px 0 0;color:#b59a6d;font-size:9px;font-weight:800;letter-spacing:.18em;line-height:1.6}
.preview-interludes-intro h2{margin:0;color:#f4ede2;font-family:Georgia,serif;font-size:clamp(52px,7vw,102px);font-weight:400;letter-spacing:-.055em;line-height:.88}
.preview-interludes-intro>p:last-child{max-width:680px;margin:4px 0 0;color:#c1b7aa;font-family:Georgia,serif;font-size:clamp(18px,1.8vw,24px);line-height:1.75}
.preview-interludes .preview-gallery{padding-bottom:clamp(100px,12vw,170px)}
.preview-lightbox{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;padding:34px}
.preview-lightbox.is-open{display:flex}
.preview-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}
.preview-lightbox button{position:absolute;border:0;background:rgba(20,20,20,.75);color:#fff;cursor:pointer}
.preview-lightbox-close{right:20px;top:20px;width:46px;height:46px;font-size:26px}
.preview-lightbox-prev,.preview-lightbox-next{top:50%;width:48px;height:64px;font-size:28px}
.preview-lightbox-prev{left:18px}.preview-lightbox-next{right:18px}
.preview-showreel{position:relative;height:min(78vh,760px);overflow:hidden;background:#000;border-bottom:1px solid var(--sb-line)}
.preview-showreel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 2s ease}
.preview-showreel img.is-active{opacity:.78;transform:scale(1)}
.preview-showreel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.08))}
.preview-showreel-copy{position:absolute;z-index:2;left:5vw;bottom:7vw;max-width:760px}
.preview-showreel-copy p{color:#ffb47f;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.preview-showreel-copy h1{font-size:clamp(58px,9vw,132px);line-height:.82;letter-spacing:-.07em;margin:18px 0}
.preview-showreel-copy span{color:#c7c0b6;font-size:18px}
.preview-carnet-intro{max-width:980px;padding:90px 5vw 40px}
.preview-carnet-intro h2{font-size:clamp(44px,7vw,96px);line-height:.9;letter-spacing:-.06em;margin:0 0 28px}
.preview-carnet-intro p{max-width:700px;color:#aaa;font-family:Georgia,serif;font-size:20px;line-height:1.65}
.preview-footer{display:grid;grid-template-columns:1fr auto;gap:25px;padding:50px 5vw 90px;border-top:1px solid var(--sb-line);color:#777}
.preview-footer a{text-decoration:none;color:#aaa}
[dir="rtl"] .preview-hero h1,[dir="rtl"] .preview-project-intro h1,[dir="rtl"] .preview-showreel-copy h1{letter-spacing:0;line-height:1.05}
[dir="rtl"] .preview-lang-list{right:auto;left:0}
@media(max-width:920px){.preview-header{height:74px}.preview-menu{display:block}.preview-nav{position:fixed;top:74px;left:0;right:0;display:none;flex-direction:column;align-items:flex-start;padding:28px 5vw;background:#0b0b0b;border-bottom:1px solid #333}.preview-nav.is-open{display:flex}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-project-hero{grid-template-columns:1fr}.preview-project-cover{min-height:55vh}.preview-hero-copy{grid-template-columns:1fr}.preview-project-facts{grid-template-columns:1fr}.preview-project-facts div{padding:22px 5vw}.preview-interludes-intro{grid-template-columns:1fr;gap:24px}.preview-interludes-intro>p:first-child{margin:0}.preview-footer{grid-template-columns:1fr}}
@media(max-width:620px){.preview-ribbon{bottom:10px;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.preview-brand small{display:none}.preview-grid{grid-template-columns:1fr}.preview-hero{padding-top:65px}.preview-project-cover{min-height:44vh}.preview-project-intro{padding:45px 5vw 60px}.preview-project-intro h1{font-size:52px}.preview-gallery{columns:1;padding-left:0;padding-right:0}.preview-gallery button{margin-bottom:4px}.preview-gallery-head{align-items:flex-start;flex-direction:column}.preview-showreel{height:72vh}.preview-lightbox{padding:8px}.preview-lightbox-prev,.preview-lightbox-next{top:auto;bottom:18px}}