:root{--bg:#f8f7f3;--text:#0c0c0d;--blue:#4166ff;--mint:#e5eaff;--coral:#4166ff;--line:#17191830}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 "Tenor Sans",Optima,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,.brand-carousel:focus-visible{outline:3px solid var(--coral);outline-offset:5px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{display:flex;gap:20px;align-items:center}.monogram{font-size:36px;line-height:1;font-weight:800;letter-spacing:-.1em}.monogram span{display:inline-block;color:var(--blue);margin-left:6px;transition:transform .3s}.logo:hover .monogram span{transform:rotate(45deg)}.logo>span:last-child{font-size:9px;letter-spacing:.06em;line-height:1.5}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:var(--blue)}section{padding:80px 4vw;max-width:1600px;margin:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:800;line-height:.96;letter-spacing:-.06em}em,.serif{font-family:'Bodoni Moda',serif;font-weight:400;font-style:italic;letter-spacing:-.04em}.small{font-size:10px;letter-spacing:.07em;line-height:1.6}.blue{color:var(--blue)}.branded-hero{max-width:none;background:var(--text);color:var(--bg);padding-top:24px;padding-bottom:46px;overflow:hidden}.hero-index{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.hero-index>span:last-child{text-align:right}.identity{display:flex;flex-direction:column;gap:38px;margin-top:46px}.identity h1{display:flex;justify-content:space-between;gap:2vw;width:100%;font-size:clamp(72px,14.9vw,238px);line-height:.85;letter-spacing:-.09em;white-space:nowrap}.identity h1>span{display:inline-block;transition:letter-spacing .6s cubic-bezier(.2,.8,.2,1)}.identity h1:hover>span{letter-spacing:-.065em}.identity .surname{color:var(--mint)}.signature-dot{color:var(--coral)}.identity-side{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;align-items:end}.edition{font-size:10px;letter-spacing:.1em;line-height:1.7;color:var(--mint)}.identity-side p{font-size:clamp(23px,3vw,42px);line-height:1.2;letter-spacing:-.04em}.identity-side em{color:var(--mint)}.explore{font-size:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff7;padding-bottom:12px}.explore span{font-size:34px;color:var(--coral);transition:transform .3s}.explore:hover span{transform:translate(6px,6px)}.brand-world{max-width:none;background:var(--blue);color:white;padding-top:50px;padding-bottom:46px;overflow:hidden}.brand-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.brand-header p{font-size:clamp(35px,4.5vw,65px);line-height:1.05;font-weight:700;letter-spacing:-.04em}.brand-header em{color:var(--mint)}.brand-header>.small{text-align:right}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.carousel-controls>div{display:flex;gap:6px}.carousel-controls button{background:transparent;color:white;border:1px solid #fff6;padding:9px 13px;font-size:10px}.carousel-controls button:hover{background:var(--mint);color:var(--text)}.brand-carousel{position:relative;width:calc(100% + 8vw);margin-left:-4vw;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}.brand-carousel::-webkit-scrollbar{display:none}.brand-carousel:active{cursor:grabbing}.brand-track,.brand-group{display:flex;width:max-content}.brand-group{flex-shrink:0;gap:14px;padding-right:14px}.rail-hint{display:none}.brand-button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:0 0 330px;width:330px;height:240px;border:0;background:var(--bg);color:var(--text);overflow:hidden;transition:background .35s,border-radius .35s,transform .35s;user-select:none}.brand-button:nth-child(3n+2){background:var(--mint);border-radius:120px}.brand-button:nth-child(3n){background:var(--coral);border-radius:28px}.brand-button img{width:190px;height:135px;object-fit:contain;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.brand-button[data-brand=amoi] img{width:220px;height:105px}.brand-button[data-brand=fnac] img{width:105px;height:115px}.brand-button[data-brand=sidlee] img{width:210px;height:100px}.brand-button[data-brand=socialkillers] img{width:130px;height:140px}.brand-button>span{position:absolute;bottom:21px;font-size:9px;letter-spacing:.05em}.brand-button:before{content:'↗';position:absolute;top:17px;right:22px;font-size:25px;transform:translate(-7px,7px);opacity:0;transition:all .3s}.brand-button:hover:before,.brand-button:focus-visible:before,.brand-button.active:before{opacity:1;transform:translate(0)}.brand-button:hover img,.brand-button:focus-visible img{transform:scale(1.13) rotate(-4deg)}.brand-button:hover,.brand-button:focus-visible{border-radius:64px;background:#e9e5ff}.brand-button.active{box-shadow:inset 0 0 0 4px var(--text)}.brand-stories{margin-top:28px;min-height:150px;border-top:1px solid #fff5;padding-top:22px}.brand-stories [role=region]{display:grid;grid-template-columns:1fr 1fr 2fr;gap:18px;animation:enter .35s ease}.brand-stories h3{font-size:28px;line-height:1.05}.brand-stories p{font-size:13px}.brand-stories a{grid-column:3;font-size:11px;text-decoration:underline;text-underline-offset:5px}.project-preview{padding-top:64px;padding-bottom:56px}.composition{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-template-rows:auto auto;gap:26px;align-items:center}.hero-piece{display:block;position:relative;transition:transform .4s;overflow:hidden}.hero-piece img{width:100%;display:block;object-fit:cover;transition:transform .5s}.hero-piece:hover img{transform:scale(1.04)}.piece-concept{grid-column:1;grid-row:1/3}.piece-concept img{aspect-ratio:.95;object-position:28%}.piece-amoi{grid-column:2;grid-row:1/3}.piece-amoi img{aspect-ratio:.68}.piece-sial{grid-column:3;grid-row:2}.piece-caption{position:absolute;bottom:0;left:0;padding:8px 12px;background:var(--mint);font-size:8px;color:var(--text);letter-spacing:.06em}.piece-amoi .piece-caption{background:var(--coral)}.hero-manifesto{grid-column:3;grid-row:1}.hero-manifesto p{font-size:clamp(22px,3vw,42px);line-height:1.1;letter-spacing:-.04em;font-weight:700;margin-top:14px}.hero-manifesto em{color:var(--blue)}.scribble-arrow{display:none}.positioning{margin-top:36px;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.positioning p{font-size:14px;max-width:780px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:36px}.section-heading h2{font-size:clamp(45px,7vw,105px)}.section-heading>span{font-size:10px;text-align:right;letter-spacing:.06em}.section-heading .serif{color:var(--blue)}.work{border-top:1px solid var(--line)}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px}.tabs button{background:none;border:0;border-right:1px solid var(--line);padding:22px;flex:1;text-align:left;font-size:12px}.tabs button:last-child{border:0}.tabs button[aria-selected=true]{background:var(--text);color:var(--mint)}.tabs button:hover{background:var(--mint);color:var(--text)}.project-title{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:30px}.project-title h3{font-size:clamp(38px,5.5vw,78px);margin:18px 0}.annotation{font-size:12px;color:var(--blue)}.badge{font-size:10px;background:var(--mint);padding:8px 14px;border-radius:20px;white-space:nowrap}.visual{display:block;width:100%;border:0;padding:0;position:relative;background:transparent}.visual img{display:block;width:100%}.visual>span{position:absolute;bottom:16px;right:16px;padding:9px 14px;background:var(--bg);font-size:10px;transition:background .3s}.visual:hover>span{background:var(--coral)}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:32px 0}.story h4{font-size:10px;letter-spacing:.06em;margin:0 0 12px}.story p{font-size:13px}.secondary{margin-top:32px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pair img{aspect-ratio:4/5;object-fit:cover}.event{max-width:640px;margin:auto}.event img{max-height:660px;object-fit:cover}blockquote{font-size:clamp(22px,3vw,39px);line-height:1.3;letter-spacing:-.035em;background:var(--mint);padding:40px;margin:20px 0 36px}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:64px}.portrait{width:100%;max-height:650px;object-fit:cover;object-position:50% 30%;border-radius:180px 180px 0 0}.intro{font-size:clamp(24px,3vw,42px);line-height:1.15;letter-spacing:-.04em;margin-bottom:28px}.about-grid>div>p:not(.intro){font-size:14px;max-width:560px}.personal{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:26px;margin-top:36px}.personal img{width:150px;height:180px;object-fit:cover;border-radius:80px}.personal p{font-size:12px;max-width:300px}.agency-note{background:var(--coral);padding:32px;margin-top:56px;display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.agency-note>.small{grid-column:1/-1}.agency-note h3{font-size:32px}.agency-note>p{font-size:13px}.client-names{display:flex;gap:9px;flex-wrap:wrap;grid-column:2}.client-names span{font-size:10px;border:1px solid var(--text);padding:5px 12px;border-radius:20px}.experience{margin-top:60px}.experience>h3{font-size:32px;margin-bottom:24px}.experience details{border-top:1px solid var(--line);padding:20px 0}.experience details:last-child{border-bottom:1px solid var(--line)}summary{display:grid;grid-template-columns:1fr 2fr 24px;align-items:center;gap:24px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span:first-child{font-size:10px;letter-spacing:.06em}summary strong{font-size:24px;letter-spacing:-.04em}summary>span:last-child{font-size:26px;transition:transform .3s}details[open] summary>span:last-child{transform:rotate(90deg)}details p{margin:16px 0 0 34%;font-size:13px;max-width:780px}#contact{background:var(--text);color:var(--bg);max-width:none;padding-top:64px}#contact h2{font-size:clamp(48px,9vw,130px);margin:36px 0}#contact .serif{color:var(--mint)}.contacts{display:flex;flex-wrap:wrap;gap:32px;border-top:1px solid #fff5;padding-top:28px;font-size:14px}.contacts a:hover{color:var(--coral)}footer{display:flex;justify-content:space-between;padding:24px 4vw;font-size:9px;letter-spacing:.05em;background:var(--mint)}.skip{position:fixed;left:16px;top:-100px;z-index:40;background:var(--coral);padding:12px}.skip:focus{top:12px}dialog{background:var(--text);color:white;border:0;padding:48px 20px 20px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#000b}dialog img{max-width:90vw;max-height:80vh;display:block}.close{position:absolute;right:16px;top:12px;background:none;color:white;border:0;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){section{padding:48px 22px}header{padding:16px 22px}.logo>span:last-child{display:none}nav{gap:16px;font-size:10px}.monogram{font-size:30px}.hero-index{font-size:8px}.branded-hero{padding-top:22px;padding-bottom:34px}.identity{margin-top:36px;gap:30px}.identity h1{font-size:15vw;letter-spacing:-.08em}.identity-side{grid-template-columns:1fr 2fr;gap:22px}.edition{font-size:8px}.identity-side p{font-size:22px}.explore{grid-column:2;font-size:10px}.brand-world{padding-top:32px;padding-bottom:30px}.brand-header{align-items:start;gap:15px}.brand-header p{font-size:32px}.brand-header>.small{font-size:8px;max-width:100px}.carousel-controls>.small{font-size:8px;max-width:120px}.carousel-controls button{padding:8px;font-size:8px}.brand-carousel{width:calc(100% + 44px);margin-left:-22px}.brand-group{gap:10px;padding-right:10px}.brand-button{width:255px;flex-basis:255px;height:202px}.brand-button img{height:110px;width:155px}.brand-button[data-brand=amoi] img{width:180px}.brand-button[data-brand=sidlee] img{width:170px}.brand-button>span{font-size:8px;bottom:18px}.brand-stories{min-height:240px}.brand-stories [role=region]{grid-template-columns:1fr;gap:10px}.brand-stories a{grid-column:1}.brand-stories h3{font-size:27px}.brand-stories p{font-size:12px}.composition{grid-template-columns:1fr 1fr;gap:12px}.piece-concept{grid-column:1;grid-row:1}.piece-amoi{grid-column:2;grid-row:1}.piece-concept img,.piece-amoi img{aspect-ratio:.76}.hero-manifesto{grid-column:1;grid-row:2;padding:14px 0}.hero-manifesto .small{font-size:8px}.hero-manifesto p{font-size:25px}.piece-sial{grid-column:2;grid-row:2}.piece-sial img{aspect-ratio:.9;object-fit:cover}.piece-caption{font-size:7px;padding:6px}.positioning{grid-template-columns:1fr;gap:10px}.positioning p{font-size:12px}.section-heading>span{font-size:8px;max-width:95px}.section-heading h2{font-size:44px}.tabs button{padding:15px 8px;font-size:9px}.project-title{flex-direction:column;gap:10px}.project-title h3{font-size:42px}.badge{font-size:9px}.story{grid-template-columns:1fr;gap:22px}.pair{gap:12px}.visual>span{font-size:8px;right:8px;bottom:8px;padding:6px 9px}blockquote{padding:24px;font-size:24px}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{width:75%;max-height:420px}.intro{font-size:28px}.personal{grid-template-columns:110px 1fr;gap:20px}.personal img{width:110px;height:145px}.agency-note{grid-template-columns:1fr;padding:24px}.client-names{grid-column:1}.agency-note h3{font-size:29px}summary{grid-template-columns:95px 1fr 20px;gap:12px}summary strong{font-size:20px}summary>span:first-child{font-size:8px}details p{margin-left:0;font-size:12px}.contacts{flex-direction:column;gap:16px}#contact h2{font-size:51px}footer{font-size:8px;padding:20px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Black / white chapters, cobalt signature */
header{background:#0c0c0d;color:var(--bg);border-color:#fff2}.monogram{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:3px solid var(--blue);border-radius:50%;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-.08em;transform:rotate(-9deg);transition:transform .4s}.logo:hover .monogram{transform:rotate(0)}nav a:hover{color:#91a6ff}.identity .surname{color:var(--bg)}.identity-side p{font-family:Manrope,sans-serif}.identity-side em{color:var(--bg)}.edition{color:#91a6ff}.hero-index{padding-bottom:16px;border-bottom:1px solid #fff3}.brand-world{background:var(--bg);color:var(--text)}.brand-header em{color:var(--blue)}.brand-header>.small{color:#555}.carousel-controls button{border-color:var(--line);color:var(--text)}.carousel-controls button:hover{background:var(--blue);color:white}.brand-button{background:#fff;border:1px solid #17191822}.brand-button:nth-child(3n+2){background:#e5eaff}.brand-button:nth-child(3n){background:#edece8}.brand-button:hover,.brand-button:focus-visible{background:#d4ddff}.brand-button.active{box-shadow:inset 0 0 0 2px var(--blue)}.brand-stories{border-color:var(--line)}.brand-stories a{color:var(--blue)}.project-preview{background:#0c0c0d;color:var(--bg);max-width:none}.hero-manifesto em{color:#91a6ff}.positioning{border-color:#fff3}.piece-caption{background:var(--bg)}.piece-amoi .piece-caption{background:var(--mint)}.work{max-width:none;background:var(--bg)}.tabs button[aria-selected=true]{background:var(--blue);color:#fff}.badge{background:var(--mint)}blockquote{background:#0c0c0d;color:var(--bg);padding:48px;font-family:'Bodoni Moda',serif;font-style:italic;font-size:clamp(26px,3.6vw,48px)}#about{background:#0c0c0d;color:var(--bg);max-width:none}.section-heading .serif{color:var(--blue)}#about .section-heading .serif,#about .blue{color:#91a6ff}.agency-note{background:transparent;border-top:1px solid #fff3;padding:32px 0 0}.client-names span{border-color:#fff5}.journey{max-width:none;background:var(--bg)}.journey .experience{margin-top:0}.journey .experience>h3{font-size:clamp(42px,6vw,80px);margin-bottom:38px}#contact .serif{color:var(--bg)}#contact .small{font-size:12px}#contact h2{font-family:Manrope,sans-serif}.contacts{font-family:Manrope,sans-serif}footer{background:var(--bg)}.story p,.positioning p,.about-grid>div>p:not(.intro),.brand-stories p,details p{font-size:15px;line-height:1.75}.small,.hero-index,.edition,.badge,.carousel-controls,.brand-button>span,.story h4,summary>span:first-child{font-family:'Tenor Sans',Optima,sans-serif;letter-spacing:.06em}.brand-header p,.intro,.hero-manifesto p{font-family:Manrope,sans-serif}@media(max-width:760px){.monogram{width:46px;height:46px;font-size:24px;border-width:2px}.story p,.positioning p,.about-grid>div>p:not(.intro),.brand-stories p,details p{font-size:13px}blockquote{padding:26px;font-size:28px}#contact .small{font-size:9px}.brand-stories{min-height:265px}}

/* Preserve the complete co-branding artwork in the project preview. */
.piece-concept img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center}.piece-concept .piece-caption{position:static;display:block}

/* Restrained blue / sea-glass metallic accents. */
:root{--iridescent:conic-gradient(from 35deg,#4166ff,#b8d6e3 18%,#eaf2ee 29%,#71aaa8 40%,#315bb6 52%,#cbd9ef 68%,#90bfbd 82%,#4166ff)}
.monogram{border:0;position:relative;background:#0c0c0d;isolation:isolate}.monogram:before{content:'';position:absolute;inset:0;border-radius:50%;padding:3px;background:var(--iridescent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:filter .5s}.logo:hover .monogram:before{filter:brightness(1.2)}
.signature-dot{background:linear-gradient(115deg,#5275ec 12%,#a8c7d6 42%,#dfece7 50%,#78aaa9 66%,#4368d4 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.explore{position:relative}.explore:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#7696dc,#bcdbd7,#91a8d6,transparent);opacity:0;transition:opacity .4s}.explore:hover:after,.explore:focus-visible:after{opacity:1}
.carousel-controls button{position:relative;isolation:isolate}.carousel-controls button:hover,.carousel-controls button:focus-visible{background:linear-gradient(120deg,#e7edf9,#d7e7e3 50%,#e6ebf6);color:#171918;border-color:#98afc7}
.brand-button:hover,.brand-button:focus-visible{background:linear-gradient(120deg,#d9e2fc 5%,#eff3f7 32%,#deece9 56%,#d1ddf3 88%)}
.contacts a{position:relative}.contacts a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#4166ff,#c9dbe7,#89b9b2,#4166ff);transform:scaleX(0);transform-origin:left;transition:transform .4s}.contacts a:hover:after,.contacts a:focus-visible:after{transform:scaleX(1)}.contacts a:hover{color:#e4ebef}
@media(max-width:760px){.monogram:before{padding:2px}}

/* Ordered, uncropped project gallery. */
.gallery-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:end;margin-bottom:40px}.gallery-heading>.small{grid-column:1/-1;color:#a4baff}.gallery-heading h2{font-size:clamp(38px,5vw,72px)}.gallery-heading h2 em{color:#b7c9e7}.gallery-heading>p{font-size:13px;max-width:350px}.composition{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:36px;align-items:start}.piece-concept{grid-column:1/-1;grid-row:auto}.piece-amoi{grid-column:1;grid-row:auto}.piece-sial{grid-column:2;grid-row:auto}.project-frame{display:flex;align-items:center;justify-content:center;background:#161b25;padding:24px;overflow:hidden;min-height:320px}.piece-concept .project-frame{padding:0;background:none}.hero-piece img,.piece-concept img,.piece-amoi img,.piece-sial img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none!important}.piece-amoi .project-frame img{width:auto;max-width:100%;max-height:470px}.piece-sial .project-frame{min-height:518px}.hero-piece{overflow:visible;box-shadow:none}.hero-piece:hover{transform:translateY(-4px)}.piece-caption,.piece-concept .piece-caption,.piece-amoi .piece-caption{position:relative;background:none;color:var(--bg);display:grid;grid-template-columns:1fr 30px;gap:8px;padding:18px 0;border-bottom:1px solid #fff3}.piece-caption>span:first-child{font-size:9px;letter-spacing:.07em}.piece-caption strong{grid-column:1;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.03em;font-weight:500}.piece-caption .gallery-arrow{grid-column:2;grid-row:1/3;font-size:28px;color:#b7cee7;align-self:center;transition:transform .3s}.hero-piece:hover .gallery-arrow{transform:translate(4px,-4px)}
/* Larger, restrained iridescent surfaces. */
.project-preview{position:relative;isolation:isolate;background:#0c0c0d}.project-preview:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 3%,#55799540,transparent 47%),radial-gradient(ellipse at 5% 90%,#69a59d25,transparent 44%)}.project-frame{background:linear-gradient(130deg,#192638,#394453 36%,#637f8340 60%,#19202c 88%);border:1px solid #a5c3d52b}.brand-button:nth-child(3n+2){background:linear-gradient(125deg,#d7e1f5 8%,#f4f6fa 35%,#d8e6e2 61%,#c7d7ed 94%)}.brand-button:nth-child(3n){background:linear-gradient(125deg,#e5e9ed,#f7f7f3 38%,#dce9e6 70%,#d3dfef)}#contact{position:relative;isolation:isolate;overflow:hidden}#contact:before{content:'';position:absolute;width:650px;height:650px;border-radius:50%;right:-220px;top:-200px;background:conic-gradient(from 20deg,#12243c,#576d89,#b5c9ce,#477570,#152d4f,#8296ad,#172c4b);opacity:.28;filter:blur(45px);z-index:-1;pointer-events:none}#contact .contacts{position:relative}
@media(max-width:760px){.gallery-heading{grid-template-columns:1fr;gap:20px}.gallery-heading h2{font-size:41px}.gallery-heading>p{font-size:12px}.composition{grid-template-columns:1fr;gap:30px}.piece-concept,.piece-amoi,.piece-sial{grid-column:1;grid-row:auto}.project-frame{min-height:0;padding:18px}.piece-sial .project-frame{min-height:0}.piece-amoi .project-frame img{max-height:410px}.piece-caption strong{font-size:18px}#contact:before{width:420px;height:420px;right:-180px;top:-60px;filter:blur(35px)}}

.pair img{aspect-ratio:auto;height:auto;object-fit:contain}.event img{max-height:none;height:auto;object-fit:contain}

.miraval-deck{margin:30px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.miraval-deck summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;cursor:pointer;font-size:14px;letter-spacing:.06em;list-style:none}.miraval-deck summary::-webkit-details-marker{display:none}.miraval-deck[open] summary b{display:inline-block;transform:rotate(45deg)}.miraval-gallery{padding-bottom:24px}.miraval-slide{margin:0}.miraval-slide[hidden]{display:none!important}.miraval-slide .visual{width:100%;padding:0}.miraval-slide .visual img{width:100%;height:auto!important;max-height:none;object-fit:contain!important;display:block}.miraval-slide figcaption{font-size:13px;padding:12px 0;opacity:.7}.miraval-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.miraval-controls button,.miraval-dots button{border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;padding:12px 18px}.miraval-controls button:disabled{opacity:.25;cursor:default}.miraval-dots{display:flex;gap:8px;flex-wrap:wrap}.miraval-dots button[aria-pressed=true]{background:#d1b462;color:#111;border-color:#d1b462}.miraval-gallery button:focus-visible,.miraval-deck summary:focus-visible{outline:3px solid #d1b462;outline-offset:4px}@media(max-width:600px){.miraval-deck summary{align-items:flex-start;flex-direction:column;font-size:12px}.miraval-dots button{padding:10px 12px}}

/* Continuous presentation rail: native touch momentum and smooth snap. */
.miraval-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px;background:#fff;cursor:grab;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
.miraval-viewport::-webkit-scrollbar{display:none}.miraval-track{display:flex;align-items:flex-start}.miraval-track .miraval-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0;background:#fff;color:#171717}.miraval-track .visual{display:block;aspect-ratio:16/9;overflow:hidden;border:0!important;border-radius:0!important;background:#fff}.miraval-track .visual img{width:100%;height:100%!important;object-fit:contain!important;user-select:none;-webkit-user-drag:none}.miraval-track figcaption{padding:14px 20px;min-height:45px;box-sizing:border-box;font-size:12px;letter-spacing:.04em}.miraval-viewport.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.miraval-viewport.dragging .visual{pointer-events:none}.miraval-controls{padding:8px 0}.miraval-controls button{width:52px;height:52px;border-radius:50%;font-size:23px;display:grid;place-items:center;transition:background .2s,transform .2s}.miraval-controls button:not(:disabled):hover{background:#d1b462;color:#111;transform:translateY(-2px)}#miraval-count{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.15em}.miraval-dots{gap:6px;justify-content:center}.miraval-dots button{font-size:11px;border-radius:30px;padding:10px 15px;transition:background .25s,color .25s,transform .25s}.miraval-dots button[aria-pressed=true]{transform:translateY(-2px)}.miraval-hint{text-align:center;font-size:10px;letter-spacing:.15em;opacity:.55;margin:4px 0 16px}@media(prefers-reduced-motion:reduce){.miraval-controls button,.miraval-dots button{transition:none}}@media(max-width:600px){.miraval-viewport{border-radius:8px}.miraval-dots button{padding:8px 10px}.miraval-track figcaption{font-size:10px;padding:10px 12px}}

/* Layered, overlapping depth transition; first slide visible immediately. */
.miraval-deck{padding-top:24px}.miraval-viewport{overflow:hidden;scroll-snap-type:none;cursor:grab;touch-action:pan-y pinch-zoom;background:#fff;isolation:isolate}.miraval-track{display:block;position:relative;aspect-ratio:16/9;padding-bottom:48px;box-sizing:content-box}.miraval-track .miraval-slide{position:absolute;inset:0;width:100%;margin:0;transform-origin:center center;will-change:transform,opacity;background:#fff;opacity:0;visibility:hidden}.miraval-track .miraval-slide:first-child{opacity:1;visibility:visible}.miraval-track .visual{aspect-ratio:16/9;width:100%;height:auto!important}.miraval-track figcaption{height:48px;min-height:48px;display:flex;align-items:center}.miraval-navigation-label{font-size:11px;letter-spacing:.12em;opacity:.65}.miraval-dots{display:none}#experience-album,#experience-fnac{scroll-margin-top:120px}@media(max-width:600px){.miraval-navigation-label{font-size:9px}.miraval-track{padding-bottom:48px}}

/* Gesture-driven opaque carousel with continuously computed scale. */
.miraval-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;touch-action:pan-x pan-y pinch-zoom;background:transparent;padding:12px 0;cursor:grab;overscroll-behavior-x:contain}.miraval-track{display:flex;position:relative;gap:24px;aspect-ratio:auto;padding:0 9%;box-sizing:border-box;align-items:center}.miraval-track .miraval-slide{position:relative;inset:auto;flex:0 0 100%;width:100%;min-width:0;opacity:1!important;visibility:visible!important;pointer-events:auto!important;scroll-snap-align:center;scroll-snap-stop:normal;transform-origin:center;transition:none!important;will-change:transform;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #0002}.miraval-viewport.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.miraval-viewport.dragging .visual{pointer-events:none}.miraval-track .visual img{opacity:1!important;transform:none!important;transition:none!important}.miraval-track figcaption{height:48px;padding:12px 18px}.miraval-track .visual{border-radius:0!important}.miraval-track .visual span{display:none}.miraval-hint{margin-top:12px}@media(max-width:600px){.miraval-track{gap:12px;padding:0 6%}.miraval-track .miraval-slide{border-radius:8px}}

/* Spacious gallery framing: full artwork, subtle shadow, visible neighbours. */
.miraval-viewport{padding:38px 0 42px;background:transparent}.miraval-track{gap:36px;padding-left:15%;padding-right:15%;align-items:center}.miraval-track .miraval-slide{border-radius:3px;box-shadow:0 14px 36px #00000018;transform-origin:center center}.miraval-track .visual{background:#fff}.miraval-track .visual img{object-fit:contain!important;max-width:100%;width:100%;height:100%!important}.miraval-track figcaption{letter-spacing:.035em;padding-left:20px;padding-right:20px}.miraval-controls{max-width:70%;margin:0 auto 12px}.miraval-hint{margin:12px 0 24px}@media(max-width:700px){.miraval-viewport{padding:24px 0 28px}.miraval-track{gap:18px;padding-left:9%;padding-right:9%}.miraval-controls{max-width:82%}.miraval-track figcaption{padding-left:12px;padding-right:12px}}

/* Fixed minimal navigation alongside the artwork. */
.miraval-gallery-stage{position:relative;padding:0 52px}.miraval-gallery-stage .miraval-controls{position:absolute;inset:0;max-width:none;margin:0;padding:0;pointer-events:none;display:block}.miraval-gallery-stage .miraval-controls button{position:absolute;top:calc(50% - 24px);transform:translateY(-50%);width:34px;height:34px;padding:0;border:1px solid #00000012;border-radius:50%;background:#fff;color:#111;font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1;pointer-events:auto;box-shadow:0 2px 10px #00000008;z-index:5;transition:box-shadow .2s}.miraval-gallery-stage #miraval-prev{left:5px}.miraval-gallery-stage #miraval-next{right:5px}.miraval-gallery-stage .miraval-controls button:not(:disabled):hover{background:#fff;color:#111;transform:translateY(-50%);box-shadow:0 3px 12px #0002}.miraval-gallery-stage .miraval-controls button:disabled{opacity:.35;background:#fff}.miraval-gallery-stage .miraval-controls button:focus-visible{outline:2px solid #d1b462;outline-offset:4px}@media(max-width:700px){.miraval-gallery-stage{padding:0 36px}.miraval-gallery-stage .miraval-controls button{width:28px;height:28px;font-size:17px}.miraval-gallery-stage #miraval-prev{left:2px}.miraval-gallery-stage #miraval-next{right:2px}}

.miraval-intro{height:290vh;height:290svh;background:#030303;color:#fff;position:relative;margin:30px 0 56px;overflow:clip}.miraval-intro-pin{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;background:#030303;isolation:isolate}.miraval-intro-kicker,.miraval-intro-scroll{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;white-space:nowrap;z-index:3}.miraval-intro-kicker{top:12%}.miraval-intro-scroll{bottom:7%;opacity:.5}.miraval-bottle-motion{position:absolute;inset:0;will-change:transform;transform-origin:50% 55%;pointer-events:none}.miraval-bottle-motion img{position:absolute;height:100%;width:auto!important;max-width:none!important;left:50%;top:0;transform:translateX(-72%);object-fit:contain;filter:none;user-select:none}.miraval-intro-title{position:absolute;left:52%;right:5%;top:50%;transform:translateY(calc(-50% + 30px));opacity:0;will-change:transform,opacity}.miraval-intro-title h3{font-size:clamp(24px,4.4vw,72px)!important;line-height:1.04!important;letter-spacing:-.045em;margin:24px 0;color:#fff}.miraval-intro-title h3 span{font-weight:400}.miraval-intro-title p{font-size:9px;letter-spacing:.16em;color:#fff;line-height:1.6}@media(max-width:650px){.miraval-intro{height:240svh}.miraval-intro-title{left:8%;right:8%;top:75%;text-align:center}.miraval-intro-title h3{font-size:clamp(28px,8vw,44px)!important;margin:14px 0}.miraval-intro-kicker{top:14%}.miraval-intro-scroll{bottom:5%}}
@media(prefers-reduced-motion:reduce){.miraval-intro{height:100svh}.miraval-intro-title{opacity:1}.miraval-bottle-motion{transform:scale(.75) translateY(-14%)} }

/* Larger project artwork and a clearly separated bottle heading. */
.miraval-intro-kicker{top:8%;color:#fff!important;opacity:1!important;font-size:clamp(13px,1.5vw,21px);font-weight:500;letter-spacing:.16em;text-align:center;z-index:10;max-width:90%;white-space:normal}.miraval-bottle-motion{inset:14% 0 0}.miraval-gallery-stage{margin-left:-4%;margin-right:-4%;padding-left:42px;padding-right:42px}.miraval-track{padding-left:3%;padding-right:3%;gap:28px}.miraval-viewport{padding-top:24px;padding-bottom:28px}.miraval-track .miraval-slide{flex-basis:100%}.miraval-gallery-stage #miraval-prev{left:0}.miraval-gallery-stage #miraval-next{right:0}@media(max-width:700px){.miraval-intro-kicker{top:11%;font-size:13px}.miraval-bottle-motion{inset:17% 0 0}.miraval-gallery-stage{margin-left:-5%;margin-right:-5%;padding-left:30px;padding-right:30px}.miraval-track{padding-left:1%;padding-right:1%;gap:14px}.miraval-viewport{padding-top:18px;padding-bottom:22px}}