:root{color:#211414;font-synthesis:none;text-rendering:optimizelegibility;--ink:#211414;--paper:#fbf3f0;--paper-strong:#fffaf7;--rose:#c86d7a;--rose-soft:#f4d8d8;--rose-line:#ecd1cf;--muted:#7d6060;--shadow:0 22px 70px #401f1f1f;--soft-shadow:0 12px 36px #401f1f1a;--radius:18px;background:#fbf3f0;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 18% 0, #fff 0 22%, transparent 38%), var(--paper);margin:0;overflow-x:hidden}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:500;line-height:.94}.section{padding:clamp(58px,7vw,104px) clamp(18px,4vw,52px);scroll-margin-top:76px}.eyebrow{color:var(--rose);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;line-height:1.3}.site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf3f0e6;border-bottom:1px solid #ecd1cfcc;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;line-height:1;display:inline-flex}.brand span{letter-spacing:-.08em;font-size:31px;font-weight:700}.brand small{letter-spacing:.42em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:800}.main-nav{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:clamp(22px,3.2vw,46px);font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:800;display:flex}.main-nav a{border-bottom:1px solid #0000;padding:10px 0}.main-nav a:hover{border-color:currentColor}.menu-toggle{letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:800;display:none}.hero{border-bottom:1px solid var(--rose-line);min-height:520px;padding:clamp(58px,7vw,105px) clamp(18px,4vw,52px) clamp(42px,6vw,86px)}.hero-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:clamp(32px,8vw,120px);display:grid}.hero h1{max-width:980px;margin-bottom:0;font-size:clamp(54px,9vw,138px)}.hero-note{border-top:1px solid var(--rose-line);padding:24px 0 6px}.hero-note p{color:var(--muted);margin-bottom:22px;font-size:16px;line-height:1.55}.hero-note a{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:14px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.work{background:linear-gradient(#fffaf7,#fbf3f0 34%,#fffaf7)}.work-intro{grid-template-columns:250px minmax(0,760px);align-items:end;gap:clamp(28px,6vw,92px);max-width:1280px;margin:0 auto 30px;display:grid}.work-intro h2{margin-bottom:14px;font-size:clamp(36px,5.8vw,76px)}.work-intro p:not(.eyebrow){max-width:560px;color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.65}.portfolio-controls{border-top:1px solid var(--rose-line);border-bottom:1px solid var(--rose-line);max-width:1280px;margin:0 auto 28px;padding:16px 0 22px}.mode-switch,.filter-row{flex-wrap:wrap;gap:9px;display:flex}.mode-switch{margin-bottom:12px}.filter-chip{min-height:32px;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#ffffff73;border:1px solid #c86d7a47;border-radius:999px;padding:8px 13px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:800;transition:transform .22s,background .22s,color .22s,box-shadow .22s}.filter-chip:hover{box-shadow:var(--soft-shadow);transform:translateY(-1px)}.filter-chip.active{color:#fff;background:var(--ink);border-color:var(--ink)}.portfolio-stack{gap:clamp(28px,5vw,72px);display:grid}.charlii-showcase{max-width:1280px;box-shadow:var(--shadow);background:#fffaf7c2;border:1px solid #ecd1cff5;border-radius:26px;margin:0 auto;padding:clamp(18px,2.6vw,34px);position:relative;overflow:hidden}.charlii-showcase:before{content:"";pointer-events:none;background-image:linear-gradient(#c86d7a0e 1px,#0000 1px),linear-gradient(90deg,#c86d7a0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 44%);mask-image:linear-gradient(#000,#0000 44%)}.charlii-hero{z-index:1;border-bottom:1px solid var(--rose-line);grid-template-columns:minmax(280px,34%) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px);padding-bottom:clamp(28px,4vw,52px);display:grid;position:relative}.charlii-title h2{margin:0;font-size:clamp(54px,7.4vw,112px)}.subtitle{color:var(--rose);margin:10px 0 18px;font-size:clamp(21px,2.5vw,36px);font-style:italic;line-height:1.04}.discipline-tags{flex-wrap:wrap;gap:8px;display:flex}.discipline-tags span{border:1px solid var(--rose-line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:#ffffff8c;border-radius:999px;padding:7px 11px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:800}.hero-composition{min-height:350px;position:relative}.media-frame{border-radius:var(--radius);box-shadow:var(--soft-shadow);background:#fff;border:1px solid #ecd1cfbf;margin:0;overflow:hidden}.media-frame img{object-fit:contain;width:100%;height:auto;transition:transform .7s}.media-frame video{object-fit:cover;width:100%;height:100%;transition:transform .7s}.media-frame:hover img,.media-frame:hover video{transform:scale(1.025)}.hero-card{transform:translate(2%)}.quote-card{z-index:2;border-radius:var(--radius);width:min(42%,340px);min-height:132px;box-shadow:var(--shadow);background:#fffaf7;border:1px solid #ecd1cfcc;flex-direction:column;justify-content:center;margin:-26px 5% 0 auto;padding:clamp(17px,2.5vw,28px);display:flex;position:relative}.quote-card span{height:22px;color:var(--ink);font-size:70px;line-height:.55}.quote-card p{letter-spacing:-.055em;margin:4px 0 14px;font-size:clamp(24px,3.5vw,48px);line-height:.95}.quote-card small{color:var(--muted);font-size:13px;line-height:1.4}.funnel-strip{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,70px);margin:18px 0 14px;display:grid;position:relative}.stage-label{border:1px solid var(--rose-line);background:#ffffff8c;border-radius:14px;grid-template-columns:46px 1fr;align-items:center;gap:12px;padding:13px 16px;display:grid}.stage-label span,.stage-composition aside span{color:#fff;background:linear-gradient(135deg,#d27883,#b24d61);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.stage-label strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-family:Arial,Helvetica,sans-serif;font-size:11px;display:block}.stage-label small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.stage-composition{z-index:1;border-top:1px solid #ecd1cfbf;grid-template-columns:230px repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.8vw,20px);padding:clamp(16px,2vw,24px) 0;display:grid;position:relative}.stage-composition aside{padding:clamp(16px,2vw,25px) 14px}.stage-composition aside span{width:auto;height:auto;color:var(--rose);box-shadow:none;background:0 0;justify-content:flex-start;margin-bottom:18px;font-size:clamp(44px,5vw,74px);line-height:.8}.stage-composition h3{margin:0 0 12px;font-size:clamp(25px,2.6vw,36px)}.stage-composition aside p{color:var(--rose);margin:0;font-size:18px;font-style:italic;line-height:1.25}.stage-composition .media-frame{align-self:start;min-height:0}.stage-composition .span-2{grid-column:span 2}.portrait-card{min-height:300px}.dark-card{background:#2a1716}.lift-a{transform:translateY(3px)}.lift-b{transform:translateY(-10px)}.lift-c{transform:translateY(14px)}.motion-strip{z-index:1;border-top:1px solid var(--rose-line);grid-template-columns:290px minmax(0,1fr);gap:clamp(20px,4vw,56px);margin-top:22px;padding-top:28px;display:grid;position:relative}.motion-strip h3{margin:0;font-size:clamp(28px,4vw,52px)}.video-rail{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.video-card{min-width:0;box-shadow:var(--soft-shadow);background:#fff;border:1px solid #ecd1cfcc;border-radius:16px;margin:0;overflow:hidden}.video-card video{aspect-ratio:1;object-fit:cover;background:#000;width:100%}.video-card figcaption{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:10px;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:800;line-height:1.35}.project-showcase{max-width:1280px;box-shadow:var(--soft-shadow);background:#fffaf7b3;border:1px solid #ecd1cfe0;border-radius:26px;margin:0 auto;padding:clamp(18px,2.7vw,38px);position:relative;overflow:hidden}.project-showcase:before{content:"";pointer-events:none;background:#c86d7a14;border-radius:50%;width:34vw;height:34vw;position:absolute;top:-18vw;right:-13vw}.project-showcase.tone-1:before{background:#2114140e;left:-14vw;right:auto}.project-showcase.tone-2:before{background:#c2996d1a;top:auto;bottom:-18vw}.project-showcase.tone-3:before{background:#7d606014}.project-hero{z-index:1;border-bottom:1px solid #ecd1cfbf;grid-template-columns:minmax(260px,31%) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,72px);padding-bottom:clamp(20px,3vw,38px);display:grid;position:relative}.project-copy h2{margin:0 0 20px;font-size:clamp(40px,6.4vw,92px)}.project-media-composition{grid-template-columns:minmax(0,1fr) minmax(150px,30%);align-items:end;gap:16px;min-height:320px;display:grid;position:relative}.project-primary{grid-column:1/3;justify-self:end;max-width:78%}.project-support{z-index:2;width:min(34%,290px);position:absolute;bottom:-6%;left:4%}.project-motion{z-index:3;border-color:#21141438;width:min(28%,250px);position:absolute;top:5%;right:0}.tone-1 .project-primary{justify-self:start}.tone-1 .project-support{left:auto;right:3%}.tone-1 .project-motion{left:4%;right:auto}.tone-2 .project-media-composition{align-items:center}.tone-2 .project-primary{justify-self:center;max-width:88%}.tone-2 .project-support{width:min(30%,230px);bottom:-5%;left:auto;right:7%}.tone-3 .project-primary{max-width:70%}.tone-3 .project-support{width:min(38%,320px);bottom:8%}.media-run{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(10px,1.5vw,18px);padding-top:clamp(18px,3vw,36px);display:grid;position:relative}.media-run .media-frame{grid-column:span 3;align-self:start}.media-run .run-0,.media-run .run-5{grid-column:span 5}.media-run .run-1,.media-run .run-4{grid-column:span 4}.media-run .run-2{grid-column:span 3;transform:translateY(12px)}.media-run .run-3{grid-column:span 6}.media-run .run-6{grid-column:span 2}.media-run video{aspect-ratio:1;object-fit:cover}.project-showcase .media-run:first-child{padding-top:0}.about{border-top:1px solid var(--rose-line)}.about-layout,.contact-layout{grid-template-columns:minmax(0,1fr) minmax(260px,430px);align-items:end;gap:clamp(28px,9vw,120px);display:grid}.about h2,.contact h2{margin-bottom:0;font-size:clamp(36px,6vw,86px)}.about p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px;line-height:1.7}.contact{background:var(--paper-strong);border-top:1px solid var(--rose-line)}.contact-layout a{border-bottom:1px solid;align-items:center;gap:14px;padding-bottom:8px;font-size:clamp(20px,2.4vw,34px);display:inline-flex}footer{color:#fff;background:var(--ink);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:28px;min-height:86px;padding:24px clamp(18px,4vw,52px);font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:800;display:flex}.footer-brand small{color:#ffffffa8}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}.charlii-showcase,.project-showcase,.stage-composition,.motion-strip{animation:.55s both rise-in}@media (width<=980px){.hero-grid,.work-intro,.charlii-hero,.project-hero,.motion-strip,.about-layout,.contact-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-note{max-width:520px}.charlii-title h2{max-width:720px}.quote-card{width:min(60%,340px)}.funnel-strip{grid-template-columns:1fr;gap:10px}.stage-composition{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-composition aside{grid-column:1/-1;grid-template-columns:70px 1fr;align-items:center;gap:16px;padding:12px 0 4px;display:grid}.stage-composition aside span{margin:0}.stage-composition aside p{grid-column:2;margin-top:-8px}.video-rail{grid-template-columns:repeat(3,minmax(150px,1fr))}.project-media-composition{min-height:auto;display:block}.project-primary{max-width:88%;margin-left:auto}.project-support{width:min(42%,300px);margin-top:-36px;position:relative;bottom:auto;left:0}.project-motion{width:min(36%,260px);top:auto;bottom:8%;right:0}.media-run .media-frame,.media-run .run-0,.media-run .run-1,.media-run .run-2,.media-run .run-3,.media-run .run-4,.media-run .run-5,.media-run .run-6{grid-column:span 6;transform:none}}@media (width<=680px){.section{padding:48px 14px}.site-header{height:62px;padding:0 14px}.brand span{font-size:27px}.brand small{letter-spacing:.32em;font-size:8px}.menu-toggle{z-index:2;display:block;position:relative}.main-nav{box-shadow:var(--soft-shadow);background:#fffaf7f7;flex-direction:column;align-items:flex-start;gap:14px;padding:72px 14px 22px;display:none;position:absolute;inset:0 0 auto}.main-nav.open{display:flex}.hero{padding:40px 14px 46px}.hero h1{font-size:clamp(48px,17vw,76px)}.portfolio-controls{margin-bottom:18px;overflow:hidden}.filter-row{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-chip{flex:none}.charlii-showcase{border-radius:20px;margin-inline:-4px;padding:14px}.charlii-title h2{font-size:clamp(54px,15vw,74px)}.subtitle{font-size:24px}.hero-composition{min-height:360px}.hero-card{transform:translate(0)}.quote-card{width:76%;margin:-26px 0 0 auto;padding:18px}.quote-card p{font-size:29px}.funnel-strip{margin-top:48px}.stage-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stage-composition aside{grid-column:1/-1;grid-template-columns:54px 1fr}.stage-composition aside p{grid-column:1/-1;margin-top:0;font-size:16px}.stage-composition .span-2{grid-column:1/-1}.stage-composition .media-frame{border-radius:13px;min-height:0}.portrait-card{min-height:235px}.lift-a,.lift-b,.lift-c{transform:none}.video-rail{scroll-snap-type:x mandatory;padding-bottom:8px;display:flex;overflow-x:auto}.video-card{scroll-snap-align:start;min-width:210px}.project-showcase{border-radius:20px;margin-inline:-4px;padding:14px}.project-copy h2{font-size:clamp(40px,13vw,62px)}.project-primary{max-width:100%}.project-support{width:70%;margin-top:-20px}.project-motion{width:54%;margin:-18px 0 0 auto;position:relative}.media-run{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-run .media-frame,.media-run .run-0,.media-run .run-1,.media-run .run-2,.media-run .run-3,.media-run .run-4,.media-run .run-5,.media-run .run-6{grid-column:span 1}.media-run .run-0,.media-run .run-3,.media-run .run-5{grid-column:1/-1}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}