.web-portfolio{background:var(--ink);color:var(--ink);max-width:none;margin:0;padding:0;overflow:clip}.portfolio-cover{color:#fff;min-height:min(900px,100svh);position:relative;overflow:hidden}.portfolio-cover-image,.logo-finale-image{object-fit:cover;object-position:center 22%;width:100%;height:100%;position:absolute;inset:0}.portfolio-cover-shade{background:linear-gradient(#0505054d,#0505051f 40%,#050505b8);position:absolute;inset:0}.work-nav{z-index:3;border-bottom:1px solid #ffffff6b;justify-content:space-between;align-items:center;min-height:76px;padding:0 clamp(20px,4vw,64px);display:flex;position:absolute;inset:0 0 auto}.work-nav a{color:#fff;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800;text-decoration:none}.work-nav>div{gap:clamp(16px,3vw,38px);display:flex}.work-wordmark{font-size:.74rem!important}.portfolio-cover-copy{text-align:center;z-index:2;width:min(92%,1100px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-cover-copy p,.portfolio-cover-copy span{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(.66rem,1vw,.82rem);font-weight:800}.portfolio-cover-copy h1{letter-spacing:-.075em;max-width:none;margin:clamp(20px,3vw,34px) 0 clamp(26px,3vw,40px);font-size:clamp(4.6rem,13vw,12rem);font-weight:500;line-height:.78}.portfolio-cover-contact{z-index:2;justify-content:center;align-items:center;gap:clamp(16px,3vw,42px);padding:28px clamp(20px,4vw,64px);display:flex;position:absolute;bottom:0;left:0;right:0}.portfolio-cover-contact a{color:#ffffffdb;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700;text-decoration:none}.work-panel{min-height:100svh;padding:clamp(60px,8vw,118px) clamp(20px,5vw,78px)}.work-panel-light{background:var(--paper)}.work-panel-dark{background:var(--ink);color:var(--white)}.work-panel-sky{background:var(--sky)}.work-panel-warm{background:var(--mocha);color:var(--white)}.work-panel-stone{background:var(--soft)}.work-section-header{border-bottom:1px solid;grid-template-columns:32px 1fr;align-items:start;gap:clamp(24px,5vw,72px);margin-bottom:clamp(34px,5vw,70px);padding-bottom:clamp(22px,3vw,36px);display:grid}.work-section-header>span,.work-section-header p{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:800}.work-section-header p{opacity:.76;margin-bottom:16px}.work-section-header h2{letter-spacing:-.06em;text-transform:uppercase;max-width:13ch;margin:0;font-size:clamp(2.4rem,6vw,6.5rem);font-weight:500;line-height:.9}.video-wall{gap:clamp(6px,.8vw,12px);max-width:1280px;margin:0 auto;display:grid}.video-wall-four{grid-template-columns:repeat(4,minmax(0,1fr))}.video-wall-three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px}.video-wall-five{grid-template-columns:repeat(5,minmax(0,1fr))}.portfolio-video{aspect-ratio:9/16;background:var(--ink);min-width:0;transition:box-shadow var(--motion-base) ease, transform var(--motion-slow) var(--motion-ease);position:relative;overflow:hidden;transform:translateY(0)scale(1)}.portfolio-video:hover,.portfolio-video:focus-within{transform:translateY(-6px)scale(1.01);box-shadow:0 18px 42px #110d0a38}.portfolio-video video{background:var(--ink);object-fit:cover;width:100%;height:100%;display:block}.portfolio-video[data-playing=false] video{cursor:pointer}.portfolio-video-play{color:#fff8f1;cursor:pointer;text-shadow:0 2px 10px #110f0dd1;transform-origin:0 100%;min-width:118px;min-height:44px;transition:color var(--motion-base) ease, transform var(--motion-base) var(--motion-ease);background:0 0;border:0;align-content:end;justify-items:start;gap:8px;padding:6px 0;display:grid;position:absolute;bottom:18px;left:18px;transform:scale(1)}.portfolio-video-play-line{height:1px;transition:width var(--motion-fast) ease;background:currentColor;width:76px}:is(.portfolio-video-play:hover .portfolio-video-play-line,.portfolio-video-play:focus-visible .portfolio-video-play-line){width:116px}:is(.portfolio-video-play:hover .portfolio-video-play-icon,.portfolio-video-play:focus-visible .portfolio-video-play-icon){transform:translate(3px)}.portfolio-video-play:active{transform:scale(.97)}.portfolio-video-play-action{align-items:center;gap:8px;display:flex}.portfolio-video-play-icon{transition:transform var(--motion-base) ease;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;display:block}.portfolio-video-play-label{letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:800;line-height:1}.work-caption{border-top:1px solid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:clamp(28px,6vw,96px);max-width:1280px;margin:clamp(38px,6vw,78px) auto 0;padding-top:24px;display:grid}.work-caption>p{max-width:58ch;margin:0;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.45}.work-caption ul{margin:0;padding:0;list-style:none}.work-caption li{letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid;padding:0 0 12px;font-size:.65rem;font-weight:800}.work-caption li+li{padding-top:12px}.work-caption-dark{border-color:#ffffff80}.loreal-stage{grid-template-columns:minmax(250px,380px) minmax(220px,360px);justify-content:center;align-items:center;gap:clamp(38px,8vw,120px);display:grid}.loreal-proof{display:grid}.loreal-proof span{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff80;gap:7px;padding:24px 0;font-size:.68rem;font-weight:800;display:grid}.loreal-proof strong{letter-spacing:-.06em;font-size:clamp(2.5rem,5vw,5.7rem);font-weight:500;line-height:.9}.post-links{flex-wrap:wrap;align-items:start;gap:24px;display:flex}.post-links a{color:inherit;letter-spacing:.08em;text-underline-offset:6px;text-transform:uppercase;font-size:.68rem;font-weight:800}.cocosolis-collage{aspect-ratio:1.9;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:clamp(7px,1vw,14px);max-width:1120px;margin:0 auto;display:grid}.cocosolis-collage>.portfolio-photo{cursor:zoom-in;height:100%;min-height:0;transition:box-shadow var(--motion-base) ease, transform var(--motion-slow) var(--motion-ease);background:#110f0d14;border:0;width:100%;padding:0;display:block;overflow:hidden;transform:translateY(0)scale(1)}.portfolio-photo img{object-fit:contain;width:100%;height:100%;display:block}:is(.cocosolis-collage>.portfolio-photo:hover,.cocosolis-collage>.portfolio-photo:focus-visible){transform:translateY(-6px)scale(1.01);box-shadow:0 18px 42px #110d0a38}.cocosolis-collage>.portfolio-photo:active{transform:scale(.985)}.cocosolis-collage>.portfolio-photo:focus-visible{outline-offset:4px;outline:2px solid}.portfolio-lightbox{color:#fff8f1;background:#080706eb;border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:52px 3vw 24px;inset:0}.portfolio-lightbox[open]{place-items:center;display:grid}.portfolio-lightbox::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080706eb}.portfolio-lightbox img{object-fit:contain;width:auto;max-width:min(94vw,1200px);height:auto;max-height:calc(100svh - 76px);display:block}.portfolio-lightbox-close{color:inherit;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:12px;right:20px}.portfolio-lightbox-close span{font-size:1.25rem;font-weight:400;line-height:.7}.portfolio-lightbox-close:focus-visible{outline-offset:4px;outline:2px solid}.cocosolis-video,.cocosolis-video .portfolio-video{height:100%;min-height:0}.cocosolis-video .portfolio-video{aspect-ratio:auto}.cocosolis-video video{object-fit:cover}.cocosolis-video-one{grid-area:1/1/3}.cocosolis-photo-one{grid-area:1/2}.cocosolis-photo-two{grid-area:1/3}.cocosolis-photo-three{grid-area:2/2}.cocosolis-photo-four{grid-area:2/3}.cocosolis-video-two{grid-area:1/4/3}.logo-finale{color:#fff;min-height:100svh;position:relative;overflow:hidden}.logo-finale-image{object-position:center 25%}.logo-finale-shade{background:#070605cc;position:absolute;inset:0}.logo-finale-content{z-index:2;max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,118px) clamp(20px,5vw,78px);position:relative}.logo-finale-content header{text-align:center}.logo-finale-content header p{letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-size:.68rem;font-weight:800}.logo-finale-content h2{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2.7rem,6vw,6.5rem);font-weight:500;line-height:.9}.logo-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(48px,7vw,90px);display:grid}.logo-cell{border:1px solid #ffffff2e;justify-content:center;align-items:center;min-height:clamp(92px,11vw,145px);padding:clamp(14px,2.2vw,30px);display:flex}.logo-cell img{object-fit:contain;width:100%;max-width:100%;height:62px;display:block}.logo-finale-contact{border-top:1px solid #ffffff73;justify-content:space-between;align-items:center;margin-top:clamp(48px,7vw,88px);padding-top:24px;display:flex}.logo-finale-contact p{margin:0;font-size:clamp(1rem,1.6vw,1.25rem)}.logo-finale-contact a{color:#fff;letter-spacing:.09em;text-underline-offset:7px;text-transform:uppercase;font-size:.72rem;font-weight:800}.logo-finale-contact .portfolio-final-cta{color:var(--ink);text-underline-offset:initial;min-width:230px}@media (max-width:760px){.portfolio-cover{min-height:760px}.portfolio-cover-image{object-position:49% 20%}.work-nav{min-height:64px}.work-nav>div a:first-child{display:none}.portfolio-cover-contact{flex-direction:column;align-items:flex-start;gap:8px}.work-panel{min-height:0;padding:58px 18px 72px}.work-section-header{grid-template-columns:24px 1fr}.work-section-header h2{font-size:clamp(2.35rem,12vw,4.2rem)}.video-wall{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(70vw,300px);grid-auto-flow:column;max-width:none;margin-left:-18px;margin-right:-18px;padding:0 18px 16px;scroll-padding-left:18px;overflow-x:auto}.video-wall .portfolio-video{scroll-snap-align:start}.portfolio-video:hover,.portfolio-video:focus-within{transform:none}.work-caption{grid-template-columns:1fr;gap:34px}.loreal-stage{grid-template-columns:1fr}.loreal-stage .portfolio-video{justify-self:center;width:min(78vw,340px)}.loreal-proof{grid-template-columns:repeat(3,1fr)}.loreal-proof span{align-content:start;padding:18px 10px 18px 0}.loreal-proof strong{font-size:clamp(1.8rem,9vw,3rem)}.cocosolis-collage{aspect-ratio:auto;scroll-snap-type:x mandatory;grid-template-rows:1fr;grid-template-columns:none;grid-auto-columns:min(70vw,300px);grid-auto-flow:column;max-width:none;margin-left:-18px;margin-right:-18px;padding:0 18px 16px;overflow-x:auto}.cocosolis-collage>*{scroll-snap-align:start;grid-area:auto}.cocosolis-collage>.portfolio-photo{aspect-ratio:3/4;height:auto}:is(.cocosolis-collage>.portfolio-photo:hover,.cocosolis-collage>.portfolio-photo:focus-visible){transform:none}.cocosolis-video,.cocosolis-video .portfolio-video{aspect-ratio:9/16;height:auto}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-cell{min-height:100px;padding:18px}.logo-cell img{height:50px}.logo-finale-contact{flex-direction:column;align-items:flex-start;gap:24px}}@media (max-width:420px){.work-wordmark{max-width:9ch}.portfolio-cover-copy h1{font-size:18vw}.loreal-proof{grid-template-columns:1fr}.logo-cell{min-height:88px;padding:13px}.logo-cell img{height:42px}}