/* Approved homepage mockup, implemented as a shared responsive design system. */
@font-face{font-family:Inter;src:url('/assets/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-semibold.ttf') format('truetype');font-weight:500 600;font-display:swap}@font-face{font-family:Inter;src:url('/assets/inter-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:#f7f6f2;--white:#fff;--ink:#1b2328;--muted:#5e6872;--line:#dddfdf;--green:#1874e8;--pale:#e9eef4;--dark:#151d22;--max:1280px;--gutter:clamp(22px,4.6vw,72px)}
body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;background:var(--paper)}h1,h2,h3,h4{font-family:Inter,Arial,sans-serif!important;font-weight:700;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}h1{font-size:clamp(38px,4.3vw,60px)}h2{font-size:clamp(30px,3.3vw,44px)}h3{font-size:24px}p{line-height:1.7}.button{border-radius:6px;background:var(--green);border-color:var(--green);font-size:14px;font-weight:600;padding:14px 21px;min-height:50px;gap:13px;transition:background .2s,transform .2s}.button:hover{background:#0c5ec4;border-color:#0c5ec4;transform:translateY(-1px)}.button.secondary{color:var(--ink);border-color:#7a838b;background:transparent}.button.secondary:hover{background:#e9edf1}.button-row{display:flex;gap:15px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:.11em;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #2686ff;outline-offset:5px}.text-link,.download-link,.discover{color:#096bd8;font-weight:600}::selection{background:#bedbff;color:#152131}.arrow{width:18px;height:18px}
.site-header{background:#151d22;color:white;border-bottom:1px solid #ffffff10;position:sticky;top:0;backdrop-filter:none}.header-inner{height:83px;gap:35px}.brand{font-size:22px;letter-spacing:-.04em;white-space:nowrap;line-height:1.2}.main-nav{gap:28px;font-size:13px}.main-nav a{padding:10px 0;color:#e2e5e7}.main-nav a[aria-current=page]{color:#61b2ff}.main-nav a:after{background:#3190f5;height:2px;bottom:0}.header-actions{gap:16px}.language-switch{display:flex;gap:10px;align-items:center;font-size:12px;border-left:1px solid #6c7379;padding-left:22px}.language-switch>span:first-child{color:#61b2ff;font-weight:600}.language{padding:0;border:0;color:white;font-weight:400}.language-switch>span:nth-child(2){color:#65717b}.menu-toggle span{background:white}
.mockup-hero{background:radial-gradient(ellipse at 20% 35%,#25313a 0,#151d22 65%);color:white;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:50px;padding-top:65px;padding-bottom:58px;min-height:530px}.hero-text h1{font-size:clamp(38px,4.1vw,60px);margin:0 0 18px;letter-spacing:-.045em;white-space:nowrap}.hero-subtitle{font-size:clamp(19px,1.8vw,25px);line-height:1.5;margin:0 0 24px;color:#f0f2f3;letter-spacing:-.02em}.hero-description{font-size:17px;line-height:1.7;color:#d5dce0;margin:0 0 30px}.mockup-hero .button.secondary{border-color:#b4bcc2;color:white}.mockup-hero .button.secondary:hover{background:#ffffff12}.hero-showcase{display:block;min-width:0;transform:perspective(1500px) rotateY(-2deg)}.showcase-frame{border:1px solid #8798a7;border-radius:15px;overflow:hidden;padding:9px;background:#080d10;box-shadow:0 26px 65px #0005}.showcase-bar{height:23px;display:flex;align-items:center;gap:5px;padding:0 7px 7px;color:#9ba4ad}.showcase-bar i{width:5px;height:5px;border-radius:50%;background:#e05e55}.showcase-bar i:nth-child(2){background:#d4ba4a}.showcase-bar i:nth-child(3){background:#4bba75}.showcase-bar span{font-size:8px;margin:auto}.showcase-frame>img{width:100%;border-radius:2px}.hero-showcase>p{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;color:#c0c9d0;margin:13px 3px 0}.hero-showcase>p svg{width:12px}
.work-overview{padding-top:65px;padding-bottom:78px}.overview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px}.overview-heading h2{margin:0 0 9px}.overview-heading p{margin:0;color:var(--muted);font-size:15px}.overview-filters{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.overview-filters button{border:0;background:none;color:#55616c;padding:10px 0;font-size:12px;border-bottom:2px solid transparent;white-space:nowrap}.overview-filters button:hover,.overview-filters button[aria-pressed=true]{color:#096bd8}.overview-filters button[aria-pressed=true]{border-bottom-color:#1874e8}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 32px}.overview-card[hidden]{display:none}.overview-card>a{display:block}.overview-image{aspect-ratio:1.65;overflow:hidden;border-radius:5px;background:#e9e9e6;position:relative}.overview-image>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.overview-card a:hover .overview-image>img{transform:scale(1.025)}.overview-card h3{font-size:24px;margin:17px 0 5px;letter-spacing:-.035em}.overview-card p{font-size:14px;color:var(--muted);margin:0 0 12px}.discover{font-size:13px;display:flex;align-items:center;gap:10px}.discover svg{width:15px}.image-web>img{object-position:top}.image-print>img{object-position:50% 37%}.image-social>img{object-position:center 43%}.image-email{background:#e8e6e2;padding:20px 18% 0}.image-email>img{object-fit:cover;object-position:top;box-shadow:0 10px 25px #16202a24}.image-events>img{object-position:center}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:65px;height:65px;border:2px solid white;background:#12202d66;border-radius:50%;color:white;font-size:23px;padding-left:4px}.image-education{padding:27px 38px 0;display:flex;align-items:flex-start;justify-content:center;gap:22px;background:#e9e7e1}.image-education>img{width:44%;height:auto;box-shadow:0 4px 15px #19202b18;transform:rotate(-4deg);object-fit:contain}.image-education>img:nth-child(2){margin-top:36px;transform:rotate(5deg)}.work-directory>.overview-filters{margin-bottom:35px}
.skyline-about{position:relative;isolation:isolate;overflow:hidden;background:#eeefec}.skyline-photo{position:absolute;inset:0 0 0 35%;z-index:-2;background:url('/assets/montreal-skyline.webp') center center/cover no-repeat}.skyline-about:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1f1ed 0%,#f1f1ed 33%,#f1f1ede6 43%,#f1f1ed18 76%)}.skyline-copy{max-width:560px;padding:65px 0 70px}.skyline-copy h2{margin-bottom:17px}.skyline-copy>p{font-size:16px;color:#4a5661;max-width:430px;margin-bottom:24px}.skyline-copy .button{font-size:13px}.site-footer{background:var(--dark);color:white;padding:0;border:0}.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:43px 0 35px}.footer-contact h2{font-size:33px;margin-bottom:12px}.footer-contact p{font-size:13px;line-height:1.8;color:#c9d1d6;margin:0}.footer-contact>div:last-child a{display:flex;align-items:center;gap:12px;font-size:15px;margin-bottom:10px;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #ffffff25;display:flex;gap:30px;align-items:center;padding:24px 0 28px}.footer-bottom .brand{font-size:16px}.footer-bottom nav{margin-left:auto;display:flex;gap:23px;font-size:12px;color:#d0d8de}.footer-bottom small{font-size:10px;color:#aab6bf}
/* The same hierarchy and readable typography across every inner page. */
.page-opening{padding-top:37px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px;flex-wrap:wrap;line-height:1.7}.page-heading{grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;margin-bottom:43px}.page-heading h1{font-size:clamp(35px,4.6vw,62px);line-height:1.16;letter-spacing:-.04em}.page-heading>p{font-size:16px;line-height:1.8;max-width:590px;margin-top:3px}.page-opening .eyebrow{margin-bottom:13px;font-size:11px}.category-navigation{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;margin-bottom:38px;font-size:13px}.category-navigation a[aria-current=page]{color:#096bd8}.category-projects{gap:35px}.project-grid{gap:42px 30px}.project-art{border-radius:6px;background:#e8e8e3}.project-meta h3{font-size:24px}.project-meta p{font-size:14px;line-height:1.6}.project-meta>span{font-size:11px;line-height:1.6}.project-facts{padding:24px 0;border-block:1px solid var(--line);gap:25px 45px;margin-bottom:35px;display:flex;flex-wrap:wrap}.project-facts div{font-size:14px;line-height:1.7}.project-facts span{font-size:10px;letter-spacing:.07em}.feature-image{border-radius:7px;background:#e7e8e4}.project-subheading h2,.catalogue-feature h2,.event-context h2,.app-overview h2,.prototype-explore h2{font-size:clamp(27px,3.2vw,40px);line-height:1.2}.project-subheading p,.event-context p{font-size:15px;line-height:1.8}.two-up{gap:27px}.image-caption{font-size:12px;line-height:1.7}.page-example{border-radius:6px}.category-direct-content{padding-bottom:55px}.project-return{padding:30px 0 55px;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.project-return .text-link{font-size:14px}.context-note{font-size:13px;line-height:1.7;padding:20px 0 40px}.social-section h2{font-size:36px}.social-section{padding-bottom:55px}.video-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.video-card video{background:#111;height:510px;max-width:100%;width:100%;object-fit:contain}.video-info{padding:22px}.video-info h3{font-size:23px}.video-info p{font-size:14px}.section-jumps{font-size:13px;gap:25px}.carousel-wrap{background:#e8e8e3;border-radius:7px}.about-full{gap:65px}.about-identity h2{font-size:31px;line-height:1.3}.about-narrative .profile{font-size:21px;line-height:1.75}.about-narrative>p{font-size:16px;line-height:1.85}.career-block h2,.education-summary h2{font-size:36px;line-height:1.25}.timeline h3{font-size:24px;line-height:1.3}.timeline .description{font-size:15px;line-height:1.8}.timeline .employer{font-size:15px}.timeline time{font-size:12px}.tools-section .expertise h3{font-size:24px}.tools-section .expertise p{font-size:14px}.resume-downloads{gap:30px}.resume-downloads .cv-card{border:1px solid var(--line);border-radius:7px;padding:25px;background:#fff}.resume-downloads .cv-preview{height:340px;background:#ecebe7}.resume-downloads h2{font-size:26px;margin-top:22px}.diploma-section{border-radius:7px;background:#e9e9e3;padding:35px;gap:45px}.diploma-copy h2{font-size:35px}.diploma-copy p{font-size:15px}.diploma-copy .honours{font-size:19px}.portfolio-download{padding:35px 0 55px}.portfolio-download h3{font-size:24px}.contact-page .email-large{font-size:clamp(20px,2.5vw,34px);letter-spacing:-.035em;overflow-wrap:anywhere}.contact-page{padding-bottom:80px}.contact-resume h2{font-size:29px;line-height:1.3}.contact-resume p{font-size:15px}.prototype-status{border-radius:5px;background:#e5edf8;color:#24476c}.prototype-tag{border-radius:4px}.app-overview p{font-size:15px;line-height:1.8}.app-overview ul{font-size:15px;line-height:1.9}.prototype-explore{border-radius:6px}.campaign-details{display:flex;align-items:center;gap:38px;flex-wrap:wrap;border-block:1px solid var(--line);padding:23px 0;margin-bottom:35px}.campaign-details>div{display:flex;flex-direction:column;font-size:14px;gap:7px}.campaign-details span{font-size:11px;color:var(--muted)}.campaign-details .button{margin-left:auto}.newsletter-presentation{background:#e8e9e7;margin:0 auto 40px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.newsletter-preview-bar{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;font-size:12px;color:#52616c;background:#f1f2ef}.newsletter-live{display:block;width:100%;border:0;height:2700px;background:#ececec}.campaign-poster{background:#fff;overflow:hidden;display:flex;flex-direction:column;height:100%;width:100%}.poster-logo{padding:16px;display:flex;justify-content:center;background:white;height:64px}.poster-logo img{height:100%;width:auto;object-fit:contain}.poster-head{padding:18px 24px 13px;background:#151619;color:white}.poster-head span{display:block;font-size:9px;letter-spacing:.09em;margin-bottom:10px}.poster-head strong{font-size:clamp(28px,3vw,44px);line-height:1.04;letter-spacing:-.02em}.poster-bf .poster-head strong{color:#d9f63d}.poster-christmas .poster-head{background:#542d36;color:#fff9ed}.poster-junior .poster-head{background:#163ebc}.poster-product{height:180px;overflow:hidden;background:#f4f4f1}.poster-product img{width:100%;height:100%;object-fit:contain}.newsletter-card .project-art{aspect-ratio:1.25}.project-art .card-open{box-shadow:none;background:white;color:var(--ink)}.lightbox{font-family:Inter,Arial,sans-serif}.lightbox button{font-size:13px}
@media(min-width:1600px){.hero-layout{padding-top:80px;padding-bottom:75px}.overview-image{aspect-ratio:1.7}}
@media(max-width:1100px){.header-inner{gap:20px}.main-nav{gap:21px}.hero-layout{gap:35px}.hero-text h1{font-size:43px}.hero-subtitle{font-size:21px}.hero-description{font-size:15px}.hero-text .button{padding:13px 16px;font-size:12px}.overview-heading{display:block}.overview-filters{margin-top:18px}.hero-layout{min-height:470px}.page-heading{gap:35px}.hero-text h1{white-space:normal}}
@media(max-width:760px){.header-inner{height:70px}.brand{font-size:20px}.header-actions{gap:12px}.language-switch{font-size:11px;padding-left:12px;gap:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;margin:0;padding:18px var(--gutter) 25px;background:#151d22;border-bottom:1px solid #ffffff30;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{font-size:16px;padding:12px 0}.main-nav a:after{right:auto;width:35px}.hero-layout{grid-template-columns:1fr;gap:35px;padding-top:43px;padding-bottom:40px}.hero-text h1{font-size:clamp(37px,7vw,49px);white-space:normal;margin-bottom:14px}.hero-subtitle{font-size:22px;margin-bottom:18px}.hero-subtitle br{display:none}.hero-description{font-size:15px;margin-bottom:23px}.hero-text .button{font-size:13px;padding:13px 17px}.hero-showcase{transform:none}.hero-showcase>p{font-size:10px}.showcase-frame{border-radius:11px;padding:7px}.work-overview{padding-top:43px;padding-bottom:48px}.overview-heading{margin-bottom:27px}.overview-heading h2{font-size:34px}.overview-heading p{font-size:14px}.overview-filters{gap:9px 18px}.overview-filters button{font-size:12px;padding:9px 0}.overview-grid{gap:29px 22px}.overview-card h3{font-size:22px;margin-top:14px}.overview-card p{font-size:12px;margin-bottom:10px}.discover{font-size:12px}.overview-image{aspect-ratio:1.45}.preview-play{width:46px;height:46px;font-size:17px}.skyline-photo{inset:0 0 0 15%;background-position:60% center}.skyline-about:after{background:linear-gradient(90deg,#f1f1ed 0%,#f1f1edf0 35%,#f1f1edbb 65%,#f1f1ed55)}.skyline-copy{padding:43px 0 47px;max-width:480px}.skyline-copy>p{font-size:15px;max-width:350px}.skyline-copy .button{font-size:12px;padding:12px 15px}.footer-contact{grid-template-columns:1fr;gap:23px;padding:35px 0 30px}.footer-contact h2{font-size:30px}.footer-contact>div:last-child a{font-size:14px}.footer-bottom{flex-wrap:wrap;gap:18px;padding:22px 0}.footer-bottom .brand{font-size:16px}.footer-bottom nav{margin-left:0;gap:20px;font-size:12px}.footer-bottom small{margin-left:auto}.page-opening{padding-top:25px}.page-heading{grid-template-columns:1fr;gap:17px;margin-bottom:28px}.page-heading h1{font-size:clamp(35px,7vw,46px);line-height:1.18}.page-heading>p{font-size:15px;line-height:1.8}.breadcrumbs{font-size:11px;margin-bottom:27px}.category-navigation{gap:11px 20px;font-size:12px;margin-bottom:27px}.project-grid{gap:30px 22px}.project-meta h3{font-size:22px}.project-meta p{font-size:13px}.project-meta>span{font-size:10px}.project-subheading h2,.catalogue-feature h2,.event-context h2{font-size:29px}.project-subheading p,.event-context p{font-size:14px}.video-card video{height:430px}.video-info h3{font-size:21px}.video-info p{font-size:13px}.social-section h2{font-size:30px}.about-full{gap:28px}.about-narrative .profile{font-size:19px}.about-narrative>p{font-size:15px}.career-block h2,.education-summary h2{font-size:31px}.timeline h3{font-size:23px}.timeline .description{font-size:14px}.resume-downloads .cv-preview{height:250px}.resume-downloads{gap:20px}.resume-downloads .cv-card{padding:18px}.resume-downloads h2{font-size:23px}.diploma-section{padding:24px;gap:25px}.diploma-copy h2{font-size:31px}.campaign-details{gap:20px}.campaign-details .button{margin-left:0}.newsletter-preview-bar{padding:14px;font-size:11px}.newsletter-preview-bar>span:first-child{min-width:0}.newsletter-card .project-art{aspect-ratio:1}.poster-logo{height:48px;padding:12px}.poster-head{padding:15px}.poster-head strong{font-size:30px}.poster-product{height:150px}.contact-page .email-large{font-size:clamp(19px,4.9vw,30px)}.image-education{padding:20px 20px 0;gap:12px}.image-education>img:nth-child(2){margin-top:20px}}
@media(max-width:520px){.overview-grid{grid-template-columns:1fr;gap:30px}.overview-image{aspect-ratio:1.65}.overview-card h3{font-size:24px}.overview-card p{font-size:14px}.discover{font-size:13px}.hero-text h1{font-size:38px}.hero-subtitle{font-size:20px}.button-row{gap:11px}.hero-description br{display:none}.hero-layout{padding-top:34px;gap:30px}.hero-showcase{margin-top:5px}.footer-bottom nav{width:100%;order:3;gap:23px}.footer-bottom small{margin-left:auto}.resume-downloads{grid-template-columns:1fr}.resume-downloads .cv-preview{height:330px;padding:20px 35px 0}.resume-downloads .cv-card p{font-size:13px}.resume-downloads .download-link{font-size:14px}.video-grid{grid-template-columns:1fr}.video-card video{height:480px}.project-meta{display:block}.project-return{display:block}.project-return .text-link{display:block;margin-top:22px}.campaign-details{display:grid;grid-template-columns:1fr 1fr}.campaign-details .button{grid-column:1/-1;font-size:12px;justify-self:start}.poster-head strong{font-size:39px}.newsletter-card .project-art{aspect-ratio:1.2}.skyline-copy .button-row{flex-direction:column;align-items:flex-start}.skyline-copy .button{min-width:180px}.page-opening .eyebrow{font-size:10px}.image-education{padding:25px 40px 0;gap:22px}.image-education>img:nth-child(2){margin-top:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* v5: stronger introduction, authentic campaign previews and designed contact page. */
.hero-v5 .hero-layout{grid-template-columns:1fr 1.12fr;gap:55px;padding-top:55px;padding-bottom:63px;min-height:665px}.hero-identity{margin-bottom:30px}.hero-v5 .hero-text h1{font-size:25px;letter-spacing:-.03em;margin:0 0 7px}.hero-professional-title{font-size:16px;line-height:1.5;font-weight:600;color:#9dcbff;margin:0 0 7px}.hero-location{font-size:12px;color:#aab9c5}.hero-v5 .hero-headline{font-size:clamp(40px,4.5vw,64px);letter-spacing:-.045em;line-height:1.1;color:#fff;margin:0 0 24px;text-wrap:initial}.hero-v5 .hero-description{font-size:15px;line-height:1.8;max-width:460px;margin-bottom:27px}.hero-composition{position:relative;height:535px;min-width:0}.hero-composition:before{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(circle,#28598e55,transparent 70%);top:80px;left:70px}.hero-composition>a{position:absolute;display:block;box-shadow:0 20px 45px #0006;transition:transform .25s;overflow:hidden}.hero-composition>a:hover{transform:translateY(-7px)}.composition-app{width:88%;right:0;top:0;border:1px solid #63717e;border-radius:9px;background:#10161c;transform:rotate(2deg)}.composition-browser{display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 12px;font-size:9px;color:#b7c4ce}.window-dots{font-size:9px;letter-spacing:2px;color:#83a9c9}.composition-app>img{width:100%;max-height:290px;object-fit:cover;object-position:top}.composition-catalogue{left:0;top:115px;width:47%;border:6px solid #e9e8e3;border-bottom:0;border-radius:4px;transform:rotate(-5deg);z-index:2}.composition-catalogue>img{width:100%;height:315px;object-fit:cover;object-position:45% top}.hero-composition>a>span{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#f1f0ea;color:#28333c;font-size:10px}.hero-composition>a>span svg{width:12px;height:12px}.composition-email{right:0;top:215px;width:48%;border:5px solid #fff;border-bottom:0;border-radius:4px;transform:rotate(4deg);z-index:3}.composition-email>img{width:100%;height:245px;object-fit:cover;object-position:top}.hero-composition .composition-email>span{background:#fff}.composition-caption{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:12px;color:#bbc6d0;font-size:10px;letter-spacing:.02em}.caption-line{height:1px;width:28px;background:#4997f4}.overview-filters{gap:22px}.overview-filters button{font-size:14px;font-weight:500;padding-block:12px}.category-navigation{font-size:14px}.overview-heading{align-items:center}.overview-heading h2{margin-bottom:0}.image-email{padding:0;background:#111}.image-email>img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;box-shadow:none}
.contact-designed{padding-top:32px;padding-bottom:75px}.contact-designed>.breadcrumbs{margin-bottom:28px}.contact-panel{display:grid;grid-template-columns:.95fr 1.15fr;border:1px solid #d8dfe4;border-radius:13px;overflow:hidden;box-shadow:0 20px 55px #1423370a;background:#fff}.contact-introduction{background:radial-gradient(ellipse at 0 0,#293d50,#18222c 70%);padding:49px 44px;color:white;display:flex;flex-direction:column}.contact-overline{font-size:11px;letter-spacing:.16em;color:#9cc5f6;margin-bottom:22px;font-weight:600}.contact-introduction h1{font-size:clamp(36px,4vw,55px);line-height:1.12;letter-spacing:-.04em;margin:0 0 23px}.contact-lead{font-size:16px;line-height:1.85;color:#d0dce5;margin:0 0 39px;max-width:350px}.contact-identity{display:flex;gap:15px;align-items:center;padding-top:25px;border-top:1px solid #ffffff2b;margin-top:auto}.contact-identity>img{width:63px;height:63px;object-fit:cover;border-radius:50%;border:2px solid #ffffff6b}.contact-identity strong{font-size:17px;font-weight:600}.contact-identity p{font-size:12px;line-height:1.6;color:#bdcbd6;margin:4px 0 0}.contact-city{display:flex;align-items:center;gap:10px;font-size:12px;color:#bdcbd6;margin-top:23px}.contact-city svg{width:18px;height:18px}.contact-options{padding:48px 45px}.contact-options-heading{margin-bottom:27px}.contact-options-heading h2{font-size:30px;letter-spacing:-.03em;margin-bottom:9px}.contact-options-heading p{font-size:14px;color:var(--muted);margin:0}.contact-method-card{display:flex;align-items:center;gap:17px;padding:23px 20px;border:1px solid #dbe2e9;border-radius:8px;margin-bottom:16px;transition:border-color .2s,background .2s}.contact-method-card:hover{background:#f4f8fd;border-color:#90b9e8}.contact-method-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:10px;background:#eaf2fd;color:#126ad3}.contact-method-icon svg{width:23px;height:23px}.contact-method-text{display:flex;flex-direction:column;gap:5px;min-width:0}.contact-method-text>span{font-size:12px;color:#687786}.contact-method-text strong{font-size:clamp(14px,1.4vw,19px);letter-spacing:-.025em;font-weight:600;overflow-wrap:anywhere}.contact-method-card>.arrow{margin-left:auto;color:#4e779d;width:17px;height:17px;flex-shrink:0}.contact-career{border-top:1px solid #dfe5ea;margin-top:30px;padding-top:25px}.contact-career h3{font-size:19px;letter-spacing:-.025em;margin:0 0 8px}.contact-career>p{font-size:13px;color:var(--muted);margin-bottom:19px}.contact-career-links{display:flex;align-items:center;gap:25px}.contact-career-links .button{font-size:13px;padding:12px 17px;min-height:45px}.contact-career-links>.text-link{font-size:13px;display:flex;align-items:center;gap:9px}.page-contact .footer-contact{display:none}.page-contact .footer-bottom{border-top:0;padding-block:28px}
@media(max-width:1100px){.hero-v5 .hero-layout{gap:35px;min-height:625px}.hero-v5 .hero-headline{font-size:49px}.hero-professional-title{font-size:14px}.hero-composition{height:490px}.composition-catalogue>img{height:270px}.composition-email{top:205px}.composition-email>img{height:225px}.contact-introduction{padding:37px 30px}.contact-options{padding:37px 28px}.contact-method-card{padding:20px 15px;gap:12px}.contact-method-text strong{font-size:16px}}
@media(max-width:760px){.hero-v5 .hero-layout{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:28px}.hero-identity{margin-bottom:24px}.hero-v5 .hero-text h1{font-size:23px}.hero-professional-title{font-size:15px}.hero-v5 .hero-headline{font-size:clamp(40px,7.7vw,54px);margin-bottom:20px}.hero-v5 .hero-headline br:last-child{display:none}.hero-v5 .hero-description{font-size:14px;max-width:490px}.hero-composition{height:450px;max-width:540px;width:100%;margin-inline:auto}.composition-app{width:83%;top:0}.composition-catalogue{top:90px;width:44%}.composition-catalogue>img{height:265px}.composition-email{width:45%;top:150px}.composition-email>img{height:230px}.composition-caption{font-size:9px}.overview-filters{gap:8px 19px}.overview-filters button{font-size:14px}.category-navigation{font-size:13px}.contact-designed{padding-top:24px;padding-bottom:45px}.contact-panel{grid-template-columns:1fr}.contact-introduction{padding:31px}.contact-introduction h1{font-size:43px}.contact-introduction h1 br{display:none}.contact-lead{font-size:15px;max-width:450px;margin-bottom:23px}.contact-identity{padding-top:21px}.contact-identity p br{display:none}.contact-city{margin-top:18px}.contact-options{padding:31px}.contact-options-heading h2{font-size:28px}.contact-method-text strong{font-size:18px}.contact-method-card{padding:20px 17px}.contact-career h3{font-size:19px}}
@media(max-width:430px){.hero-v5 .hero-headline{font-size:41px}.hero-professional-title{font-size:14px}.hero-v5 .hero-headline br:last-child{display:initial}.hero-composition{height:370px}.composition-catalogue{width:46%;top:75px;border-width:4px;border-bottom:0}.composition-catalogue>img{height:215px}.composition-email{top:135px;width:47%;border-width:4px;border-bottom:0}.composition-email>img{height:177px}.hero-composition>a>span{font-size:8px;padding:9px}.composition-browser{height:23px;font-size:7px;padding-inline:8px}.composition-caption{font-size:8px;gap:8px}.caption-line{width:18px}.overview-filters{gap:6px 17px}.overview-filters button{font-size:13px}.contact-introduction{padding:27px 24px}.contact-introduction h1{font-size:38px}.contact-options{padding:28px 22px}.contact-method-card{gap:11px;padding:18px 12px}.contact-method-icon{width:35px;height:38px}.contact-method-icon svg{width:21px;height:21px}.contact-method-text strong{font-size:14px}.contact-method-text>span{font-size:11px}.contact-method-card>.arrow{width:14px}.contact-options-heading h2{font-size:26px}.contact-options-heading p{font-size:13px}.contact-identity p br{display:initial}.contact-career-links{gap:21px}}
.contact-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}.contact-introduction,.contact-options{min-width:0}
@media(max-width:760px){.contact-panel{grid-template-columns:minmax(0,1fr)}.contact-introduction h1 br{display:initial}.contact-introduction h1{font-size:38px}}
@media(max-width:430px){.contact-introduction h1{font-size:34px}}
/* V6: motion-led portfolio wall, real work in a clear interactive stage. */
.portfolio-wall-hero{background:#141d26;color:#fff;overflow:hidden;position:relative}.portfolio-wall-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 84% 16%,#285b8b33,transparent 60%);pointer-events:none}.portfolio-wall-layout{display:grid;grid-template-columns:.75fr 1.35fr;gap:60px;align-items:center;padding-top:45px;padding-bottom:55px;position:relative;min-height:690px}.wall-intro{padding-bottom:10px}.wall-location{font-size:10px;letter-spacing:.17em;color:#afbdca;font-weight:600;margin:0 0 27px}.wall-intro h1{font-size:clamp(58px,6.5vw,91px);letter-spacing:-.065em;line-height:.98;margin:0 0 22px;text-wrap:initial}.wall-intro h1>span{color:#4c9fff}.wall-title{font-size:clamp(18px,1.6vw,23px);line-height:1.45;font-weight:600;color:#99c7ff;letter-spacing:-.025em;margin:0 0 25px}.wall-description{max-width:365px;font-size:15px;color:#d0d8e0;line-height:1.85;margin-bottom:28px}.wall-intro .button-row{gap:12px}.wall-intro .button{font-size:13px;padding:13px 18px}.wall-intro .button.secondary{border-color:#718394;color:white}.wall-intro .button.secondary:hover{background:#ffffff12}.portfolio-wall{min-width:0}.wall-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:13px}.wall-topline>span{font-size:9px;letter-spacing:.15em;color:#becbd7;font-weight:600}.wall-playback{display:flex;gap:8px;align-items:center;min-height:34px;padding:6px 11px;border:1px solid #546474;background:#ffffff06;color:#eff7ff;border-radius:20px;font-size:10px}.wall-playback:hover{background:#ffffff15}.wall-play-icon{width:12px;font-size:11px}.wall-stage{aspect-ratio:1.22;position:relative;background:#273646;overflow:hidden;border-radius:5px}.wall-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;pointer-events:none}.wall-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.wall-slide>div:first-child{height:100%;width:100%}.wall-social{display:grid;grid-template-columns:1fr .38fr;gap:5px;background:#19222b}.wall-social>video{width:100%;height:100%;object-fit:cover;object-position:center 48%;min-height:0}.wall-social-side{display:grid;grid-template-rows:1fr 1fr;min-height:0;gap:5px}.wall-social-side>img{width:100%;height:100%;object-fit:cover;min-height:0}.wall-social-side>img:first-child{object-position:50% 20%}.wall-project-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:60px 25px 25px;background:linear-gradient(transparent,#0b121bf2);color:white;z-index:2}.wall-project-caption>div>span{font-size:10px;color:#d4e0eb;letter-spacing:.06em}.wall-project-caption h2{font-size:25px;line-height:1.2;margin:7px 0 0;letter-spacing:-.035em}.wall-project-caption>a{font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:9px 0;border-bottom:1px solid #a8c6e0}.wall-project-caption>a svg{width:14px;height:14px}.wall-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:17px}.wall-tabs>button{position:relative;border:0;border-top:2px solid #425365;background:none;text-align:left;color:#a5b6c8;font-size:12px;font-weight:500;padding:14px 0 8px;white-space:nowrap}.wall-tabs>button>span{display:block;font-size:8px;letter-spacing:.05em;margin-bottom:5px;color:#8499ad}.wall-tabs>button[aria-selected=true]{color:#fff;border-top-color:#4a9efb}.wall-tabs>button[aria-selected=true]>span{color:#8fc3ff}.wall-tabs>button:hover{color:white}.wall-tabs i{display:none}.wall-print{background:#d4d8dc;display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding:24px}.wall-print-covers{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.wall-print-covers>img{width:100%;box-shadow:0 12px 25px #0003}.wall-spread{height:100%;overflow:hidden;display:flex;align-items:center}.wall-spread>img{height:85%;width:100%;object-fit:cover;object-position:center;border:5px solid #fff}.wall-app{background:#e8ecef;display:flex;flex-direction:column;justify-content:center;padding:0 0 45px}.wall-browser-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;font-size:9px;background:#f5f7f9;color:#344e62;flex-shrink:0}.wall-browser-bar>span:first-child{letter-spacing:2px;color:#5c84a5}.wall-app>img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:top}.wall-email{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px 0;background:#cdd3d9;align-items:start;overflow:hidden}.wall-email>img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 8px 22px #0002;min-height:0}.wall-email>img:last-child{margin-top:45px}.portfolio-wall[data-playing=true] .wall-slide.is-active .wall-print-covers{animation:wall-drift 7.5s linear both}.portfolio-wall[data-playing=true] .wall-slide.is-active .wall-email{animation:wall-drift 7.5s linear both;transform-origin:50% 20%}@keyframes wall-drift{from{transform:scale(1)}to{transform:scale(1.045)}}
@media(max-width:1100px){.portfolio-wall-layout{grid-template-columns:.8fr 1.2fr;gap:35px;min-height:610px}.wall-intro h1{font-size:67px}.wall-title{font-size:18px}.wall-description{font-size:14px}.wall-stage{aspect-ratio:1.05}.wall-project-caption{padding:55px 18px 20px;display:block}.wall-project-caption h2{font-size:23px}.wall-project-caption>a{width:max-content;margin-top:10px;font-size:10px}.wall-tabs{gap:12px}.wall-tabs>button{font-size:11px}.wall-intro .button{font-size:12px;padding-inline:15px}}
@media(max-width:760px){.portfolio-wall-layout{grid-template-columns:1fr;gap:31px;padding-top:34px;padding-bottom:35px;min-height:0}.wall-location{margin-bottom:19px}.wall-intro h1{font-size:clamp(58px,12vw,80px);margin-bottom:18px}.wall-intro h1 br{display:none}.wall-title{font-size:20px;margin-bottom:18px}.wall-title br{display:none}.wall-description{max-width:500px;font-size:14px;margin-bottom:23px}.wall-intro .button{font-size:13px}.wall-intro{padding:0}.wall-stage{aspect-ratio:1.18}.wall-topline>span{font-size:9px}.wall-topline{padding-bottom:11px}.wall-project-caption{display:flex;padding:55px 19px 21px;gap:15px}.wall-project-caption h2{font-size:22px}.wall-project-caption>a{font-size:10px}.wall-project-caption>div>span{font-size:9px}.wall-tabs{gap:15px;margin-top:13px}.wall-tabs>button{font-size:12px;padding-top:11px}.wall-tabs>button>span{font-size:8px}.wall-print{padding:17px;gap:14px}.wall-email{padding:15px 17px 0;gap:12px}.wall-app{padding-bottom:45px}}
@media(max-width:430px){.wall-intro h1{font-size:60px;line-height:1.02}.wall-intro h1 br{display:initial}.wall-title{font-size:19px}.wall-title br{display:initial}.wall-project-caption{display:block;padding:55px 16px 17px}.wall-project-caption h2{font-size:20px}.wall-project-caption>a{font-size:10px;margin-top:8px;padding:6px 0}.wall-stage{aspect-ratio:1.05}.wall-tabs{gap:10px}.wall-tabs>button{font-size:11px}.wall-topline>span{font-size:8px}.wall-playback{font-size:10px}.wall-social{grid-template-columns:1fr .33fr}}
@media(prefers-reduced-motion:reduce){.wall-slide{transition:none}.wall-print-covers,.wall-email{animation:none!important}}
.wall-print-covers{grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:100%;gap:14px;min-height:0}.wall-print-covers>img{height:100%;width:100%;object-fit:contain;min-height:0;box-shadow:none}.wall-print{min-height:0}
@media(min-width:1101px){.wall-stage{aspect-ratio:1.4}}
/* V7: approved personal hero with atmospheric full-width work imagery. */
.ambient-hero{position:relative;isolation:isolate;overflow:hidden;background:#101923;color:#fff;min-height:650px}.ambient-background{position:absolute;inset:0;z-index:-3;pointer-events:none}.ambient-layer{position:absolute;inset:0;opacity:0;transition:opacity 2s ease;overflow:hidden}.ambient-layer.is-active{opacity:1}.ambient-layer>img:first-child{position:absolute;inset:0 0 0 28%;width:72%;height:100%;object-fit:cover;object-position:48% 35%;filter:saturate(.78)}.ambient-layer:nth-child(2)>img:first-child{inset:0 0 0 30%;width:70%;object-position:55% center}.ambient-layer:nth-child(3)>img:first-child{inset:-20% 0 -20% 35%;width:65%;height:140%;object-position:50% 35%}.ambient-layer .ambient-support{position:absolute;right:-15%;top:25%;height:78%;width:42%;object-fit:cover;object-position:left top;opacity:.34;transform:rotate(-8deg);border:8px solid #263848;border-radius:8px}.ambient-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101923 0%,#101923f5 27%,#101923d6 43%,#10192380 64%,#10192350 100%),linear-gradient(0deg,#10192366,transparent 55%,#10192335)}.ambient-content{padding-top:118px;padding-bottom:90px;position:relative;z-index:1}.ambient-identity{display:flex;align-items:center;gap:24px;margin-bottom:43px;max-width:1050px}.ambient-headshot{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #ffffff38}.ambient-identity h1{font-size:clamp(39px,4.3vw,59px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8px;text-wrap:initial}.ambient-title{font-size:clamp(19px,1.8vw,25px);font-weight:600;letter-spacing:-.025em;color:#4da9ff;line-height:1.45;margin:0 0 2px}.ambient-location{font-size:16px;color:#b5c0cb;margin:0}.ambient-intro{font-size:clamp(21px,2.1vw,29px);line-height:1.5;letter-spacing:-.015em;margin:0 0 39px;max-width:760px;color:#f0f3f7}.ambient-content .button-row{gap:18px}.ambient-content .button{font-size:15px;padding:16px 24px;min-height:54px}.ambient-content .button.secondary{color:white;border-color:#a6b2bf;background:#121e2b55}.ambient-content .button.secondary:hover{background:#ffffff12}.ambient-toggle{position:absolute;right:30px;bottom:27px;width:38px;height:38px;border:1px solid #b3c0cd88;border-radius:50%;color:white;background:#111b2777;display:grid;place-items:center;font-size:15px;z-index:3}.ambient-toggle:hover{background:#26394d}.ambient-hero[data-playing=true] .ambient-layer.is-active>img:first-child{animation:ambient-drift 11s linear both}@keyframes ambient-drift{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(min-width:1600px){.ambient-hero{min-height:700px}.ambient-content{padding-top:140px;padding-bottom:105px}.ambient-headshot{width:132px;height:132px}.ambient-intro{font-size:30px}}
@media(max-width:1100px){.ambient-headshot{width:100px;height:100px}.ambient-identity{gap:21px}.ambient-identity h1{font-size:45px}.ambient-title{font-size:20px}.ambient-intro{font-size:24px}.ambient-content{padding-top:100px;padding-bottom:85px}.ambient-hero{min-height:600px}.ambient-hero:after{background:linear-gradient(90deg,#101923fa 0%,#101923e6 35%,#101923a3 65%,#10192366 100%)}}
@media(max-width:760px){.ambient-hero{min-height:0}.ambient-content{padding-top:66px;padding-bottom:78px}.ambient-headshot{width:83px;height:83px}.ambient-identity{gap:18px;align-items:center;margin-bottom:32px}.ambient-identity h1{font-size:34px;margin-bottom:8px}.ambient-title{font-size:17px;line-height:1.45;max-width:350px}.ambient-location{font-size:13px;margin-top:6px}.ambient-intro{font-size:22px;line-height:1.6;max-width:540px;margin-bottom:30px}.ambient-intro br{display:none}.ambient-layer>img:first-child{inset:0 -10% 0 10%;width:100%;object-position:center}.ambient-layer:nth-child(2)>img:first-child{inset:0 -10% 0 10%;width:100%}.ambient-layer:nth-child(3)>img:first-child{inset:0 -10% 0 10%;width:100%;height:100%}.ambient-hero:after{background:linear-gradient(90deg,#101923f0,#101923b5),linear-gradient(0deg,#101923a3,transparent)}.ambient-layer .ambient-support{display:none}.ambient-content .button{font-size:13px;min-height:49px;padding:13px 18px}.ambient-content .button-row{gap:12px}.ambient-toggle{right:22px;bottom:20px;width:33px;height:33px;font-size:13px}}
@media(max-width:430px){.ambient-content{padding-top:43px;padding-bottom:71px}.ambient-identity{gap:14px;align-items:flex-start;margin-bottom:27px}.ambient-headshot{width:65px;height:65px;margin-top:5px}.ambient-identity h1{font-size:29px;line-height:1.13;margin-bottom:9px}.ambient-title{font-size:15px;line-height:1.5}.ambient-location{font-size:12px}.ambient-intro{font-size:20px;line-height:1.65}.ambient-content .button{font-size:12px;padding-inline:15px}.ambient-content .button-row{gap:10px}}
@media(prefers-reduced-motion:reduce){.ambient-layer{transition:none}.ambient-layer>img{animation:none!important}}
.ambient-layer>img:first-child{mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
@media(max-width:760px){.ambient-layer>img:first-child{mask-image:none}}
@media(max-width:760px){.ambient-background .ambient-layer>img:first-child{inset:0;width:100%;height:100%}}
/* V8: one uncluttered artwork at a time, five-second rotation and brief fades. */
.ambient-layer{transition:opacity .6s ease}.ambient-layer .ambient-support{display:none}.ambient-background .ambient-layer>img:first-child{inset:0 0 0 28%;width:72%;height:100%;object-fit:cover;object-position:55% 35%;mask-image:linear-gradient(90deg,transparent,#000 28%)}.ambient-background .ambient-diadora>img:first-child{object-position:70% 52%;filter:saturate(.85)}.ambient-video{position:absolute;inset:0 0 0 28%;width:72%;height:100%;object-fit:cover;object-position:center 48%;mask-image:linear-gradient(90deg,transparent,#000 28%);filter:saturate(.6)}.ambient-hero[data-playing=true] .ambient-layer.is-active>img:first-child{animation:none}
@media(max-width:760px){.ambient-background .ambient-layer>img:first-child,.ambient-video{inset:0;width:100%;height:100%;mask-image:none}.ambient-background .ambient-diadora>img:first-child{object-position:75% center}}
@media(prefers-reduced-motion:reduce){.ambient-layer{transition:none}}