@font-face{font-family:"Archivo Black";src:url('assets/archivo-black.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url('assets/dm-sans-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url('assets/dm-sans-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url('assets/dm-sans-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url('assets/dm-sans-700-italic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}
:root{--paper:#fff5e5;--yellow:#efb72b;--red:#de5f82;--pink:#de5f82;--blue:#087a7f;--green:#adb72f;--orange:#de5f82;--ink:#20211d;--lagoon:#087f83;--teal-ink:#06666b;--tomato-ink:#06666b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 "DM Sans",Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:"Archivo Black",Arial,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.025em}h2{font-size:clamp(44px,5.5vw,80px)}h2 em{font-style:normal}h3{font:700 23px/1.15 "DM Sans",Arial,sans-serif;letter-spacing:-.7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.color-line{height:7px;display:flex}.color-line i{flex:1;background:var(--orange)}.color-line i:nth-child(2){background:var(--pink)}.color-line i:nth-child(3){background:var(--yellow)}.color-line i:nth-child(4){background:var(--green)}.color-line i:nth-child(5){background:var(--lagoon)}.header{height:89px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ink)}.wordmark{font-weight:700;font-size:19px;letter-spacing:-.4px;line-height:1}.wordmark span{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:8px}.header nav{display:flex;gap:33px;font-size:14px}.header-contact{font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0}.header-contact span{margin-left:23px}.hero{background:var(--paper);position:relative;padding:24px 5% 23px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1.2px;font-weight:700;position:relative;z-index:3}.hero-main{display:grid;grid-template-columns:1.15fr 1fr;min-height:650px;align-items:center;position:relative;gap:10px}.hero-copy{position:relative;z-index:2;padding:48px 0 58px;min-width:0}.hello{font-size:14px;letter-spacing:3px;font-weight:700;margin-bottom:14px}.hero h1{color:var(--blue);font-size:clamp(54px,7.3vw,110px);line-height:.99;letter-spacing:-.045em}.hero h1>span{display:block}.name-period{color:var(--red)}.hero-tagline{font-family:"Archivo Black",Arial,sans-serif;font-size:clamp(20px,2vw,28px);font-weight:400;text-transform:uppercase;line-height:1.15;letter-spacing:-.035em;margin:21px 0 17px}.hero-tagline em{font-style:normal;color:var(--blue)}.hero-description{font-size:18px;max-width:470px;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 21px;font-size:14px;font-weight:700;border:0}.primary{background:var(--blue);color:var(--paper)}.button:hover{background:var(--ink);color:white;text-decoration:none}.plain-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:0}.hero-visual{background:var(--pink);position:relative;height:650px;align-self:end;isolation:isolate;min-width:0}.portrait-orbit{position:absolute;inset:80px 15px 70px;background:var(--pink);border-radius:48% 48% 0 0;transform:rotate(8deg);z-index:-1}.hero-portrait{width:100%;height:100%;object-fit:contain;object-position:bottom;display:block;transform:translateY(40px) scale(1.12);transform-origin:center bottom}.portrait-note{position:absolute;bottom:30px;right:0;background:var(--paper);color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1px;padding:9px 14px;transform:rotate(-5deg)}.hero-bottom{position:relative;z-index:3;border-top:1px solid #181b1a65;display:flex;justify-content:space-between;padding-top:18px;gap:30px;font-size:10px;letter-spacing:1px;font-weight:700}.discipline-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--green);color:var(--ink);padding:21px 5%;font-weight:700;font-size:15px;letter-spacing:.8px}.discipline-strip b{color:var(--ink);font-size:27px;line-height:1}.section{padding:88px 5%}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.5;margin-bottom:19px;display:block}.work h2{color:var(--red)}.section-intro{max-width:330px;font-size:17px;line-height:1.55;padding-bottom:3px}.filters{display:flex;gap:26px;margin-bottom:30px;border-bottom:1px solid #181b1a40;flex-wrap:wrap}.filter{border:0;border-bottom:3px solid transparent;background:none;padding:10px 0 14px;font-size:14px}.filter span{font-size:10px;padding:3px 5px;background:var(--yellow);margin-left:4px}.filter.active{color:var(--blue);font-weight:700;border-color:var(--blue)}.filter:hover{color:var(--blue)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project[hidden]{display:none}.project-open{border:0;background:none;padding:0;width:100%;display:block;text-align:left}.project-cover{height:465px;overflow:hidden;position:relative;isolation:isolate}.project-cover img{transition:transform .4s}.project-open:hover .project-cover>img{transform:scale(1.035)}.project-arrow{position:absolute;right:18px;bottom:18px;width:46px;height:46px;display:grid;place-items:center;background:var(--paper);color:var(--blue);font-size:29px;z-index:7;transition:background .2s,color .2s}.project-open:hover .project-arrow{background:var(--yellow);color:var(--ink)}.cover-label{position:absolute;top:19px;left:19px;right:19px;font-size:10px;letter-spacing:1px;font-weight:700;z-index:6;background:var(--paper);padding:8px 10px;width:fit-content;max-width:calc(100% - 38px);line-height:1.4;color:var(--ink)}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0 0}.project-caption p{font-size:12px;margin-top:8px;line-height:1.4}.project-index{font:400 35px/1 "Archivo Black",Arial,sans-serif;color:var(--red)}.thrift-cover{background:var(--red)}.thrift-main{width:66%;height:100%;object-fit:cover;object-position:center 25%;display:block}.thrift-pattern{position:absolute;right:0;top:0;width:34%;height:100%;object-fit:cover}.cover-name{position:absolute;left:20px;bottom:22px;font:400 clamp(26px,3.4vw,48px)/1.02 "Archivo Black",Arial,sans-serif;color:white;letter-spacing:-1px;text-shadow:0 2px 10px #181b1a85}.who-cover{background:var(--lagoon);display:flex;align-items:center;justify-content:center}.who-image{position:absolute;object-fit:contain;box-shadow:0 8px 0 #181b1a35}.who-image.one{width:88%;top:65px;left:5%;transform:rotate(-3deg)}.who-image.two{width:73%;bottom:42px;right:5%;transform:rotate(4deg)}.project-open:hover .who-image.one{transform:rotate(-3deg) translateY(-3px)}.project-open:hover .who-image.two{transform:rotate(4deg) translateY(3px)}.teriyaki-cover{background:var(--green)}.teriyaki-cover>img{width:100%;height:100%;object-fit:cover}.teriyaki-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#181b1a95);pointer-events:none}.teriyaki-title{position:absolute;left:22px;bottom:24px;font:400 clamp(25px,3.3vw,48px)/1.02 "Archivo Black",Arial,sans-serif;color:var(--yellow);z-index:4;text-shadow:0 2px 4px #181b1a60}.chocolate-cover{background:var(--pink)}.chocolate-cover>img{position:absolute;width:50%;height:100%;right:0;top:0;object-fit:cover}.chocolate-word{color:var(--ink);position:absolute;left:24px;top:135px;font:400 clamp(36px,5.2vw,76px)/1 "Archivo Black",Arial,sans-serif;letter-spacing:-2px}.approach-band{padding:52px 5%;background:var(--orange);color:var(--ink);display:grid;grid-template-columns:1.3fr 1fr;gap:15px 12%;align-items:end}.approach-band>.eyebrow{grid-column:1/-1;margin-bottom:4px}.approach-band>p{font:400 clamp(28px,4.3vw,62px)/1.06 "Archivo Black",Arial,sans-serif;letter-spacing:-1.5px}.approach-band p em{font-style:normal;color:var(--paper)}.approach-band>div{font-size:18px;line-height:1.6;max-width:450px}.video-section{background:var(--paper)}.video-section h2{color:var(--blue)}.video-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.video-stage{min-height:570px;position:relative;overflow:hidden;background:var(--pink);display:flex;align-items:center;justify-content:center;padding:30px}.video-background-type{font:400 96px/.95 "Archivo Black",Arial,sans-serif;position:absolute;left:15px;top:57px;color:var(--ink);letter-spacing:-5px}.video-stage video{position:relative;display:block;width:275px;max-width:100%;height:489px;background:var(--ink);box-shadow:9px 9px 0 var(--blue);object-fit:contain;z-index:2}.stage-caption{position:absolute;bottom:14px;left:20px;letter-spacing:1.5px;font-size:9px;font-weight:700;color:var(--ink)}.video-menu>.eyebrow{color:var(--blue);margin-bottom:5px}.clip{display:flex;align-items:center;width:100%;gap:20px;text-align:left;background:none;border:0;border-bottom:1px solid #181b1a50;padding:25px 0}.clip>span:nth-child(2){flex:1}.clip strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.5px}.clip small{display:block;font-size:13px;margin-top:7px}.clip-number{font:400 37px/1 "Archivo Black",Arial,sans-serif;color:var(--red)}.clip.active strong,.clip:hover strong{color:var(--blue)}.clip.active .clip-number{color:var(--blue)}.clip>span:last-child{font-size:25px}.editing-note{padding-top:35px;max-width:370px}.editing-note>.eyebrow{margin-bottom:12px}.editing-note p{margin-bottom:19px;font-size:16px;line-height:1.5}.about{background:var(--yellow)}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}.about-visual{position:relative;height:620px;isolation:isolate;overflow:hidden}.about-visual>.eyebrow{position:relative;z-index:3}.about-backdrop{position:absolute;top:60px;left:0;color:var(--tomato-ink);font:400 320px/.85 "Archivo Black",Arial,sans-serif;letter-spacing:-10px}.about-visual>img{position:absolute;width:88%;height:560px;bottom:-20px;right:-5px;object-fit:contain;object-position:bottom}.about-image-caption{position:absolute;bottom:0;left:0;right:0;background:var(--blue);color:var(--paper);font-size:10px;letter-spacing:1px;padding:12px;text-align:center;z-index:3}.about-copy h2{color:var(--teal-ink);font-size:clamp(35px,4vw,58px);line-height:1.05;margin-bottom:25px}.about-copy h2 em{color:var(--tomato-ink)}.about-lead{font-size:24px;line-height:1.35;font-weight:700;letter-spacing:-.7px;margin-bottom:20px}.about-copy>p:not(.about-lead){font-size:17px;line-height:1.6;margin-bottom:18px}.about-facts{border-top:1px solid #181b1a60;margin-top:25px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-facts span{font-size:9px;font-weight:700;letter-spacing:1px}.about-facts p{font-size:14px;line-height:1.5;margin-top:7px}.about-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.experience{display:grid;grid-template-columns:1fr 1.45fr;gap:10%}.experience-intro h2{color:var(--red);margin-bottom:28px;font-size:clamp(36px,4.4vw,64px)}.skill-list{margin-top:45px}.skill-list .eyebrow{margin-bottom:12px}.skill-list p{font-size:16px;line-height:1.9}.timeline details{border-top:1px solid #181b1a50}.timeline details:last-of-type{border-bottom:1px solid #181b1a50}.timeline summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:24px 0}.timeline summary::-webkit-details-marker{display:none}.timeline summary strong{font-size:25px;letter-spacing:-.6px;line-height:1.2;display:block}.timeline summary small{font-size:14px;margin-top:7px;display:block}.timeline summary>span:last-child{font-size:10px;letter-spacing:.4px;display:flex;align-items:center;gap:16px;white-space:nowrap}.timeline summary i{font-size:26px;font-style:normal;color:var(--blue);transition:transform .2s}.timeline details[open] summary i{transform:rotate(45deg)}.job-detail{font-size:16px;line-height:1.6;padding-bottom:25px;max-width:540px}.job-detail p+p{margin-top:12px}.education{margin-top:30px;padding:26px;background:var(--green);color:white}.education .eyebrow{margin-bottom:13px}.education strong{font-size:18px;line-height:1.35;display:block}.education>span:last-child{font-size:14px;display:block;margin-top:10px}.contact{background:var(--teal-ink);color:var(--paper)}.contact .eyebrow{color:var(--paper)}.contact h2{font-size:clamp(94px,13.5vw,190px);line-height:.97;position:relative;letter-spacing:-.04em}.contact h2 em{color:var(--yellow)}.contact h2>span{position:absolute;right:2%;top:15%;font-family:"DM Sans",Arial,sans-serif;font-weight:400;font-size:clamp(100px,20vw,300px);line-height:1;color:var(--yellow)}.contact-bottom{margin-top:45px;padding-top:24px;border-top:1px solid #ffffff60;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.contact-email{font-size:clamp(19px,2.8vw,38px);letter-spacing:-.7px}.copy-email{padding:10px 17px;border:1px solid white;background:none;color:white;font-size:12px}.copy-email:hover{background:white;color:var(--blue)}footer{padding:25px 5%;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.6px}footer div{display:flex;gap:30px}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1100px,calc(100% - 30px));max-height:92vh;overflow-y:auto}dialog::backdrop{background:#181b1aaf;backdrop-filter:blur(3px)}.dialog-content{padding:48px;position:relative;border-top:8px solid var(--blue)}.dialog-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;background:var(--blue);color:white;font-size:28px;line-height:1}.dialog-content>.eyebrow{padding-right:45px}.dialog-content h2{font-size:clamp(38px,5.5vw,76px);color:var(--blue);max-width:880px;line-height:.95;margin-bottom:24px;text-transform:uppercase}.dialog-intro{font-size:22px;line-height:1.4;max-width:750px;margin-bottom:30px}.case-detail{padding:23px 0;border-top:1px solid #181b1a45;max-width:800px}.case-detail h3{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:11px}.case-detail p{font-size:17px;line-height:1.6}.case-detail ul{padding-left:20px;font-size:16px;line-height:1.7}.case-highlight{padding:25px;background:var(--yellow);margin:15px 0 30px;max-width:800px}.case-highlight strong{font:400 58px/1 "Archivo Black",Arial,sans-serif;display:block;margin-bottom:8px;color:var(--teal-ink)}.case-highlight p{font-size:16px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.case-gallery figure{margin:0;background:#f1eadb;padding:12px;align-self:start}.case-gallery img{width:100%;height:auto;display:block;max-height:630px;object-fit:contain}.case-gallery figure.wide{grid-column:1/-1}.case-gallery figcaption{padding-top:10px;font-size:12px;line-height:1.4}.case-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.case-links a,.case-links button{padding:12px 20px;background:var(--blue);color:white;border:0;font-size:14px}.case-links a:hover,.case-links button:hover{background:var(--ink);text-decoration:none}
@media(min-width:1550px){.hero-main{min-height:720px}.hero-visual{height:720px}.hero h1{font-size:110px}}
@media(max-width:1100px){.hero-main{min-height:575px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:7.3vw}.hero-visual{height:575px}.hero-description{max-width:390px;font-size:17px}.hero-copy{padding-block:40px}.portrait-note{font-size:9px;right:5px}.project-cover{height:400px}.who-image.one{top:72px}.who-image.two{bottom:50px}.chocolate-word{font-size:5.2vw;left:18px;top:135px}.section{padding:70px 5%}.about-grid{gap:5%}.about-visual{height:560px}.about-visual>img{height:510px;width:100%}.about-backdrop{font-size:280px;top:80px}.about-copy h2{font-size:3.8vw}.about-lead{font-size:21px}.about-copy>p:not(.about-lead){font-size:16px}.experience{gap:6%}.video-layout{gap:5%}.video-background-type{font-size:92px}.video-stage{min-height:530px;padding:25px}.video-stage video{height:462px;width:260px}.clip{gap:15px}.clip strong{font-size:18px}.clip-number{font-size:32px}.project-caption h3{font-size:21px}.discipline-strip{font-size:12px;gap:12px}}
@media(max-width:760px){.header{height:auto;min-height:105px;padding:16px 6%;flex-wrap:wrap;gap:13px}.wordmark{font-size:17px}.wordmark span{font-size:8px;margin-top:6px}.header-contact{font-size:12px;padding:3px 0}.header-contact span{margin-left:13px}.header nav{order:3;justify-content:space-between;width:100%;font-size:13px;border-top:1px solid #181b1a35;padding-top:13px;gap:16px}.hero{padding:20px 6% 18px}.hero-top{font-size:8px;letter-spacing:.7px}.hero-top>span:last-child{display:none}.hero-main{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:35px 0 0}.hello{font-size:11px;letter-spacing:2px;margin-bottom:15px}.hero h1{font-size:13.5vw;max-width:100%;line-height:1.01}.hero-tagline{font-size:22px;margin-top:19px;margin-bottom:13px;letter-spacing:-.8px}.hero-description{font-size:16px;max-width:480px}.hero-actions{gap:20px;margin-top:20px}.button{font-size:13px;padding:11px 17px;gap:20px}.plain-link{font-size:13px}.hero-visual{height:390px;max-width:450px;width:100%;justify-self:center;margin-top:20px}.hero-portrait{transform:translateY(16px) scale(1.07);height:100%}.portrait-orbit{inset:40px 8% 25px;transform:rotate(7deg);border-radius:48% 48% 0 0}.portrait-note{bottom:25px;right:6%;font-size:8px;padding:8px 11px}.hero-bottom{font-size:8px;letter-spacing:.6px;padding-top:14px;gap:25px}.hero-bottom>span{max-width:180px}.hero-bottom a{text-align:right;white-space:nowrap}.discipline-strip{overflow:hidden;white-space:nowrap;font-size:11px;padding:17px 6%;justify-content:flex-start;gap:20px}.discipline-strip b{font-size:23px}.section{padding:57px 6%}.section-heading{display:block;margin-bottom:27px}.section-intro{font-size:16px;max-width:440px;margin-top:22px}.eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:15px}h2{font-size:clamp(37px,9.3vw,62px)}.filters{gap:18px 20px;margin-bottom:25px}.filter{font-size:12px;padding:6px 0 10px}.filters .filter:nth-child(2){order:3}.filters .filter:nth-child(3){order:2}.filters .filter:nth-child(4){order:4}.project-grid{grid-template-columns:1fr;gap:32px}.project-cover{height:400px}.cover-label{font-size:8px;top:15px;left:15px;padding:7px 9px;max-width:calc(100% - 30px)}.cover-name{font-size:clamp(28px,9vw,44px);left:18px;bottom:24px}.project-arrow{right:15px;bottom:15px;height:42px;width:42px;font-size:27px}.who-image.one{top:68px;width:90%;left:4%}.who-image.two{width:78%;bottom:47px;right:4%}.teriyaki-title{font-size:clamp(24px,7.4vw,40px);left:19px;bottom:25px}.chocolate-word{font-size:44px;left:17px;top:120px}.project-caption{padding-top:14px;gap:15px}.project-caption h3{font-size:21px}.project-caption p{font-size:11px;margin-top:7px}.project-index{font-size:30px}.approach-band{padding:40px 6%;grid-template-columns:1fr;gap:15px}.approach-band>p{font-size:clamp(25px,8.1vw,47px)}.approach-band>div{font-size:16px;line-height:1.5;margin-top:5px}.video-layout{grid-template-columns:1fr;gap:32px}.video-stage{min-height:526px;padding:25px}.video-stage video{width:255px;height:453px}.video-background-type{font-size:90px;top:45px;left:10px}.stage-caption{font-size:8px;left:15px;bottom:11px}.clip{padding:21px 0;gap:17px}.clip strong{font-size:18px}.clip-number{font-size:34px}.editing-note{padding-top:28px;max-width:none}.about-grid{grid-template-columns:1fr;gap:37px}.about-visual{height:420px;max-width:470px;width:100%;justify-self:center}.about-visual>img{height:415px;width:85%;bottom:-20px;right:0}.about-backdrop{font-size:245px;top:40px;left:0}.about-image-caption{font-size:8px;padding:9px}.about-copy h2{font-size:clamp(29px,8.3vw,50px);margin-bottom:22px}.about-lead{font-size:22px}.about-copy>p:not(.about-lead){font-size:16px;margin-bottom:16px}.about-facts{gap:20px;margin-top:20px;padding-top:19px}.about-facts p{font-size:13px}.about-actions{gap:19px;margin-top:25px}.experience{grid-template-columns:1fr;gap:35px}.experience-intro h2{font-size:clamp(36px,10.8vw,66px);margin-bottom:22px}.skill-list{margin-top:25px}.skill-list p{columns:2;font-size:14px;line-height:1.8;column-gap:20px}.timeline summary{padding:21px 0;gap:12px}.timeline summary strong{font-size:22px}.timeline summary small{font-size:12px}.timeline summary>span:last-child{font-size:9px;gap:9px;letter-spacing:0}.job-detail{font-size:15px}.education{padding:22px;margin-top:25px}.education strong{font-size:16px}.education>span:last-child{font-size:13px}.contact h2{font-size:clamp(80px,24vw,155px)}.contact h2>span{font-size:26vw;right:0;top:28%}.contact-bottom{margin-top:28px;padding-top:20px;gap:16px}.contact-email{font-size:clamp(17px,4.5vw,26px);letter-spacing:-.4px;overflow-wrap:anywhere}.copy-email{font-size:11px;padding:8px 13px}footer{padding:22px 6%;display:block;font-size:9px}footer div{margin-top:16px;justify-content:space-between;gap:13px}.dialog-content{padding:52px 22px 30px}.dialog-content h2{font-size:clamp(28px,8.8vw,44px);margin-bottom:21px}.dialog-intro{font-size:19px;line-height:1.4}.case-detail{padding:20px 0}.case-detail p{font-size:16px}.case-detail ul{font-size:15px}.case-gallery{gap:15px;grid-template-columns:1fr;margin-block:24px}.case-gallery figure.wide{grid-column:auto}.case-gallery figure{padding:10px}.case-gallery img{max-height:540px}.case-highlight{padding:22px}.case-highlight strong{font-size:clamp(30px,9.5vw,44px)}.case-links{gap:15px}.case-links a,.case-links button{font-size:13px;padding:11px 15px}}
@media(max-width:380px){.hero h1{font-size:13.5vw}.contact h2>span{display:none}.hero-tagline{font-size:20px}.hero-visual{height:350px}.hero-bottom>span{max-width:145px}.hero-bottom{font-size:7px}.project-cover{height:350px}.cover-name{font-size:28px}.who-image.one{top:66px}.who-image.two{bottom:40px}.teriyaki-title{font-size:24px}.chocolate-word{font-size:36px;top:115px}.project-caption h3{font-size:19px}.timeline summary strong{font-size:19px}.timeline summary>span:last-child{font-size:8px}.about-visual{height:380px}.about-visual>img{height:375px}.about-backdrop{font-size:218px}.video-stage{min-height:483px;padding:24px}.video-stage video{width:230px;height:409px}.video-background-type{font-size:82px}.filter{font-size:11px}.filters{gap:12px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Photographic portraits: retain the original photographs and frame them in color. */
.hero-visual .hero-portrait{width:calc(100% - 36px);height:calc(100% - 36px);margin:18px;object-fit:cover;object-position:center;transform:none}.hero-visual .portrait-orbit{display:none}.about-visual>img{width:calc(100% - 30px);height:calc(100% - 65px);right:0;bottom:20px;object-fit:cover;object-position:50% 35%}.about-backdrop{display:none}.about-image-caption{z-index:2}
@media(max-width:760px){.hero-visual{height:520px}.hero-visual .hero-portrait{object-position:50% 20%}.about-visual{height:500px}}

/* Rich pink, peacock and cream replace the orange-red accents. */
.about{background:var(--paper);border-top:1px solid #087f8333}.about-copy h2,.about-copy h2 em{color:var(--teal-ink)}.work h2,.experience-intro h2,.project-index,.clip-number{color:var(--teal-ink)}.approach-band p em{color:var(--ink)}.project-open{text-decoration:none}.project-open:hover{text-decoration:none}.project-caption .project-proof{font-size:17px;font-weight:700;color:var(--teal-ink);line-height:1.4;margin:10px 0 8px;letter-spacing:-.25px}.case-page{max-width:1200px;margin:auto;padding:55px 5% 80px}.case-page .case-back{display:inline-block;margin-bottom:40px}.case-page h1{font-size:clamp(36px,6vw,84px);color:var(--teal-ink);max-width:1000px;line-height:1.06;overflow-wrap:anywhere}.case-page .dialog-intro{margin-top:24px}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0 40px;padding:28px;background:var(--pink)}.case-summary h2{font:700 11px/1.4 "DM Sans",Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.case-summary p{font-size:19px;font-weight:700;line-height:1.45}.case-page .case-detail{max-width:850px}.case-page .case-detail h3{color:var(--teal-ink)}.case-page .case-highlight{background:var(--green)}.case-next{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:50px;padding-top:28px;border-top:1px solid #087f8350}.case-next a{font-weight:700;color:var(--teal-ink)}.case-page .case-gallery{margin-top:35px}.case-video{width:100%;max-height:650px;background:#20211d;display:block}.case-page .case-links a{display:inline-block}.project-open:focus-visible .project-arrow{background:var(--green)}
@media(max-width:760px){.project-caption .project-proof{font-size:16px}.case-page{padding:32px 6% 55px}.case-page .case-back{margin-bottom:30px}.case-summary{grid-template-columns:1fr;padding:23px;gap:22px}.case-summary p{font-size:17px}.case-page .dialog-intro{font-size:20px}.case-next{align-items:flex-start;flex-direction:column}.case-page .case-highlight strong{font-size:clamp(30px,9.5vw,58px)}}

/* Preserve the entire portrait at every breakpoint, including the space above the head. */
.hero .hero-visual{height:auto;align-self:center}.hero .hero-visual .hero-portrait{display:block;width:calc(100% - 36px);height:auto;margin:18px;object-fit:contain;object-position:center top;transform:none;aspect-ratio:1229 / 1536}