/* Color, physical depth and spacious editorial layers for the public portfolio. */
:root{--bg:#f8f5ef;--ink:#203c37;--green:#20594d;--muted:#63736d;--line:#deded3;--coral:#c66c4c;--mint:#d6e9dc;--peach:#f4d4bb;--lavender:#ddd9f2;--sky:#d7e8f3}
body{background:radial-gradient(ellipse at 90% 1%,#e4e1f5 0,transparent 24%),radial-gradient(ellipse at 0 7%,#f5dfc7 0,transparent 17%),var(--bg)}
.header{border-bottom-color:#c9cec2;height:100px}.brand-icon{background:#fffdf5;box-shadow:0 4px 0 #d8dfce}.header nav{gap:8px;background:#ffffff80;padding:6px;border:1px solid #fff;border-radius:30px;box-shadow:0 5px 15px #25413708}.header nav a{padding:6px 15px;font-size:11px}.header nav a:hover{background:#e5ebdc;border-radius:20px}.header nav a:after{display:none}.nav-contact{background:var(--green);color:#f9f7ef;border-color:var(--green);box-shadow:0 4px 0 #b3c4ac}
.hero{min-height:670px}.hero-copy h1{line-height:1.42}.hero-description{font-size:14px;color:#5a6a64}.hero .eyebrow{color:#3c6a5a}.hero-foot{color:#6b7d6d}.hero-actions .primary{background:#244c43;box-shadow:0 4px 0 #b0c7ae,0 9px 18px #29493e1a;border:1px solid #3f6d58}.hero-actions .primary:hover{box-shadow:0 7px 0 #b0c7ae,0 16px 20px #29493e2a}
.hero-visual::before{background:radial-gradient(ellipse,#ccbadb66,transparent 70%);filter:blur(15px)}.portrait-frame{border-color:#fffaf0;outline-color:#cfceb9;box-shadow:4px 6px 0 #c4c7ab,8px 12px 0 #e1d8c0,18px 35px 40px -15px #1a3b3450}.hero-stamp{background:#edc49f;color:#614d3a;box-shadow:4px 5px 0 #c19b78,10px 20px 25px -12px #344b3f55}.depth-label{background:#eef0ffef;border-color:#fff;box-shadow:2px 3px 0 #c8c6e1,4px 15px 24px -10px #243d3355;color:#504e75}.depth-toggle{background:#fffcf1;border-color:#bdbda8}.orbit{stroke:#b9a8c1}
.proof{gap:18px;border:0;padding:0 0 25px;grid-template-columns:1fr 1fr 1fr 1fr}.proof>div{border:1px solid #ffffffe8;border-radius:16px;padding:22px 24px!important;background:#dbe9db;box-shadow:0 5px 0 #c4d5c0,0 15px 25px -20px #2a49384d}.proof>div:nth-child(2){background:#f1d9c5;box-shadow:0 5px 0 #d8baa2,0 15px 25px -20px #7249384d}.proof>div:nth-child(3){background:#e3dff1;box-shadow:0 5px 0 #c7bfdc,0 15px 25px -20px #483c6b4d}.proof strong{font-size:42px;color:#2d5144}.proof p{font-size:11px}.proof small{font-size:9px;color:#6d7d6a}.proof .proof-note{font-size:17px;align-self:center;padding-left:15px;line-height:1.9}.proof-note>span{right:0;top:auto;bottom:-6px;font-size:30px}
.team-section{padding-top:75px}.section-heading h2,.team-section .section-heading h2{font-size:36px}.section-heading>p{font-size:12px}.team-role{font-size:11px;color:#a36e4f}.team-lead{padding-top:25px}.team-lead h3{font-size:28px}.team-lead p{font-size:13px}.team-direction{border-left-color:#c1b6d0}.team-direction>span{color:#7d6a98}.team-direction strong{font-size:23px;color:#5a547c}.team-direction small{color:#827793}.partner-card{background:linear-gradient(145deg,#fff8ee,#f3e0cb);border-color:#fffcf4;box-shadow:0 6px 0 #dbc6ab,0 18px 32px -24px #63452a66}.partner-card:nth-child(2){background:linear-gradient(145deg,#eef2ff,#dddfee);box-shadow:0 6px 0 #bdc4dc,0 18px 32px -24px #3c456a66}.partner-heading{border-bottom-color:#d2c6af}.partner-card:nth-child(2) .partner-heading{border-bottom-color:#c6cbe1}.partner-label{background:#ffffff80;border-color:#c5c8b7;color:#576f59}.partner-shot{border-color:#fffefa}.partner-copy>strong{font-size:43px}.partner-copy>p:not([class]){font-size:12px}.partner-copy>small{font-size:9px;color:#7e806d}.partner-card:nth-child(2) .partner-copy hr{border-color:#c6c9df}.team-note,.work-note{font-size:10px;line-height:1.9;color:#7c8375}
.work-section{padding-top:82px;padding-bottom:85px}.filters button{font-size:12px}.filters button.active{box-shadow:0 3px 0 #a8bca2}.project-grid{gap:31px 24px}.project{background:#fffdf5;border:1px solid #e5e4d7;border-radius:14px;box-shadow:0 4px 0 #e1dfce,0 15px 20px -23px #324e3b4d;overflow:visible}.project-image{height:230px;border-radius:12px 12px 5px 5px}.project-info{padding:17px 18px 22px}.project-title{font-size:16px}.project-description{font-size:11px;color:#737e70}.project-meta{font-size:9px}.project-type{font-size:10px;border:1px solid #ffffffe0}.campaign-project{background:linear-gradient(120deg,#ebd5b5,#f5e5c8);padding:22px 30px;box-shadow:0 5px 0 #dac29c}.campaign-project .project-info{padding:0}.campaign-mark{color:#9b744e}.campaign-date{color:#8a6b46;border-left-color:#cfb58f}.paper-image{background:#eadff0}.leaflet-image{background:#dbebde}.team-project-image{background:#d9e5ef}.account-image{background:#efe0cb}

.archive-section{position:relative;background:linear-gradient(135deg,#173c3c,#173e4e 72%,#234b57);color:#f5f2e9;padding:70px 0 65px;overflow:clip;isolation:isolate}.archive-section::before{position:absolute;content:"";inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0,#8379a84d,transparent 43%),radial-gradient(ellipse at 0 90%,#bc9e5d26,transparent 42%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px}.archive-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.archive-heading .eyebrow{color:#a7c9bf}.archive-heading h2{font-size:43px;color:#fff7e8;line-height:1.5;margin-top:16px}.archive-heading>div>p:last-child{font-size:12px;line-height:2;color:#b3cbc5;margin-top:18px}.archive-seal{height:136px;width:136px;border:1px solid #b2b4b16b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#ffffff07;transform:rotate(9deg);box-shadow:0 0 0 8px #ffffff04,0 0 0 9px #ffffff0d}.archive-seal>span{font:10px Georgia,serif;color:#e8c9a5;letter-spacing:1px}.archive-seal>strong{font:22px/1.3 var(--serif);margin:10px 0;color:#f6dfbb}.archive-seal>small{font-size:6px;letter-spacing:1px;color:#9fb6b1}.archive-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:33px;padding:24px 0;border-block:1px solid #9fbfb12e}.archive-intro>p{font-size:12px;line-height:2.1;color:#afc6bd}.archive-intro>div{display:flex;gap:42px}.archive-intro strong{font:32px/1.1 Georgia,serif;color:#e6cba6;white-space:nowrap}.archive-intro strong>span{display:block;font:9px var(--sans);margin-top:9px;color:#a7c2b7}
.archive-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 15px}.archive-years,.archive-types{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.archive-controls button{font-size:11px;border:1px solid #93b5a74d;background:#ffffff05;color:#bed2c7;border-radius:30px;padding:7px 15px;transition:background .2s,color .2s}.archive-controls button.active{background:#eed8b9;border-color:#eed8b9;color:#2c4a41;box-shadow:0 3px 0 #937e62}.archive-types button{font-size:10px;border-color:transparent;background:none;padding:6px 12px}.archive-types button.active{background:#a7c8c52e;color:#e1eeea;border-color:#88ada342;box-shadow:none}.archive-count{font-size:10px;color:#a3c1b4;margin-bottom:22px;letter-spacing:.6px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px}.archive-card{--tone:#e2dcf1;--tone-dark:#bcb4d2;--card-rx:0deg;--card-ry:0deg;text-align:left;padding:0;background:var(--tone);border:1px solid #ffffffcc;border-radius:15px;box-shadow:0 5px 0 var(--tone-dark),0 16px 28px -14px #07191e66;position:relative;transform:perspective(1000px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-style:preserve-3d;transition:transform .32s,box-shadow .32s;color:#293f40;min-width:0}.archive-card[hidden]{display:none}.tone-peach{--tone:#f1d6be;--tone-dark:#c1a180}.tone-sky{--tone:#d9e8f2;--tone-dark:#a2bcca}.tone-mint{--tone:#dce9d6;--tone-dark:#adbea0}.archive-card::after,.partner-card::after,.proof>div::after,.capabilities article::after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--glow-x,30%) var(--glow-y,10%),#ffffff6b,transparent 55%);opacity:0;transition:opacity .25s}.archive-card:hover::after,.partner-card:hover::after,.proof>div:hover::after,.capabilities article:hover::after{opacity:1}.archive-card:hover{transform:perspective(1000px) translateY(-7px) rotateX(var(--card-rx)) rotateY(var(--card-ry));box-shadow:1px 7px 0 var(--tone-dark),8px 24px 32px -12px #07191e80}.album-art{height:225px;position:relative;display:block;margin:10px 10px 0;transform-style:preserve-3d}.album-sheet{position:absolute;left:24px;right:24px;top:25px;bottom:22px;background:#fafaf2;border:1px solid #fff;border-radius:5px;box-shadow:0 7px 15px #27384315}.back-sheet{transform:translateZ(4px) rotate(-8deg);background:#ffffff80}.mid-sheet{transform:translateZ(12px) rotate(5deg);background:#f7f8ed}.album-photo{position:absolute;left:17px;right:17px;top:20px;bottom:17px;transform:translateZ(26px) rotate(-2deg);border:6px solid #fffdf6;background:#e8e7da;box-shadow:2px 8px 14px #213a392b;overflow:hidden;border-radius:4px}.album-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}.archive-card:hover .album-photo{transform:translateZ(39px) rotate(0deg);transition:transform .35s}.poster-album .album-photo>img{object-position:top;object-fit:cover}.poster-album .album-photo{left:55px;right:55px;bottom:7px;top:7px}.poster-album .back-sheet{left:46px;right:46px;bottom:12px;top:17px}.poster-album .mid-sheet{left:52px;right:52px;bottom:9px;top:12px}.album-year{position:absolute;top:5px;left:7px;background:#1c3f3df0;color:#f3efd9;border:1px solid #f6f2e1b3;padding:4px 9px;border-radius:20px;font:10px/1.5 Georgia,serif;transform:translateZ(46px);box-shadow:0 4px 7px #0c2b3d20}.album-size{position:absolute;right:4px;bottom:8px;background:#fff9efed;border:1px solid #fff;padding:4px 9px;border-radius:20px;font-size:8px;transform:translateZ(48px);color:#4c6460}.album-details{display:block;padding:10px 24px 24px;transform:translateZ(20px)}.album-type{font-size:9px;letter-spacing:1px;color:#6c7e77}.album-title{display:block;font-size:16px;font-weight:500;line-height:1.6;margin-top:7px}.album-subtitle{display:block;font-size:10px;line-height:1.85;color:#6c7a73;margin-top:7px}.archive-more{display:block;margin:34px auto 0;background:#e6d9c2;border:1px solid #fff5e1;border-radius:30px;color:#2d4940;font-size:12px;padding:11px 24px;box-shadow:0 4px 0 #a79880;transition:transform .2s}.archive-more:hover{transform:translateY(-2px)}.archive-more[hidden]{display:none}.archive-note{font-size:9px;line-height:1.9;color:#99b8ac;text-align:center;margin:26px auto 0;max-width:850px}.archive-empty{padding:40px 10px;font-size:13px;text-align:center;color:#c2d7cd}

.about-section{background:linear-gradient(120deg,#e9dff0,#eeebf6 65%,#f5e5db);padding:75px 0}.about-grid{gap:70px}.about-grid h2 span{color:#78638c}.about-intro{font-size:13px;color:#777184}.capabilities{display:flex;flex-direction:column;gap:17px}.capabilities article{border:1px solid #fffcfa;background:#faf8f4c4;border-radius:12px;padding:21px 22px!important;box-shadow:0 4px 0 #d9cfdf,0 15px 20px -21px #4338544d;position:relative}.capabilities article h3{font-size:16px;color:#574767}.capabilities p{font-size:12px;color:#7a7580}.experience-section{padding:85px 0}.timeline article{background:#fffaf080;margin-bottom:15px;border:1px solid #e7ddca;border-radius:12px;padding:28px 28px;grid-template-columns:215px 1fr}.timeline-date{color:#ad7e58}.timeline article div>p:last-child{font-size:13px;color:#6c7c6b}.education{padding:27px;background:#efe7d9;border:1px solid #e3d8c5;border-radius:12px;grid-template-columns:215px 1fr}.contact-section{background:linear-gradient(125deg,#24564d,#2b4d5a 70%,#5c576c);border:1px solid #799089;box-shadow:0 7px 0 #b3bba6,0 30px 35px -25px #3a4c4566}.contact-grid h2>span{color:#edc49f}.footer{padding-top:46px}.footer>p{font-size:10px}

.partner-card,.proof>div,.capabilities article{position:relative;transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;transition:transform .32s}.partner-heading,.partner-copy,.capabilities article>div{transform:translateZ(16px)}
dialog{background:#fbf8ef;border:1px solid #f8f2e1;box-shadow:6px 9px 0 #aab8a5,0 40px 130px #071d2d55}.dialog-top{background:#f5eddf;border-bottom-color:#d8cdb5}.case-intro,.case-body{font-size:13px}.case-gallery{align-items:start;gap:20px}.case-gallery figure{background:white;padding:10px;border:1px solid #e5dfce;border-radius:8px;box-shadow:0 4px 0 #e6dfcd}.case-gallery figcaption{font-size:10px;padding:0 3px 5px}.case-gallery a{border-radius:4px;overflow:hidden}.case-gallery img{max-height:410px;object-fit:contain;object-position:top;background:#f6f4ee}.case-gallery a:hover img{filter:brightness(1.04)}.source-note{font-size:10px}
#image-dialog{width:min(1280px,calc(100vw - 30px));height:auto;max-height:95dvh;overflow:auto;background:#142b30;color:#e8f1e8;border-color:#718781;box-shadow:0 35px 120px #051a2680;padding:16px 20px 15px}#image-dialog::backdrop{background:#071a20e6;backdrop-filter:blur(8px)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;font:12px Georgia,var(--sans);color:#c8d6c9}.viewer-toolbar button{font-size:11px;background:#ffffff12;border:1px solid #ffffff3d;border-radius:20px;padding:6px 12px;color:#e9ece3}.viewer-stage{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:12px;align-items:center}.viewer-stage>img{width:100%;max-height:73dvh;object-fit:contain;display:block;background:#10262b;border-radius:5px}.viewer-stage>button{background:#ffffff17;color:#e9f2e9;border:1px solid #ffffff30;border-radius:50%;width:36px;height:36px}.viewer-stage>button:disabled{opacity:.3}#viewer-caption{text-align:center;font-size:12px;line-height:1.8;margin-top:13px}.viewer-hint{text-align:center;color:#91aea4;font-size:9px;margin-top:5px}

@media(min-width:1500px){.hero{min-height:720px}}
@media(max-width:1100px){.header nav a{padding:6px 10px}.proof>div{padding:20px 18px!important}.proof .proof-note{font-size:14px;padding-left:10px}.proof small{font-size:8px}.partner-copy>strong{font-size:35px}.archive-grid{gap:25px 18px}.album-art{height:200px}.album-details{padding:10px 18px 22px}.album-title{font-size:14px}.album-photo{left:12px;right:12px}.poster-album .album-photo{left:40px;right:40px}.album-sheet{left:18px;right:18px}.timeline article{grid-template-columns:190px 1fr}.education{grid-template-columns:190px 1fr}.hero-description{font-size:13px}}
@media(max-width:760px){body{background:radial-gradient(ellipse at 100% 0,#e1dbf6 0,transparent 10%),radial-gradient(ellipse at 0 4%,#f5dfc7 0,transparent 10%),var(--bg)}.header{height:85px}.header nav{gap:0;padding:4px;background:#fff8ee99}.header nav a{font-size:9px;padding:5px 8px}.hero{min-height:0;padding-top:33px;padding-bottom:37px}.hero-copy h1{font-size:clamp(39px,7.5vw,56px);line-height:1.5;letter-spacing:-1px}.hero-description{font-size:12px}.hero-visual{margin-top:8px}.proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-bottom:10px}.proof>div{padding:16px 10px!important;border-radius:10px;box-shadow:0 4px 0 #c4d5c0}.proof strong{font-size:30px}.proof p{font-size:9px;line-height:1.8;margin-top:8px}.proof small{font-size:7px;line-height:1.7}.proof strong span{font-size:10px}.team-section{padding-top:52px}.section-heading h2,.team-section .section-heading h2{font-size:28px}.team-lead h3{font-size:24px}.team-lead p{font-size:12px}.partner-copy>strong{font-size:35px}.partner-copy>p:not([class]){font-size:11px}.partner-copy>small{font-size:8px}.team-note,.work-note{font-size:9px}.work-section{padding-top:55px;padding-bottom:52px}.project-grid{gap:24px 15px}.project-image{height:180px}.project-info{padding:13px 12px 17px}.project-title{font-size:13px}.project-meta{font-size:8px}.project-description{font-size:10px}.campaign-project{padding:20px}.campaign-project .project-title{font-size:15px}.filters{gap:2px}.filters button{font-size:10px;padding:7px 10px}.archive-section{padding:45px 0}.archive-heading{gap:16px;align-items:center}.archive-heading h2{font-size:29px;line-height:1.5;margin-top:12px}.archive-heading>div>p:last-child{font-size:10px;max-width:250px;margin-top:15px}.archive-seal{width:78px;height:78px;flex-shrink:0}.archive-seal>span{font-size:7px}.archive-seal>strong{font-size:15px;margin:5px 0}.archive-seal>small{display:none}.archive-intro{display:block;margin-top:26px;padding:19px 0}.archive-intro>p{font-size:11px}.archive-intro>div{gap:40px;margin-top:23px}.archive-intro strong{font-size:28px}.archive-intro strong>span{font-size:8px;margin-top:7px}.archive-controls{display:block;margin-top:22px}.archive-types{margin-top:14px;gap:3px}.archive-controls button{font-size:10px;padding:6px 12px}.archive-types button{font-size:9px;padding:5px 10px}.archive-count{font-size:9px;margin-bottom:18px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.archive-card{border-radius:11px}.album-art{height:145px;margin:6px 5px 0}.album-sheet{top:23px;bottom:19px;left:14px;right:14px}.album-photo{top:20px;bottom:17px;left:9px;right:9px;border-width:4px;transform:translateZ(15px) rotate(-2deg)}.album-year{font-size:8px;padding:3px 7px;left:3px;top:4px;transform:translateZ(28px)}.album-size{font-size:7px;padding:3px 6px;bottom:8px;right:1px;transform:translateZ(30px)}.album-details{padding:6px 13px 17px;transform:translateZ(12px)}.album-type{font-size:8px;letter-spacing:.5px}.album-title{font-size:13px;line-height:1.65;margin-top:5px}.album-subtitle{font-size:9px;line-height:1.7;margin-top:6px}.poster-album .album-photo{left:22px;right:22px;top:7px;bottom:9px}.poster-album .back-sheet{left:19px;right:19px;top:14px;bottom:12px}.poster-album .mid-sheet{left:21px;right:21px;top:11px;bottom:9px}.archive-more{font-size:11px;padding:10px 19px;margin-top:28px}.archive-note{font-size:8px;text-align:left;margin-top:23px}.about-section{padding:47px 0}.about-intro{font-size:12px}.about-grid{gap:30px}.capabilities{gap:16px}.capabilities article{padding:18px!important}.capabilities h3{font-size:15px}.capabilities p{font-size:11px}.experience-section{padding:50px 0}.timeline article{grid-template-columns:1fr;padding:23px 20px;gap:12px}.timeline article div>p:last-child{font-size:12px}.education{grid-template-columns:1fr;padding:23px 20px}.education>.eyebrow{grid-row:auto}.contact-section{padding:30px 25px 20px}.footer>p{font-size:9px}.case-intro,.case-body{font-size:12px}.case-gallery{gap:17px}.case-gallery figure{padding:8px}.case-gallery img{max-height:360px}.source-note{font-size:9px}#image-dialog{padding:12px;width:calc(100vw - 20px)}.viewer-stage{grid-template-columns:27px minmax(0,1fr) 27px;gap:5px}.viewer-stage>button{width:26px;height:32px;font-size:11px;border-radius:20px}.viewer-stage>img{max-height:70dvh}#viewer-caption{font-size:10px}.viewer-hint{font-size:8px}}
@media(max-width:390px){.header nav a{font-size:8px;padding:5px 7px}.hero h1{font-size:39px}.proof>div{padding:14px 9px!important}.proof small{font-size:6px}.proof p{font-size:8px}.project-grid{grid-template-columns:1fr}.project-image{height:220px}.project-info{padding:15px 17px 20px}.project-title{font-size:16px}.project-meta{font-size:9px}.project-description{font-size:11px}.archive-heading h2{font-size:27px}.archive-seal{width:66px;height:66px}.archive-seal>strong{font-size:13px}.album-art{height:133px}.album-title{font-size:12px}.album-details{padding:7px 11px 16px}.partner-copy>strong{font-size:33px}}
@media(hover:none){.archive-card:hover{transform:perspective(1000px) rotateX(var(--card-rx)) rotateY(var(--card-ry))}.archive-card:active,.partner-card:active{transform:perspective(1000px) rotateX(2deg) translateY(2px)}.archive-card:hover .album-photo{transform:translateZ(26px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.archive-card,.archive-card:hover,.archive-card:active,.partner-card,.proof>div,.capabilities article{transform:none!important;transition:none!important}.archive-card:hover .album-photo{transform:translateZ(26px) rotate(-2deg);transition:none}.archive-card::after,.partner-card::after,.proof>div::after,.capabilities article::after{display:none}}

@media(max-width:760px){.team-section .section-heading h2{text-wrap:balance}}