@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#fff1ed;--red:#ca274c;--ink:#292532;--pink:#f9d9dc;--orange:#ffad55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Bodoni Moda',Georgia,serif}a{color:inherit}.site-header{height:100px;display:flex;align-items:center;background:var(--cream);position:relative;z-index:10}.site-header:before{content:"";position:absolute;inset:0 auto 0 0;width:50%;background:linear-gradient(100deg,#f9dbe1 8%,var(--orange) 66%,#ff8997);z-index:-1}.brand{font-size:20px;letter-spacing:3px;text-decoration:none;padding-left:28px;color:#bd2344;white-space:nowrap}.site-header nav{margin-left:auto;display:flex;gap:78px;padding-right:55px}.site-header nav a{text-decoration:none;font-size:15px;text-transform:uppercase}.site-header nav a:hover,.site-header nav .active{color:#b61836}.menu{display:none}.home{min-height:850px;background:var(--cream);padding:108px max(7vw,40px) 75px;display:grid;grid-template-columns:minmax(500px,1fr) minmax(390px,.8fr);gap:90px}.portrait-collage{height:690px;position:relative}.portrait-frame{position:absolute;left:4%;top:0;width:68%;height:470px;background:#fff;padding:10px;box-shadow:5px 4px 3px #aaa}.portrait-frame img{width:100%;height:100%;object-fit:cover}.photo{position:absolute;object-fit:cover;border:10px solid white;box-shadow:3px 3px 4px #aaa}.photo.market{width:42%;height:260px;left:0;bottom:0}.photo.event{width:50%;height:350px;right:0;bottom:0}.sticker{position:absolute;z-index:3;font-family:sans-serif;font-size:58px}.camera{left:0;top:-40px}.laptop{right:10%;top:65px;transform:rotate(8deg)}.hanger{left:-4%;top:410px;font-size:95px;transform:rotate(20deg)}.intro{padding-top:0}.intro h1{color:var(--red);font-size:51px;font-weight:400;line-height:1.08;margin:0 0 18px}.intro p{font-size:22px;line-height:1.4;max-width:530px}.home-links{display:grid;gap:34px;margin-top:45px}.home-links a{background:var(--red);color:#fff;text-decoration:none;text-align:center;padding:14px 15px;font:600 17px 'DM Sans',sans-serif;box-shadow:10px 10px 0 #8a5b5a;border-radius:5px;transition:.2s}.home-links a:hover{transform:translate(-2px,-2px);box-shadow:12px 12px 0 #8a5b5a}.socials{text-align:center;margin-top:55px}.socials a{display:inline-grid;place-items:center;width:45px;height:45px;border:3px solid var(--ink);border-radius:50%;font:600 25px sans-serif;text-decoration:none}footer{background:#26232a;color:#fff;padding:28px 8%;display:flex;gap:24px;align-items:center;font-family:'DM Sans',sans-serif;font-size:14px}footer p:last-child{margin-left:auto}
.page{min-height:70vh;padding:40px max(5vw,30px) 90px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.portfolio-card{position:relative;height:680px;overflow:hidden}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.portfolio-card:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.portfolio-card span{position:absolute;z-index:2;inset:50% 20px auto;text-align:center;color:#fff;font-size:20px;transform:translateY(-50%)}.portfolio-card:hover img{transform:scale(1.04)}
.collection{background:var(--cream);min-height:75vh;padding:65px max(8vw,35px) 120px}.back{text-decoration:none;font-size:15px}.collection h1,.resume h1{font-weight:400;color:var(--red);font-size:52px;margin:70px 0 20px}.collection .lede{font-size:20px;line-height:1.6;max-width:760px}.collection-empty{margin-top:70px;border-top:1px solid #d9bfc0;padding-top:38px;color:#735e62;font-family:'DM Sans',sans-serif}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:65px}.project-card{background:#fff;box-shadow:8px 8px 0 #d7a4a7;overflow:hidden}.project-card img{width:100%;height:280px;object-fit:cover}.project-card div{padding:25px 28px 30px}.project-card h2{color:var(--red);font-size:25px;margin:0 0 12px}.project-card p{font-family:'DM Sans',sans-serif;line-height:1.6;margin:0}.project-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 17px)}
.resume{padding:55px max(10vw,35px) 100px;background:#fff}.resume h1{margin:0}.resume .contact{font-family:'DM Sans',sans-serif;margin-bottom:45px}.resume-section{display:grid;grid-template-columns:220px 1fr;gap:45px;border-top:2px solid var(--red);padding:35px 0}.resume-section h2{color:var(--red);font-size:27px;margin:0}.entry{margin:0 0 36px}.entry h3{font-size:23px;margin:0 0 6px}.entry .meta{font:600 14px 'DM Sans',sans-serif;color:#8f2140;margin:0 0 12px}.entry li{margin:8px 0;line-height:1.5}.education p{font-size:18px;line-height:1.6}
@media(max-width:900px){.site-header{height:auto;min-height:82px;padding:20px}.site-header:before{width:100%}.brand{padding:0;font-size:16px}.brand span{display:none}.menu{display:block;margin-left:auto;background:none;border:1px solid #8e2740;padding:8px 12px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:20px;gap:0;flex-direction:column}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.home{padding:60px 7% 80px;grid-template-columns:1fr;gap:50px}.portrait-collage{max-width:620px;width:100%;margin:auto}.intro{max-width:620px;margin:auto}.intro h1{font-size:42px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{height:480px}.resume-section{grid-template-columns:1fr;gap:15px}footer{align-items:flex-start;flex-direction:column}footer p:last-child{margin-left:0}}@media(max-width:520px){.home{padding:45px 20px}.portrait-collage{height:490px}.portrait-frame{width:78%;height:325px}.photo.market{height:190px;width:46%}.photo.event{height:255px;width:58%}.sticker{font-size:36px}.hanger{font-size:60px;top:300px}.intro h1,.collection h1{font-size:35px}.intro p{font-size:18px}.home-links{gap:24px}.home-links a{font-size:14px}.page{padding-inline:20px}.collection{padding-inline:24px}.resume{padding-inline:24px}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr}.project-card:last-child:nth-child(odd){grid-column:auto;max-width:none}.project-card img{height:230px}}
.contact-card{position:relative;background:linear-gradient(105deg,#f8d9df 0%,#ffb35c 52%,#ff8d9c 100%);padding:50px max(8vw,40px);display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:40px;align-items:center;color:#411e29}.contact-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.6);pointer-events:none}.contact-card h2{font-size:30px;letter-spacing:.3px;margin:0;color:#a4193d}.contact-detail{text-align:center;position:relative;z-index:1}.contact-detail h3{font-size:26px;font-weight:400;margin:0 0 10px}.contact-detail>a{font-size:17px;text-decoration:none}.contact-detail>a:hover{text-decoration:underline}.social-links{display:flex;justify-content:center;gap:18px}.social-links a,.social-placeholder{width:42px;height:42px;display:grid;place-items:center}.social-links svg{width:38px;height:38px;fill:currentColor}.social-links a{color:#087dad;transition:transform .2s}.social-links a:hover{transform:translateY(-3px)}.social-placeholder{color:#241c20}@media(max-width:900px){.contact-card{grid-template-columns:1fr 1fr}.contact-card h2{grid-column:1/-1;text-align:center}}@media(max-width:560px){.contact-card{grid-template-columns:1fr;padding:45px 25px}.contact-card h2{grid-column:auto}.contact-detail{padding:8px 0}}
.important-contact{margin-top:48px;padding:28px 30px;background:#fff;border-left:5px solid var(--red);box-shadow:8px 8px 0 #d7a4a7}.important-contact .eyebrow{margin:0 0 6px;color:var(--red);font:600 13px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.5px}.important-contact h2{margin:0 0 8px;color:var(--ink);font-size:25px;line-height:1.25}.important-contact>p:not(.eyebrow){margin:0 0 22px;font:16px 'DM Sans',sans-serif}.important-contact>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.contact-button{background:var(--red);color:#fff;padding:11px 20px;text-decoration:none;font:600 14px 'DM Sans',sans-serif;border-radius:3px}.contact-link{font:500 14px 'DM Sans',sans-serif}.contact-footer{background:#26232a;color:#fff;padding:34px 8%;display:grid;grid-template-columns:2fr 1fr auto;gap:50px;align-items:center;font-family:'DM Sans',sans-serif}.contact-footer p{margin:0 0 9px}.contact-footer .footer-title,.contact-footer .footer-social p{font-family:'Bodoni Moda',Georgia,serif;font-size:19px}.contact-footer a{display:block;width:max-content;margin:5px 0;color:#fff}.contact-footer .copyright{margin:0;text-align:right;font-size:13px}@media(max-width:700px){.contact-footer{grid-template-columns:1fr;gap:24px;align-items:start}.contact-footer .copyright{text-align:left}.important-contact{padding:24px 22px}}
.project-page{padding:55px max(7vw,30px) 100px;background:var(--cream);min-height:75vh}.project-heading{max-width:920px;margin:55px 0 50px}.project-heading h1{color:var(--red);font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.08;margin:0 0 24px}.project-heading>p{font-size:19px;line-height:1.7;max-width:850px}.project-meta{display:flex;gap:50px;margin:0 0 25px;font:16px 'DM Sans',sans-serif}.project-meta span{display:grid;gap:5px}.project-meta b{color:var(--red);font-size:13px;text-transform:uppercase;letter-spacing:1px}.external-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:28px}.external-links a{background:var(--red);color:#fff;padding:12px 18px;text-decoration:none;font:600 14px 'DM Sans',sans-serif}.media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.media-gallery img{display:block;width:100%;height:340px;object-fit:cover;background:#fff}.portrait-gallery img{height:520px;object-fit:contain;background:#fff}.single-media{grid-template-columns:minmax(260px,440px)}@media(max-width:900px){.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-gallery img{height:440px}}@media(max-width:580px){.project-page{padding-inline:20px}.media-gallery{grid-template-columns:1fr}.media-gallery img,.portrait-gallery img{height:auto;max-height:620px;object-fit:contain}.project-meta{flex-direction:column;gap:16px}}
.project-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 #d7a4a7}
.social-media-item{background:#fff;padding:10px;box-shadow:6px 6px 0 #d7a4a7}.social-media-item video,.single-media video{display:block;width:100%;height:520px;background:#171217;object-fit:contain}.social-media-item>a{display:block;padding:14px 8px 8px;color:var(--red);font:600 14px 'DM Sans',sans-serif;text-decoration:none}.post-link{display:block;background:#fff;transition:transform .2s}.post-link:hover{transform:translateY(-4px)}.post-link img{pointer-events:none}.social-detail-page{min-height:75vh;background:var(--cream);padding:55px max(8vw,25px) 100px}.social-detail-page article{max-width:620px;margin:45px auto 0;text-align:center}.social-detail-page .eyebrow{color:var(--red);font:600 13px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.5px}.social-detail-page h1{font-size:45px;color:var(--red);font-weight:400}.social-detail-page video{display:block;width:min(100%,430px);max-height:75vh;margin:25px auto;background:#171217}.social-detail-page img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:25px auto;box-shadow:8px 8px 0 #d7a4a7}.social-detail-page .contact-button{display:inline-block;margin-top:12px}@media(max-width:580px){.social-media-item video,.single-media video{height:auto;max-height:70vh}}
.social-media-item video,.single-media video{width:auto;max-width:100%;height:520px;aspect-ratio:9/16;margin:0 auto;background:transparent;object-fit:cover}.social-detail-page video{width:auto;max-width:100%;height:min(75vh,760px);aspect-ratio:9/16;object-fit:cover;background:transparent}.project-video-item{grid-row:span 2}@media(max-width:580px){.social-media-item video,.single-media video{width:100%;height:auto;aspect-ratio:9/16}}
.tap-video{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.tap-video:focus-visible{outline:4px solid var(--red);outline-offset:3px}