@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:wght@300;400;500&display=swap";:root{--color-bg:#faf7f2;--color-bg-alt:#f2eae0;--color-dark:#2c2420;--color-darker:#231c18;--color-text:#2c2420;--color-muted:#7a6a5a;--color-accent:#c46a3a;--color-gold:#e8b87a;--color-border:#d9c9b8;--font-serif:"Lora", serif;--font-sans:"DM Sans", sans-serif;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--max-width:1200px;--section-pad:6rem 2rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-serif);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-sans)}.section-label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1rem;font-size:.75rem;font-weight:500}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.nav{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0}.nav__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0 2rem;display:flex}.nav__logo{font-family:var(--font-serif);color:var(--color-text);font-size:1.125rem;font-weight:500}.nav__logo:hover{color:var(--color-accent)}.nav__links{gap:2.5rem;list-style:none;display:flex}.nav__links a{color:var(--color-muted);font-size:.9rem;font-weight:400;transition:color .2s}.nav__links a:hover{color:var(--color-accent)}@media (width<=768px){.nav__links{gap:1.25rem}}.hero{background-color:var(--color-bg);overflow:hidden}.hero__inner{padding-right:340px;position:relative}.hero__content{flex-direction:column;justify-content:center;max-width:800px;padding:12rem 3rem 10rem 2rem;display:flex}.hero__headline{color:var(--color-text);margin-bottom:1.5rem;font-size:clamp(1.75rem,3.5vw,3rem);font-weight:500;line-height:1.2}.hero__accent{color:var(--color-accent);font-style:italic}.hero__subhead{color:var(--color-muted);max-width:520px;margin-bottom:2.5rem;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:300;line-height:1.7}.hero__cta{background-color:var(--color-accent);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-sm);width:fit-content;padding:.85rem 2rem;font-size:.95rem;font-weight:500;transition:background-color .2s,transform .2s;display:inline-block}.hero__cta:hover{background-color:#a8572e;transform:translateY(-1px)}.hero__marquee{width:320px;position:absolute;top:0;bottom:0;right:0}.hero__marquee-track{flex-direction:column;gap:.75rem;padding:.75rem 0;animation:40s linear infinite vmarquee;display:flex}.hero__marquee-item{border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 4px 16px #2c24201f}.hero__marquee-item img{width:100%;height:auto;display:block}.hero__marquee-placeholder{background-color:var(--color-bg-alt);width:100%;height:160px}@keyframes vmarquee{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (width<=768px){.hero__inner{padding-right:0;position:static}.hero__content{padding:5rem 2rem 2rem}.hero__marquee{width:100vw;margin-left:-2rem;padding-bottom:2.5rem;position:static;overflow:hidden}.hero__marquee-track{flex-direction:row;padding:0;animation:20s linear infinite hmarquee}.hero__marquee-item{flex-shrink:0;width:auto}.hero__marquee-item img{width:auto;height:140px}.hero__marquee-placeholder{width:200px;height:140px}@keyframes hmarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}}.awards-strip{background-color:var(--color-dark);padding:3rem 2rem}.awards-strip__inner{flex-wrap:wrap;justify-content:space-around;gap:1.5rem;display:flex}@media (width<=768px){.awards-strip__inner{grid-template-columns:1fr 1fr;gap:2rem 1rem;display:grid}}.awards-strip__stat{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.awards-strip__value{font-family:var(--font-serif);color:var(--color-gold);font-size:clamp(2rem,4vw,3rem);font-weight:500;line-height:1}.awards-strip__label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:.8rem;font-weight:400}.about{padding:var(--section-pad);background-color:var(--color-bg-alt)}.about__inner{grid-template-columns:1fr .7fr;align-items:center;gap:5rem;display:grid}.about__heading{color:var(--color-text);margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500}.about__subheading{color:var(--color-muted);margin-bottom:1.5rem;font-size:1.1rem;font-weight:300}.about__body{color:var(--color-muted);font-size:1.05rem;font-weight:300;line-height:1.8}.about__photo img{border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4/5;border:2px solid var(--color-accent);width:100%}.about__photo-placeholder{aspect-ratio:4/5;border-radius:var(--radius-lg);background-color:var(--color-border);width:100%}@media (width<=768px){.about__inner{grid-template-columns:1fr;gap:2.5rem}.about__photo{order:-1;max-width:320px}}.browser-frame{border-radius:var(--radius-lg);background-color:var(--color-dark);width:min(100vw - 4rem,1300px);margin-left:calc(50% + -1*min(50vw - 2rem,650px));overflow:hidden;box-shadow:0 20px 60px #2c242026}.browser-frame__chrome{background-color:#3a3230;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.browser-frame__dots{flex-shrink:0;gap:6px;display:flex}.browser-frame__dots span{background-color:#666;border-radius:50%;width:12px;height:12px;display:block}.browser-frame__dots span:first-child{background-color:#ff5f57}.browser-frame__dots span:nth-child(2){background-color:#febc2e}.browser-frame__dots span:nth-child(3){background-color:#28c840}.browser-frame__address{color:#ffffff73;font-size:.75rem;font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;background-color:#ffffff14;border-radius:4px;flex:1;padding:.2rem .6rem;overflow:hidden}.browser-frame__screen img{width:100%;height:auto;display:block}.browser-frame__placeholder{background-color:var(--color-bg-alt);width:100%;height:600px}.project-row{margin-bottom:5rem}.project-row__meta{grid-template-columns:1fr 2fr;gap:3rem;margin-top:2rem;padding:0 .5rem;display:grid}.project-row__title{color:var(--color-text);margin-bottom:.4rem;font-size:1.4rem;font-weight:500}.project-row__url{color:var(--color-accent);font-size:.85rem;font-weight:400;transition:opacity .2s}.project-row__url:hover{opacity:.7}.project-row__description{color:var(--color-muted);margin-bottom:1.25rem;font-size:1rem;font-weight:300;line-height:1.75}.project-row__tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.project-row__tag{color:var(--color-muted);background-color:var(--color-bg-alt);border:1px solid var(--color-border);letter-spacing:.03em;border-radius:100px;padding:.3rem .75rem;font-size:.75rem;font-weight:500}@media (width<=768px){.project-row__meta{grid-template-columns:1fr;gap:1rem}}.projects{padding:var(--section-pad)}.projects__heading{color:var(--color-text);margin-bottom:4rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500}.projects__more{text-align:center;margin-top:2rem}.projects__more-link{color:var(--color-accent);border-bottom:1px solid var(--color-accent);padding-bottom:2px;font-size:.95rem;font-weight:500;transition:opacity .2s}.projects__more-link:hover{opacity:.7}.contact{background-color:var(--color-dark);padding:var(--section-pad)}.contact__inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact__heading{color:#fff;margin-bottom:1.25rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;line-height:1.2}.contact__body{color:#fff9;margin-bottom:1.75rem;font-size:1rem;font-weight:300;line-height:1.8}.contact__linkedin{color:var(--color-gold);border-bottom:1px solid #e8b87a66;padding-bottom:2px;font-size:.9rem;font-weight:500;transition:opacity .2s}.contact__linkedin:hover{opacity:.75}.contact__form{flex-direction:column;gap:1.25rem;display:flex}.contact__field{flex-direction:column;gap:.4rem;display:flex}.contact__field label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:.8rem;font-weight:500}.contact__field input,.contact__field textarea{border-radius:var(--radius-sm);font-family:var(--font-sans);color:#fff;resize:vertical;background-color:#ffffff0f;border:1px solid #ffffff1f;outline:none;padding:.75rem 1rem;font-size:.95rem;font-weight:300;transition:border-color .2s}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-gold)}.contact__submit{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);border:none;align-self:flex-start;padding:.85rem 2rem;font-size:.95rem;font-weight:500;transition:background-color .2s,transform .2s}.contact__submit:hover:not(:disabled){background-color:#a8572e;transform:translateY(-1px)}.contact__submit:disabled{opacity:.6;cursor:default}.contact__feedback{font-size:.9rem;font-weight:300}.contact__feedback--success{color:#6fcf97}.contact__feedback--error{color:#eb5757}@media (width<=768px){.contact__inner{grid-template-columns:1fr;gap:2.5rem}}.footer{background-color:var(--color-darker);padding:1.75rem 2rem}.footer__inner{color:#ffffff59;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:400;display:flex}.work-page{min-height:100vh;padding:8rem 2rem 6rem}.work-page__heading{color:var(--color-text);margin-bottom:3.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:500}.work-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2.5rem;display:grid}.work-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#fff;transition:box-shadow .2s,transform .2s;overflow:hidden}.work-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2c24201f}.work-card__image img{width:100%;height:auto;display:block}.work-card__placeholder{background-color:var(--color-bg-alt);width:100%;height:220px}.work-card__body{padding:1.5rem}.work-card__title{color:var(--color-text);margin-bottom:.3rem;font-size:1.15rem;font-weight:500}.work-card__url{color:var(--color-accent);margin-bottom:.75rem;font-size:.8rem;transition:opacity .2s;display:block}.work-card__url:hover{opacity:.7}.work-card__description{color:var(--color-muted);margin-bottom:1rem;font-size:.9rem;font-weight:300;line-height:1.7}.work-card__tags{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.work-card__tag{color:var(--color-muted);background-color:var(--color-bg-alt);border:1px solid var(--color-border);letter-spacing:.03em;border-radius:100px;padding:.2rem .6rem;font-size:.7rem;font-weight:500}.modal-overlay{z-index:100;background-color:#2c2420b3;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-wrapper{flex-direction:column;width:100%;max-width:1340px;max-height:92vh;display:flex;position:relative}.modal-close{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;width:2rem;height:2rem;color:var(--color-muted);z-index:1;border-radius:100px;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:-1rem;right:-1rem;box-shadow:0 2px 8px #2c242026}.modal-close:hover{color:var(--color-text)}.modal-card{cursor:default;flex-direction:column;display:flex;overflow-y:auto}.modal-image-wrap{position:relative}.modal-fullscreen{border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;background:#2c242080;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;transition:opacity .2s;display:flex;position:absolute;bottom:.6rem;right:.6rem}.modal-image-wrap:hover .modal-fullscreen{opacity:1}.modal-card .work-card__image img{object-fit:contain;object-position:top;width:100%;display:block}@media (width<=480px){.work-grid{grid-template-columns:1fr}}