:root{--black:#0b0b0c;--paper:#f3f0eb;--pink:#ff3d91;--line:rgba(255,255,255,.22);--gutter:clamp(20px,4.5vw,76px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 18px;background:var(--paper);color:var(--black)}.skip:focus{top:20px}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.mast{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) var(--gutter) 18px;background:linear-gradient(#0b0b0cb8,transparent);pointer-events:none}.logo,.menu-button{pointer-events:auto}.logo{font-weight:900;letter-spacing:-.06em;font-size:clamp(25px,3vw,40px)}.logo i{color:var(--pink);font-family:Georgia,serif;font-weight:400}.menu-button{border:1px solid var(--line);background:#0b0b0c80;border-radius:999px;min-height:44px;padding:0 20px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;backdrop-filter:blur(12px)}
.hero{height:185svh;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero-title{position:absolute;z-index:-1;width:100%;display:flex;flex-direction:column;padding:0 var(--gutter);font-size:clamp(77px,16vw,250px);font-weight:900;letter-spacing:-.09em;line-height:.72;text-transform:uppercase;pointer-events:none}.hero-title span:last-child{align-self:flex-end;color:transparent;-webkit-text-stroke:1px #fff}.film{position:absolute;z-index:-2;width:min(62vw,650px);height:78svh;transform:rotate(-4deg) scale(var(--film-scale,.88));border-radius:clamp(8px,2vw,30px);overflow:hidden;box-shadow:0 40px 100px #000b;transition:border-radius .15s}.film video,.film img{width:100%;height:100%;object-fit:cover;object-position:center}.film img{position:absolute;inset:0}.film.ready img{opacity:0}.hero-meta{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.hero-meta p{margin:0;line-height:1.6}.hero-meta p:last-child{text-align:right}.scroll-mark{width:66px;height:66px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--pink);font-weight:800}.intro{padding:clamp(90px,13vw,190px) var(--gutter);display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;background:var(--paper);color:var(--black)}.intro h2{font:400 clamp(58px,10vw,155px)/.82 Georgia,serif;letter-spacing:-.07em;margin:0}.intro h2 em{color:var(--pink)}.intro-copy{max-width:520px}.intro-copy .lead{font-size:clamp(22px,2.4vw,36px);line-height:1.2;letter-spacing:-.03em}.intro-copy p{line-height:1.7}.profile{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #0003;margin-top:35px;padding-top:20px;gap:15px}.profile b,.profile span{display:block}.profile b{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.profile span{font:25px Georgia,serif;margin-top:8px}
.work{padding:clamp(90px,11vw,160px) var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:50px;gap:30px}.section-head h2{font-size:clamp(52px,9vw,130px);letter-spacing:-.08em;line-height:.8;margin:0;text-transform:uppercase}.section-head p{max-width:320px;color:#aaa;line-height:1.6}.campaign{min-height:90svh;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center;padding:60px 0}.campaign.reverse{grid-template-columns:.8fr 1.2fr}.campaign.reverse .visual{order:2}.visual{position:relative}.visual img{display:block;width:100%;height:min(74svh,900px);object-fit:cover}.visual.double img:first-child{width:76%;margin-left:auto}.visual.double img:last-child{position:absolute;width:42%;height:48%;left:0;bottom:-10%;border:10px solid var(--black)}.campaign-copy{max-width:450px}.campaign-copy h3{font:400 clamp(55px,7vw,105px)/.88 Georgia,serif;letter-spacing:-.06em;margin:14px 0 28px}.campaign-copy h3 em{color:var(--pink)}.campaign-copy p{font-size:17px;line-height:1.7;color:#c8c5c3}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.motion{background:var(--pink);color:var(--black);padding:clamp(90px,10vw,150px) 0;overflow:hidden}.motion .section-head{margin-inline:var(--gutter);border-color:#0004}.motion .section-head p{color:#32101f}.reels{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 30px;scrollbar-color:#111 transparent}.reel{flex:0 0 min(36vw,470px);height:min(74svh,760px);scroll-snap-align:center;position:relative;background:#111;overflow:hidden}.reel video{width:100%;height:100%;object-fit:cover}.reel p{position:absolute;inset:auto 18px 18px;margin:0;background:#0b0b0ccc;color:#fff;padding:12px 16px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sound-toggle{margin:25px var(--gutter) 0;border:1px solid #0005;background:transparent;border-radius:999px;padding:14px 20px;min-height:44px;font-weight:700}
.gallery{background:var(--paper);color:var(--black);padding:clamp(90px,11vw,160px) var(--gutter)}.gallery .section-head{border-color:#0003}.gallery .section-head p{color:#555}.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(10px,2vw,28px)}.shot{border:0;background:none;padding:0;cursor:zoom-in;overflow:hidden}.shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.shot:hover img{transform:scale(1.035)}.shot:nth-child(1){grid-column:span 7;aspect-ratio:1.15}.shot:nth-child(2){grid-column:span 5;aspect-ratio:.82}.shot:nth-child(3){grid-column:span 4;aspect-ratio:.73}.shot:nth-child(4){grid-column:span 4;aspect-ratio:.73}.shot:nth-child(5){grid-column:span 4;aspect-ratio:.73}.shot:nth-child(6){grid-column:span 5;aspect-ratio:.83}.shot:nth-child(7){grid-column:span 7;aspect-ratio:1.15}.shot:nth-child(8){grid-column:span 6;aspect-ratio:1}.shot:nth-child(9){grid-column:span 6;aspect-ratio:1}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:clamp(100px,12vw,180px) var(--gutter);align-items:center}.about img{width:100%;max-height:780px;object-fit:cover}.about h2{font:400 clamp(56px,8vw,120px)/.85 Georgia,serif;letter-spacing:-.07em;margin:15px 0 30px}.about p{line-height:1.75;color:#c8c5c3;max-width:570px}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}.facts div{border-top:1px solid var(--line);padding-top:14px}.facts b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#888}.facts span{display:block;font:24px Georgia,serif;margin-top:8px}
.contact{min-height:100svh;display:grid;place-items:center;text-align:center;padding:100px var(--gutter);position:relative;isolation:isolate;overflow:hidden}.contact img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(.34)}.contact:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0c,transparent,#0b0b0c99);z-index:-1}.contact h2{font-size:clamp(70px,14vw,220px);line-height:.73;letter-spacing:-.09em;text-transform:uppercase;margin:20px 0 45px}.contact h2 i{display:block;color:var(--pink);font-family:Georgia,serif;text-transform:none;font-weight:400}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;background:var(--pink);color:#111;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em;border:0}.contact small{display:block;margin-top:25px;color:#ccc}.footer{display:flex;justify-content:space-between;padding:25px var(--gutter);border-top:1px solid var(--line);font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.1em}
.menu{position:fixed;inset:0;z-index:50;background:var(--pink);color:#111;display:grid;grid-template-rows:auto 1fr auto;padding:max(22px,env(safe-area-inset-top)) var(--gutter) max(24px,env(safe-area-inset-bottom));transform:translateY(-102%);transition:transform .65s var(--ease)}.menu.open{transform:none}.menu-top{display:flex;justify-content:space-between;align-items:center}.close{width:48px;height:48px;border-radius:50%;border:1px solid #0005;background:transparent}.menu nav{display:flex;flex-direction:column;justify-content:center}.menu nav a{font-size:clamp(48px,9vw,130px);font-weight:900;letter-spacing:-.07em;line-height:.9;transform:translateX(-40px);opacity:0;transition:.55s var(--ease)}.menu.open nav a{transform:none;opacity:1}.menu.open nav a:nth-child(2){transition-delay:.06s}.menu.open nav a:nth-child(3){transition-delay:.12s}.menu.open nav a:nth-child(4){transition-delay:.18s}.menu-foot{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.lightbox{position:fixed;inset:0;z-index:60;background:#050505ed;border:0;width:100%;height:100%;max-width:none;padding:70px;display:none}.lightbox[open]{display:grid;place-items:center}.lightbox img{max-width:100%;max-height:calc(100svh - 120px);object-fit:contain}.lightbox button{position:absolute;right:20px;top:20px;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#111}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.hero-title{font-size:clamp(70px,23vw,150px)}.film{width:78vw;height:72svh}.hero-meta{grid-template-columns:1fr auto}.hero-meta p:last-child{display:none}.intro,.campaign,.campaign.reverse,.about{grid-template-columns:1fr}.intro{gap:55px}.profile{grid-template-columns:1fr 1fr}.campaign{min-height:auto;padding:70px 0;gap:48px}.campaign.reverse .visual{order:0}.visual img{height:68svh}.reel{flex-basis:76vw}.mosaic{grid-template-columns:repeat(2,1fr)}.shot:nth-child(n){grid-column:span 1;aspect-ratio:.78}.shot:nth-child(1),.shot:nth-child(7){grid-column:1/-1;aspect-ratio:1.12}.about{gap:50px}.footer{flex-direction:column;gap:10px}.lightbox{padding:50px 12px}.section-head{display:block}.section-head p{margin-top:20px}.menu nav a{font-size:clamp(48px,16vw,90px)}}
@media(max-height:570px) and (orientation:landscape){.film{height:78svh;width:40vw}.hero-title{font-size:22vh}.mast{padding-top:12px}.hero-meta{bottom:12px}.menu nav a{font-size:16vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{height:100svh}.film{transform:none!important;width:100%;height:100%;border-radius:0}.film video{display:none}.hero-title{z-index:1}.reveal{opacity:1;transform:none;transition:none}.menu,.menu nav a{transition:none}.shot img{transition:none}}

/* Funky CSS3 campaign layer */
.hero{height:135svh}.film{inset:0;width:100%;height:100%;border-radius:0;transform:scale(var(--film-scale,1));box-shadow:none}.film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0c88,transparent 45%,#0b0b0c35),linear-gradient(0deg,#0b0b0cbd,transparent 42%,#0b0b0c55)}.hero-title{z-index:1;mix-blend-mode:difference;line-height:.66}.hero-title span:first-child{align-self:flex-start}.hero-title span:last-child{-webkit-text-stroke:2px #fff}.hero-meta{z-index:2}.mast{mix-blend-mode:normal}
.ticker{overflow:hidden;background:var(--pink);color:#101010;border-block:2px solid #101010;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:8}.ticker-track{display:flex;width:max-content;gap:40px;padding:17px 0;font-size:clamp(18px,2.3vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;animation:ticker 24s linear infinite}.ticker-track span:after{content:"✦";margin-left:40px}@keyframes ticker{to{transform:translateX(-50%)}}
.work{position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0c calc(25% - 1px),#ffffff0c 25%)}.campaign{position:relative}.campaign:before{content:attr(data-label);position:absolute;top:8%;font-size:clamp(80px,13vw,210px);font-weight:900;line-height:.7;letter-spacing:-.09em;color:#ffffff08;z-index:0;pointer-events:none;white-space:nowrap}.campaign.reverse:before{right:0}.campaign .visual,.campaign .campaign-copy{z-index:1}.campaign .visual{transform:rotate(-1.25deg)}.campaign.reverse .visual{transform:rotate(1.25deg)}.visual img{clip-path:polygon(4% 0,100% 0,96% 100%,0 96%)}.visual.double img:last-child{clip-path:polygon(0 4%,96% 0,100% 96%,4% 100%);border:0;box-shadow:0 25px 80px #000b}.campaign-copy h3{position:relative}.campaign-copy h3:after{content:"";display:block;width:75px;height:8px;background:var(--pink);margin-top:25px;transform:skewX(-30deg)}
.motion{position:relative;clip-path:polygon(0 4vw,100% 0,100% calc(100% - 4vw),0 100%);padding-block:clamp(130px,14vw,210px)}.reel{clip-path:polygon(5% 0,100% 3%,95% 100%,0 97%);transition:transform .45s var(--ease)}.reel:nth-child(even){transform:translateY(30px) rotate(1deg)}.reel:hover{transform:translateY(-8px) rotate(-1deg)}.gallery{position:relative}.gallery:before{content:"LOOK / LOOK / LOOK";position:absolute;top:3vw;right:-2vw;font-size:clamp(40px,8vw,120px);font-weight:900;color:#00000008;transform:rotate(90deg);transform-origin:top right;pointer-events:none}.shot{clip-path:polygon(2% 0,100% 2%,98% 100%,0 98%)}.shot:nth-child(3n){clip-path:polygon(0 3%,97% 0,100% 97%,3% 100%)}
@media(max-width:800px){
 .hero{height:115svh}.film{width:100%!important;height:100svh!important;transform:none!important}.film video,.film img{object-position:center top}.hero-title{top:42%;font-size:clamp(78px,25vw,150px);padding-inline:18px}.hero-title span:last-child{align-self:flex-start;margin-left:12vw}.hero-meta{bottom:max(18px,env(safe-area-inset-bottom));left:20px;right:20px}.scroll-mark{width:50px;height:50px}
 .ticker-track{padding:13px 0}.work{padding-inline:0;background:none}.work>.section-head{padding-inline:20px}.campaign,.campaign.reverse{min-height:100svh;display:flex;align-items:flex-end;padding:0;margin:0;isolation:isolate;overflow:hidden}.campaign:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09090af5 0%,#09090ab5 34%,transparent 70%);z-index:1}.campaign:before{z-index:2;top:18px;left:18px;right:auto;color:#fff;font-size:26px;letter-spacing:.1em;line-height:1}.campaign .visual,.campaign.reverse .visual{position:absolute;inset:0;transform:none;z-index:-1}.campaign .visual img:first-child{width:100%;height:100%;object-fit:cover;clip-path:none;margin:0}.campaign .visual img:last-child{display:none}.campaign .campaign-copy{position:relative;z-index:3;padding:30px 22px max(45px,env(safe-area-inset-bottom));max-width:620px}.campaign-copy h3{font-size:clamp(54px,16vw,82px);margin:10px 0 18px}.campaign-copy h3:after{width:55px;height:5px;margin-top:16px}.campaign-copy p{font-size:15px;line-height:1.55;color:#ece8e5}.tags{margin-top:18px}.tags span{padding:8px 10px;font-size:9px;background:#0b0b0c70}.campaign:nth-of-type(3) .visual img:first-child{object-position:center 18%}.campaign:nth-of-type(4) .visual img:first-child{object-position:center top}.campaign:nth-of-type(5) .visual img:first-child{object-position:center top}
 .motion{clip-path:polygon(0 25px,100% 0,100% calc(100% - 25px),0 100%);padding-block:100px}.reel:nth-child(even){transform:translateY(16px)}.gallery:before{display:none}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.reel,.reel:nth-child(even){transform:none}}
