@font-face{font-family:Raleway;src:url("Raleway/Raleway-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url("Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Arizonia;src:url("fonts/Arizonia-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Castoro Titling";src:url("fonts/CastoroTitling-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:Monoton;src:url("fonts/Monoton-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Space Mono";src:url("fonts/SpaceMono-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Special Elite";src:url("fonts/SpecialElite-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Manufacturing Consent";src:url("Manufacturing_Consent/ManufacturingConsent-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Bitcount Grid Single";src:url("Bitcount_Grid_Single/BitcountGridSingle-VariableFont_CRSV,ELSH,ELXP,slnt,wght.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Betania Patmos";src:url("Betania_Patmos_In_GDL/BetaniaPatmosInGDL-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:Kablammo;src:url("Kablammo/Kablammo-Regular-VariableFont_MORF.ttf") format("truetype");font-display:swap}
@font-face{font-family:Aboreto;src:url("Aboreto/Aboreto-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Rampart One";src:url("Rampart_One/RampartOne-Regular.ttf") format("truetype");font-display:swap}
:root{--navy:#1d2936;--cream:#f5f1ea;--paper:#fcfaf6;--copper:#a66b4e;--muted:#5e686d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--navy);font-family:Raleway,Arial,sans-serif;background:var(--cream)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
.container{width:min(1320px,calc(100% - 48px));margin-inline:auto}
.site-header{height:71px;background:#000;color:#fff}
.header-inner{width:min(1376px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand,.footer-brand{display:flex;align-items:center;font-family:"Castoro Titling",Georgia,serif;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.brand{font-size:12px;gap:3px}
.brand img{width:41px;height:41px;object-fit:contain}
.header-contact{width:150px;height:42px;border-radius:33px;background:var(--navy);display:grid;place-items:center;font:700 13px Montserrat,sans-serif;letter-spacing:.495px}
.header-contact:hover,.projects-link a:hover{background:#314258}
.hero{height:957px;background:var(--cream)}
.hero-inner{width:min(1366px,calc(100% - 48px));height:703px;margin:auto;position:relative}
.hero-copy{position:absolute;left:0;top:110px;width:701px}
.hero h1{font:700 93px/1.03 Helvetica,Arial,sans-serif;letter-spacing:-6.11px;white-space:nowrap}
.hero h1 em{display:block;font:italic 93px/1.06 Georgia,serif;color:var(--copper);letter-spacing:-7px;margin-top:12px}
.hero-lead{width:655px;margin-top:38px;color:#45515a;font:400 18px/32.4px Raleway,sans-serif}
.social-links{display:flex;gap:3px;align-items:center}
.hero .social-links{margin-top:36px}
.social-links a{height:54px;min-width:107px;padding:0 24px;border-radius:33px;display:grid;place-items:center;color:var(--paper);font:700 13px Montserrat,sans-serif;letter-spacing:.54px;white-space:nowrap;transition:filter .2s,transform .2s}
.social-links a:hover{filter:brightness(1.13);transform:translateY(-2px)}
.social-links .linkedin{background:#6a97c1;min-width:112px}
.social-links .xing{background:#689e82}
.social-links .europass{background:linear-gradient(#4e6377,#b0ac6c)}
.social-links .seek{background:#224769}
.signature{font:77px/.85 Arizonia,cursive;color:#000;margin-top:47px;white-space:nowrap}
.portrait-block{position:absolute;left:780px;top:96px;width:540px;height:607px}
.portrait{width:540px;height:607px;object-fit:cover;object-position:center;position:relative;border-radius:230px 230px 0 0;background:#d5bda6}
.portrait-outline{position:absolute;left:260px;top:-24px;width:303px;height:413px;border:1px solid #c7b19d;border-radius:240px 240px 2px 2px}
.portrait-label{position:absolute;left:-25px;bottom:34px;padding:17px 22px;background:var(--paper);border:1px solid #ded4c9;box-shadow:0 14px 15px rgba(45,33,21,.05);display:flex;flex-direction:column;gap:6px;white-space:nowrap}
.portrait-label strong{font:700 10px Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.portrait-label span{font:11px Helvetica,Arial,sans-serif;color:#7b827e}
.portrait-dot{position:absolute;right:-27px;bottom:14px;width:76px;height:76px;border-radius:50%;background:var(--navy)}
.stats{width:min(1366px,calc(100% - 48px));height:155px;border-block:1px solid rgba(29,41,54,.14);border-radius:33px;display:grid;grid-template-columns:323px repeat(2,348px) 1fr}
.stats>div{padding:27px 25px 25px;border-right:1px solid rgba(29,41,54,.11);display:flex;flex-direction:column;justify-content:center}
.stats>div:first-child{padding-left:0}
.stats>div:last-child{border:0}
.stats strong{font:51px/56px Georgia,serif;letter-spacing:-2.3px;font-weight:400}
.stats span{font:13px/19px Raleway,sans-serif;color:#626b70}
.light-section{background:var(--paper)}
.beige-section{background:var(--cream)}
.section-title{position:relative}
.section-title h2{font:700 71px/1.03 Helvetica,Arial,sans-serif;letter-spacing:-3.575px}
.section-title h2 em{font:italic 65px/1.1 Georgia,serif;color:var(--copper);letter-spacing:-3.575px}
.title-two-lines h2 em{display:block;margin-left:395px}
.title-icon{position:absolute;object-fit:contain}
.expertise{height:755px;padding-top:130px}
.expertise .section-title{height:159px}
.expertise .handshake{width:225px;height:144px;right:15px;top:0}
.expertise .title-two-lines h2 em{margin-left:399px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.expertise-card{height:250px;background:#f3eee7;border:1px solid #eae1d7;border-radius:17px;padding:34px 25px;color:var(--navy)}
.card-top{display:flex;justify-content:space-between;color:#bd8d72;font:22px Georgia,serif}
.expertise-card h3{font:700 26px/1.08 Helvetica,Arial,sans-serif;letter-spacing:-.7px;margin-top:22px}
.expertise-card p{font:15px/24px Raleway,sans-serif;color:#626b70;margin-top:17px}
.section-note{font:15px/25.2px Raleway,sans-serif;color:#626b70}
.expertise .section-note{margin-top:30px}
.about{height:1340px;padding-top:211px}
.about-title h2{white-space:nowrap}
.about-title h2 em{font-size:62px}
.about-title .tools-icon{width:124px;height:119px;right:45px;top:-1px}
.section-intro{font:15px/26.6px Raleway,sans-serif;color:#626b70}
.about .section-intro{margin-top:11px}
.about-grid{display:grid;grid-template-columns:644px 604px;gap:72px;margin-top:72px}
.travel-kit{width:644px;height:746px;object-fit:contain}
.about-details{display:flex;flex-direction:column}
.detail{position:relative;border-bottom:1px solid rgba(29,41,54,.14);padding:11px 0;color:var(--navy)}
.detail:last-child{border:0}
.detail:nth-child(1){height:155px}
.detail:nth-child(2){height:96px}
.detail:nth-child(3){height:142px}
.detail:nth-child(4){height:120px}
.detail:nth-child(5){height:113px}
.detail:nth-child(6){height:110px}
.detail h3{font-weight:400}
.detail .manufacturing{font:33px/26px "Manufacturing Consent",sans-serif}
.detail .bitcount{font:25px/30px "Bitcount Grid Single",sans-serif}
.detail .betania{font:25px/32px "Betania Patmos",serif}
.detail .kablammo{font:23px/30px Kablammo,sans-serif;font-variation-settings:"MORF" 60}
.detail .aboreto{font:21px/25px Aboreto,serif}
.detail .rampart{font:23px/33px "Rampart One",sans-serif}
.detail-rule{height:3px;width:auto;margin-top:0}
.detail p{font:15px/22.75px Raleway,sans-serif;margin-top:11px;color:#626c70}
.detail p strong{color:var(--navy);font-weight:700}
.detail small{font:11px/19px Raleway,sans-serif;color:#7d8483}
.approach{height:580px;background:var(--navy);color:#fff;padding-top:114px}
.approach h2{max-width:1320px}
.approach h2 em{display:block;color:#d7ae8e;margin-left:544px;font-size:70px}
.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);margin-top:19px}
.approach-grid>div{min-height:154px;padding:52px 24px 0 0;border-right:1px solid rgba(255,255,255,.18)}
.approach-grid>div:not(:first-child){padding-left:24px}
.approach-grid>div:last-child{border:0}
.approach-grid h3{font:700 16px Helvetica,Arial,sans-serif}
.approach-grid p{font:14px/22.2px Raleway,sans-serif;color:#c9d1d5;margin-top:15px}
.experience{height:1840px;padding-top:136px}
.experience .section-title{height:150px}
.experience .rocket{width:126px;height:150px;right:46px;top:0}
.jobs{border-top:1px solid rgba(29,41,54,.14);margin-top:27px}
.job{min-height:290px;padding-top:38px;border-bottom:1px solid rgba(29,41,54,.14)}
.job h3{font:700 23px/30px Helvetica,Arial,sans-serif;letter-spacing:-.805px}
.job-meta{display:flex;gap:26px;align-items:center;margin-top:7px;font:11px/19px Raleway,sans-serif;color:#818782}
.job-meta strong{font-weight:700}
.job ul{padding-left:23px;margin:20px 0 0;color:#5e686d;font:15px/19px Raleway,sans-serif}
.job li{margin-bottom:10px}
.experience-note{margin-top:27px}
.experience-gallery{display:grid;grid-template-columns:586px 330px 322px;gap:41px;margin-top:27px}
.experience-gallery img{width:100%;height:440px;object-fit:cover;border-radius:18px}
.marquee-section{height:580px;background:#fff;padding:18px 0;overflow:hidden}
.marquee-stack{height:100%;display:flex;flex-direction:column;gap:6px}
.marquee-row{flex:1;min-height:0;display:flex;align-items:center;overflow:hidden}
.marquee-track{display:flex;width:max-content;white-space:nowrap;animation:skills-marquee var(--marquee-duration) linear infinite;will-change:transform}
.marquee-reverse .marquee-track{animation-direction:reverse}
.marquee-group{display:flex;align-items:center;flex:none;gap:20px;padding-right:20px}
.marquee-skill{display:inline-flex;align-items:center;gap:20px;flex:none;color:var(--navy);font:700 27px/1 Montserrat,sans-serif;white-space:nowrap}
.marquee-skill::after{content:"•";color:var(--copper);font-size:20px;font-weight:400}
@keyframes skills-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}
.credentials{height:1235px;padding-top:152px}
.credentials .section-title{height:145px}
.credentials h2{font-size:73px}
.credentials .section-title h2 em{margin-left:362px}
.credentials .section-intro{margin-top:15px;line-height:25.2px}
.credentials-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:462px 231px;gap:13px;margin-top:15px}
.credential{background:var(--paper);border:1px solid #e2d9cf;padding:28px 26px;display:grid;grid-template-columns:100px 1fr;gap:20px;overflow:hidden}
.credential-date{display:flex;flex-direction:column;gap:10px}
.credential-date strong{font:30px/33px Georgia,serif;color:#ad856d;letter-spacing:-1.2px;font-weight:400}
.credential-date span{font:11px/12px Raleway,sans-serif;color:#7d8483}
.credential h3{font:700 19px/24px Helvetica,Arial,sans-serif;letter-spacing:-.66px}
.issuer{display:block;color:#8e5e45;font:700 11px Helvetica,Arial,sans-serif;margin-top:7px}
.credential p{font:13px/20.64px Raleway,sans-serif;color:#5e686d;margin-top:8px}
.credential img{margin-top:12px;max-height:298px;max-width:398px;object-fit:contain;object-position:left top}
.projects-link{display:flex;justify-content:flex-end;margin-top:15px}
.projects-link a{height:52px;min-width:235px;padding:0 24px;border-radius:33px;background:var(--navy);display:grid;place-items:center;color:#fff;font:700 12px Helvetica,Arial,sans-serif;letter-spacing:.54px}
.contact{height:402px;background:#d8c3af;color:var(--navy);padding-top:111px}
.contact-inner{display:flex;justify-content:space-between;align-items:flex-start}
.contact h2{font:700 87px/93px Helvetica,Arial,sans-serif;letter-spacing:-5.655px;white-space:nowrap}
.contact h2 em{display:block;color:#8a553e;font:italic 87px/93px Georgia,serif;letter-spacing:-5.655px}
.contact-actions{width:503px;display:flex;flex-direction:column;align-items:flex-end;padding-top:2px}
.contact-actions .social-links{margin-bottom:14px}
.contact-line{font:13px/20px Helvetica,Arial,sans-serif;border-bottom:1px solid rgba(29,41,54,.34);margin-top:10px}
.site-footer{height:105px;background:var(--navy);color:#fff}
.footer-inner{height:100%;display:flex;justify-content:space-between;align-items:center}
.footer-brand{gap:7px;font-size:13px}
.footer-brand img{width:68px;height:99px;object-fit:cover}
.site-footer small{font:11px Helvetica,Arial,sans-serif;color:#819096}
/* Projects page */
.projects-page{background:#000;color:#fff}
.projects-title{text-align:center;font:700 68px/1.12 Montserrat,sans-serif;padding-top:35px}
.projects-subtitle{text-align:center;font:24px Arizonia,cursive;margin-top:-8px}
.project-section{background:#000;min-height:3133px;padding-top:85px;position:relative}
.project-panel{width:min(1340px,calc(100% - 48px));height:2845px;margin:auto;position:relative;border-radius:113px;background:#000;box-shadow:0 5px 16px rgba(113,187,207,.7)}
.project-panel>*{position:absolute}
.coobic-panel .coobic-logo{left:-65px;top:-69px;width:342px;height:342px;object-fit:contain}
.coobic-head{left:277px;top:35px}
.coobic-head h2{font:600 68px/76px Montserrat,sans-serif;letter-spacing:-3.88px}
.coobic-head p{font:300 55px/76px Montserrat,sans-serif;letter-spacing:-3.88px}
.coobic-date{top:201px;left:516px;width:858px;min-height:98px;padding:17px 18px;background:#d9d9d9;color:#000;font:30px/44px "Special Elite",monospace}
.coobic-photo-1{left:154px;top:340px;width:856px;height:571px;object-fit:cover;border-radius:15px}
.coobic-photo-2{left:90px;top:953px;width:580px;height:657px;object-fit:cover;border-radius:15px}
.coobic-photo-3{left:737px;top:1033px;width:518px;height:498px;object-fit:cover;border-radius:15px}
.coobic-copy{left:90px;top:1676px;width:1176px;font:30px/44px "Space Mono",monospace}
.coobic-copy p+p{margin-top:20px}
.project-cta{right:74px;bottom:93px;min-width:303px;height:69px;padding:0 28px;border-radius:33px;background:#000;box-shadow:0 4px 25px rgba(175,236,168,.25);display:grid;place-items:center;font:700 19px Montserrat,sans-serif}
.project-cta:hover{box-shadow:0 4px 30px rgba(175,236,168,.5)}
.music-section{padding-top:69px;min-height:3250px}
.music-panel{box-shadow:0 5px 16px rgba(243,254,255,.7)}
.music-name{left:-32px;top:-55px;font:111px/1 Monoton,sans-serif}
.music-head{left:102px;top:64px}
.music-head h2{font:600 68px/76px Montserrat,sans-serif;letter-spacing:-3.88px}
.music-head p{font:300 55px/76px Montserrat,sans-serif;letter-spacing:-3.88px}
.music-panel img{object-fit:cover}
.music-portrait{left:609px;top:152px;width:536px;height:715px}
.album-1{left:-36px;top:292px;width:575px;height:575px}
.album-2{left:961px;top:510px;width:501px;height:501px}
.album-3{left:-144px;top:967px;width:396px;height:396px}
.album-4{left:-211px;top:1518px;width:503px;height:505px}
.album-2,.album-3,.album-4{opacity:.2}
.album-5{left:1120px;top:1192px;width:342px;height:342px;opacity:.2}
.album-6{left:1094px;top:1631px;width:343px;height:343px;opacity:.25}
.album-7{left:-113px;top:2094px;width:446px;height:446px;opacity:.25}
.album-8{left:1054px;top:2132px;width:408px;height:408px;opacity:.2}
.music-copy{left:51px;top:983px;width:1238px;font:30px/44px "Space Mono",monospace}
.music-copy p+p{margin-top:18px}
.music-panel .project-cta{right:91px;bottom:46px;min-width:279px;font-size:23px}
@media(max-width:1450px){
  .hero h1,.hero h1 em{font-size:clamp(52px,6.5vw,93px)}
  .hero-copy{width:52%}.hero-lead{width:100%}.portrait-block{left:auto;right:2%;width:40%;height:auto}.portrait{width:100%;height:auto;aspect-ratio:540/607}.portrait-outline{left:48%;width:56%}
  .stats{grid-template-columns:repeat(4,1fr)}
  .section-title h2{font-size:clamp(42px,5vw,71px)}
  .section-title h2 em{font-size:clamp(40px,4.6vw,65px)}
  .about-grid{grid-template-columns:1fr 1fr;gap:5.5%}.travel-kit{width:100%;height:auto}
  .experience-gallery{grid-template-columns:1.8fr 1fr 1fr;gap:3%}
  .contact h2,.contact h2 em{font-size:clamp(50px,6vw,87px)}
}
@media(max-width:900px){
  .container,.hero-inner,.header-inner{width:min(100% - 32px,700px)}
  .hero,.expertise,.about,.approach,.experience,.credentials,.contact,.site-footer{height:auto}
  .hero{padding:55px 0 70px}.hero-inner{height:auto;display:flex;flex-direction:column;gap:35px}.hero-copy,.portrait-block{position:relative;left:auto;right:auto;top:auto;width:100%;height:auto}.hero h1,.hero h1 em{font-size:clamp(46px,9vw,74px);letter-spacing:-.055em;white-space:normal}.hero-lead{margin-top:25px;font-size:16px;line-height:1.7}.hero .social-links{margin-top:27px}.signature{font-size:clamp(40px,5.5vw,58px);margin-top:35px;white-space:normal}.portrait-block{max-width:540px;margin:auto}.portrait{height:auto}.portrait-label{bottom:20px}.portrait-dot{right:-10px}.stats{height:auto;grid-template-columns:repeat(2,1fr);margin-top:60px}.stats>div{min-height:130px;padding:20px}.stats>div:first-child{padding-left:20px}
  .expertise,.about,.approach,.experience,.credentials{padding:90px 0}
  .section-title h2{font-size:clamp(43px,7vw,65px)}.section-title h2 em{display:block!important;font-size:clamp(39px,6.5vw,60px);margin-left:0!important}.title-icon{width:90px!important;height:90px!important;right:0!important;top:-35px!important}
  .expertise .section-title,.experience .section-title,.credentials .section-title{height:auto}
  .expertise-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.expertise-card{height:auto;min-height:220px}.expertise .section-note{margin-top:20px}
  .about-title h2{white-space:normal}.about .section-intro{margin-top:20px}.about-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.travel-kit{max-width:644px;margin:auto}.detail{height:auto!important;min-height:90px;padding:15px 0}.detail:nth-child(1){min-height:155px}
  .approach-grid{grid-template-columns:repeat(2,1fr);margin-top:30px}.approach-grid>div{padding:25px!important}
  .jobs{margin-top:35px}.job{padding:30px 0;min-height:0}.job ul{line-height:1.5}.job li{margin-bottom:10px}.experience-gallery{grid-template-columns:repeat(3,1fr);gap:12px}.experience-gallery img{height:260px}
  .marquee-section{height:370px;padding:8px 0}.marquee-stack{gap:2px}
  .credentials .section-intro{margin-top:25px}.credentials-grid{grid-template-columns:1fr;grid-template-rows:none}.credential{min-height:220px}.credential:nth-child(-n+2){min-height:360px}
  .contact{padding:70px 0}.contact-inner{display:block}.contact h2,.contact h2 em{font-size:clamp(43px,7vw,68px);line-height:1.08;white-space:normal;letter-spacing:-.055em}.contact-actions{width:auto;align-items:flex-start;margin-top:30px}.site-footer{min-height:105px}
  .projects-page .project-section{min-height:0;padding:60px 0}.project-panel{height:auto;padding:50px 35px;border-radius:45px}.project-panel>*{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important}.coobic-panel .coobic-logo{width:160px!important;margin:-95px 0 0 -45px}.coobic-head,.music-head{margin:15px 0}.coobic-head h2,.music-head h2{font-size:48px}.coobic-head p,.music-head p{font-size:35px;line-height:1.2}.coobic-date{font-size:18px;line-height:1.4;padding:15px;margin:20px 0}.project-panel img:not(.coobic-logo){max-width:100%;margin:20px auto;border-radius:12px}.coobic-copy,.music-copy{font-size:16px;line-height:1.7}.project-cta{margin:35px 0 0 auto;width:max-content!important;min-width:220px}.music-name{font-size:clamp(42px,9vw,80px);margin:-90px 0 20px}.music-panel img[class^="album-"]{width:35%!important;display:inline-block;vertical-align:middle;margin:3%!important}
}
@media(max-width:560px){
  .header-contact{width:105px}.brand{font-size:9px}.brand img{width:35px;height:35px}
  .social-links{flex-wrap:wrap}.social-links a{height:44px;padding:0 15px;min-width:auto!important;font-size:11px}
  .portrait-label{left:-8px;padding:11px;font-size:9px}.portrait-label span{font-size:9px}.portrait-dot{width:45px;height:45px}
  .stats{grid-template-columns:1fr 1fr}.stats strong{font-size:38px}.stats span{font-size:11px}
  .about .section-intro{font-size:14px}.approach-grid{grid-template-columns:1fr}.approach-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);min-height:0}
  .job-meta{flex-wrap:wrap;gap:8px 15px}.experience-gallery{gap:6px}.experience-gallery img{height:150px}
  .credential{grid-template-columns:70px 1fr;padding:18px 12px;gap:8px}.credential-date strong{font-size:24px}.credential h3{font-size:16px}
  .footer-brand{font-size:9px}.footer-brand img{width:45px;height:75px}.site-footer small{font-size:9px}
}