@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17221d;--muted:#68716c;--cream:#f7f5ef;--orange:#ef673e;--line:#dadcd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1250px;margin:auto;padding-left:44px;padding-right:44px}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 30px 'Manrope',sans-serif;letter-spacing:-2px}.brand-dot,.period{color:var(--orange)}.nav nav{display:flex;gap:38px;font-size:14px;font-weight:600}.nav a:hover{color:var(--orange)}.nav-cta{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px}.nav-cta span{margin-left:12px}.hero{padding-top:110px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.1px}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{height:8px;width:8px;background:var(--orange);border-radius:50%}.hero h1{font:800 clamp(55px,8.2vw,118px)/1.04 'Manrope',sans-serif;letter-spacing:-.085em;margin:33px 0 52px}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-bottom p{max-width:565px;font-size:20px;line-height:1.7;color:#505a54;margin:0}.hero-bottom strong{color:var(--ink)}.round-arrow{width:86px;height:86px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:35px;transition:.2s}.round-arrow:hover{background:var(--ink);color:white}.hero-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:105px;padding:23px 0 26px;font-size:10px;letter-spacing:1.5px;font-weight:800}.work-section{background:#eaece5;padding:105px 0 110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.section-head h2,.about h2,.contact h2{font:800 clamp(44px,5.3vw,74px)/1.1 'Manrope',sans-serif;letter-spacing:-.07em;margin:20px 0 0}.section-head>p{max-width:365px;color:#59645e;line-height:1.7;margin-bottom:5px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px}.art{height:360px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;z-index:4;left:22px;top:20px;font-size:10px;font-weight:800;letter-spacing:1.6px}.art-one{background:#e4c5ac}.poster{width:54%;height:84%;background:#f2e8da;box-shadow:16px 20px 0 #b88b72;display:flex;flex-direction:column;justify-content:space-between;padding:22px;transform:rotate(-6deg)}.poster small{font-weight:800;letter-spacing:1.4px}.poster b{font:800 clamp(35px,4vw,60px)/.96 'Manrope';letter-spacing:-.07em}.poster b span{color:var(--orange)}.poster>span{font-size:8px;letter-spacing:1px}.art-two{background:#b8c8b3}.product-scene{position:relative;width:100%;height:100%;display:grid;place-items:center}.cup{width:160px;height:210px;background:linear-gradient(120deg,#faf5e6,#dfd9c8);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);box-shadow:0 20px 30px #0002;display:grid;place-items:center;transform:rotate(-9deg);z-index:2}.cup span{text-align:center;font:800 22px/1.05 'Manrope';letter-spacing:-1px}.disc{position:absolute;border-radius:50%}.disc-back{width:260px;height:260px;background:#d7e1d0;right:8%;top:15%}.disc-front{width:100px;height:100px;background:#f4a980;left:14%;bottom:13%}.art-three{background:#252e2b;color:#f4f2e9}.art-three .art-label{color:#d0d7d1}.video-frame{width:82%;height:74%;border:1px solid #77817a;position:relative;padding:27px;display:flex;flex-direction:column;justify-content:center}.video-circle{width:62px;height:62px;border:1px solid #f0f2ea;border-radius:50%;display:grid;place-items:center;margin-bottom:20px}.video-circle span{font-size:19px}.video-type{font:800 clamp(33px,4vw,56px)/1.03 'Manrope';letter-spacing:-.06em}.video-type i{font-style:normal;color:#f1a17f}.video-bar{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;color:#b9c0ba}.art-four{background:#e8cfd0}.design-grid{width:78%;height:76%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 65px;gap:10px;transform:rotate(5deg)}.tile-a{background:#d95138;color:#fff;padding:20px;font:800 33px/.98 'Manrope';letter-spacing:-2px}.tile-a i{font-style:normal;color:#ffcbad}.tile-b{background:#f9efe5;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.tile-b span{font-size:32px}.tile-b strong{font:800 22px/1.1 'Manrope';letter-spacing:-1px}.tile-c{grid-column:span 2;background:#222f2b;color:#fff;padding:13px 18px;font-size:12px;font-weight:800;letter-spacing:3px}.project-meta{display:flex;justify-content:space-between;gap:12px;padding-top:17px}.project-meta h3{font:800 21px 'Manrope';letter-spacing:-.7px;margin:0 0 7px}.project-meta p{font-size:13px;color:#68716c;margin:0}.project-num{font-weight:800;font-size:14px}.project-note{font-size:12px;color:#66726a;margin:35px 0 0}.about{padding-top:135px;padding-bottom:135px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.about h2{font-size:clamp(39px,4.4vw,62px)}.about-copy{padding-top:35px}.about-copy p{font-size:18px;line-height:1.85;color:#5c665f}.about-copy strong{color:var(--ink)}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.skills span{border:1px solid #c8cdc5;border-radius:50px;padding:10px 15px;font-size:12px;font-weight:700}.contact{background:#1d2924;color:#fff;padding:112px 0 125px}.contact .kicker{color:#e9a48c}.contact h2{font-size:clamp(55px,8vw,108px)}.contact>div>p{max-width:480px;color:#c4d0c8;line-height:1.8;font-size:18px}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:65px;background:#f07a51;padding:20px 24px;font-weight:800;margin-top:25px}.contact-button:hover{background:#ff956f}.contact-button span{font-size:24px}.contact .contact-warning{font-size:12px;color:#d3b1a4;margin-top:22px}.footer{height:110px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#67716a}.footer a:last-child{font-weight:700}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{height:72px}.nav nav{gap:16px;font-size:12px}.nav-cta{display:none}.hero{padding-top:75px}.hero h1{font-size:clamp(44px,9.4vw,74px);letter-spacing:-.075em}.hero-bottom p{font-size:16px}.round-arrow{min-width:60px;width:60px;height:60px;font-size:25px}.hero-index{margin-top:75px}.work-section{padding:80px 0}.section-head{display:block}.section-head>p{margin-top:25px}.projects{grid-template-columns:1fr;gap:38px}.art{height:320px}.poster b{font-size:50px}.video-type{font-size:48px}.about{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px;gap:20px}.about-copy{padding-top:0}.contact{padding:85px 0}.footer{height:90px}.footer .brand{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* v2: dark editorial theme with Impact display headings */
:root{--ink:#f4f0e5;--muted:#a6a6a3;--cream:#101113;--orange:#f8dc3e;--line:#36383a}
body{background:#101113;color:var(--ink)}
.brand{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.02em}
.hero h1,.section-head h2,.about h2,.contact h2,.poster b,.cup span,.video-type,.tile-a,.tile-b strong,.project-meta h3,.coming-next h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.015em;text-transform:uppercase}
.hero h1{line-height:1.01;letter-spacing:.012em;color:var(--orange)}
.hero h1 em{color:var(--ink)}
.hero-bottom p,.section-head>p,.about-copy p{color:#b5b7b4}
.hero-bottom strong,.about-copy strong{color:#fff}
.nav-cta{border-color:var(--orange)}
.round-arrow{border-color:var(--orange);color:var(--orange)}
.round-arrow:hover{background:var(--orange);color:#111}
.work-section{background:#191b1e}
.section-head h2,.about h2,.contact h2{line-height:1.02;letter-spacing:.015em}
.section-head h2 em,.about h2 em,.contact h2 em{color:var(--orange)}
.project-meta p,.project-note{color:#aaaeb0}
.art{border-radius:3px}
.art-one{background:#8b8372}.art-two{background:#66776e}.art-three{background:#282c32}.art-four{background:#837780}
.skills span{border-color:#4a4d50}
.contact{background:#202227}
.contact .kicker{color:var(--orange)}
.contact>div>p{color:#b9babd}
.contact-button{background:var(--orange);color:#141414}
.contact-button:hover{background:#ffeb79}
.contact .contact-warning{color:#b5a99b}
.footer{color:#a9adae}
.featured-video{padding:110px 0 115px;background:#101113}
.featured-video .section-head{margin-bottom:34px}
.video-embed{aspect-ratio:16/9;background:#050505;border:1px solid #393b3e;overflow:hidden}
.video-embed iframe{display:block;width:100%;height:100%;border:0}
.video-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 35px;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:1px;font-weight:700}
.video-actions a{color:var(--orange)}
.coming-next{display:flex;align-items:center;gap:30px;padding:32px 0 0}
.next-marker{border:1px solid #555;padding:10px 14px;white-space:nowrap;color:var(--orange);font-size:11px;letter-spacing:1.5px}
.coming-next h3{font-size:28px;margin:0 0 7px}
.coming-next p{margin:0;color:#aeb0b2;line-height:1.6}
@media(max-width:760px){.nav nav{gap:13px}.featured-video{padding:75px 0}.coming-next{align-items:flex-start;flex-direction:column;gap:16px}.hero h1{font-size:clamp(47px,11vw,82px)}.section-head h2,.about h2{font-size:clamp(44px,9vw,68px)}}

/* v3: Reserve yellow Impact for major display headings only. */
.brand,.poster b,.cup span,.video-type,.tile-a,.tile-b strong,.project-meta h3,.coming-next h3{
  font-family:'Manrope',Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.035em;
}
.brand{letter-spacing:-.06em}
.hero h1,.section-head h2,.about h2,.contact h2{
  font-family:Impact,'Arial Narrow',sans-serif;
  font-weight:400;
  letter-spacing:.015em;
  text-transform:uppercase;
  color:var(--orange);
}
.hero h1 em,.section-head h2 em,.about h2 em,.contact h2 em{color:var(--orange)}
.project-meta h3,.coming-next h3{font-size:21px;letter-spacing:-.035em;text-transform:none}
.coming-next h3{font-size:24px}

/* v4: understated charcoal grid texture across dark page sections */
body{
  background-color:#101113;
  background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:32px 32px;
}
.work-section,.featured-video,.contact{
  background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:32px 32px;
}

/* v5: black marble texture replaces the previous grid. */
body,.work-section,.featured-video,.contact{
  background-image:url('marble.svg');
  background-position:center top;
  background-repeat:repeat;
  background-size:1200px 900px;
}
body,.featured-video{background-color:#101113}
.work-section{background-color:#17191c}
.contact{background-color:#17191c}

/* v6: personal photo beside hero introduction */
.hero-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(28px,5vw,76px);align-items:center}
.hero-intro-copy{min-width:0}
.hero-intro .hero-bottom{align-items:center}
.hero-intro .hero-bottom p{max-width:510px}
.hero-intro .round-arrow{flex:0 0 70px;width:70px;height:70px}
.hero-photo{margin:0;overflow:hidden;border-radius:12px;border:1px solid #44484b;aspect-ratio:4/4.5;box-shadow:0 24px 60px #0006;background:#202227}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.hero-index{margin-top:65px}
@media(max-width:760px){.hero-intro{grid-template-columns:1fr;gap:28px}.hero-photo{max-width:480px;width:100%;aspect-ratio:4/4.2}.hero-intro .round-arrow{flex-basis:60px;width:60px;height:60px}.hero-index{margin-top:52px}}

/* v7: selected product design PDF case studies */
.portfolio-pdfs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pdf-project{min-width:0;background:#222429;border:1px solid #414348;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.pdf-preview{position:relative;aspect-ratio:3/4;background:#e7e7e7;overflow:hidden}
.pdf-preview iframe{display:block;position:relative;z-index:1;width:100%;height:100%;border:0;background:#fff}
.pdf-preview-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#555;font:700 14px 'DM Sans',sans-serif;text-align:center;padding:24px}
.pdf-copy{padding:25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.pdf-kicker{color:var(--orange);font-size:10px;letter-spacing:1.8px;font-weight:800}
.pdf-copy h3{font:800 24px/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.04em;margin:14px 0 12px;text-transform:none}
.pdf-copy p{color:#c0c1c3;line-height:1.7;font-size:14px;margin:0 0 22px}
.pdf-link{margin-top:auto;color:#111;background:var(--orange);padding:13px 17px;border-radius:4px;font-weight:800;font-size:13px;display:inline-flex;gap:25px;align-items:center}
.pdf-link:hover{background:#ffec7c}
.pdf-credit{font-size:12px;color:#aeb0b2;margin:26px 0 0}
@media(max-width:980px){.portfolio-pdfs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.portfolio-pdfs{grid-template-columns:1fr}.pdf-preview{aspect-ratio:4/4.5}.pdf-copy{padding:22px}}