:root{--cream:#f0eddf;--ink:#24241f;--orange:#ff5b35;--lime:#c5f467;--pink:#f6a8c9;--line:rgba(36,36,31,.2)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.top{background:var(--ink);color:var(--cream);padding:10px 0;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.top .wrap,header,.nav,.actions,.sectionhead,.meta,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
header{padding:16px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand img{width:56px;height:56px;object-fit:contain;background:#000;border-radius:50%}.nav{gap:26px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.nav a:hover{color:var(--orange)}.menu{display:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:80px 0}.kicker{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:24px;height:8px;background:var(--orange);border-radius:20px;margin-right:9px}
h1{font-size:clamp(62px,10vw,145px);line-height:.82;letter-spacing:-.09em;margin:25px 0;font-weight:900}h1 span{-webkit-text-stroke:2px var(--ink);color:transparent}.intro{font-size:16px;line-height:1.55;max-width:430px}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 18px;background:var(--orange);border:1px solid var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.btn:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--ink)}.btn.alt{background:transparent}
.art{position:relative;min-height:440px;background:var(--lime);border:1px solid var(--ink);display:grid;place-items:center;transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.circle{position:absolute;right:-30px;top:-25px;width:290px;height:290px;border-radius:50%;background:var(--orange)}.star{position:absolute;top:12%;left:10%;font-size:65px}.artcard{z-index:1;width:72%;background:var(--ink);color:var(--cream);padding:24px;transform:rotate(-6deg)}.artcard small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--lime)}.artcard strong{display:block;font-size:clamp(34px,4vw,58px);line-height:.9;letter-spacing:-.07em;margin:28px 0}.artcard div{border-top:1px solid #777;padding-top:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.sticker{position:absolute;bottom:20px;right:18px;background:var(--pink);border:1px solid var(--ink);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;text-transform:uppercase;z-index:2}
.ticker{background:var(--orange);border-block:1px solid var(--ink);padding:15px 0;text-align:center;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
section{padding:90px 0}.sectionhead{align-items:end;margin-bottom:35px}.num{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sectionhead h2{font-size:clamp(42px,7vw,85px);line-height:.88;letter-spacing:-.08em;margin:14px 0 0}.sectionhead p{max-width:320px;font-size:13px;line-height:1.6}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.projecttop,.meta{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.projecttop{display:flex;justify-content:space-between;margin-bottom:10px}.poster{aspect-ratio:4/3;border:1px solid var(--ink);display:grid;place-items:center;text-align:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--orange) 0 43%,var(--ink) 43%);color:var(--cream)}.poster:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff66}.poster strong{font-size:clamp(36px,6vw,76px);line-height:.8;letter-spacing:-.08em;z-index:1}.poster .play{z-index:1;border:1px solid currentColor;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;margin-top:14px}.project:nth-child(2) .poster{background:linear-gradient(135deg,var(--lime) 0 43%,var(--ink) 43%);color:var(--ink)}.project:nth-child(3) .poster{background:linear-gradient(135deg,var(--pink) 0 43%,var(--orange) 43%);color:var(--ink)}.project:nth-child(4) .poster{background:linear-gradient(135deg,var(--ink) 0 48%,var(--lime) 48%)}.meta{padding:15px 0 22px;border-bottom:1px solid var(--line);align-items:start}.meta h3{font-size:22px;letter-spacing:-.04em;margin:0}.meta p{font-size:11px;font-weight:400;opacity:.7;margin:5px 0 0}.meta a{white-space:nowrap}.ig-note{font-size:12px;margin-top:22px}.ig-note a{text-decoration:underline;text-underline-offset:3px}
.services{background:var(--ink);color:var(--cream)}.services .kicker:before{background:var(--lime)}.services .sectionhead p{color:#ccc}.service{display:grid;grid-template-columns:50px 1fr 1fr 25px;gap:18px;align-items:center;border-top:1px solid #ffffff44;padding:22px 0}.service:last-child{border-bottom:1px solid #ffffff44}.service .n{color:var(--lime);font-size:11px}.service h3{font-size:clamp(21px,3vw,34px);letter-spacing:-.05em;margin:0}.service p{font-size:12px;line-height:1.5;color:#ccc;max-width:360px}.service b{color:var(--orange);font-size:22px}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.about h2{font-size:clamp(45px,7vw,86px);line-height:.86;letter-spacing:-.08em;margin:15px 0}.aboutcopy{font-size:clamp(21px,2.6vw,32px);line-height:1.25;letter-spacing:-.04em}.aboutcopy mark{background:var(--lime)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--ink);border-radius:30px;padding:8px 11px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.contact{background:var(--lime);border-block:1px solid var(--ink);padding:80px 0 40px}.contact h2{font-size:clamp(58px,10vw,130px);line-height:.8;letter-spacing:-.09em;margin:22px 0 30px}.contact h2 span{color:var(--orange)}.contactrow{display:flex;justify-content:space-between;align-items:end;gap:25px}.contactrow p{max-width:300px;font-size:13px;line-height:1.5}.contactlinks{display:flex;gap:10px;flex-wrap:wrap}.contact .btn{background:var(--ink);color:var(--cream)}.contact .btn.alt{background:transparent;color:var(--ink)}footer{padding:20px 0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}footer img{width:28px;height:28px;object-fit:contain;background:#000;border-radius:50%;vertical-align:middle}
.reveal{opacity:1;transform:none;transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.top .wrap span:last-child{display:none}.brand img{width:46px;height:46px}.nav{display:none;position:absolute;top:105px;left:0;right:0;background:var(--cream);padding:20px 24px;z-index:5;flex-direction:column}.nav.open{display:flex}.menu{display:block;background:transparent;border:1px solid var(--ink);padding:9px;font-size:10px;font-weight:800;text-transform:uppercase}.hero{grid-template-columns:1fr;padding:55px 0;gap:36px}.art{min-height:350px}section{padding:65px 0}.sectionhead{align-items:start;flex-direction:column;gap:8px}.grid{grid-template-columns:1fr}.service{grid-template-columns:28px 1fr 20px;gap:10px}.service p{grid-column:2;grid-row:2;margin:4px 0 0}.service b{grid-column:3;grid-row:1}.about{grid-template-columns:1fr;gap:18px}.contactrow{align-items:start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}}

body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}
.nav a[aria-current="page"]{color:var(--orange);text-decoration:underline;text-underline-offset:6px}
footer{margin-top:auto;border-top:1px solid var(--line)}
@media(max-width:760px){.hero{padding-top:38px;padding-bottom:38px}}
/* Fix portfolio card text visibility */
.work-card,
.work-card * {
  visibility: visible;
}

.work-card h2,
.work-card h3,
.work-card .work-title {
  position: relative;
  z-index: 10;
}