*{box-sizing:border-box}@view-transition{navigation:auto}::view-transition-group(shadygrandma-project),::view-transition-group(danslapiece-project),::view-transition-group(visage-project),::view-transition-group(bluesjeanculture-project),::view-transition-group(lgd-project),::view-transition-group(affiches-project),::view-transition-group(gnrtnsouvenirs-project),::view-transition-group(miniatures-project),::view-transition-group(septembre-project),::view-transition-group(charlan-project),::view-transition-group(cousumain-project),::view-transition-group(covers-project),::view-transition-group(design-project),::view-transition-group(jade-project),::view-transition-group(lddm-project),::view-transition-group(leo-project),::view-transition-group(motion-project),::view-transition-group(pastel-project),::view-transition-group(pulsion-project),::view-transition-group(romy-project),::view-transition-group(tffc-project),::view-transition-group(photos-project){z-index:100;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1);overflow:hidden}::view-transition-image-pair(shadygrandma-project),::view-transition-image-pair(danslapiece-project),::view-transition-image-pair(visage-project),::view-transition-image-pair(bluesjeanculture-project),::view-transition-image-pair(lgd-project),::view-transition-image-pair(affiches-project),::view-transition-image-pair(gnrtnsouvenirs-project),::view-transition-image-pair(miniatures-project),::view-transition-image-pair(septembre-project),::view-transition-image-pair(charlan-project),::view-transition-image-pair(cousumain-project),::view-transition-image-pair(covers-project),::view-transition-image-pair(design-project),::view-transition-image-pair(jade-project),::view-transition-image-pair(lddm-project),::view-transition-image-pair(leo-project),::view-transition-image-pair(motion-project),::view-transition-image-pair(pastel-project),::view-transition-image-pair(pulsion-project),::view-transition-image-pair(romy-project),::view-transition-image-pair(tffc-project),::view-transition-image-pair(photos-project){isolation:auto}::view-transition-old(shadygrandma-project),::view-transition-new(shadygrandma-project),::view-transition-old(danslapiece-project),::view-transition-new(danslapiece-project),::view-transition-old(visage-project),::view-transition-new(visage-project),::view-transition-old(bluesjeanculture-project),::view-transition-new(bluesjeanculture-project),::view-transition-old(lgd-project),::view-transition-new(lgd-project),::view-transition-old(affiches-project),::view-transition-new(affiches-project),::view-transition-old(gnrtnsouvenirs-project),::view-transition-new(gnrtnsouvenirs-project),::view-transition-old(miniatures-project),::view-transition-new(miniatures-project),::view-transition-old(septembre-project),::view-transition-new(septembre-project),::view-transition-old(charlan-project),::view-transition-new(charlan-project),::view-transition-old(cousumain-project),::view-transition-new(cousumain-project),::view-transition-old(covers-project),::view-transition-new(covers-project),::view-transition-old(design-project),::view-transition-new(design-project),::view-transition-old(jade-project),::view-transition-new(jade-project),::view-transition-old(lddm-project),::view-transition-new(lddm-project),::view-transition-old(leo-project),::view-transition-new(leo-project),::view-transition-old(motion-project),::view-transition-new(motion-project),::view-transition-old(pastel-project),::view-transition-new(pastel-project),::view-transition-old(pulsion-project),::view-transition-new(pulsion-project),::view-transition-old(romy-project),::view-transition-new(romy-project),::view-transition-old(tffc-project),::view-transition-new(tffc-project),::view-transition-old(photos-project),::view-transition-new(photos-project){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:ease}.no-transition *,.no-transition :before,.no-transition :after{transition:none!important;animation:none!important}html,body{overscroll-behavior-y:none;min-height:100%}:root{--creative-header-height:clamp(80px, 14.65vw, 150px);--nav-sun:clamp(54px, 7vw, 78px);--nav-gap:clamp(60px, 13vw, 190px);--nav-width:min(760px, 76vw);--nav-font:clamp(12px, 1.2vw, 18px)}body{background:#f4f4f2;margin:0;font-family:Arial,Helvetica,sans-serif}.scroll-stage{height:400svh;position:relative}.gallery-locked .scroll-stage{height:var(--creative-header-height)}.scene{cursor:pointer;width:100%;height:100lvh;padding:0;transition:height 1.65s cubic-bezier(.45,0,.55,1),padding 1.65s cubic-bezier(.45,0,.55,1);position:sticky;top:0;overflow:hidden}.creative-active .scene{z-index:10;height:var(--creative-header-height);padding:0;position:fixed;left:0;right:0}.returning-choice .scene{z-index:10;height:100lvh;padding:0;position:fixed;left:0;right:0}.background{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.logo{aspect-ratio:32373/6449;will-change:opacity, transform;pointer-events:none;width:66vw;margin:0;position:absolute;top:52.5%;left:50%;transform:translate(-50%,-50%)}.logo__text{width:100%;height:auto;display:block;position:absolute;inset:0}.logo__text--left{clip-path:inset(0 50% 0 0);transform:translate(3.8%)}.logo__text--right{clip-path:inset(0 0 0 50%);transform:translate(3.8%)}.creative-active .logo{opacity:0!important}.sun{--sun-size:10.5vw;top:calc(50% - 36% * var(--intro,0) + (var(--creative-header-height) * .5 - 14%) * var(--level3,0));z-index:2;width:calc(var(--sun-size) * (1 - .48 * var(--intro,0)) + (var(--nav-sun) - var(--sun-size) * .52) * var(--level3,0));aspect-ratio:1;transform-origin:50%;cursor:pointer;will-change:top, width;background:0 0;border:0;padding:0;position:absolute;left:50%;transform:translate(-50%,-50%)}.sun:before{content:"";border-radius:50%;position:absolute;inset:clamp(-17px,-1.15vw,-10px)}.creative-active .sun{z-index:4;width:var(--nav-sun);transition:top 1.65s cubic-bezier(.45,0,.55,1),width 1.65s cubic-bezier(.45,0,.55,1),transform 1.65s cubic-bezier(.45,0,.55,1);top:calc(var(--creative-header-height) * .5)!important;transform:translate(-50%,-50%)!important}.returning-choice .sun{transition:top 1.65s cubic-bezier(.45,0,.55,1),width 1.65s cubic-bezier(.45,0,.55,1),transform 1.65s cubic-bezier(.45,0,.55,1)}.sun img{pointer-events:none;transform-origin:50%;width:100%;height:auto;transition:transform .75s cubic-bezier(.22,.75,.25,1);display:block}.sun:hover img,.sun:focus-visible img{transform:rotate(180deg)scale(.96)}.roles{--roles-width:46%;--roles-font:clamp(28px, 3.5vw, 50px);--roles-header-width:calc(var(--nav-width) / 2 + var(--nav-sun) / 2 + var(--nav-gap) + 3.8 * var(--nav-font));top:calc(50% + (var(--creative-header-height) * .5 - 50%) * var(--level3,0));width:calc(var(--roles-width) + (var(--roles-header-width) - var(--roles-width)) * var(--level3,0));color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:calc(var(--roles-font) + (var(--nav-font) - var(--roles-font)) * var(--level3,0));text-transform:uppercase;opacity:0;will-change:opacity, transform;justify-content:space-between;font-weight:700;line-height:1;display:flex;position:absolute;left:50%;transform:translate(-50%,calc(20px - 50%))}.creative-active .roles,.creative-joining .roles,.returning-choice .roles{transition:top 1.65s cubic-bezier(.45,0,.55,1),width 1.65s cubic-bezier(.45,0,.55,1),font-size 1.65s cubic-bezier(.45,0,.55,1)}.roles button{color:inherit;font:inherit;line-height:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:5px 0;transition:transform .35s cubic-bezier(.22,.75,.25,1),opacity .35s;position:relative}.creative-active .roles button,.returning-choice .roles button{transition:transform .35s cubic-bezier(.22,.75,.25,1),opacity .35s,translate 1.65s cubic-bezier(.45,0,.55,1)}.creative-trigger{translate:calc(.62 * var(--nav-font) * var(--level3,0)) 0}.creative-active .creative-trigger{translate:calc(.62 * var(--nav-font)) 0}.roles button:hover,.roles button:focus-visible{transform:scale(1.08)}.roles button:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .45s .35s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.roles .creative-trigger:after{transform-origin:100%}.creative-active .roles{top:calc(var(--creative-header-height) * .5);z-index:3;width:var(--roles-header-width);font-size:var(--nav-font);opacity:1!important;transform:translate(-50%,-50%)!important}.creative-joining .roles{z-index:3;transition-duration:.85s;top:14%;opacity:1!important;transform:translate(-50%,-50%)!important}body:not(.editor-mode).creative-joining .creative-trigger:after,body:not(.editor-mode).creative-active .creative-trigger:after,.editor-mode.creative-joining .editor-trigger:after,.editor-mode.creative-active .editor-trigger:after{transform:scaleX(1)}.contact{z-index:2;color:#fff;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;will-change:opacity, transform;flex-direction:column;align-items:center;gap:clamp(2px,.4vw,6px);width:max-content;max-width:calc(100% - 32px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,2vw,28px);font-weight:700;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(20px - 50%))}.contact a{color:inherit;overflow-wrap:anywhere;padding:5px 0;text-decoration:none;transition:transform .35s cubic-bezier(.22,.75,.25,1)}.contact a:hover,.contact a:focus-visible{transform:scale(1.08)}.creative-active .contact,.returning-choice .contact{visibility:hidden;transition:opacity .6s,visibility 0s linear .6s;opacity:0!important;pointer-events:none!important}.scroll-hint{z-index:2;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:var(--nav-font);text-transform:uppercase;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:6px;font-weight:700;line-height:1;transition:opacity 1.4s,transform 1.65s cubic-bezier(.45,0,.55,1);display:flex;position:absolute;bottom:clamp(22px,5svh,48px);left:50%;transform:translate(-50%,20px)}.scroll-hint svg{animation:1.6s ease-in-out infinite scroll-hint-bounce}.scroll-hint--visible{opacity:1;transform:translate(-50%)}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.creative-gallery{opacity:0;visibility:hidden;background:#f4f4f2;min-height:180svh;padding:16px 24px 80px;transition:opacity 1.4s,transform 1.65s cubic-bezier(.45,0,.55,1);overflow-x:clip;transform:translateY(24px)}body:not(.creative-active):not(.returning-choice) .creative-gallery{height:0;min-height:0;padding-block:0;overflow:hidden}.editor-gallery,.editor-mode .creative-gallery:not(.editor-gallery){display:none}.editor-mode .editor-gallery{display:block}.creative-active .creative-gallery{opacity:1;visibility:visible;transform:translateY(0)}.returning-choice .creative-gallery{opacity:1;visibility:visible;transform:translateY(100lvh)}.returning-choice .project-placeholder{opacity:1;transition:none;transform:translateY(0)scale(1)}.placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;width:100%;display:grid}.placeholder-column{flex-direction:column;gap:16px;display:flex}.project-placeholder{opacity:0;width:100%;transition:opacity 1s ease var(--reveal-delay,0s), transform 1.1s cubic-bezier(.45, 0, .55, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(48px)scale(.985)}.project-card{color:#fff;background:#173f16;text-decoration:none;display:block;position:relative;overflow:hidden}.project-card--shadygrandma{view-transition-name:shadygrandma-project}.project-card--danslapiece{view-transition-name:danslapiece-project}.project-card--visage{view-transition-name:visage-project}.project-card--bluesjeanculture{view-transition-name:bluesjeanculture-project}.project-card--lgd{view-transition-name:lgd-project}.project-card--affiches{view-transition-name:affiches-project}.project-card--gnrtnsouvenirs{view-transition-name:gnrtnsouvenirs-project}.project-card--miniatures{view-transition-name:miniatures-project}.project-card--septembre{view-transition-name:septembre-project}.project-card--photos{view-transition-name:photos-project}.project-card--charlan{view-transition-name:charlan-project}.project-card--cousumain{view-transition-name:cousumain-project}.project-card--covers{view-transition-name:covers-project}.project-card--design{view-transition-name:design-project}.project-card--jade{view-transition-name:jade-project}.project-card--lddm{view-transition-name:lddm-project}.project-card--leo{view-transition-name:leo-project}.project-card--motion{view-transition-name:motion-project}.project-card--pastel{view-transition-name:pastel-project}.project-card--pulsion{view-transition-name:pulsion-project}.project-card--romy{view-transition-name:romy-project}.project-card--tffc{view-transition-name:tffc-project}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .85s cubic-bezier(.22,.75,.25,1)}.project-card__title,.project-card__info{text-transform:uppercase;text-shadow:0 1px 12px #00000080;font-family:Arial,Helvetica,sans-serif;transition:opacity .35s,transform .45s cubic-bezier(.22,.75,.25,1);position:absolute;bottom:14px;left:16px;right:16px}.project-card__title{letter-spacing:.08em;opacity:0;font-size:clamp(12px,1.3vw,18px);font-weight:500;transform:translateY(8px)}.project-card__info{z-index:1;opacity:0;pointer-events:none;gap:4px;display:grid;transform:translateY(8px)}.project-card__info strong{font-size:clamp(11px,1.05vw,16px);line-height:1.1}.project-card__info em{font-size:clamp(10px,.9vw,14px);font-style:normal;font-weight:700;line-height:1.15}.project-card:has(.project-card__info):after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 38%,#0000009e);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.creative-active.gallery-ready .project-card{transition:transform .85s cubic-bezier(.22,.75,.25,1)}.creative-active.gallery-ready .project-card:hover{z-index:1;transform:scale(1.025)}.project-card:hover img{transform:scale(1.035)}.project-card:hover:after,.project-card:focus-visible:after,.project-card:hover .project-card__info,.project-card:focus-visible .project-card__info,.project-card:not(:has(.project-card__info)):hover .project-card__title,.project-card:not(:has(.project-card__info)):focus-visible .project-card__title{opacity:1;transform:none}}@media (hover:none){.project-card:after{content:"";opacity:1;pointer-events:none;background:linear-gradient(#0000 62%,#00000073);position:absolute;inset:0}.project-card__title{z-index:1;color:#fff;opacity:1;font-size:10px;font-weight:700;line-height:1.2;bottom:9px;left:10px;right:10px;transform:none}}.creative-active.gallery-ready .project-placeholder{opacity:1;transform:translateY(0)scale(1)}@media (width<=700px){:root{--nav-sun:44px;--nav-gap:24px;--nav-width:82vw;--nav-font:10px}}@media (width<=600px){:root{--creative-header-height:80px}.background{object-position:center}.logo{width:88vw;top:50%}.sun{--sun-size:12vw}.roles{--roles-width:72%;--roles-font:clamp(18px, 5vw, 24px)}.contact{font-size:clamp(13px,3.6vw,17px)}.creative-active .scene{height:80px}.creative-gallery{padding:6px 6px 50px}.placeholder-grid,.placeholder-column{gap:6px}.placeholder-grid{column-count:2;column-gap:6px;display:block}.placeholder-column{display:contents}.placeholder-grid .project-placeholder{break-inside:avoid;margin-bottom:6px}.placeholder-grid{padding-top:6px}}@media (prefers-reduced-motion:reduce){.scene,.roles,.roles button,.creative-gallery,.project-placeholder,.project-card img,.project-card:after,.project-card__title,.project-card__info,.scroll-hint,.sun img{transition-duration:1ms}.scroll-hint svg{animation:none}}
