@font-face{font-family:'Metaform';src:url('assets/fonts/Metaform.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--yellow:#ffd000;--white:#f8f8f8;--body:'Sora',Arial,sans-serif;--display:'Metaform','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#041125;color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:10;background:#000;padding:14px}.skip:focus{transform:none}.portfolio{overflow:hidden;background:radial-gradient(ellipse 90% 15% at 65% 2%,#244d78 0%,transparent 72%),radial-gradient(ellipse 90% 13% at 8% 8%,#222b26 0%,transparent 80%),radial-gradient(ellipse 60% 14% at 80% 23%,#18395488 0%,transparent 80%),radial-gradient(ellipse 100% 24% at 70% 65%,#063890 0%,transparent 78%),#020e1d}.wrap{width:min(81%,1120px);margin-inline:auto}.nav{display:flex;align-items:center;gap:45px;margin-top:80px;padding:19px 48px;background:#ffffff08;border:1px solid #ffffff0a;border-radius:999px;font-size:13px;font-weight:600}.brand{color:var(--yellow);font-size:22px;font-weight:800}.nav nav{display:flex;gap:27px}.nav nav a{color:#c2cbd6}.nav a:hover{color:var(--yellow)}.nav-contact{margin-left:auto;color:var(--yellow)}.hero{padding:158px 30px 0}.hero h1{margin:0;color:var(--yellow);font-family:var(--display);font-weight:800;font-size:clamp(70px,14.5vw,200px);line-height:.94;letter-spacing:-.035em}.hero h1 span{display:block;white-space:nowrap}.hero h1 b{color:var(--white);font-weight:800}.signature{display:flex;align-items:center;gap:7px;width:80%;margin:29px auto 0;color:#c1ccd8;font-size:18px}.signature i{height:1px;background:#91a1b6;flex:1}.about{display:grid;grid-template-columns:44% 1fr;gap:4.5%;align-items:center;padding-top:193px}.photos{display:grid;gap:18px}.photos img{display:block;width:100%;height:auto;border-radius:12px}.bio h2{font:800 clamp(45px,7.8vw,104px)/.95 var(--display);letter-spacing:-.025em;margin:0 0 40px;white-space:nowrap}.bio p{font-size:clamp(16px,2.1vw,28px);line-height:1.18;margin:0 0 24px;color:#dce3eb;letter-spacing:-.035em}.bio strong{font-weight:700}.bio mark{color:var(--yellow);background:none;font-weight:600}.reels{padding-top:195px;padding-bottom:150px}.video-section{margin-bottom:63px}.video-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:25px}.section-title h2{font:700 clamp(24px,4.25vw,58px)/1 var(--display);letter-spacing:-.025em;color:var(--yellow);margin:0}.section-title>span{font-size:16px;color:#a0adbc}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.3%}.video-card{border:1px solid #d1d3d6;background:#f6f6f6;border-radius:20px;aspect-ratio:9/16;display:grid;place-items:center;position:relative;overflow:hidden;padding:0;color:#929292;cursor:pointer}.video-card:disabled{cursor:default}.video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.play{position:relative;display:grid;place-items:center;width:56px;height:56px;border:2px solid #b8b8b8;border-radius:50%;background:#dcdcdc;color:#919191;font-size:20px;padding-left:3px}.video-card:not(:disabled):hover .play{background:var(--yellow);border-color:var(--yellow);color:#071429}.video-card .pending{position:absolute;bottom:20px;font-size:12px;color:#777}.design{background:#20201f;padding:80px 0 100px}.design h2{text-align:center;font:700 clamp(32px,5.5vw,74px)/1 var(--display);letter-spacing:-.025em;margin:0 0 40px}em{font-style:normal;color:var(--yellow)}.design-grid{display:grid;grid-template-columns:40% 1fr;gap:24px}.design-details{display:grid;gap:13px;align-content:start}details{color:#262626;background:#fff;border-radius:14px;padding:23px;font-size:15px}summary{font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary::after{content:'⌄'}details:not([open]) summary::after{content:'›'}details p{margin:24px 0 0;line-height:1.4}.dark{background:none;border:1px solid #777;color:#fff}.design-main{width:100%;height:auto;display:block;border-radius:12px}.brands{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.brands img,.brands a{width:100%;height:76px;object-fit:cover;border-radius:13px}.brands a{background:white;color:#444;font-size:12px;display:grid;place-content:center;text-align:center}.contact{padding:195px 0 230px;text-align:center;background:radial-gradient(ellipse 80% 90% at 50% 120%,#264c73 0%,#1d3a5e 62%,#021127 100%)}.contact h2{font:800 clamp(48px,9.9vw,132px)/.88 var(--display);letter-spacing:-.035em;margin:0 0 35px}.contact p{font-size:clamp(17px,2.55vw,34px);line-height:1.1;font-weight:600;letter-spacing:-.04em}.contact-links{width:76%;margin:65px auto 0;display:grid;gap:26px}.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(95deg,#a68b04,var(--yellow));padding:23px 48px;font-size:clamp(15px,2.25vw,30px);font-weight:700;color:#fff}.contact-links a:hover{filter:brightness(1.12)}.contact-links span{font-size:1.5em;line-height:1}footer{display:flex;justify-content:space-between;align-items:center;padding:32px 7%;font-size:12px;color:#a2afbf;background:#203752}footer span:last-child{text-align:right}dialog{border:1px solid #40546e;border-radius:16px;background:#071525;color:white;padding:20px;width:min(90vw,900px);max-height:92vh}dialog::backdrop{background:#000c}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:18px}.dialog-top button{background:none;border:0;color:white;font-size:34px;cursor:pointer}#player-content video{display:block;width:100%;max-height:75vh}#player-content iframe{width:100%;aspect-ratio:16/9;border:0}@media(min-width:1500px){.hero h1{font-size:200px}}@media(max-width:700px){.wrap{width:86%}.nav{margin-top:26px;padding:13px 20px;gap:18px;font-size:12px}.brand{font-size:17px}.nav nav{gap:14px}.hero{padding:74px 8px 0}.hero h1{font-size:15.2vw}.signature{font-size:12px;margin-top:18px;width:90%}.about{padding-top:85px;gap:5%;grid-template-columns:43% 1fr}.photos{gap:12px}.photos img{border-radius:7px}.bio h2{font-size:9vw;margin-bottom:20px}.bio p{font-size:14px;line-height:1.3;margin-bottom:15px;letter-spacing:-.025em}.reels{padding-top:90px;padding-bottom:65px}.section-title{margin-bottom:17px}.section-title h2{font-size:6vw}.section-title>span{font-size:12px}.video-section{margin-bottom:36px}.video-grid{gap:4%}.video-card{border-radius:10px}.play{width:29px;height:29px;font-size:12px;border-width:1px}.video-card .pending{font-size:9px;bottom:12px}.design{padding:40px 0 48px}.design h2{font-size:8vw;margin-bottom:25px}.design-grid{gap:14px;grid-template-columns:42% 1fr}details{padding:12px;border-radius:8px}summary{font-size:12px}details p{font-size:12px;line-height:1.3;margin-top:13px}.design-details{gap:9px}.brands{gap:5px;margin-top:10px}.brands img,.brands a{height:39px;border-radius:6px}.brands a{font-size:8px}.contact{padding:93px 0 120px}.contact h2{font-size:12.1vw;margin-bottom:24px}.contact p{font-size:19px}.contact-links{width:90%;margin-top:38px;gap:16px}.contact-links a{padding:15px 20px;font-size:15px}footer{font-size:10px;padding:20px 7%}}@media(max-width:420px){.nav{gap:14px;padding-inline:16px}.nav nav{gap:10px}.nav nav a{font-size:11px}.bio p{font-size:13px}.bio h2{font-size:9vw}.about{align-items:start}.design-grid{grid-template-columns:1fr}.design-details{order:2;margin-top:8px}.design-work{order:1}.brands img,.brands a{height:48px}.brands a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep vertical Vimeo videos within the visible screen. */
dialog.vertical{width:min(94vw,calc(75dvh * 9 / 16 + 40px));max-height:95dvh}#player-content iframe{display:block}.video-card:has(img){background:#061325}.video-card:has(img) .play{background:#071525b3;border-color:#fff9;color:white;box-shadow:0 2px 14px #0005}

.design-work>.project-link{display:block;border-radius:12px}.brands a.project-link{display:block;background:transparent}.brands .project-link img{display:block}.project-link:hover{filter:brightness(1.12)}

.hero h1,.hero h1 b,.bio h2,.section-title h2,.design h2,.contact h2{font-weight:400;font-synthesis:none}


.hero h1,.bio h2,.section-title h2,.design h2,.contact h2{text-transform:lowercase}

.hero h1{font-size:clamp(54px,11.3vw,156px);line-height:1.02}
.bio h2{font-size:clamp(40px,6.5vw,90px);line-height:1.02}
.contact h2{font-size:clamp(44px,8.3vw,112px);line-height:1.02}
@media(max-width:700px){.hero h1{font-size:11.8vw}.bio h2{font-size:7.5vw}.contact h2{font-size:10.1vw}}

/* Outline contact actions with solid interaction states. */
.contact-links a{background:transparent;border:2px solid var(--yellow);border-radius:5px;color:var(--yellow);transition:background-color .18s ease,color .18s ease}
.contact-links a:hover,.contact-links a:focus-visible,.contact-links a:active{background:var(--yellow);color:#061325;filter:none}
@media(prefers-reduced-motion:reduce){.contact-links a{transition:none}}
/* Match the height of the mobile project column to its accompanying text. */
@media(max-width:700px){
 .design-grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:stretch}
 .design-details{order:0;margin-top:0;min-width:0}
 .design-work{order:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}
 .design-work>.project-link{position:relative;min-height:180px;overflow:hidden}
 .design-main{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .brands{margin-top:0;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .brands img,.brands a{height:40px;min-width:0}
 .brands a{font-size:clamp(6px,1.65vw,8px)}
}