:root{--paper:#f5f2eb;--ink:#252420;--red:#bd3e2f;--muted:#77736b;--line:#d9d5cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{height:90px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.logo{font-family:Georgia,serif;font-size:32px;letter-spacing:-2px}.logo span{font:12px sans-serif;letter-spacing:1px;margin-left:20px}nav{display:flex;gap:36px;align-items:center;font-size:13px}.contact-link{border:1px solid var(--ink);padding:9px 20px;border-radius:30px}.hero{padding:28px 5vw 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px}.hero-top p{margin:0}.hero-top span{letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(44px,5.4vw,86px);font-weight:500;line-height:1.17;letter-spacing:-3px;margin:30px 0 35px}h1 br{display:none}h1 i{font-style:normal;color:var(--red)}.hero-media{height:clamp(340px,48vw,600px);position:relative;overflow:hidden;background:#a77241}.hero-media video{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}.hero-caption{position:absolute;left:32px;bottom:30px;color:white}.hero-caption span{font-size:12px;letter-spacing:2px}.hero-caption strong{font-size:36px;font-weight:500;display:block}.hero-caption b{font-weight:400;margin-left:30px}.sound{position:absolute;right:25px;bottom:30px;border:1px solid #fff7;border-radius:30px;padding:10px 18px;background:#0003;color:white;font-size:12px}.hero-bottom{padding:18px 0 35px}.hero-bottom p{color:var(--muted);margin:0}.hero-bottom a{border-bottom:1px solid var(--ink);padding:5px 0}.work,.practice,.about{padding:90px 5vw}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:42px}h2{font-weight:500;font-size:38px;letter-spacing:-1px;line-height:1.3;margin:0}h2 span{display:inline-block;font:italic 23px Georgia,serif;color:var(--muted);margin-left:23px}.section-title>span{font-size:12px;color:var(--muted)}.case-header{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:30px;margin-bottom:25px}.index{font-size:10px;letter-spacing:2px;color:var(--red);margin:0 0 12px}h3{font-size:30px;font-weight:500;line-height:1.4;margin:0}.case-header>p{font-size:14px;color:var(--muted)}.play{padding:13px 22px;border:0;background:var(--red);color:white;border-radius:30px;font-size:12px;transition:transform .2s}.play:hover,.contact-link:hover{transform:translateY(-2px)}.viewer{position:relative;background:#d5b88c;aspect-ratio:16/8.6;overflow:hidden}.viewer>img{width:100%;height:100%;object-fit:cover}.viewer-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px;color:white;background:linear-gradient(transparent,#0009)}.viewer-label button{border:0;background:none;color:white}.frames{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}.frame{padding:0;border:0;background:none;text-align:left;opacity:.6;transition:opacity .2s}.frame:hover,.frame.active{opacity:1}.frame img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.frame.active img{outline:2px solid var(--red);outline-offset:3px}.frame span{font-size:10px;display:block;margin-top:10px;color:var(--muted)}.case-detail{margin:25px 0 75px;border-bottom:1px solid var(--line);padding-bottom:22px}.case-detail>p{font-size:12px}.case-detail>p span{float:right;color:var(--muted)}summary{cursor:pointer;font-size:12px;padding:14px 0;list-style:none;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:25px 0}.detail-grid h4{font-size:22px;font-weight:500}.detail-grid p{color:var(--muted)}.detail-grid img{width:100%;max-height:600px;object-fit:contain}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.film{position:relative;padding:0;border:0;width:100%;aspect-ratio:16/10;overflow:hidden;background:#d6d0c4}.film>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.film:hover>img{transform:scale(1.03)}.round-play{position:absolute;inset:0;margin:auto;width:58px;height:58px;display:grid;place-items:center;border:1px solid #fff8;color:white;border-radius:50%;background:#0003}.award-label{position:absolute;bottom:18px;left:18px;background:var(--paper);padding:7px 12px;font-size:10px}.film-title{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.film-title h3{font-size:23px}.film-title>a{font-size:25px}.film-grid article>p{color:var(--muted);font-size:12px}.practice{background:#eae6dc}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.campaign{position:relative;background:#dedad0;display:block;overflow:hidden;max-height:470px}.campaign img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.campaign span{position:absolute;left:0;bottom:0;right:0;padding:20px;background:#252420e8;color:white;font-size:13px}.practice-list>a{display:flex;gap:20px;align-items:center;border-top:1px solid #ccc6ba;padding:25px 0}.practice-list>a>span{font:12px Georgia;color:var(--muted)}.practice-list h3{font-size:22px}.practice-list p{font-size:12px;color:var(--muted);margin:8px 0 0}.practice-list b{margin-left:auto;font-size:22px;font-weight:400}.about{padding-top:110px;padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;margin-top:30px}.about h2{font-size:44px;line-height:1.5}.about i{font-style:normal;color:var(--red)}.about-grid p{color:var(--muted);margin-top:0}.text-link{display:inline-block;border-bottom:1px solid var(--ink);margin:15px 0 30px}.education{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.education strong{font-weight:400}footer{background:var(--red);color:var(--paper);padding:60px 5vw 25px}footer>p{font-size:18px}.email{font:clamp(70px,12vw,180px)/1.3 Georgia,serif;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff55;padding-bottom:30px}.email span{font-family:sans-serif;font-size:.6em}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:30px;font-size:11px}dialog{border:0;padding:30px;width:min(1000px,94vw);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#14130ff0}dialog video{width:100%;max-height:72vh;background:#111;margin:20px 0}dialog h2{font-size:24px}dialog a{font-size:12px;text-decoration:underline}.close{float:right;background:none;border:0;padding:10px}.skip{position:fixed;top:-100px}.skip:focus{top:10px;z-index:100;background:white;padding:10px}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}h1,.hero-media{animation:enter .8s both}.hero-media{animation-delay:.15s}@media(max-width:760px){header{height:75px}.logo{font-size:28px}.logo span{display:none}nav{gap:17px;font-size:11px}.contact-link{padding:7px 12px}.hero-top span{display:none}h1{font-size:42px;letter-spacing:-2px;margin:28px 0}h1 br{display:block}.hero-media{height:420px}.hero-caption{left:20px;bottom:70px}.hero-caption strong{font-size:28px}.sound{bottom:20px;right:20px}.hero-bottom{font-size:10px}.work,.practice,.about{padding:60px 5vw}.section-title{margin-bottom:30px}h2{font-size:28px}h2 span{display:block;font-size:18px;margin:8px 0 0}.case-header{grid-template-columns:1fr auto;gap:12px}.case-header>p{grid-column:1/-1;grid-row:2;font-size:13px}.case-header h3{font-size:28px}.play{padding:11px 14px}.viewer{aspect-ratio:16/10}.viewer-label{padding:16px;font-size:11px}.viewer-label button{font-size:11px}.frames{grid-template-columns:repeat(3,1fr);gap:14px 10px}.frame span{font-size:9px}.case-detail>p span{float:none;display:block;margin-top:8px}.film-grid{grid-template-columns:1fr;gap:35px}.film-title h3{font-size:22px}.case-detail{margin-bottom:45px}.practice-grid,.about-grid,.detail-grid{grid-template-columns:1fr;gap:30px}.campaign{height:320px}.about h2{font-size:36px}.footer-bottom{flex-wrap:wrap;font-size:10px}.footer-bottom span:nth-child(3){display:none}.education{font-size:10px}.hero-top{font-size:10px}dialog{padding:18px}dialog h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero-media{background:url('assets/story-6.png') center/cover}.hero-media video{object-fit:contain;background:#211b17;width:34%;margin-left:66%;border-left:1px solid #fff4}.hero-caption{max-width:55%}@media(max-width:760px){.hero-media{height:340px}.hero-media video{display:none}.sound{display:none}}

/* Refined palette: cool white, ink blue and restrained cobalt */
:root{--paper:#f7f9fc;--ink:#172538;--red:#375bcb;--muted:#69788c;--line:#dce3ed}.practice{background:#edf2f8}.contact-link{border-color:#ccd6e5}.hero-top span{color:#8793a4}.about i{color:var(--ink)}footer{background:#192c4c;color:#f7f9fc}.award-label{background:#f7f9fceF}.frame.active img{outline-color:#375bcb}.practice-list>a{border-color:#d4deeb}.hero-media{border-radius:8px}.viewer{border-radius:8px}.film{border-radius:8px}.about h2{font-size:42px}.email{font-family:Arial,sans-serif;letter-spacing:-5px}

:root{--paper:#fbf7f0;--ink:#3b302a;--red:#a55d43;--muted:#8a786b;--line:#e6d9ca}.practice{background:#f1e7d9}.hero-top span{color:#9c897a}.contact-link{border-color:#cdbba9}.award-label{background:#fbf7f0ef}.frame.active img{outline-color:var(--red)}footer{background:#604636;color:#fbf7f0}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 65px}.experience-item{border-top:1px solid #d8c8b5;padding-top:24px}.experience-item h3{font-size:26px}.experience-item>p:not(.index){color:#776658;font-size:14px;max-width:580px}.experience-item .context{font-size:11px!important}.experience-item small{font-size:10px;color:#927e6c;display:block;margin-top:20px}.metric-row{display:flex;gap:35px;margin:28px 0 20px}.metric-row strong{display:block;font:32px Georgia,serif;color:#8d543c}.metric-row span{display:block;font-size:10px;margin-top:8px;color:#8a786b}.content-samples{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.content-samples a{display:block}.content-samples img{width:100%;height:240px;object-fit:cover;object-position:top;display:block;background:#fff9f0}.content-samples span{font-size:10px;display:block;margin-top:10px}.education{border-color:var(--line)}@media(max-width:760px){.experience-grid{grid-template-columns:1fr;gap:36px}.experience-item h3{font-size:23px}.metric-row{gap:24px}.metric-row strong{font-size:28px}.content-samples img{height:220px}}

.campaign-section{padding:75px 5vw;background:#fbf7f0}.campaign-intro{font-size:12px;color:var(--muted);margin:-20px 0 30px}.campaign-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.campaign-page{padding:0;border:0;background:none;text-align:left}.campaign-page img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f3e9dd;border:1px solid #e8d8c7;transition:transform .2s}.campaign-page:hover img{transform:translateY(-3px)}.campaign-page span{display:flex;justify-content:space-between;font-size:12px;margin-top:12px}.campaign-page b{font-weight:400;color:var(--muted)}#imageDialog{width:min(1400px,96vw)}#largeImage{display:block;width:100%;height:auto;margin-top:20px;max-height:80vh;object-fit:contain}@media(max-width:760px){.campaign-section{padding:55px 5vw}.campaign-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.campaign-section .section-title{display:block}.campaign-section .text-link{font-size:12px;margin:15px 0}.campaign-intro{margin:0 0 25px}.campaign-page span{font-size:11px}}

/* Bright warm palette and clearer personal information */
:root{--paper:#fffbf3;--ink:#332e2a;--red:#b94330;--muted:#786c62;--line:#eadbca}header{background:#fffaf0}.logo span{font-size:20px;font-weight:600;letter-spacing:0}.contact-link{font-size:15px;background:#ffe2bd;border:0}.practice{background:#fff0d8}.campaign-section{background:#fffaf0}.about{background:#fff7ed}.award-label{background:#fff5dceF}.hero-top span{color:#887468}.frame.active img{outline-color:#df7551}.play{background:#b94330}.section-title h2>span{color:#8c7361}.discipline-band{margin:0 5vw;padding:23px 28px;border-radius:8px;background:#ffdf9a;display:flex;justify-content:space-between;align-items:center;font-size:15px;gap:15px}.discipline-band i{font-style:normal;color:#b94330;font-size:25px}.experience-item{border-top-color:#e6cba7}.metric-row strong{color:#a34531}.hero-media,.viewer{box-shadow:0 14px 35px #bf8a4d12}.profile-heading h2{font-size:62px!important;letter-spacing:-2px}.profile-heading>p{font-size:20px!important;color:#786c62}.profile-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.profile-tags span{padding:7px 13px;border:1px solid #ead7be;border-radius:30px;font-size:13px;background:#fffaf0}.education{grid-template-columns:1fr;gap:16px;border:0;padding-top:15px}.education article{border-top:1px solid #eadbca;padding:24px 0 10px}.education article>span{font-size:13px;color:#8b7462}.education h3{font-size:26px;margin:10px 0 5px}.education article p{font-size:17px;margin:0 0 8px}.education strong{font-size:18px}.about-grid>div>p{font-size:17px;line-height:1.9}footer{background:#ffdfad;color:#332e2a;position:relative}footer>p{font-size:18px;margin:0 0 12px}.email{font-size:clamp(40px,5vw,70px);letter-spacing:-2px;border-color:#d9ba8b;padding-bottom:22px;max-width:440px}.contact-details{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 0;border-bottom:1px solid #d9ba8b}.contact-details strong{font-size:30px;font-weight:500}.contact-details strong span{font-size:20px;margin-left:12px;color:#78614c}.contact-details>a{font-size:26px;overflow-wrap:anywhere}.footer-bottom{font-size:14px}.footer-bottom a{font-size:14px}@media(max-width:760px){.logo span{display:inline;font-size:17px;margin-left:12px}.logo{font-size:25px}nav{gap:12px}.contact-link{font-size:12px}.discipline-band{padding:15px 14px;flex-wrap:wrap;justify-content:center;font-size:11px;gap:10px}.discipline-band i{font-size:16px}.profile-heading h2{font-size:44px!important}.profile-heading>p{font-size:18px!important}.education h3{font-size:23px}.education article p{font-size:16px}.contact-details{display:block;padding:25px 0}.contact-details strong{display:block;font-size:27px;margin-bottom:15px}.contact-details>a{font-size:21px}.footer-bottom{font-size:12px}.footer-bottom a{font-size:12px}.email{font-size:48px}.about-grid{gap:30px}}

.contact-methods{display:flex;flex-direction:column;gap:10px}.contact-methods a{font-size:26px;overflow-wrap:anywhere}@media(max-width:760px){.contact-methods a{font-size:21px}}

:root {
  --paper: #fff8e9;
  --ink: #382336;
  --red: #b53051;
  --line: #e4c5b9;
  --muted: #745c60;
}
header, .hero { background: #ffc4af; }
header { border-color: #eca790; }
.contact-link, .play { background: #ac294d; color: white; }
.hero-media { border-radius: 26px 6px 26px 6px; }
.hero h1 i { color: #9c2547; }
.hero-bottom p, .hero-top span { color: #693c40; }
.studio-ribbon {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 18px 5vw;
  border: 2px solid var(--ink);
  border-radius: 26px 5px;
  overflow: hidden;
  transform: rotate(-1deg);
  box-shadow: 4px 5px 0 var(--ink);
}
.studio-ribbon a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 22px;
  font-weight: 600;
  background: #ffd95c;
}
.studio-ribbon a:nth-child(2) { background: #ffad98; }
.studio-ribbon a:nth-child(3) { background: #caf080; }
.studio-ribbon a:nth-child(4) { background: #ffbbd4; }
.studio-ribbon a span { transition: transform .2s; }
.studio-ribbon a:is(:hover,:focus-visible) span { transform: translate(3px,3px); }
.studio-ribbon a:focus-visible { outline-offset: -5px; }
.practice { background: #fff0ae; }
.campaign-section { background: #ffdfeb; }
.about { background: #fff8e9; }
footer { background: #ffae96; color: var(--ink); }
.profile-tags span { background: #d9eeaa; border: none; }
.frame.active img { outline-color: var(--red); }
.campaign-page img { border-radius: 8px; box-shadow: 0 3px 0 #dc9db4; }
.page-controls { display: flex; align-items: center; justify-content: center; gap: 18px; padding-top: 14px; }
.page-controls button { width: 46px; height: 44px; border: 1px solid var(--ink); border-radius: 50%; background: #ffd95c; }
#largeImage { max-height: 66vh; }
@media(max-width:760px) {
  .studio-ribbon { grid-template-columns: repeat(2,1fr); }
  .studio-ribbon a { padding: 14px; font-size: 14px; }
}
.reel {overflow:hidden;padding:10px 0 18px}
.reel-stage {position:relative;display:grid;place-items:center;height:clamp(250px,34vw,460px);isolation:isolate;touch-action:pan-y}
.reel-card {position:absolute;width:clamp(200px,34vw,445px);background:var(--paper);border:1px solid #482c3830;border-radius:15px;overflow:hidden;box-shadow:0 12px 28px #63363830;transform:translateX(calc(var(--offset)*51%)) scale(calc(1 - var(--distance)*.17)) rotate(calc(var(--offset)*2deg));transition:transform .48s cubic-bezier(.2,.75,.22,1),opacity .4s;opacity:calc(1 - var(--distance)*.14)}
.reel-card img {width:100%;aspect-ratio:1.42;object-fit:cover;display:block}
.reel-card strong {display:block;padding:12px 16px;font-size:clamp(14px,1.4vw,21px)}
.reel-controls {display:flex;align-items:center;justify-content:center;gap:18px}
.reel-controls button {width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:#ffdf98}
.reel-controls output {font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.reel-card{transition:none}}