:root{--ink:#252047;--muted:#686580;--blue:#4348d8;--pink:#f1b8dc;--paper:#eaf0fc;--line:#bfc6df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:20px/1.55 Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:bold;line-height:1.15}.monogram{font:700 44px/1 Georgia;letter-spacing:-9px;margin-right:10px;color:var(--blue)}.monogram span{display:inline-block;animation:nudge 2s infinite}nav{display:flex;gap:35px;font-size:16px}.phone{font-size:18px;font-weight:bold;white-space:nowrap}.progress{position:fixed;left:0;top:0;height:4px;width:0;z-index:100;background:var(--blue)}section{max-width:1600px;margin:auto;padding:100px 6%}.hero{padding-top:65px;position:relative}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;margin-bottom:35px}h1{font-size:clamp(66px,8.6vw,140px);line-height:.99;font-weight:500;letter-spacing:-8px;margin:0;position:relative;z-index:2;max-width:1100px}em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}h1 em{font-size:1.08em}h2{font-size:clamp(45px,5.4vw,83px);line-height:1.05;font-weight:500;letter-spacing:-4px}h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.6px}.orb{position:absolute;right:6%;top:180px;width:225px;height:225px;border-radius:35% 65% 60% 40%;background:linear-gradient(135deg,#ffc4e2,#aca5f6 55%,#5255c9);box-shadow:inset -15px -20px 30px #51429b55,inset 15px 15px 30px #fff8;animation:morph 9s ease-in-out infinite;display:grid;place-items:center}.orb span{font-size:120px;line-height:1;color:#fff9;animation:spin 18s linear infinite}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:45px;max-width:1100px}.hero-bottom p{font-size:22px;margin:0}.roundlink{display:flex;align-items:center;gap:20px;font-size:15px}.roundlink b{width:80px;height:80px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:400}.arrow{display:inline-block;animation:nudge 2.5s ease-in-out infinite}.hero-collage{height:590px;position:relative;margin-top:65px}.floatshot{position:absolute;margin:0;transition:filter .4s;will-change:transform}.floatshot img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}.shot-one{width:53%;height:390px;left:-3%;top:40px;rotate:-6deg;z-index:2}.shot-two{width:24%;height:420px;left:47%;top:5px;rotate:7deg;z-index:3}.shot-three{width:25%;height:430px;right:-2%;top:110px;rotate:12deg;z-index:1}.floatshot figcaption{font-size:10px;background:#fff;padding:10px 15px;letter-spacing:1px}.sticky-note{position:absolute;left:36%;top:370px;z-index:4;rotate:-8deg;background:var(--pink);padding:25px 35px;font-size:25px;line-height:1.3;box-shadow:0 15px 30px #25204718}.ticker{overflow:hidden;background:var(--blue);color:#fff;padding:24px 0;rotate:-2deg;margin-block:10px 50px;position:relative;z-index:5;font-size:22px;letter-spacing:2px}.ticker div{white-space:nowrap;width:max-content;animation:marquee 34s linear infinite}.sectiontop{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}.sectiontop p{color:var(--muted);max-width:480px}.note{font-size:15px;color:var(--muted);max-width:850px;margin-bottom:60px}.artboard{display:grid;grid-template-columns:1.1fr .9fr;gap:90px 7%;align-items:start}.project{background:none;padding:0;border:0;text-align:left;cursor:pointer;color:var(--ink);min-width:0}.visual{position:relative;overflow:hidden;border-radius:30px 7px 30px 7px;transition:border-radius .8s;isolation:isolate;background:#d5daf2}.visual>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s}.project:hover .visual{border-radius:8px 85px 8px 85px}.project:hover img{transform:scale(1.04)}.project.perfume .visual{aspect-ratio:1.25}.project.music{margin-top:150px}.music .visual{aspect-ratio:.79}.travel{grid-column:1/-1;margin-top:-45px}.travel .visual{aspect-ratio:1.9}.editorial .visual{aspect-ratio:.83}.identity{margin-top:140px}.identity .visual{aspect-ratio:1.05}.digital{grid-column:1/-1;width:80%;margin:auto}.digital .visual{aspect-ratio:1.41}.label{position:absolute;left:22px;top:22px;font-size:10px;letter-spacing:1.5px;background:#ffffffe0;padding:8px 15px;border-radius:30px}.open{position:absolute;bottom:20px;right:20px;background:#fff;color:var(--blue);width:52px;height:52px;border-radius:50%;font-size:33px;display:grid;place-items:center}.projectline{display:flex;justify-content:space-between;gap:15px;margin-top:22px;align-items:start}.projectline h3{margin:0;font-size:25px}.projectline>span{font-size:10px;white-space:nowrap;letter-spacing:1px;margin-top:7px}.project>p{font-size:18px;color:var(--muted);margin:12px 0 0;max-width:560px}.browserbar{position:absolute;left:0;right:0;top:0;background:#f7f4ecef;padding:18px 30px;z-index:2;font-size:19px;font-weight:bold}.browserbar span{float:right;font-size:11px;margin-top:5px}.travelcopy{position:absolute;inset:25% auto auto 5%;text-align:left;color:white;text-shadow:0 2px 20px #0007}.travelcopy small{font-size:11px;letter-spacing:2px}.travelcopy strong{font-family:Georgia,serif;display:block;font-size:clamp(35px,5vw,80px);line-height:1.05;font-weight:400;margin:15px 0 25px}.travelcopy>span{font-size:14px;background:white;color:#344344;padding:12px 20px;border-radius:25px;text-shadow:none}.panel{max-width:none;background:#ddd6f1;border-radius:100px 100px 0 0;position:relative}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.servicegrid article{padding:30px 25px;border-top:1px solid #afa2cc}.servicegrid article:nth-child(2){background:#eae6f8;rotate:-3deg}.servicegrid article>span{display:block;font-size:35px;color:var(--blue);margin-bottom:25px}.servicegrid p{font-size:19px;color:var(--muted)}.servicegrid a,.textlink{font-size:17px;border-bottom:1px solid;padding-bottom:5px}.quote.panel{background:#292040;color:#faf2ff;border-radius:0 0 100px 100px;text-align:center;overflow:hidden}.quote>span{display:block;font-size:90px;color:var(--pink);animation:spin 20s linear infinite;width:100px;margin:auto}.quote blockquote{font-size:clamp(34px,4.4vw,68px);line-height:1.2;letter-spacing:-2px;margin:35px 0}.quote em{color:var(--pink)}.quote p{font-size:11px;letter-spacing:2px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;padding-top:140px}.signature{font-family:Georgia,serif;font-style:italic;font-size:25px}.aboutcopy .lead{font-size:29px;color:var(--ink)}.aboutcopy p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article:nth-child(even){translate:0 35px}.steps b{font-size:65px;color:#9693c6;font-weight:400}.steps h3{margin-top:20px}.steps p{font-size:18px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:25px 0}.faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:24px}.faq summary:after{content:'↘';color:var(--blue)}.faq details[open] summary:after{content:'↗'}.faq details p{max-width:850px;color:var(--muted);margin:22px 0 0}.contact{max-width:none;background:#c9d7f8;border-radius:140px 20px 0 0;text-align:center;position:relative;overflow:hidden}.contact h2{font-size:clamp(48px,6.6vw,100px)}.contactlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.contactlinks a{background:#eef2ff;display:flex;gap:15px;align-items:center;text-align:left;padding:25px;border-radius:18px;transition:transform .4s,background .4s,border-radius .4s}.contactlinks a:nth-child(2){rotate:-3deg}.contactlinks a:hover{transform:translateY(-12px) rotate(2deg);background:var(--pink);border-radius:40px 8px 40px 8px}.contactlinks a>span{font-size:27px;color:var(--blue)}.contactlinks small{display:block;font-size:14px;color:var(--muted)}.contactlinks b{margin-left:auto;font-size:30px;animation:nudge 2s infinite}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 5%;background:#c9d7f8;border-top:1px solid #abbce2}footer p{font-size:13px;color:var(--muted);margin:0}.totop{font-size:35px}dialog{width:min(1200px,95vw);max-height:94vh;border:0;background:#eef2ff;padding:25px;border-radius:20px}dialog::backdrop{background:#201837cc;backdrop-filter:blur(12px)}dialog img{display:block;max-height:80vh;max-width:100%;margin:auto;object-fit:contain}dialog p{font-size:18px;padding-right:40px}#close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:40px;color:var(--ink);cursor:pointer}.reveal{transition:opacity .8s,translate .8s}.js .reveal:not(.visible){opacity:0;translate:0 50px}.cursor{display:none;position:fixed;z-index:90;pointer-events:none;border:1px solid var(--blue);color:var(--blue);border-radius:50%;width:42px;height:42px;place-items:center;transition:width .2s,height .2s;will-change:left,top}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}@media(pointer:fine){.cursor{display:grid}}@keyframes morph{0%,100%{border-radius:35% 65% 60% 40%;rotate:-10deg}50%{border-radius:65% 35% 35% 65%;rotate:25deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nudge{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.panel,.contact{padding-inline:max(6%,calc((100vw - 1408px)/2))}}@media(max-width:1000px){nav{display:none}h1{letter-spacing:-5px}.orb{width:160px;height:160px;right:2%;top:200px}.orb span{font-size:90px}.contactlinks{grid-template-columns:1fr}.contactlinks a{max-width:650px;width:100%;margin:auto}.hero-collage{height:500px}.shot-one{height:310px}.shot-two{height:340px}.shot-three{height:340px}.sticky-note{top:310px;font-size:22px}.servicegrid{gap:15px}.servicegrid article{padding:25px 10px}.sectiontop{gap:5%}footer{flex-wrap:wrap}}@media(max-width:700px){body{font-size:19px}header{padding:20px 5%}.brand{font-size:13px}.monogram{font-size:34px}.phone{font-size:13px}section{padding:70px 6%}.hero{padding-top:40px}.eyebrow{font-size:10px;letter-spacing:1.4px;max-width:280px}h1{font-size:64px;letter-spacing:-4px;line-height:1.03}.orb{width:100px;height:100px;top:310px;right:20px;opacity:.8}.orb span{font-size:65px}.hero-bottom{align-items:flex-start;gap:15px;margin-top:35px}.hero-bottom p{font-size:18px;max-width:260px}.roundlink{flex-direction:column-reverse;gap:10px;font-size:11px;text-align:center}.roundlink b{width:50px;height:50px;font-size:27px}.hero-collage{height:390px;margin-top:45px}.shot-one{width:70%;height:220px;top:20px;left:-6%}.shot-two{width:35%;height:240px;left:auto;right:-1%;top:10px}.shot-three{width:31%;height:210px;top:155px;right:2%}.floatshot figcaption{font-size:7px;padding:6px}.sticky-note{left:5%;top:245px;font-size:20px;padding:20px 25px}.ticker{font-size:16px;padding:17px 0;margin-bottom:0}.sectiontop,.about,.servicegrid{grid-template-columns:1fr;gap:20px}h2{font-size:46px;letter-spacing:-2.5px}.note{font-size:14px;margin-bottom:35px}.artboard{grid-template-columns:1fr;gap:45px}.project.music,.project.identity{margin-top:0}.travel,.digital{grid-column:auto;margin-top:0;width:100%}.music .visual{aspect-ratio:.85}.travel .visual{aspect-ratio:1.15}.travelcopy{inset:26% auto auto 6%}.travelcopy strong{font-size:48px}.browserbar{padding:13px 18px;font-size:15px}.browserbar span{font-size:8px}.projectline{display:block}.projectline>span{display:block;font-size:10px}.projectline h3{font-size:25px}.project>p{font-size:18px}.visual{border-radius:25px 6px}.panel{border-radius:60px 60px 0 0}.quote.panel{border-radius:0 0 60px 60px}.quote blockquote{font-size:35px;letter-spacing:-1px}.servicegrid{margin-top:30px}.servicegrid article{padding:25px 12px}.servicegrid article:nth-child(2){rotate:-1.5deg}.about{padding-top:80px}.aboutcopy .lead{font-size:26px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:25px}.steps b{font-size:48px}.steps p{font-size:17px}.steps article:nth-child(even){translate:0 20px}.faq summary{font-size:21px}.contact{border-radius:70px 10px 0 0}.contact h2{font-size:49px}.contactlinks a{padding:23px}footer{padding:30px 6%}footer .phone{font-size:18px}footer p{order:4;width:100%}.totop{margin-left:auto}dialog{padding:20px 12px}dialog p{font-size:15px}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;translate:none}.cursor{display:none}.floatshot{transform:none!important}}
/* Nocturne / edition 03 */
:root{--paper:#11121b;--ink:#eeeaf5;--muted:#b4afc3;--blue:#a9a0ff;--pink:#e4b0d6;--line:#363445}body{font-size:17px;background:radial-gradient(ellipse at 90% 5%,#29234077,transparent 32%),var(--paper)}header{background:#11121ba8}.brand{font-size:16px}.phone{font-size:17px}nav{font-size:15px;gap:27px}h1{font-size:clamp(60px,7vw,108px);letter-spacing:-5px}h2{font-size:clamp(39px,4.5vw,66px);letter-spacing:-2.5px}h3{font-size:25px}.hero-bottom p{font-size:19px}.hero .orb{background:linear-gradient(135deg,#e7b7da,#8373d0 55%,#393462);box-shadow:inset -15px -20px 30px #20153588,inset 15px 15px 30px #fff4}.floatshot figcaption{background:#22212f;color:#e7e1f2}.sticky-note{background:#c5badf;color:#242034}.ticker{background:#29243e;color:#ddd2ff;border-block:1px solid #514568}.label{background:#23202eea;color:#eee9fa}.open{background:#e5defb;color:#3d3063}.projectline h3{font-size:23px}.project>p{font-size:16px}.sectiontop p{font-size:18px}.note{font-size:14px}.panel{background:#1e1b2c}.servicegrid article{border-top-color:#4f465f}.servicegrid article:nth-child(2){background:#2a243b}.servicegrid p{font-size:17px}.quote.panel{background:#17121f}.quote blockquote{font-size:clamp(31px,4vw,59px)}.aboutcopy p{font-size:17px}.aboutcopy .lead{font-size:23px}.steps p{font-size:16px}.steps b{font-size:55px}.faq summary{font-size:21px}.faq details p{font-size:17px}.contact,footer{background:#1d1d30}.contact{border:1px solid #383247}.contact h2{font-size:clamp(43px,5.8vw,83px)}.contactlinks a{background:#2a273e}.contactlinks a:hover{background:#3d3151}.contactlinks small{color:#c8bdd7}footer{border-color:#3b334b}dialog{background:#1d1b2a;color:var(--ink)}.cursor{background:#1b163333;backdrop-filter:blur(2px)}.progress{background:linear-gradient(90deg,#8974ff,#f1add6)}.portfolio-filters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 45px}.portfolio-filters button{font-size:15px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent;padding:12px 20px;cursor:pointer;transition:.3s}.portfolio-filters button:hover{border-color:var(--blue);translate:0 -3px}.portfolio-filters button.active{background:#b9a5e5;color:#191321;border-color:#b9a5e5}.portfolio-filters span{font-size:11px;display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#23153522;margin-left:7px}.artboard{gap:70px 6%}.project[hidden]{display:none!important}.artboard.filtered{align-items:start}.artboard.filtered .project{grid-column:auto;width:100%;margin:0}.artboard.filtered .visual{aspect-ratio:1.25}.worktags{display:inline-block;font-size:11px;letter-spacing:.5px;color:#b5a2d0;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.extra{margin:0}.extra .visual{aspect-ratio:1.4}.extra.atelier,.extra.auto,.extra.social,.extra.type{margin-top:30px}.extra.expert{margin-top:90px}.extra.type .visual{aspect-ratio:.95}.extra.travelposter .visual{aspect-ratio:1.1}.previewcopy{position:absolute;left:6%;top:28%;color:#fff;text-shadow:0 3px 25px #000b}.previewcopy small{font-size:11px;letter-spacing:2px}.previewcopy strong{display:block;font-size:clamp(30px,3.3vw,55px);line-height:1.07;margin:12px 0 30px;font-weight:500}.previewcopy>span{font-size:12px;border:1px solid #ffffff90;border-radius:25px;padding:11px 20px}.extra.food .visual:after,.extra.auto .visual:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080999,transparent)}.extra.food .visual>img,.extra.auto .visual>img{position:relative;z-index:-2}.extra .browserbar{font-size:15px;padding:14px 20px;background:#19151ee8;color:#f0e8ed}.extra .browserbar span{font-size:9px}.socialtriptych{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;background:#cfb5de;align-items:stretch}.socialtriptych>img{width:100%;height:100%;object-fit:cover}.socialtriptych>img:last-child{object-position:75%;filter:saturate(.6)}.socialtriptych>div{display:flex;flex-direction:column;justify-content:space-between;padding:20px 12px;color:#4c275b}.socialtriptych small{font-size:8px}.socialtriptych strong{font:italic 25px/1.1 Georgia}.socialtriptych b{font-size:55px;font-weight:400}.posterwords{position:absolute;inset:12% auto auto 8%;color:#fff;font-weight:bold;font-size:clamp(25px,3.8vw,62px);line-height:1.03;letter-spacing:-2px;text-shadow:0 3px 20px #0006}.posterwords em{display:block;font-size:.5em;color:#fff;margin-top:25px;letter-spacing:0}.author-block{grid-template-columns:.8fr 1.2fr;gap:9%;padding-top:130px}.author-column{position:sticky;top:35px}.author-photo{position:relative;margin-bottom:35px;max-width:420px}.author-photo img{width:100%;display:block;aspect-ratio:.9;object-fit:cover;border-radius:110px 16px 80px 16px;filter:saturate(.8)}.author-stamp{position:absolute;bottom:20px;left:-15px;background:#b1a1df;color:#231a35;rotate:-5deg;padding:13px 18px;font-size:10px;letter-spacing:1px}.author-column h2{font-size:53px;margin-bottom:15px}.author-role{font-size:15px;color:var(--muted)}.author-cta{display:flex;justify-content:space-between;align-items:center;max-width:420px;padding:15px 0;border-bottom:1px solid var(--line);font-size:17px}.author-headline{font-size:clamp(30px,3.6vw,51px);line-height:1.13;margin-bottom:30px;letter-spacing:-1.5px}.author-details{margin-top:35px}.author-details details{border-bottom:1px solid var(--line);padding:21px 0}.author-details summary{font-size:19px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.author-details summary span{transition:rotate .3s;color:var(--blue)}.author-details details[open] summary span{rotate:90deg}.detail-body{padding-top:18px;animation:unfold .45s ease-out}.detail-body p{font-size:16px;margin-bottom:14px}.author-quote{border-left:2px solid var(--blue);padding-left:25px;margin:40px 0 0;font-size:30px;line-height:1.25;letter-spacing:-.7px}.services article:hover{transform:translateY(-7px);transition:transform .4s}.steps article:hover b{color:var(--pink);transition:color .3s}.faq details[open]>p{animation:unfold .4s ease-out}.dialog-preview{max-width:1000px;margin:auto;width:100%}.dialog-preview.visual{border-radius:10px;max-height:78vh;aspect-ratio:1.4}.dialog-preview.visual>img{width:100%;height:100%;max-height:none;object-fit:contain}.dialog-preview .open{display:none}.dialog-preview .socialtriptych{min-height:400px}.dialog-preview .previewcopy strong{font-size:clamp(35px,5vw,80px)}.dialog-preview .posterwords{font-size:clamp(30px,5vw,80px)}@keyframes unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.author-block{gap:6%;grid-template-columns:1fr 1.15fr}.author-column h2{font-size:42px}.contactlinks small{font-size:14px}}@media(max-width:700px){body{font-size:16px}.phone{font-size:13px}.brand{font-size:13px}h1{font-size:54px;letter-spacing:-3px}h2{font-size:39px;letter-spacing:-2px}.hero-bottom p{font-size:16px}.orb{top:280px}.sectiontop p{font-size:17px}.projectline h3{font-size:23px}.project>p{font-size:16px}.artboard{gap:45px}.extra.atelier,.extra.auto,.extra.social,.extra.type,.extra.expert{margin-top:0}.portfolio-filters{gap:8px}.portfolio-filters button{font-size:13px;padding:10px 14px}.author-block{grid-template-columns:1fr;gap:45px;padding-top:80px}.author-column{position:relative;top:auto}.author-photo{max-width:380px;margin-inline:auto}.author-column h2{font-size:45px}.author-headline{font-size:36px}.aboutcopy .lead{font-size:21px}.aboutcopy p{font-size:16px}.author-quote{font-size:27px}.servicegrid p{font-size:16px}.faq summary{font-size:19px}.contact h2{font-size:42px}.contactlinks a{font-size:18px}.socialtriptych strong{font-size:20px}.socialtriptych>div{padding:12px 8px}.previewcopy strong{font-size:35px;margin-bottom:20px}.previewcopy small{font-size:8px}.extra .visual{aspect-ratio:1.2}.posterwords{font-size:39px}.dialog-preview.visual{aspect-ratio:1.05}.dialog-preview .browserbar{font-size:12px}.dialog-preview .browserbar span{display:none}.dialog-preview .socialtriptych{min-height:260px}.dialog-preview .socialtriptych strong{font-size:19px}.dialog-preview .posterwords{font-size:38px}}@media(prefers-reduced-motion:reduce){.detail-body,.faq details[open]>p{animation:none}.services article:hover{transform:none}}
/* Section architecture / edition 04 */
html{scroll-padding-top:35px}.desktop-nav{gap:17px;font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--blue);transition:width .3s}.desktop-nav a:hover:after{width:100%}.mobile-nav{display:none}.footer-navigation{flex-basis:100%;padding:5px 0 28px;border-bottom:1px solid var(--line);margin-bottom:12px}.footer-navigation>p{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:22px}.footer-navigation nav{display:flex;flex-wrap:wrap;gap:16px 35px;font-size:17px}footer{flex-wrap:wrap}.section-marker{display:flex;justify-content:space-between;align-items:center;gap:25px;grid-column:1/-1;width:100%;border-top:1px solid var(--line);padding-top:20px;margin-bottom:45px;font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.author-block>.section-marker{margin-bottom:0}.portfolio-divider{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-bottom:-20px;scroll-margin-top:35px}.portfolio-divider>span{font-size:10px;letter-spacing:2px;color:var(--blue)}.portfolio-divider h3{font-size:35px;margin:15px 0 10px}.portfolio-divider p{font-size:16px;color:var(--muted);margin-bottom:0}.portfolio-divider[hidden]{display:none!important}.artboard.filtered .portfolio-divider{grid-column:1/-1}.artboard .project.music,.artboard .project.identity,.artboard .extra.expert{margin-top:30px}section#process{border-top:1px solid #ffffff05}.mobile-nav[open]>nav{animation:unfold .25s ease-out}.section-marker+ .eyebrow{margin-top:5px}@media(max-width:1150px){header{flex-wrap:wrap}.desktop-nav{order:3;width:100%;justify-content:center;display:flex;gap:25px}.phone{margin-left:auto}.desktop-nav a{font-size:13px}}@media(max-width:700px){header{gap:15px;align-items:center}.desktop-nav{display:none}.mobile-nav{display:block;order:3;width:100%;border-top:1px solid var(--line);padding-top:14px}.mobile-nav summary{display:flex;justify-content:space-between;cursor:pointer;font-size:14px;list-style:none}.mobile-nav[open] summary span{rotate:45deg}.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:15px}.mobile-nav nav a{padding:12px 0;border-bottom:1px solid #ffffff0b;font-size:15px}.footer-navigation nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:16px}.footer-navigation{order:-1}.section-marker{font-size:9px;letter-spacing:1px;gap:20px;margin-bottom:30px;align-items:flex-start}.section-marker span:last-child{text-align:right;max-width:45%}.portfolio-divider h3{font-size:29px}.portfolio-divider p{font-size:15px}.artboard .project.music,.artboard .project.identity,.artboard .extra.expert{margin-top:0}.author-block>.section-marker{margin-bottom:-10px}}
/* A single directional gesture and sequential showcase */
.hero{padding-top:65px}.hero h1{max-width:1100px}.direction-link{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--muted)}.direction-arrow{width:80px;height:100px;overflow:visible;fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:direction-flow 2.8s ease-in-out infinite}.direction-arrow .arrow-trail{stroke-dasharray:155;stroke-dashoffset:0;animation:trail-draw 2.8s ease-in-out infinite}.direction-link:hover .direction-arrow{stroke:#fff}.hero-showcase{margin-top:55px;position:relative;max-width:1120px;scroll-margin-top:35px}.showcase-stage{height:570px;position:relative;border:1px solid #7c699933;border-radius:30px;background:radial-gradient(ellipse at 30% 40%,#33224355,transparent 70%),#16141f;overflow:hidden}.showcase-slide{position:absolute;inset:30px 35px 25px;margin:0;opacity:0;visibility:hidden;transform:translate3d(0,65px,0) scale(.96);transition:opacity .35s ease,transform .75s cubic-bezier(.2,.8,.2,1),visibility .35s;pointer-events:none;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px}.showcase-slide.active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);pointer-events:auto}.showcase-slide.leaving{opacity:0;transform:translate3d(0,-45px,0) scale(.98);visibility:visible;transition:opacity .3s,transform .35s}.showcase-image{min-height:0;display:flex;justify-content:center;align-items:center}.showcase-image img{max-width:100%;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 15px 20px #0004);border-radius:8px}.showcase-slide[data-slide="0"] img{object-fit:cover}.showcase-slide[data-slide="1"] img{width:auto;max-width:100%;border-radius:70px 10px 70px 10px}.showcase-slide[data-slide="2"] img{width:auto;max-width:100%}.showcase-slide figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center}.showcase-slide figcaption span{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.showcase-slide figcaption strong{font-size:20px;font-weight:400}.showcase-controls{display:flex;align-items:center;gap:25px;margin-top:22px}.showcase-dots{display:flex;gap:15px;flex:1;max-width:500px}.showcase-dots button{border:0;background:none;color:#797187;padding:5px 0;cursor:pointer;flex:1;text-align:left;font-size:12px;position:relative}.showcase-dots i{display:block;height:2px;background:#484051;margin-top:9px;overflow:hidden}.showcase-dots button.active{color:var(--pink)}.showcase-dots button.active i{background:var(--pink)}.showcase-pause{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:25px;padding:8px 15px;background:none;cursor:pointer}.showcase-pause:hover{border-color:var(--pink);color:var(--ink)}.showcase-count{font-size:11px;letter-spacing:1px;color:var(--muted);margin-left:auto}.cursor{display:none!important}@keyframes direction-flow{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes trail-draw{0%,100%{stroke-dashoffset:0;opacity:1}50%{stroke-dashoffset:28;opacity:.6}}@media(max-width:700px){.direction-link{font-size:10px;gap:5px;flex-shrink:0}.direction-arrow{width:45px;height:65px}.hero-showcase{margin-top:35px}.showcase-stage{height:430px;border-radius:22px}.showcase-slide{inset:20px 18px;gap:18px}.showcase-slide figcaption{display:block}.showcase-slide figcaption span{font-size:8px}.showcase-slide figcaption strong{display:block;font-size:17px;margin-top:8px}.showcase-controls{gap:12px;margin-top:15px}.showcase-dots{gap:10px}.showcase-count{font-size:9px}.showcase-pause{font-size:10px;padding:7px 12px}.showcase-slide[data-slide="0"] img{object-fit:contain}}@media(prefers-reduced-motion:reduce){.direction-arrow,.direction-arrow .arrow-trail{animation:none}.showcase-slide,.showcase-slide.leaving{transition:none;transform:none}}
/* Proportional portfolio and persistent navigation */
:root{--header-height:96px}html{scroll-padding-top:calc(var(--header-height) + 24px)}body{overflow-x:clip}header{position:sticky;top:0;z-index:80;background:#11121bf2;backdrop-filter:blur(18px);box-shadow:0 8px 25px #0002}.portfolio-divider,.hero-showcase{scroll-margin-top:0}.artboard,.artboard.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px;align-items:stretch}.artboard .project,.artboard.filtered .project{grid-column:auto;width:100%;margin:0!important;display:flex;flex-direction:column;align-self:stretch;min-width:0}.artboard .project .visual,.artboard.filtered .project .visual{aspect-ratio:4/3;width:100%;flex:none}.artboard .project .visual>img{object-fit:contain;background:#1a1723}.artboard .project.perfume .visual>img,.artboard .project.travel .visual>img,.artboard .project.food .visual>img,.artboard .project.auto .visual>img,.artboard .project.travelposter .visual>img{object-fit:cover}.artboard .projectline{min-height:64px;display:block;margin-top:20px}.artboard .projectline h3{font-size:23px;line-height:1.2;margin:0 0 8px}.artboard .projectline>span{display:block;font-size:10px;white-space:normal;margin:0}.artboard .project>p{font-size:16px;line-height:1.55;min-height:75px;margin-top:12px;margin-bottom:0}.artboard .worktags{margin-top:auto;padding-top:14px}.portfolio-divider{margin-bottom:-10px}.artboard .travelcopy{top:25%}.artboard .travelcopy strong{font-size:clamp(30px,3.4vw,52px);margin-bottom:20px}.artboard .travelcopy small{font-size:9px}.artboard .travelcopy>span{font-size:11px;padding:10px 15px}.artboard .browserbar{font-size:15px;padding:13px 18px}.artboard .browserbar span{font-size:9px}.author-column{top:calc(var(--header-height) + 25px)}@media(max-width:1150px){:root{--header-height:137px}.desktop-nav{padding-bottom:3px}}@media(max-width:700px){:root{--header-height:132px}.artboard,.artboard.filtered{grid-template-columns:1fr;gap:36px}.artboard .project .visual,.artboard.filtered .project .visual{aspect-ratio:4/3}.artboard .projectline{min-height:0;margin-top:18px}.artboard .project>p{min-height:0;margin-bottom:14px}.artboard .worktags{margin-top:0}.artboard .travelcopy strong{font-size:43px}.author-column{top:auto}.mobile-nav[open] nav{max-height:55vh;overflow:auto}.portfolio-divider{margin-bottom:0}}