/* AKSEL SALITOT — A cinematic, accessible static portfolio. No external dependencies. */
:root{--paper:#f7f7f4;--white:#ffffff;--ink:#171817;--muted:#777873;--line:#deded8;--accent:#a74231;--display:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--max:1490px;--pad:clamp(22px,4.5vw,84px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-loading{overflow:hidden}::selection{background:#a74231;color:#fff}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3,h4{margin:0;font-weight:600}strong{font-weight:650}ul{list-style:none;padding:0;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;top:12px;left:12px;background:var(--ink);color:#fff;padding:12px 18px;transform:translateY(-200%);z-index:1000}.skip-link:focus{transform:translateY(0)}
.site-shell{max-width:1900px;margin:auto}.container{padding-inline:var(--pad);max-width:var(--max);margin-inline:auto}.eyebrow{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.19em;text-transform:uppercase}.eyebrow .sep{margin:0 .9em;opacity:.35}.muted{color:var(--muted)}.rule{height:1px;background:var(--line)}.sans-wide{letter-spacing:-.065em}.serif-italic{font-family:var(--serif);font-weight:400;font-style:italic}.arrow-text{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid currentColor;padding:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:gap .35s var(--ease),color .2s}.arrow-text:hover{gap:28px;color:var(--accent)}.arrow-text svg{width:17px;height:17px}.fineprint{font-size:12px;line-height:1.7;color:var(--muted)}
/* Header */
.header{height:91px;position:fixed;z-index:95;top:0;left:0;right:0;display:flex;align-items:center;border-bottom:1px solid transparent;transition:height .35s,background .35s,border-color .35s;isolation:isolate}.header.is-scrolled{height:72px;background:rgba(247,247,244,.95);border-color:var(--line);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1900px;margin:auto;padding:0 var(--pad)}.wordmark{font-size:17px;letter-spacing:-.07em;font-weight:800;line-height:1}.wordmark small{display:block;letter-spacing:.16em;font-size:8px;line-height:1.7;font-weight:700;margin-top:5px}.nav{display:flex;align-items:center;gap:clamp(24px,3vw,54px)}.nav a{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;position:relative;padding:9px 0}.nav a:after{content:'';position:absolute;height:1px;background:currentColor;bottom:1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a:hover:after,.nav a[aria-current='page']:after{transform:scaleX(1)}.header-status{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.status-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--accent)}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 15px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent);width:0;z-index:2;pointer-events:none}
/* Initial cinematic title and page transition */
.intro{position:fixed;inset:0;background:var(--ink);color:#fff;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:clip-path 1s var(--ease),visibility 1s;clip-path:inset(0 0 0 0)}.intro .intro-name{font-size:clamp(33px,7vw,91px);line-height:.9;letter-spacing:-.075em;font-weight:800;overflow:hidden}.intro-name span{display:block;animation:intro-name 1.05s var(--ease) both}.intro .intro-line{height:1px;width:min(200px,45vw);background:rgba(255,255,255,.45);transform-origin:left;animation:intro-line 1s var(--ease) .1s both}.intro .intro-label{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:#ccc;animation:fade-in 1.1s .1s both}.is-ready .intro{clip-path:inset(0 0 100% 0);visibility:hidden}.page-wipe{position:fixed;inset:0;background:var(--ink);z-index:200;pointer-events:none;transform:translateY(101%);transition:transform .66s cubic-bezier(.77,0,.18,1)}.is-navigating .page-wipe{transform:translateY(0)}@keyframes intro-name{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
/* Home hero */
.home-hero{position:relative;min-height:min(900px,100svh);padding-top:125px;display:grid;align-items:center;overflow:hidden}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(30px,3vw,90px);width:100%;padding-bottom:70px}.hero-copy{position:relative;z-index:3;padding:60px 0 45px}.hero-copy .eyebrow{margin-bottom:36px}.hero-title{font-size:clamp(90px,12.5vw,215px);font-weight:800;line-height:.76;letter-spacing:-.105em;white-space:nowrap;margin-left:-.08em}.hero-title .last{display:block}.hero-title .period{color:var(--accent)}.hero-statement{max-width:495px;font-size:clamp(18px,2vw,29px);font-weight:500;line-height:1.27;letter-spacing:-.045em;margin:51px 0 34px}.hero-bottom{display:flex;align-items:center;gap:24px}.hero-side-note{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.hero-visual{min-height:585px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual .visual-wrap{width:100%;max-width:510px;aspect-ratio:8/10;position:relative;overflow:hidden;background:#eae9e3;clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%)}.hero-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.hero-visual:hover img{transform:scale(1.055)}.visual-corner{position:absolute;right:-22px;bottom:18px;color:var(--ink);writing-mode:vertical-rl;font-size:9px;letter-spacing:.24em;text-transform:uppercase}.visual-frame{position:absolute;top:25px;left:26px;font-size:10px;letter-spacing:.22em;color:#383832}.hero-index{position:absolute;right:var(--pad);bottom:29px;display:flex;gap:19px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.hero-index .thin-line{width:58px;height:1px;background:var(--ink)}.hero-vertical{position:absolute;left:var(--pad);bottom:25px;display:flex;gap:16px;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.hero-vertical .thin-line{width:45px;height:1px;background:var(--ink)}
/* Section scaffolding */
.section{padding-block:clamp(95px,12vw,180px)}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:30px;border-top:1px solid var(--ink);padding-top:19px;margin-bottom:72px}.section-id{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-intro{max-width:740px;margin-bottom:65px}.section-heading{font-size:clamp(53px,7.7vw,113px);line-height:.95;letter-spacing:-.085em;font-weight:650}.section-heading em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}.section-subtext{max-width:450px;font-size:16px;line-height:1.65;color:var(--muted);margin-top:24px}.project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:64px 24px}.project-card{display:block;grid-column:span 2;min-width:0;group:project}.project-card.featured{grid-column:span 3}.project-poster{position:relative;overflow:hidden;background:#e5e4df;aspect-ratio:4/4.45}.project-card:not(.featured) .project-poster{aspect-ratio:4/5}.project-poster img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .8s var(--ease)}.project-card:hover .project-poster img{transform:scale(1.065)}.poster-tag{position:absolute;left:18px;top:18px;background:#f7f7f4;color:#242423;font-size:9px;font-weight:700;letter-spacing:.13em;padding:10px 12px;text-transform:uppercase}.poster-arrow{position:absolute;right:20px;bottom:20px;width:47px;height:47px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transform:translateY(70px);transition:transform .55s var(--ease)}.project-card:hover .poster-arrow,.project-card:focus-visible .poster-arrow{transform:translateY(0)}.poster-arrow svg{width:20px;height:20px}.project-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:22px}.project-info h3{font-size:clamp(26px,2.6vw,39px);font-weight:650;letter-spacing:-.066em;line-height:1.08}.project-card:not(.featured) .project-info h3{font-size:clamp(23px,2.3vw,32px)}.project-info .counter{font-size:11px;color:var(--muted)}.project-descriptor{font-size:12px;color:var(--muted);line-height:1.55;margin-top:10px}.project-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:9px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;margin-top:17px}.project-meta .dot{height:3px;width:3px;border-radius:50%;background:currentColor;opacity:.45}
/* Philosophy */
.vision{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.vision .section-top{border-color:#555}.vision .section-id{color:#b1b1a9}.vision-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:80px}.vision-quote{font-size:clamp(41px,6.9vw,104px);font-weight:550;line-height:1.03;letter-spacing:-.077em;max-width:1000px}.vision-quote em{color:#aaa9a3}.vision-side{max-width:300px;align-self:end;font-size:15px;line-height:1.75;color:#b9b9b2}.vision-values{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,80px);margin-top:130px;border-top:1px solid #555;padding-top:38px}.vision-value{display:grid;gap:17px}.vision-value span{font-size:11px;color:#aaa}.vision-value h3{font-size:24px;letter-spacing:-.05em}.vision-value p{color:#adada6;font-size:14px;line-height:1.75;max-width:290px}.vision-ring{position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-330px;top:90px;pointer-events:none}.vision-ring:after{content:'';position:absolute;inset:70px;border:1px solid rgba(255,255,255,.055);border-radius:50%}
/* About */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,9vw,150px);align-items:center}.about-art{min-height:600px;aspect-ratio:3.7/4.5;position:relative;background:#eeede7;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-art:before{content:'';width:72%;aspect-ratio:1;border-radius:50%;border:1px solid #c9c8c1;position:absolute}.about-art:after{content:'';width:53%;aspect-ratio:1;border-radius:50%;border:1px solid #c9c8c1;position:absolute}.about-monogram{font-size:clamp(110px,20vw,320px);font-weight:700;letter-spacing:-.14em;line-height:1;position:relative;z-index:2;margin-left:-.12em}.about-art .about-caption{position:absolute;bottom:20px;left:22px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.about-copy h2{font-size:clamp(49px,5.4vw,78px);line-height:1.03;letter-spacing:-.08em;margin-bottom:32px}.about-copy p{font-size:16px;line-height:1.85;color:#50514d;margin-bottom:22px}.about-facts{margin-top:43px;border-top:1px solid var(--ink);padding-top:20px;display:grid;gap:22px}.about-fact{display:grid;grid-template-columns:105px 1fr;gap:15px;align-items:baseline;font-size:13px}.about-fact span:first-child{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
/* Contact */
.contact{padding-bottom:120px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,9vw,130px)}.contact-heading{font-size:clamp(62px,10vw,147px);line-height:.9;letter-spacing:-.09em}.contact-heading em{font-weight:400}.contact-copy{font-size:18px;line-height:1.6;color:var(--muted);max-width:480px;margin:26px 0 30px}.contact-form{border-top:1px solid var(--ink);padding-top:26px;display:grid;gap:25px}.field{display:grid;gap:12px}.field label{font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:13px 0 14px;font-size:15px;color:var(--ink);outline:none;resize:vertical}.field input:focus,.field textarea:focus{border-bottom-color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#999991}.form-submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);padding:21px 23px;background:var(--ink);color:var(--white);text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700;transition:background .25s,color .25s}.form-submit:hover{background:transparent;color:var(--ink)}.form-submit svg{width:20px}.form-message{min-height:36px;font-size:12px;line-height:1.65;color:var(--muted)}.contact-note{font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}
/* Footer */
.footer{background:var(--ink);color:var(--paper);padding:40px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-wordmark{font-size:clamp(42px,8vw,115px);font-weight:700;letter-spacing:-.095em;line-height:.95}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.footer-links a:hover{color:#c5c5bf}.footer-bottom{border-top:1px solid #444;margin-top:60px;padding-top:21px;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#a5a5a0}.footer-top-link{border:1px solid #555;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.footer-top-link svg{width:18px;transform:rotate(-90deg)}
/* Project pages */
.page-hero{padding-top:176px;padding-bottom:85px}.back-link{display:inline-flex;gap:10px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:54px}.back-link svg{width:15px;transform:rotate(180deg)}.page-title{font-size:clamp(77px,12vw,190px);line-height:.83;letter-spacing:-.105em;font-weight:750;max-width:1250px;overflow-wrap:anywhere;margin-bottom:42px}.page-title.long{font-size:clamp(65px,10.6vw,162px)}.page-lead{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-top:25px;border-top:1px solid var(--ink)}.page-lead p{max-width:615px;font-size:clamp(17px,2.25vw,27px);line-height:1.42;letter-spacing:-.034em}.page-lead .eyebrow{text-align:right;color:var(--muted)}.project-banner{position:relative;max-width:1900px;margin:auto;max-height:830px;overflow:hidden;background:#e6e5df;aspect-ratio:2.15/1}.project-banner img{height:100%;width:100%;object-fit:cover;object-position:center 46%}.banner-note{position:absolute;bottom:22px;left:var(--pad);font-size:10px;background:var(--paper);padding:12px 14px;letter-spacing:.12em;text-transform:uppercase}.detail-section{padding:clamp(80px,9vw,150px) 0}.detail-grid{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);gap:clamp(40px,7vw,130px)}.detail-index{border-top:1px solid var(--ink);padding-top:15px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;align-self:start}.detail-prose h2{font-size:clamp(40px,5vw,77px);line-height:1.05;letter-spacing:-.068em;margin-bottom:30px}.detail-prose p{font-size:clamp(16px,1.8vw,21px);line-height:1.75;color:#50514d;max-width:780px;margin-bottom:20px}.facts-table{border-top:1px solid var(--ink);margin-top:50px}.facts-table div{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:30px}.facts-table dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.facts-table dd{margin:0;font-size:14px}.detail-panel{background:#ecebe6;padding:clamp(50px,7vw,115px) var(--pad)}.detail-panel-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:.5fr 1fr;gap:55px}.detail-panel h2{font-size:clamp(37px,5vw,74px);letter-spacing:-.068em;line-height:1.05}.detail-panel p{font-size:clamp(18px,2vw,26px);line-height:1.5;letter-spacing:-.03em;max-width:660px}.next-project{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-top:1px solid var(--ink);padding-block:30px 45px;transition:color .2s}.next-project:hover{color:var(--accent)}.next-project span{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:25px}.next-project strong{display:block;font-size:clamp(45px,7vw,100px);letter-spacing:-.08em;line-height:1}.next-project svg{width:53px}
/* Legal */
.legal{padding:170px var(--pad) 130px;max-width:900px;margin:auto}.legal h1{font-size:clamp(54px,8vw,100px);letter-spacing:-.08em;margin:24px 0 50px}.legal h2{font-size:22px;letter-spacing:-.04em;margin:38px 0 12px}.legal p{font-size:15px;color:#50514d;line-height:1.9;margin:10px 0}.legal a{text-decoration:underline}
/* Reveal and motion */
[data-reveal]{opacity:0;transform:translate3d(0,45px,0);transition:transform 1.1s var(--ease),opacity 1.1s var(--ease)}[data-reveal].is-visible{opacity:1;transform:translateZ(0)}[data-reveal-delay='1']{transition-delay:.12s}[data-reveal-delay='2']{transition-delay:.23s}[data-reveal-delay='3']{transition-delay:.33s}.hero-copy[data-reveal]{transform:translate3d(0,65px,0)}.hero-copy[data-reveal].is-visible{transform:none}.hero-visual[data-reveal]{transform:translate3d(0,80px,0)}.hero-visual[data-reveal].is-visible{transform:none}
@media(max-width:1150px){.hero-inner{grid-template-columns:1.15fr .85fr}.hero-title{font-size:clamp(76px,12.6vw,148px)}.hero-visual{min-height:500px}.hero-statement{margin-top:37px}.header-status{display:none}.section-heading{font-size:clamp(52px,8vw,92px)}}
@media(max-width:820px){:root{--pad:clamp(22px,5vw,45px)}.header,.header.is-scrolled{height:74px}.nav{position:fixed;inset:74px 0 auto 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px var(--pad) 40px;display:grid;gap:8px;transform:translateY(-130%);transition:transform .45s var(--ease);visibility:hidden}.nav.is-open{transform:translateY(0);visibility:visible}.nav a{font-size:23px;padding:12px 0;letter-spacing:-.04em;text-transform:none}.menu-toggle{display:block}.home-hero{min-height:auto;padding-top:115px}.hero-inner{grid-template-columns:1fr;gap:20px;padding-bottom:90px}.hero-copy{padding:40px 0 5px}.hero-title{font-size:clamp(93px,16vw,160px)}.hero-statement{font-size:clamp(20px,3.7vw,27px);margin-top:36px}.hero-visual{min-height:0;max-width:500px;width:80%;margin-left:auto}.hero-visual .visual-wrap{aspect-ratio:1.3}.visual-corner{display:none}.hero-index{bottom:22px}.hero-vertical{bottom:22px}.section{padding-block:100px}.section-top{margin-bottom:44px}.section-intro{margin-bottom:44px}.project-grid{gap:48px 20px}.project-card.featured{grid-column:span 3}.project-card:not(.featured){grid-column:span 3}.vision-layout{grid-template-columns:1fr;gap:35px}.vision-values{margin-top:70px}.about-grid{grid-template-columns:1fr;gap:46px}.about-art{min-height:400px;max-height:550px;aspect-ratio:1.25;margin:0 9%}.about-monogram{font-size:30vw}.contact-grid{grid-template-columns:1fr;gap:60px}.page-hero{padding-top:130px}.page-title{font-size:clamp(72px,13vw,115px)}.project-banner{aspect-ratio:1.42}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-panel-inner{grid-template-columns:1fr;gap:35px}}
@media(max-width:550px){.wordmark{font-size:16px}.home-hero{padding-top:100px}.hero-copy .eyebrow{margin-bottom:33px}.hero-title{font-size:clamp(75px,16.7vw,110px)}.hero-statement{font-size:22px;margin:36px 0 30px}.hero-visual{width:89%}.hero-vertical{display:none}.hero-index{bottom:13px;right:var(--pad)}.section-heading{font-size:clamp(46px,11.5vw,68px)}.project-grid{grid-template-columns:1fr;gap:48px}.project-card.featured,.project-card:not(.featured){grid-column:1}.project-poster,.project-card:not(.featured) .project-poster{aspect-ratio:1/.99}.project-card:nth-child(n+3) .project-poster{aspect-ratio:1/.96}.project-info h3,.project-card:not(.featured) .project-info h3{font-size:32px}.vision-values{grid-template-columns:1fr;gap:38px}.vision-quote{font-size:clamp(45px,11vw,67px)}.about-art{margin:0;min-height:400px}.about-monogram{font-size:39vw}.about-fact{grid-template-columns:84px 1fr}.page-title,.page-title.long{font-size:clamp(56px,12.4vw,83px);margin-bottom:25px}.page-lead{grid-template-columns:1fr;gap:20px}.page-lead .eyebrow{text-align:left}.project-banner{aspect-ratio:1.1}.project-banner img{object-position:center}.banner-note{font-size:8px;bottom:12px}.facts-table div{grid-template-columns:90px 1fr;gap:12px}.footer-top{align-items:start}.footer-links{gap:14px}.footer-bottom{flex-direction:column;gap:12px}.next-project svg{width:32px}.next-project strong{font-size:50px}.hero-bottom{gap:12px}.hero-side-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}.intro{display:none!important}.page-wipe{display:none!important}body.is-loading{overflow:auto!important}}
/* Progressive enhancement: keep all content accessible without JavaScript. */
html:not(.js) .intro,html:not(.js) .page-wipe{display:none}
html:not(.js) [data-reveal]{opacity:1;transform:none}
@media (max-width:550px){.about-art{width:100%;min-height:0;max-height:none;aspect-ratio:1/1}}
@media(min-width:821px){.contact-heading{font-size:clamp(64px,7.5vw,112px);white-space:nowrap}}


/* PHOTOGRAPHIES — curated, responsive editorial gallery */
[hidden]{display:none!important}
.gallery-section{padding-top:clamp(70px,7vw,100px);padding-bottom:clamp(115px,12vw,180px)}
.gallery-section .section-top{margin-bottom:clamp(35px,4vw,52px)}
.gallery-heading-row{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:clamp(28px,3.5vw,48px)}
.gallery-heading-row .section-subtext{max-width:345px;margin-bottom:9px}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.gallery-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.gallery-filter{border:1px solid #deded8;background:transparent;color:#5a5b56;padding:11px 14px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.3;transition:color .3s,background .3s,border-color .3s}
.gallery-filter:hover{border-color:#555;color:#171817}
.gallery-filter.is-active{background:#171817;color:#fff;border-color:#171817}
.filter-number{font-size:10px;opacity:.56;font-weight:600;font-variant-numeric:tabular-nums}
.gallery-utilities{display:flex;align-items:center;gap:25px;margin-left:auto}
.gallery-count{font-size:10px;letter-spacing:.13em;font-weight:700;color:#777873;white-space:nowrap;font-variant-numeric:tabular-nums}
.gallery-layout-toggle{display:flex;align-items:center;gap:0;border:1px solid #deded8;padding:3px}
.gallery-layout-btn{width:35px;height:34px;border:0;background:transparent;display:grid;place-items:center;color:#999a96;transition:background .2s,color .2s}
.gallery-layout-btn svg{width:18px;height:18px}
.gallery-layout-btn:hover{color:#171817}
.gallery-layout-btn.is-active{background:#171817;color:#fff}
.gallery-stage{min-height:250px}
.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(70px,6.5vw,102px);gap:clamp(10px,1.2vw,17px);align-items:stretch}
.photo-tile{grid-column:span 4;grid-row:span 3;display:block;position:relative;overflow:hidden;min-width:0;min-height:0;padding:0;border:0;background:#dadbd6;color:#fff;text-align:left;cursor:zoom-in;isolation:isolate}
.photo-tile.photo-feature{grid-column:span 8;grid-row:span 4}
.photo-tile.photo-portrait{grid-column:span 4;grid-row:span 5}
.photo-tile:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,0));opacity:.85;z-index:1;pointer-events:none;transition:opacity .45s}
.photo-media{position:absolute;inset:0;display:block;background:#deded8;overflow:hidden}
.photo-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.25s var(--ease),filter .8s var(--ease);filter:saturate(.95)}
.photo-tile:hover .photo-media img,.photo-tile:focus-visible .photo-media img{transform:scale(1.065);filter:saturate(1.06)}
.photo-tile:hover:after,.photo-tile:focus-visible:after{opacity:1}
.photo-meta{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:clamp(14px,2.5vw,27px);display:flex;flex-direction:column;gap:6px;transform:translateY(0);transition:transform .45s var(--ease)}
.photo-meta strong{font-size:clamp(16px,1.6vw,24px);font-weight:650;letter-spacing:-.035em;line-height:1.15;text-shadow:0 1px 10px rgba(0,0,0,.15)}
.photo-meta small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e2e2dc;font-weight:650}
.photo-index{position:absolute;top:clamp(15px,2vw,24px);left:clamp(15px,2vw,24px);font-size:10px;font-weight:700;letter-spacing:.1em;z-index:2;text-shadow:0 1px 10px #2226}
.photo-expand{position:absolute;top:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;background:rgba(247,247,244,.96);color:#171817;border-radius:50%;font-size:23px;line-height:1;z-index:3;transform:translateY(-12px);opacity:0;transition:transform .45s var(--ease),opacity .3s}
.photo-tile:hover .photo-expand,.photo-tile:focus-visible .photo-expand{transform:translateY(0);opacity:1}
.gallery-grid.is-regular{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:clamp(12px,1.3vw,21px)}
.gallery-grid.is-regular .photo-tile{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
.gallery-grid.is-regular .photo-tile.photo-portrait{aspect-ratio:4/3}
.gallery-credits{margin-top:26px;font-size:11px;color:#777873;line-height:1.6}
.gallery-empty{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,105px);min-height:460px;align-items:center}
.gallery-empty-visual{aspect-ratio:1.46;position:relative;background:#efeee8;border:1px solid #deded9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery-empty-visual:after{content:"";position:absolute;inset:17px;border:1px solid #deddd6;pointer-events:none}
.empty-cross{position:absolute;font-family:Georgia,serif;font-size:27px;line-height:1;color:#999991}.empty-tl{top:8%;left:8%}.empty-br{right:8%;bottom:7%}
.empty-frame-mark{font-size:clamp(40px,7vw,105px);font-weight:700;letter-spacing:-.11em;color:#c9c8c1;line-height:1}
.empty-frame-mark span{font-family:Arial,sans-serif;font-weight:600;letter-spacing:.12em;font-size:10px;vertical-align:middle;color:#8e8e87}
.empty-num{position:absolute;right:27px;bottom:27px;font-size:10px;letter-spacing:.13em;color:#93938d}
.gallery-empty-copy .eyebrow{display:block;margin-bottom:25px}
.gallery-empty-copy h3{font-size:clamp(38px,4.6vw,72px);line-height:1.03;letter-spacing:-.07em;font-weight:550;margin:0 0 27px}.gallery-empty-copy h3 em{font-family:var(--serif);font-weight:400}
.gallery-empty-copy p{font-size:16px;line-height:1.7;color:var(--muted);max-width:330px}
/* Black-room immersive lightbox, with mini filmstrip */
body.lightbox-open{overflow:hidden}
.photo-lightbox{position:fixed;inset:0;z-index:500;background:#101110;color:#f7f7f4;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;grid-template-rows:minmax(0,1fr) auto auto;align-items:center;gap:0;padding:90px max(20px,3vw) 10px;animation:gallery-open .33s ease both}
@keyframes gallery-open{from{opacity:0}to{opacity:1}}
.lightbox-topbar{position:absolute;left:max(20px,3vw);right:max(20px,3vw);top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.lightbox-brand{font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.lightbox-brand span{padding:0 8px;color:#6d6e6a}
.lightbox-close{display:flex;align-items:center;gap:14px;border:1px solid #4a4a48;color:#eee;background:transparent;padding:7px 12px 7px 15px;font-size:10px;font-weight:700;letter-spacing:.15em;transition:background .25s,color .25s,border-color .25s}
.lightbox-close span{font-size:26px;line-height:.85;font-weight:400}
.lightbox-close:hover{background:#fff;color:#101110;border-color:#fff}
.lightbox-arrow{width:52px;height:52px;display:grid;place-items:center;border:1px solid #3e403e;border-radius:50%;color:#fff;background:transparent;justify-self:center;transition:color .25s,background .25s,border-color .25s}
.lightbox-arrow svg{width:25px;height:25px}
.lightbox-arrow:hover{background:#f7f7f4;color:#111;border-color:#f7f7f4}
.lightbox-prev{grid-column:1;grid-row:1}.lightbox-next{grid-column:3;grid-row:1}
.lightbox-figure{grid-column:2;grid-row:1;margin:0;min-width:0;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:0 10px 20px}
.lightbox-image{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 285px);object-fit:contain;box-shadow:0 8px 40px #0004}
.lightbox-figure figcaption{width:min(100%,1100px);display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:13px;line-height:1.5;color:#eee;letter-spacing:-.01em}
.lightbox-counter{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#b4b4ae;font-size:11px}
.lightbox-thumbs{grid-column:1 / -1;grid-row:2;display:flex;gap:8px;justify-content:safe center;overflow-x:auto;max-width:min(100%,980px);width:100%;margin:0 auto;padding:7px 5px 11px;scrollbar-width:thin;scrollbar-color:#555 transparent}
.lightbox-thumb{flex:0 0 64px;width:64px;height:50px;overflow:hidden;border:2px solid transparent;padding:0;background:#222;opacity:.44;transition:opacity .25s,border-color .25s}
.lightbox-thumb img{width:100%;height:100%;object-fit:cover}
.lightbox-thumb:hover{opacity:.9}.lightbox-thumb.is-current{opacity:1;border-color:#fff}
.lightbox-help{grid-column:1 / -1;grid-row:3;text-align:center;font-size:9px;letter-spacing:.12em;padding:6px;color:#757670;font-weight:600}
.lightbox-help span{padding:0 8px}
.gallery-filter:focus-visible,.gallery-layout-btn:focus-visible,.photo-tile:focus-visible,.lightbox-close:focus-visible,.lightbox-arrow:focus-visible,.lightbox-thumb:focus-visible{outline:2px solid #a74231;outline-offset:3px}
@media(hover:none){.photo-expand{transform:none;opacity:1;width:33px;height:33px;font-size:19px;top:10px;right:10px;background:#f7f7f4d9}}
@media(max-width:1000px){
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(80px,9vw,113px)}
 .photo-tile{grid-column:span 1;grid-row:span 3}
 .photo-tile.photo-feature{grid-column:span 2;grid-row:span 4}
 .photo-tile.photo-portrait{grid-column:span 1;grid-row:span 5}
 .gallery-grid.is-regular{grid-template-columns:repeat(2,minmax(0,1fr))}
 .photo-lightbox{grid-template-columns:54px minmax(0,1fr) 54px;padding-inline:12px}
 .lightbox-arrow{height:42px;width:42px}
}
@media(max-width:650px){
 .gallery-heading-row{flex-direction:column;align-items:start;gap:8px;margin-bottom:25px}
 .gallery-section .section-top{margin-bottom:30px}
 .gallery-heading-row .section-subtext{font-size:14px;line-height:1.6;margin-top:13px}
 .gallery-toolbar{gap:17px;margin-bottom:15px}
 .gallery-filters{gap:6px;width:100%}
 .gallery-filter{font-size:11px;padding:10px 11px;gap:6px}
 .filter-number{font-size:9px}
 .gallery-utilities{width:100%;justify-content:space-between;margin-left:0}
 .gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;gap:12px}
 .photo-tile,.photo-tile.photo-feature,.photo-tile.photo-portrait{grid-column:1;grid-row:auto;aspect-ratio:4/3}
 .photo-tile.photo-portrait{aspect-ratio:4/4.1}
 .gallery-grid.is-regular{grid-template-columns:1fr}
 .gallery-grid.is-regular .photo-tile{aspect-ratio:4/3}
 .photo-meta{padding:19px}
 .photo-meta strong{font-size:18px}
 .gallery-empty{grid-template-columns:1fr;gap:35px}
 .gallery-empty-visual{aspect-ratio:1.2}
 .photo-lightbox{display:flex;flex-direction:column;justify-content:center;padding:80px 10px 16px;gap:10px}
 .lightbox-topbar{top:18px;left:16px;right:16px}
 .lightbox-brand{font-size:9px;letter-spacing:.06em}
 .lightbox-close{padding:8px 9px;font-size:9px;gap:8px}
 .lightbox-close span{font-size:21px}
 .lightbox-figure{flex:1 1 auto;min-height:0;padding:0 5px 0;gap:14px}
 .lightbox-image{max-height:calc(100dvh - 265px)}
 .lightbox-figure figcaption{font-size:12px;min-height:28px}
 .lightbox-arrow{position:absolute;top:43%;z-index:4;width:38px;height:38px;border-color:#8885;background:#17181795;backdrop-filter:blur(8px)}
 .lightbox-arrow svg{width:20px;height:20px}
 .lightbox-prev{left:13px}.lightbox-next{right:13px}
 .lightbox-thumbs{flex:0 0 66px;max-height:66px;justify-content:safe start;max-width:100%;padding:8px 4px}
 .lightbox-thumb{flex-basis:60px;width:60px;height:46px}
 .lightbox-help{font-size:8px;padding:4px}
}
@media(prefers-reduced-motion:reduce){.photo-tile:hover .photo-media img,.photo-tile:focus-visible .photo-media img{transform:none}.photo-lightbox{animation:none}}

/* Liens vidéo des projets — version de démonstration. */
.project-card{cursor:pointer;}
.project-watch-label{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding-bottom:5px;border-bottom:1px solid var(--ink);font-weight:700;font-size:11px;letter-spacing:.04em;transition:color .25s,border-color .25s}
.project-card:hover .project-watch-label,.project-card:focus-visible .project-watch-label{color:var(--accent);border-color:var(--accent)}
.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.project-demo-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:30px;max-width:750px;padding:14px 18px;border-left:2px solid var(--accent);background:rgba(0,0,0,.025)}
@media(prefers-reduced-motion:reduce){.project-watch-label{transition:none}}