@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
.work-media{position:relative;padding-top:31px}.work-media video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#191b17;border-radius:12px}.video-category{position:absolute;top:0;left:0;font-size:12px;letter-spacing:.6px;font-weight:600}.about-video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#191b17;border-radius:16px;box-shadow:0 14px 35px #18294b16}.about-visual .photo-tag{position:relative;display:block;bottom:auto;right:auto;margin:18px -15px 0;text-align:center;transform:rotate(-3deg)}video:focus-visible{outline:3px solid #2455c7;outline-offset:5px}
:root{--paper:#fffdf7;--ink:#18294b;--rust:#2455c7;--line:#cdd9e8;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--rust);outline-offset:6px}header{height:112px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:43px;font-weight:600;letter-spacing:-3px}.wordmark span{vertical-align:top;font:12px sans-serif;letter-spacing:0;display:inline-block;margin:12px 0 0 6px}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover,.socials a:hover{color:var(--rust)}.nav-contact{border:1px solid var(--ink);padding:12px 20px;border-radius:30px}.nav-contact span{margin-left:18px}.hero{max-width:1440px;margin:auto;padding:78px 6% 92px;display:grid;grid-template-columns:1.25fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 24px}.asterisk{font-size:25px;color:var(--rust);vertical-align:middle;margin-right:8px}h1{font-family:var(--serif);font-size:clamp(44px,5.2vw,80px);font-weight:500;letter-spacing:-3.5px;line-height:1.12;margin:0 0 26px}em{font-weight:500;color:var(--rust)}.intro{max-width:355px;line-height:1.75;color:#4b5c72}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:var(--paper);border-radius:50px;padding:18px 25px;font-size:14px;margin-top:21px;transition:background .2s,transform .2s}.button:hover{background:var(--rust);transform:translateY(-3px)}.hero-note{font-family:var(--serif);font-style:italic;color:#53637a;margin:15px 0 0 26px;font-size:16px}.drawn-arrow{font-size:30px;margin-right:8px}.hero-art{position:relative;padding:0 28px 0 18px}.photo-frame{transform:rotate(4deg);padding:11px;background:#fffdf7;box-shadow:0 14px 35px #18294b16;animation:arrive 1.2s ease both}.photo{background-image:url(portfolio-reference.png);background-repeat:no-repeat}.hero-photo{display:block;width:100%;height:auto;aspect-ratio:273/293;object-fit:cover;object-position:52% center}.photo-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;padding:17px 3px 7px}.round-stamp{position:absolute;right:-6px;bottom:-30px;width:124px;height:124px;border-radius:50%;background:#ffe183;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 5px var(--paper);animation:bob 6s ease-in-out infinite}.round-stamp span{font-size:10px;letter-spacing:1.4px;font-weight:bold}.round-stamp b{font-size:44px;line-height:1.2;font-weight:400}.side-note{position:absolute;right:-22px;top:55%;writing-mode:vertical-rl;font-size:11px;letter-spacing:1px}.ticker{background:var(--rust);color:var(--paper);overflow:hidden;padding:21px 0;transform:rotate(-1.3deg)}.ticker div{display:flex;align-items:center;gap:38px;white-space:nowrap;width:max-content;font-size:14px;font-weight:500;letter-spacing:2px;animation:marquee 38s linear infinite}.ticker span{font-size:23px}.section{padding:104px 6%;max-width:1440px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.6vw,65px);line-height:1.1;letter-spacing:-2px;margin:0}.section-heading>p{font-size:14px;line-height:1.75;color:#4b5c72}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.work-card:nth-child(even){padding-top:36px}.work-image{position:relative;aspect-ratio:127/227;background-image:url(portfolio-reference.png);background-repeat:no-repeat;background-size:608.66% 902.2%;overflow:hidden;border-radius:100px 100px 9px 9px;transition:transform .4s,box-shadow .4s}.work-card:hover .work-image{transform:translateY(-8px);box-shadow:0 12px 25px #18294b22}.image-1{background-position:3.4% 51.346%}.image-2{background-position:26.625% 51.346%}.image-3{background-position:49.845% 51.346%}.image-4{background-position:73.22% 51.346%}.image-5{background-position:96.44% 51.346%}.category{position:absolute;bottom:12px;left:10px;font-size:9px;letter-spacing:1px;padding:7px 9px;border-radius:20px;background:var(--paper)}.number{position:absolute;top:14px;left:50%;transform:translateX(-50%);color:white;font-size:12px;text-shadow:0 1px 6px #000}.card-label{padding:17px 0}h3{font-size:16px;margin:0 0 7px;font-weight:500}.card-label>span{font-size:12px;color:#53637a}.work-footnote{font-size:13px;color:#53637a;margin-top:25px}.work-footnote a{text-decoration:underline;text-underline-offset:4px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-top:85px;padding-bottom:95px}.about-visual{position:relative;padding:0 15% 0 7%}.about-photo{aspect-ratio:196/349;background-image:url(portfolio-reference.png);background-size:394.388% 586.82%;background-position:84.575% 26.604%;border-radius:160px 160px 5px 5px;transform:rotate(-3deg)}.photo-tag{position:absolute;bottom:23px;right:-7px;background:#ffe183;padding:16px 20px;font-family:var(--serif);font-style:italic;transform:rotate(5deg)}.about-copy h2{margin-bottom:27px}.about-copy>p:not(.eyebrow){line-height:1.85;color:#4b5c72;max-width:440px}.socials{display:flex;gap:30px;font-size:14px;margin-top:28px;text-decoration:underline;text-underline-offset:6px}.process{background:#eef5ff;max-width:none}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps article{border-top:1px solid #a6b8d0;padding-top:20px}.steps article>span{font-family:var(--serif);font-style:italic;color:var(--rust);font-size:24px}.steps h3{font-size:24px;margin:25px 0 12px;font-family:var(--serif)}.steps p{font-size:14px;line-height:1.8;max-width:235px;color:#4b5c72}.package-note{font-size:13px;margin-top:38px;color:#4b5c72}.contact{padding:90px 6% 0;background:#e8f2ff;color:var(--paper);position:relative;overflow:hidden}.contact h2{font-size:clamp(52px,7.6vw,110px);position:relative;max-width:1000px}.contact em{color:#ffe183}.contact-star{position:absolute;right:0;top:5px;color:#ffe183;font-size:125px;animation:spin 28s linear infinite}.email-link{display:inline-flex;gap:65px;font-size:clamp(18px,2.3vw,29px);border-bottom:1px solid #7a91b1;margin:44px 0 15px;padding-bottom:14px}.email-link:hover{color:#ffe183}.contact>p:not(.eyebrow){color:#4b5c72;font-size:14px}footer{border-top:1px solid #b1c5de;margin-top:77px;padding:26px 0;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{font-size:12px;color:#4b5c72}.skip{position:absolute;top:-70px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(-9px) rotate(6deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrive{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(4deg)}}
@media(min-width:1441px){.process,.contact{padding-left:max(6%,calc((100vw - 1267px)/2));padding-right:max(6%,calc((100vw - 1267px)/2))}}@media(max-width:800px){header{height:88px}nav{gap:20px;font-size:12px}.hero{padding-top:55px;gap:20px}h1{font-size:48px;letter-spacing:-2px}.hero-art{padding:0 15px}.round-stamp{width:95px;height:95px;right:-8px}.round-stamp b{font-size:32px}.round-stamp span{font-size:8px}.photo-caption{font-size:7px}.side-note{display:none}.section{padding:75px 6%}.work-grid{grid-template-columns:repeat(3,1fr)}.work-card:nth-child(even){padding-top:0}.about{gap:7%}.about-visual{padding:0}.steps{grid-template-columns:repeat(2,1fr)}.contact-star{font-size:80px;right:10px}.intro{font-size:15px}.hero-note{font-size:13px;margin-left:5px}}@media(max-width:560px){header{margin:0 6%;height:85px}.wordmark{font-size:36px}nav{gap:18px}nav>a:first-child{display:none}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:6px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:72px;gap:45px}h1{font-size:clamp(44px,10.6vw,59px)}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-art{width:86%;max-width:360px;justify-self:center}.photo-caption{font-size:9px}.round-stamp{width:104px;height:104px;right:-12px;bottom:-24px}.round-stamp span{font-size:9px}.hero-note{margin-top:7px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.work-grid{grid-template-columns:repeat(2,1fr);gap:23px 16px}.work-card:nth-child(even){padding-top:28px}.work-card:last-child{grid-column:1/-1;width:calc(50% - 8px)}.work-footnote{line-height:1.8}.about{grid-template-columns:1fr;gap:48px}.about-visual{width:70%;margin:auto}.photo-tag{right:-38px;font-size:14px}.about-copy h2{font-size:49px}.steps{gap:25px}.steps h3{font-size:23px}.contact{padding-top:65px}.contact h2{font-size:51px;letter-spacing:-2px}.contact-star{font-size:49px;top:-35px;right:2px}.email-link{gap:25px;font-size:20px}footer{gap:15px;flex-wrap:wrap}footer>span{display:none}.category{font-size:8px}.intro{font-size:16px}.eyebrow{font-size:12px}.ticker div{font-size:12px}.work-image{border-radius:95px 95px 7px 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

.video-player{position:relative}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #ffffffb3;border-radius:50%;background:#18294bd9;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 20px #0003;transition:background .2s,scale .2s}.video-play[hidden]{display:none}.video-play:hover{background:#2455c7;scale:1.08}.video-play:focus-visible{outline:3px solid #ffe183;outline-offset:5px}.video-play svg{margin-left:2px}.intro-video-label{font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--rust);margin:0 0 15px}.about-copy .bio-label{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--rust);margin:28px 0 8px}.about-copy .bio-label+p{margin-top:0}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.reasons article{border-top:1px solid var(--line);padding-top:22px}.reason-index{font-size:12px;letter-spacing:1px;color:var(--rust);font-weight:600}.reasons h3{font-family:var(--serif);font-size:27px;line-height:1.25;margin:22px 0 15px}.reasons p{line-height:1.85;color:#4b5c72}.why{border-top:1px solid var(--line)}@media(max-width:800px){.reasons{grid-template-columns:1fr;gap:28px}.reasons h3{margin-top:14px}.about-visual .photo-tag{font-size:14px}}

/* Bright surfaces, strong contrast, and warm accents. */
.button{background:var(--rust);color:#fff}.button:hover{background:#183e99}
.ticker{background:#ffe183;color:var(--ink)}
.round-stamp,.photo-tag{color:var(--ink)}
.contact{color:var(--ink)}.contact em{color:var(--rust)}
.contact-star{color:var(--rust)}.email-link:hover{color:var(--rust)}
.socials{gap:14px;text-decoration:none}.socials a{display:grid;place-items:center;width:50px;height:50px;border:1px solid #9db2cf;border-radius:50%;background:#fff;transition:transform .2s,background .2s}.socials a:hover{background:#ffe183;transform:translateY(-3px)}.socials img{display:block}

.hero h1{font-size:clamp(42px,4.8vw,70px);letter-spacing:-2.5px}.hero-results{display:flex;gap:32px;margin:28px 0 8px}.hero-results>div{display:flex;flex-direction:column;gap:5px}.hero-results strong{font-family:var(--serif);font-size:clamp(32px,3.4vw,48px);font-weight:600;color:var(--rust);letter-spacing:-1.5px}.hero-results span{font-size:14px}.results-caption{font-size:12px;color:#53637a;margin:10px 0 0}.hero-email{display:block;width:fit-content;margin:20px 0 0;font-size:16px;text-decoration:underline;text-underline-offset:5px}.hero-email:hover{color:var(--rust)}
.video-player{background:#172030;border:2px solid #788398;border-radius:30px;padding:17px 6px 12px;box-shadow:0 8px 22px #18294b20, inset 0 0 0 2px #0c1422}.video-player::before{content:'';position:absolute;width:28px;height:3px;background:#8290a5;top:7px;left:50%;transform:translateX(-50%);border-radius:4px;pointer-events:none}.video-player::after{content:'';position:absolute;width:30%;height:3px;background:#a5afbd;bottom:5px;left:35%;border-radius:4px;pointer-events:none}.video-player video{border-radius:19px;box-shadow:none}.video-player .video-play{z-index:1}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:7%;align-items:center}.contact-copy h2{font-size:clamp(44px,5.5vw,80px)}.contact-copy .contact-star{font-size:54px;right:0;top:-45px}.contact-portrait{margin:0;transform:rotate(3deg);padding:10px;background:#fffdf7;box-shadow:0 12px 30px #18294b15}.contact-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 65%}.contact-portrait figcaption{font-size:12px;padding:15px 4px 7px;text-align:center}.contact-copy>p:last-child{font-size:14px;color:#4b5c72}.contact-copy .email-link{gap:25px;font-size:clamp(18px,2vw,27px)}
@media(max-width:560px){.hero h1{font-size:43px;letter-spacing:-2px}.hero-results{gap:25px}.hero-results strong{font-size:36px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-portrait{width:75%;max-width:300px;margin:0 auto}.contact-copy h2{font-size:49px}.contact-copy .contact-star{font-size:42px;top:-30px}.video-player{border-radius:24px;padding:16px 4px 11px}.video-player video{border-radius:15px}}