:root{--navy:#0C2339;--blue:#215898;--orange:#CB4601;--cream:#ECD8BA;--ink:#151719;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.55}img{max-width:100%}a{color:inherit}.skip{position:absolute;left:-9999px}.hidden{position:absolute;left:-9999px}
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.7rem 3vw;background:rgba(12,35,57,.97);color:var(--cream);border-bottom:1px solid #ffffff1c}header .logo img{width:175px;display:block}nav{display:flex;gap:1.3rem;align-items:center}nav a{text-decoration:none;font-size:.84rem}.navcta{border:1px solid var(--orange);padding:.65rem .85rem}
section{padding:clamp(4.5rem,8vw,8rem) 5vw}.navy{background:var(--navy);color:var(--cream)}.paper{background-color:var(--cream);background-image:radial-gradient(#0c23390c 1px,transparent 1px);background-size:7px 7px}.label{font-size:.75rem;font-weight:900;letter-spacing:.14em;color:var(--orange);text-transform:uppercase}.setup{font-size:clamp(1.25rem,2vw,1.8rem);font-weight:800;color:var(--orange);margin:0 0 .5rem}.setup.dark{color:var(--orange)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.03;margin:.25rem 0 1.5rem}h1{font-size:clamp(3rem,6.5vw,6.4rem)}h1 span{display:block;color:var(--orange)}h2{font-size:clamp(2.6rem,5vw,5.2rem);max-width:1000px}h2 em{color:var(--orange);font-weight:500}.intro{font-size:1.25rem;max-width:800px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;min-height:85vh}.hero-copy{max-width:850px}.hero-copy>p:not(.label){max-width:760px;font-size:1.08rem}.hero-simple{font-size:clamp(1.25rem,2vw,1.65rem)!important}.hero-art img{max-height:620px}.button{display:inline-block;border:0;background:var(--orange);color:white;text-transform:uppercase;font-weight:900;letter-spacing:.08em;padding:1rem 1.25rem;text-decoration:none;margin-top:1rem;cursor:pointer}
.problem{overflow:hidden}.problem>*{max-width:var(--max);margin-left:auto;margin-right:auto}.tape,.torn-label{display:inline-block;background:var(--orange);color:white;padding:.5rem 1rem;font-weight:900;letter-spacing:.07em;transform:rotate(-1deg);box-shadow:7px 7px 0 #0c2339}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:2rem}.problem-grid p{font-size:1.12rem}.scrap-stack{min-height:430px;position:relative}.scrap{position:absolute;padding:.65rem 1.1rem;font-weight:900;letter-spacing:.08em;background:white;border:1px solid #0c233944;box-shadow:6px 7px 0 #0c23391c}.s1{top:5%;left:8%;transform:rotate(-5deg)}.s2{top:10%;right:5%;transform:rotate(4deg)}.s3{top:38%;left:0;transform:rotate(2deg)}.s4{top:62%;left:8%;transform:rotate(-4deg)}.s5{top:30%;right:0;transform:rotate(-3deg)}.s6{bottom:8%;right:12%;transform:rotate(5deg)}.s7{bottom:3%;left:35%;transform:rotate(1deg)}.center-card{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-2deg);background:var(--navy);color:var(--cream);font-family:Georgia,serif;font-size:4.5rem;line-height:.8;text-align:center;padding:1.5rem 2rem;box-shadow:10px 12px 0 var(--orange)}.center-card small{font-family:Arial;font-size:.62rem;letter-spacing:.12em}.big-close{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.1;margin-top:4rem!important;border-top:1px solid #0c233944;padding-top:2rem}.big-close strong{color:var(--orange)}
.fractional>*{max-width:var(--max);margin-left:auto;margin-right:auto}.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-top:3rem}.sheet{background:#f7ead5;color:var(--ink);padding:2rem;min-height:330px;box-shadow:12px 14px 0 #00000025;clip-path:polygon(0 1%,98% 0,100% 96%,2% 100%)}.accent-sheet{transform:rotate(1deg);box-shadow:12px 14px 0 var(--orange)}.stamp{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:var(--orange)}.sheet h3{font-family:Georgia,serif;font-size:2rem}.sheet li{margin:.8rem 0}.vs{font-family:Georgia,serif;color:var(--orange);font-size:2rem}.headline-strip{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);margin-top:4rem;background:var(--cream);color:var(--navy);padding:1rem 1.5rem;transform:rotate(-.5deg)}.headline-strip strong{color:var(--orange)}
.evolution>*{max-width:var(--max);margin-left:auto;margin-right:auto}.timeline{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:3rem auto 5rem}.timeline div{border-top:4px solid var(--navy);padding-top:.7rem;flex:1}.timeline b{color:var(--orange);display:block}.timeline span{font-weight:900}.timeline i{font-style:normal;color:var(--orange);font-size:2rem}.old-new{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.old-new article{padding:2rem;border:1px solid #0c233944}.old-new h3{font-family:Georgia,serif;font-size:2.2rem}.dark-card{background:var(--navy);color:var(--cream);transform:rotate(.6deg)}.feature-quote{font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1.12;margin:5rem auto}.feature-quote s{opacity:.45}.feature-quote strong{color:var(--orange)}.identity-example{max-width:850px!important;margin-left:auto!important;margin-right:0!important;border-left:8px solid var(--orange);padding:1rem 0 1rem 2rem}.identity-example h3{font-family:Georgia,serif;font-size:2.4rem}.hand{font-family:Georgia,serif;font-style:italic;font-size:1.4rem}
.capabilities>*{max-width:var(--max);margin-left:auto;margin-right:auto}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.cap-grid span{border:1px solid #ecd8ba55;padding:1.5rem 1rem;font-weight:900;letter-spacing:.06em}.cap-grid span:nth-child(3n+1){transform:rotate(-1deg);border-color:var(--orange)}.preserve{font-family:Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.2rem);margin-top:4rem!important;max-width:900px!important}.preserve strong{color:var(--orange)}
.work>*{max-width:var(--max);margin-left:auto;margin-right:auto}.darklabel{color:var(--orange)}.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}.case{position:relative;padding:2rem;background:#f7ead5;border:1px solid #0c233944;box-shadow:8px 10px 0 #0c233918;clip-path:polygon(0 0,98% 1%,100% 98%,2% 100%)}.case:nth-child(2){transform:rotate(-.7deg)}.case:nth-child(3){transform:rotate(.7deg)}.case-no{font-family:Georgia,serif;font-size:4rem;color:var(--orange);margin:0}.case h3{font-family:Georgia,serif;font-size:2rem;margin:.2rem 0}.case h4{font-size:1.1rem}.path{font-weight:900;border-top:2px solid var(--orange);padding-top:1rem;margin-top:2rem}
.experience{display:grid;grid-template-columns:.65fr 1.35fr;gap:5rem;align-items:start}.experience>div{max-width:760px}.experience-number{position:sticky;top:130px}.experience-number span{display:block;font-family:Georgia,serif;font-size:clamp(7rem,15vw,14rem);line-height:.75;color:var(--orange)}.experience-number small{font-size:1rem;font-weight:900;letter-spacing:.16em}.experience p{font-size:1.12rem}.experience-pull{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.8rem)!important;line-height:1.18;border-left:6px solid var(--orange);padding-left:1.3rem}.signature{font-family:Georgia,serif;font-size:1.6rem!important;margin-top:3rem}.signature small{font-family:Arial;font-size:.8rem;letter-spacing:.08em}
.contact>*{max-width:900px;margin-left:auto;margin-right:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}label{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}input,textarea{display:block;width:100%;margin-top:.4rem;padding:.9rem;border:1px solid #0c233955;background:#fff8;font:inherit}.wide{grid-column:1/-1}footer{text-align:center;padding:3rem 5vw}footer img{width:220px}footer a{color:var(--cream)}
@media(max-width:900px){header nav{display:none}.hero,.problem-grid,.experience{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{max-width:480px;margin:auto}.compare{grid-template-columns:1fr}.vs{text-align:center}.old-new,.cases{grid-template-columns:1fr}.timeline{flex-wrap:wrap}.timeline div{min-width:140px}.timeline i{display:none}.cap-grid{grid-template-columns:1fr 1fr}.experience-number{position:static}.experience-number span{font-size:8rem}}
@media(max-width:600px){section{padding:4rem 1.2rem}.cap-grid,.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.scrap-stack{min-height:390px}h1{font-size:3.4rem}h2{font-size:2.8rem}.cases{gap:2rem}}

/* VERSION 3.1 — restrained FX collage deployment */
.collage-visual img,.evolution-visual img,.contact-intro img{
  display:block;width:100%;height:auto;
  filter:drop-shadow(10px 12px 0 rgba(12,35,57,.10));
}
.coordinator-visual{max-width:470px;justify-self:center;transform:rotate(.35deg)}
.evolution-visual{
  display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:2.5rem;
  align-items:center;margin:4rem auto;
}
.evolution-visual p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.18;margin:0;
}
.evolution-visual strong{color:var(--orange)}
.cap-intro-grid{
  display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:3rem;
  align-items:center;margin:2.5rem auto 3.5rem;
}
.film-visual{max-width:330px;transform:rotate(-.7deg)}
.cap-side-note{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.55rem,2.6vw,2.5rem);line-height:1.16;margin:0;
}
.chicken{
  display:block;width:min(100%,430px);margin:2rem auto 0;
  transform:rotate(-1.5deg);
  filter:drop-shadow(10px 12px 0 rgba(0,0,0,.18));
}
.contact-intro{
  display:grid;grid-template-columns:1fr 240px;gap:2.5rem;align-items:center;
}
.contact-intro img{transform:rotate(1.2deg)}
@media(max-width:900px){
  .evolution-visual,.cap-intro-grid,.contact-intro{grid-template-columns:1fr}
  .evolution-visual img,.film-visual,.contact-intro img{max-width:360px;margin:auto}
  .chicken{max-width:360px}
}

/* V4: modern marketing / audience-first */
.game-wrap{max-width:1180px;margin:auto}.game-change h2 em{color:var(--orange)}
.then-now{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:3.5rem 0}
.then-card,.now-card{padding:2.2rem;border:1px solid #0c233944}.then-card{background:#f6e7cf;transform:rotate(-.35deg)}
.now-card{background:var(--navy);color:var(--cream);transform:rotate(.35deg);box-shadow:10px 12px 0 var(--orange)}
.then-now h3,.who-strip h3,.modern-tools h3,.evolution-visual h3,.efficiency-statement h3,.fx-role h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08}
.then-now h3{font-size:clamp(2rem,3vw,3rem);margin:.3rem 0 1rem}.logic{margin-top:2rem;padding-top:1rem;border-top:2px solid var(--orange);font-size:.78rem;font-weight:900;letter-spacing:.04em}
.who-strip{margin:5rem 0;padding:2.5rem 3rem;border-left:9px solid var(--orange);background:#fff5}.who-strip h3{font-size:clamp(2rem,3.5vw,3.5rem);margin:.4rem 0 1rem}.who-strip p{max-width:950px;font-size:1.1rem}.who-close{font-family:Georgia,serif;font-size:clamp(1.5rem,2.5vw,2.2rem)!important}
.game-change .evolution-visual{grid-template-columns:minmax(260px,390px) 1fr;margin:5rem 0}.game-change .evolution-visual h3{font-size:clamp(2rem,3vw,3rem);margin:.4rem 0 1rem}.game-change .evolution-visual p{font-family:Arial,sans-serif;font-size:1.05rem;line-height:1.55}
.modern-tools{margin:5rem 0}.modern-tools>h3{font-size:clamp(2.2rem,4vw,4rem);max-width:980px;margin:.5rem 0 2.5rem}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tool-grid article{padding:1.5rem;border-top:4px solid var(--navy);background:#f7ead5;min-height:190px}.tool-grid article:nth-child(2),.tool-grid article:nth-child(5){border-top-color:var(--orange)}.tool-grid b{font-size:.8rem;letter-spacing:.08em;color:var(--orange)}
.efficiency-statement{margin:6rem 0;background:var(--navy);color:var(--cream);padding:3.5rem;box-shadow:14px 15px 0 var(--orange);transform:rotate(-.25deg)}.efficiency-statement h3{font-size:clamp(2.7rem,5vw,5.2rem);margin:.7rem 0 1.5rem}.eff-sub{font-family:Georgia,serif;font-size:clamp(1.4rem,2.4vw,2rem)}.eff-sub strong{color:var(--orange)}
.fx-role{max-width:850px;margin:5rem 0 0 auto;padding:2rem 0 1rem 2rem;border-left:7px solid var(--orange)}.fx-role h3{font-size:clamp(2.2rem,3.5vw,3.5rem);margin:.3rem 0 1rem}.fx-role p{font-size:1.08rem}
@media(max-width:900px){.then-now,.tool-grid{grid-template-columns:1fr}.game-change .evolution-visual{grid-template-columns:1fr}.who-strip,.efficiency-statement{padding:2rem}.tool-grid article{min-height:0}}

/* VERSION 5 — selected work as three distinct case studies */
.work-v5{padding-top:6rem;padding-bottom:7rem}
.work-wrap{max-width:1180px;margin:auto}
.work-intro{font-size:1.2rem;max-width:760px;margin-bottom:5rem}
.case-feature{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5.5rem 0;border-top:1px solid #0c233934}
.case-feature h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:1;margin:.25rem 0 1rem}
.case-feature h4{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.18;margin:0 0 1.4rem}
.case-copy>p{font-size:1.06rem}.case-kicker{font-size:.72rem!important;font-weight:900;letter-spacing:.13em;color:var(--orange)}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.8rem 0}.tags span{font-size:.68rem;font-weight:900;letter-spacing:.08em;border:1px solid #0c233955;padding:.45rem .55rem;background:#fff5}
.case-path{font-family:Georgia,"Times New Roman",serif;font-weight:700;border-left:5px solid var(--orange);padding-left:1rem;margin-top:1.8rem}
.case-link{display:inline-block;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;margin-top:1rem;border-bottom:2px solid var(--orange)}
.case-note{font-size:.88rem!important;opacity:.8;max-width:650px}
.case-art{position:relative;min-height:520px}
.browser-frame{background:white;border:1px solid #0c233933;box-shadow:16px 18px 0 #0c23391c;transform:rotate(-.7deg);overflow:hidden}
.browser-top{height:42px;background:#e8e2d8;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:.7rem;color:#667}
.browser-top i{width:9px;height:9px;border-radius:50%;background:#9c958c}.browser-top span{margin-left:10px}
.browser-screen{height:430px;position:relative;background:linear-gradient(135deg,#16384f,#d6b065)}
.purview-browser:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,37,59,.92),rgba(7,37,59,.25)),url("/assets/purview_linkedin_advocate.jpeg") center/cover;filter:saturate(.8)}
.browser-message{position:absolute;z-index:2;left:7%;bottom:10%;color:white;max-width:70%}.browser-message strong{font-family:Georgia,serif;font-size:2rem;line-height:1.05;display:block}.browser-message small{display:block;margin:1rem 0}.browser-message a{display:inline-block;background:#b7994e;color:white;padding:.6rem .8rem;text-decoration:none;font-weight:900}
.work-piece{position:absolute;z-index:3;box-shadow:12px 14px 0 rgba(12,35,57,.15);border:8px solid #f8ead3}
.purview-piece{width:230px;right:-20px;bottom:-15px;transform:rotate(4deg)}
.video-frame{background:var(--navy);padding:12px;box-shadow:16px 18px 0 #cb460133;transform:rotate(.6deg)}
.video-frame video{display:block;width:100%;max-height:520px;background:black}.video-label{color:var(--cream);font-size:.7rem;font-weight:900;letter-spacing:.12em;padding:.75rem .3rem .1rem}
.bigsky-piece{width:245px;right:-30px;bottom:-20px;transform:rotate(-5deg)}
.operogo-main{display:block;width:100%;box-shadow:16px 18px 0 #0c23391c;transform:rotate(.5deg);border:8px solid white}
.operogo-piece{width:260px;right:-30px;bottom:-40px;transform:rotate(4deg)}
.operogo-feature blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.12;margin:2rem 0;color:var(--orange)}
.work-close{border-top:1px solid #0c233934;padding-top:4rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.05}
.work-close p{margin:0}.work-close strong{color:var(--orange)}
/* Clean telephone treatment: crop off the unrelated source-sheet caption */
.phone-crop{width:240px;height:190px;overflow:hidden;transform:rotate(1.2deg)}
.phone-crop img{width:270px!important;max-width:none!important;transform:translate(-8px,-5px)!important;filter:drop-shadow(10px 12px 0 rgba(12,35,57,.10))}
.contact-intro>img{display:none}
@media(max-width:900px){
 .case-feature{grid-template-columns:1fr;gap:2.5rem;padding:4rem 0}
 .bigsky-feature .case-art{order:2}.bigsky-feature .case-copy{order:1}
 .case-art{min-height:auto;padding-bottom:50px}
 .purview-piece,.bigsky-piece,.operogo-piece{right:0}
 .phone-crop{margin:auto}
}

/* V5.2 — corrected telephone asset */
.phone-crop{
  width:240px;
  height:auto;
  overflow:visible;
  transform:rotate(1.2deg);
}
.phone-crop img{
  display:block;
  width:240px !important;
  max-width:100% !important;
  transform:none !important;
  filter:drop-shadow(10px 12px 0 rgba(12,35,57,.10));
}