@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#223e59;--muted:#5c7287;--blue:#3576a5;--pale:#e7f1fa;--line:#ccdeeb;--paper:#f8fbfd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}p{color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding-left:46px;padding-right:46px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 46px;max-width:1440px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-size:12px;letter-spacing:1.1px;font-weight:700}.monogram{font-family:Georgia,serif;font-size:39px;letter-spacing:-4px;line-height:1;font-weight:400;padding-right:5px}.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:1.7px;margin-top:3px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-cta{border:1px solid #98b7ce;border-radius:5px;padding:9px 18px}nav a:hover,.text-link:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-top:65px;padding-bottom:62px;align-items:center}.availability{display:inline-flex;align-items:center;gap:9px;border:1px solid #bdd7e8;border-radius:30px;padding:6px 12px;font-size:9px;letter-spacing:1.4px;font-weight:600;background:#eff7fc}.availability span{width:6px;height:6px;border-radius:100%;background:#528c8f}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#51748f;margin:0 0 20px}.intro{margin-top:30px;margin-bottom:13px}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(45px,4.8vw,67px);line-height:1.1;letter-spacing:-3px;margin:0 0 24px;font-weight:500}em{font-family:Georgia,serif;font-weight:400;color:#5c8aac}h1 em{font-size:1.07em}.hero-description{font-size:16px;max-width:405px;line-height:1.8}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 23px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#35638a}.secondary{border-color:#a8c2d6}.text-link{font-size:12px;border-bottom:1px solid #9fbcd1;padding:8px 0}.hero-details{display:flex;gap:20px;margin-top:35px;font-size:10px;color:#647e94}.hero-details span+span:before{content:'·';margin-right:20px}.portrait-area{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:510px}.portrait-arch{width:92%;height:470px;border-radius:210px 210px 12px 12px;background:linear-gradient(135deg,#e8f2fa,#c0daee);position:relative;overflow:hidden;box-shadow:0 0 0 12px #f4f9fd,0 0 0 13px #cbdfea}.portrait-arch img{width:111%;max-width:none;position:absolute;bottom:0;left:-5.5%;height:94%;object-fit:contain;object-position:bottom}.portrait-word{position:absolute;z-index:2;top:6px;left:20px;font-size:9px;letter-spacing:2.3px;text-transform:uppercase;color:#7190a7}.portrait-note{position:absolute;left:-20px;bottom:56px;z-index:2;display:flex;gap:13px;align-items:center;background:#fff;padding:15px 23px;border:1px solid #dfebf3;box-shadow:0 12px 35px #2746600b;border-radius:7px;font-size:12px;line-height:1.8;transform:rotate(-4deg)}.portrait-note>span{font-size:30px;color:#6e9dbc}.portrait-signature{font-family:Georgia,serif;font-size:24px;font-style:italic;position:absolute;bottom:0;right:14px;color:#638aa7}.ribbon{display:flex;justify-content:center;gap:45px;padding:19px 20px;border-block:1px solid #cfe1ee;background:#eaf3fa;font-size:9px;letter-spacing:1.7px;color:#5b7c96;align-items:center}.ribbon b{font-size:16px;font-weight:400}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:95px;padding-bottom:95px}h2{font-size:40px;line-height:1.22;letter-spacing:-1.6px;font-weight:500;margin:0 0 20px}h2 em{font-size:1.06em}.about p{font-size:14px}.about .lead{font-size:19px;line-height:1.6;margin-top:0;color:var(--ink)}.about-notes{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.about-notes span{font-size:10px;border-bottom:1px solid var(--line);padding:5px 0}.services-section{background:#e9f3fa;padding:74px 0 80px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.section-heading p:not(.eyebrow){font-size:13px;margin-bottom:22px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.services-grid article{border-top:1px solid #abc8dd;padding-top:20px}.service-number{font-size:9px;letter-spacing:1.7px;color:#6287a1}.services-grid h3{font-size:17px;font-weight:600;margin:18px 0 12px;line-height:1.5}.services-grid p{font-size:12px;line-height:1.9}.tool-note{font-size:10px;color:#547d99}.work-section{padding-top:90px;padding-bottom:80px}.filters{display:flex;flex-wrap:wrap;gap:9px;padding:5px 0 22px;border-bottom:1px solid var(--line)}.filters button{border:1px solid #d1e1ec;background:transparent;color:var(--muted);font-size:11px;padding:9px 17px;border-radius:30px}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.gallery-status{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:17px 0 24px;gap:15px}.gallery-status label{display:flex;align-items:center;gap:12px;color:var(--muted)}input{border:1px solid var(--line);background:white;border-radius:4px;padding:7px 11px;font-size:11px;color:var(--ink);width:220px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.work-card{min-width:0}.work-visual{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.16;background:#deebf5;border:1px solid #d7e5ef;overflow:hidden;border-radius:8px;position:relative;color:var(--ink);padding:0}.work-visual img{width:100%;height:100%;object-fit:cover}.work-visual .poster-image{object-fit:contain;background:#edf3f8}.work-visual video{width:100%;height:100%;object-fit:contain;background:#dbe8f2}.work-visual:after{content:'↗';position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;font-size:15px}.work-visual.video:after{content:'▶';font-size:10px}.work-visual .graphic-preview{padding:25px;width:100%;text-align:left;display:flex;flex-direction:column;justify-content:space-between;height:100%;background:linear-gradient(145deg,#d1e5f4,#eff6fb)}.graphic-preview small{font-size:8px;letter-spacing:2px}.graphic-preview strong{font-size:26px;line-height:1.25;font-family:Georgia,serif;font-weight:400;max-width:240px}.graphic-preview span{font-size:10px}.work-card:nth-child(3n+2) .graphic-preview{background:linear-gradient(145deg,#e7e9f6,#d5e8f6)}.work-meta{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#6a8aa3;margin:15px 0 6px}.work-card h3{font-size:15px;line-height:1.5;margin:0 0 5px;font-weight:600}.work-card p{font-size:11px;margin:0;line-height:1.7}.load-more{display:flex;margin:38px auto 0;border:1px solid #b9cfdf;background:transparent;color:var(--ink)}[hidden]{display:none!important}.gallery-footnote{font-size:10px;text-align:center;margin-top:26px}.creator-section{background:#dfedf8;padding:78px 0}.creator-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.creator-inner>div>p:not(.eyebrow){font-size:14px;max-width:430px}.creator-board{background:#f7fbfe;border:1px solid #c7dcea;border-radius:8px;padding:30px 34px;transform:rotate(1.5deg)}.mini-label{font-size:9px;letter-spacing:2px;color:#6f90a8}.creator-board>div{border-top:1px solid #d5e5f0;margin-top:23px;padding-top:16px}.creator-board>div>span{float:right;font-size:11px;color:#9cb7cc}.creator-board h3{font-size:15px;font-weight:500;margin:0}.creator-board p,.creator-board a{font-size:11px;margin:7px 0 0}.creator-board a{color:#3c739d}.experience{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:90px;padding-bottom:90px}.experience>div>p:not(.eyebrow){font-size:14px}.toolbox{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;max-width:360px}.toolbox h3{font-size:13px}.toolbox p{font-size:12px;line-height:2.1}.timeline{border-left:1px solid #c7dce9;padding-left:29px}.timeline article{position:relative;padding-bottom:25px}.timeline article:before{content:'';position:absolute;left:-34px;top:7px;width:8px;height:8px;border-radius:100%;background:#81a9c7;border:3px solid var(--paper);box-sizing:content-box}.timeline article>span{font-size:9px;letter-spacing:1.3px;color:#6a8da7}.timeline h3{font-size:17px;font-weight:600;margin:6px 0 0}.timeline strong{font-size:11px;font-weight:500;color:#5c7d97}.timeline p{font-size:12px;margin:6px 0 0;line-height:1.8}.contact-section{background:#e7f1fa;border-top:1px solid #d2e4f1;text-align:center;padding:80px 0}.contact-section h2{font-size:49px}.contact-section p{font-size:14px}.contact-section .actions{justify-content:center}.contact-email{display:inline-block;font-size:11px;color:#66849b;margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;font-size:10px}footer .brand{font-size:10px;letter-spacing:0}footer .monogram{font-size:30px}footer p{font-size:10px}dialog{border:1px solid #abc9df;border-radius:10px;padding:35px;max-width:880px;width:90vw;background:#f7fbfe;color:var(--ink);max-height:90vh}dialog::backdrop{background:#152e45b5;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:12px;top:5px;border:0;background:none;color:var(--ink);font-size:28px}dialog img{max-height:72vh;margin:auto;object-fit:contain}dialog video{width:100%;max-height:65vh}dialog h3{margin:10px 0}dialog p{white-space:pre-line;font-size:13px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
@media(min-width:1400px){.hero{padding-top:75px;padding-bottom:75px}}@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}header{padding:20px 28px}.hero{gap:25px}h1{font-size:48px}.portrait-area{min-height:450px}.portrait-arch{height:390px}.portrait-note{left:-8px;font-size:10px}.ribbon{gap:22px;font-size:8px}.about,.experience{gap:35px}.services-grid{grid-template-columns:repeat(2,1fr);gap:35px}.creator-inner{gap:40px}.gallery{grid-template-columns:repeat(2,1fr)}nav{gap:18px}}@media(max-width:600px){html{scroll-padding-top:20px}.wrap{padding-left:22px;padding-right:22px}header{padding:17px 22px}.brand{font-size:10px;gap:9px}.brand-sub{font-size:6px}nav{gap:15px;font-size:11px}nav>a:first-child,nav>a:nth-child(2){display:none}.nav-cta{padding:7px 10px}.hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:45px;gap:25px}.hero-description{max-width:350px}.hero h1{font-size:53px}.portrait-area{min-height:405px;margin:4px 24px 0}.portrait-arch{height:355px;width:85%}.portrait-word{top:4px;left:15px;font-size:8px}.portrait-note{bottom:45px;left:-12px;padding:10px 18px}.portrait-signature{bottom:0;font-size:23px}.hero-details{margin-top:25px}.ribbon{gap:17px;flex-wrap:wrap;padding:16px;font-size:7px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.about,.experience{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}h2{font-size:34px}.services-section{padding:50px 0}.section-heading{display:block;margin-bottom:25px}.section-heading p:not(.eyebrow){font-size:12px}.services-grid{gap:25px 20px}.services-grid h3{font-size:15px}.services-grid p{font-size:11px}.tool-note{font-size:9px}.work-section{padding-top:55px;padding-bottom:50px}.filters{gap:6px}.filters button{font-size:10px;padding:8px 12px}.gallery-status{display:block}.gallery-status label{justify-content:space-between}.gallery-status input{width:65%}.gallery{gap:25px 13px}.work-card h3{font-size:12px}.work-card p{font-size:10px}.work-meta{font-size:7px;letter-spacing:1px}.work-visual{aspect-ratio:.85}.work-visual .graphic-preview{padding:15px}.graphic-preview strong{font-size:21px}.graphic-preview small{font-size:7px;letter-spacing:1px}.creator-section{padding:50px 0}.creator-inner{grid-template-columns:1fr;gap:35px}.creator-board{padding:25px}.contact-section{padding:55px 0}.contact-section h2{font-size:35px}.contact-section .actions{gap:10px}.button{padding:13px 17px;font-size:11px}footer{gap:15px;flex-wrap:wrap}footer p{display:none}.eyebrow{font-size:9px}dialog{padding:30px 16px}.timeline{margin-left:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
