@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Thin.otf') format('opentype');font-weight:100;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-ThinItalic.otf') format('opentype');font-weight:100;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-XLight.otf') format('opentype');font-weight:200;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-XLightItalic.otf') format('opentype');font-weight:200;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-LightItalic.otf') format('opentype');font-weight:300;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Book.otf') format('opentype');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-BookItalic.otf') format('opentype');font-weight:400;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-MediumItalic.otf') format('opentype');font-weight:500;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-BlackItalic.otf') format('opentype');font-weight:900;font-style:italic;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-Ultra.otf') format('opentype');font-weight:1000;font-style:normal;font-display:block}
@font-face{font-family:Gotham;src:url('assets/fonts/Gotham-UltraItalic.otf') format('opentype');font-weight:1000;font-style:italic;font-display:block}
:root{--blue:#173c63;--yellow:#ffc400;--shadow:0 3px 4px #0003}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Gotham;color:var(--blue);font-synthesis:none}a{color:inherit}main{overflow:hidden}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}
.intro{position:relative;isolation:isolate;background:#244958 url('assets/redesign/gradient.png') center/cover;padding:5.55vw 5.55vw 10.6vw;overflow:hidden}
.glass-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(135deg,transparent 0,transparent calc(32vw - 2px),#ffffff50 calc(32vw - 1px),#0004 32vw,transparent calc(32vw + 3px),transparent 32.3vw)}
.glass-lines i{position:absolute;width:125%;height:40%;transform:rotate(45deg);border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff25;background:#ffffff03;box-shadow:0 3px 5px #0003;left:-15%;top:30%}.glass-lines i:nth-child(2){top:80%}.glass-lines i:nth-child(3){top:-35%}
.navigation{position:relative;z-index:3;min-height:74px;padding:14px 24px;border-radius:70px;border:1px solid #ffffff55;background:#ffffff30;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 5px #0005,inset 0 1px 0 #fff3;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;font-size:clamp(14px,1.35vw,20px)}
.navigation a{text-decoration:none;padding:9px 0}.navigation a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}.navigation a:hover{color:var(--yellow)}.navigation span{cursor:default}.brand{width:130px;flex-shrink:0;margin-right:28px}.brand img{display:block;width:100%}
.portrait-stage{position:relative;height:48.7vw;max-height:760px;margin-top:3.9vw}.refract{position:absolute;width:100%;top:4.2vw;filter:drop-shadow(0 5px 2px #0004)}.portrait{position:absolute;left:32.5%;top:0;width:46%;max-width:670px;z-index:1}
.stack{position:relative;isolation:isolate;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.stack:before,.stack:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid #ffffff66;pointer-events:none;box-shadow:var(--shadow)}.stack:before{transform:translate(-12px,15px);background:#ffffff40;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.stack:after{transform:translate(-24px,28px);background:#bbb8;z-index:-2}
.introduction{width:83%;margin-left:10.5%;padding:clamp(30px,3vw,50px);z-index:2}.introduction:before{transform:translate(-22px,22px);background:#163c6340}.introduction:after{transform:translate(-46px,44px);background:var(--blue)}.introduction h1{font-size:clamp(30px,3.35vw,52px);font-weight:700;margin:0 0 18px}.introduction p{font-size:clamp(16px,1.15vw,18px);line-height:1.3;margin-top:22px}
.about{background:#fff url('assets/redesign/texture.png') top center/100% auto;padding-bottom:100px;scroll-margin-top:0}.about-title{font-size:22vw;font-weight:900;line-height:1.06;letter-spacing:-.035em;white-space:nowrap;text-align:center;margin-left:-4vw;width:108vw;padding:8px 0 40px}.about-content{width:89%;max-width:1500px;margin:auto}
.group{min-width:0;margin:0 0 34px;border:1px solid #173c6390;border-right:0;border-radius:8px;padding:4px 0 42px 42px}legend{font-size:clamp(26px,2.55vw,40px);font-weight:700;padding:0 24px;margin-left:38px}
.tool-grid{display:grid;grid-template-columns:1.32fr .6fr 1fr 1fr;gap:clamp(34px,3.4vw,58px)}.tool-card{padding:12px 18px;text-align:center;min-width:0}.tool-card h3{font-size:14px;font-weight:700;margin-bottom:14px}.tool-card img,.equipment{width:24px;height:24px;object-fit:contain;display:block;margin:0 auto 5px}.tool-card figcaption{font-size:13px;line-height:1.4;color:#42454a}.adobe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.audition{grid-column:2}.yellow:after{background:var(--yellow)}.blue:after{background:var(--blue)}.small-cards{display:grid;gap:46px}.vertical-tools{display:flex;flex-direction:column;gap:34px;align-items:center;justify-content:center;height:calc(100% - 35px);min-height:165px}
.skills{padding-bottom:44px}.skill-list{list-style:none;margin:0;padding:34px 0;display:grid;grid-template-columns:repeat(6,1fr);background:var(--blue);color:#fff}.skill-list li{text-align:center;font-size:clamp(14px,1.35vw,20px);line-height:1.45;padding:10px 16px;align-content:center}.skill-list li+li{border-left:2px solid #fff9}
.education{padding:28px 46px 46px;margin:36px 10px 0 32px}.education h2{font-size:clamp(26px,2.55vw,40px);margin:0 0 24px}.education-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin:0 5%}.education-grid article{display:grid;justify-items:center;gap:16px}.number{display:grid;place-items:center;width:100px;height:100px;border-radius:60% 60% 8px 60%;background:var(--yellow);box-shadow:var(--shadow);font-size:36px;font-weight:700}.number.blue{background:var(--blue);color:var(--yellow)}.qualification{padding:10px;background:var(--yellow);border-radius:3px;text-align:center;width:100%}.qualification h3{font-size:clamp(17px,1.65vw,24px);font-weight:700}.qualification p{font-size:12px;line-height:1.5}.qualification.blue{background:var(--blue);color:var(--yellow)}
@media(min-width:1700px){.intro{padding-left:calc((100% - 1500px)/2);padding-right:calc((100% - 1500px)/2)}.portrait-stage{height:780px}.refract{top:70px}.about-title{font-size:360px}}
@media(max-width:900px){.navigation{min-height:60px;padding:10px 20px;gap:14px;flex-wrap:wrap;justify-content:center}.brand{width:110px;margin-right:10px}.navigation a,.navigation span{font-size:13px}.portrait-stage{height:49vw}.introduction{width:90%;margin-left:8%;padding:30px}.introduction p{line-height:1.45}.tool-grid{grid-template-columns:1.2fr 1fr;gap:48px}.small-cards{grid-template-columns:1fr 1fr;gap:26px}.vertical-tools{flex-direction:row;min-height:145px}.tool-card{padding:18px}.group{padding-left:30px}.skill-list{grid-template-columns:repeat(3,1fr);gap:18px 0}.skill-list li:nth-child(4){border-left:0}.education-grid{margin:0;gap:30px}.education{padding:30px}.qualification p{font-size:13px}.about-title{padding-bottom:35px}}
@media(max-width:540px){.intro{padding:22px 20px 75px}.navigation{border-radius:24px;gap:4px 18px;padding:14px}.brand{width:100%;margin:0 0 6px;display:flex;justify-content:center}.brand img{width:100px}.navigation a,.navigation span{font-size:12px;padding:6px 0}.portrait-stage{margin-top:28px;height:68vw}.refract{top:12vw;width:110%;max-width:none;left:-5%}.portrait{width:61%;left:22%;top:0}.introduction{width:96%;margin-left:4%;padding:26px 22px}.introduction:before{transform:translate(-7px,12px)}.introduction:after{transform:translate(-14px,24px)}.introduction h1{font-size:28px;line-height:1.2}.introduction p{font-size:16px;margin-top:18px}.about-title{padding:24px 0 30px;font-size:21vw}.about-content{width:calc(100% - 40px)}legend{margin-left:0;padding:0 12px;font-size:25px}.group{padding:12px 0 30px 18px;margin-bottom:26px}.tool-grid{grid-template-columns:1fr;gap:38px}.small-cards{gap:32px}.tool-card h3{font-size:16px}.tool-card figcaption{font-size:14px}.adobe-grid{gap:20px}.stack:before{transform:translate(-7px,9px)}.stack:after{transform:translate(-14px,18px)}.skill-list{grid-template-columns:repeat(2,1fr);padding:18px 0;gap:18px 0}.skill-list li{font-size:14px;padding:10px}.skill-list li:nth-child(odd){border-left:0}.skill-list li:nth-child(even){border-left:1px solid #fff9}.education{margin:20px 0 0 18px;padding:24px 18px 30px}.education-grid{grid-template-columns:1fr;gap:38px}.number{width:75px;height:75px;font-size:28px}.qualification h3{font-size:17px}.about{padding-bottom:60px}}
.stack{--back:#c8c8c8;box-shadow:0 3px 4px #0003,-12px 15px 0 #ffffffaa,-13px 17px 4px #0003,-24px 28px 0 var(--back),-25px 30px 4px #0003}
.stack:before,.stack:after{display:none}.yellow{--back:var(--yellow)}.tool-card.blue{--back:var(--blue)}.introduction{--back:var(--blue);box-shadow:0 3px 4px #0003,-22px 22px 0 #ffffff20,-23px 24px 4px #0003,-46px 44px 0 var(--blue),-47px 46px 4px #0003}
@media(max-width:540px){.stack{box-shadow:0 3px 4px #0003,-7px 9px 0 #ffffffaa,-8px 11px 3px #0003,-14px 18px 0 var(--back),-15px 20px 3px #0003}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Floating navigation and reference glass details. */
html{scroll-padding-top:125px}
.navigation{position:fixed;z-index:1000;top:clamp(16px,3vw,48px);left:5.55%;right:5.55%;max-width:1500px;margin-inline:auto;background:linear-gradient(110deg,#426779bb,#657473a6);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.intro{padding-top:calc(5.55vw + 74px)}
.logo-glass{position:absolute;top:4.2vw;left:4.8%;width:100%;aspect-ratio:5156/1100;transform:translateY(-14%);clip-path:inset(-10% 72% -12% 14.5%);pointer-events:none}
.logo-glass svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.letter-refraction{position:absolute;inset:0;background:linear-gradient(140deg,#ffffff18,transparent 38%,#ffffff08 70%,#ffe4a736);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask:url('assets/redesign/refract-white.png') center/100% 100% no-repeat;-webkit-mask:url('assets/redesign/refract-white.png') center/100% 100% no-repeat}
.glass-tiles{position:absolute;inset:0;pointer-events:none;z-index:0}
.glass-tiles i{position:absolute;left:-6%;bottom:-3.5vw;width:25%;height:10.5vw;min-height:85px;border:1px solid #ffffff55;border-radius:22px;background:linear-gradient(125deg,#ffffff16,#ffffff03);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 1px 1px 2px #fff4,2px 4px 5px #102d3422}
.glass-tiles i+ i{left:-10%;bottom:-1.5vw;width:29%;height:9vw;border-radius:18px;background:#ffffff05}
.about-title{width:max-content;min-width:108vw;position:relative;left:50%;transform:translateX(-50%);margin-left:0;font-size:20.3vw}
.group{position:relative}
.tool-grid>*,.skill-list li{position:relative}
.tool-grid>*:after{content:'';display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:var(--blue);left:50%;bottom:-46px;transform:translateX(-50%);z-index:3;box-shadow:none;border:0}
.skill-list li:after{content:'';position:absolute;left:50%;bottom:-82px;width:6px;height:6px;border-radius:50%;background:var(--blue);transform:translateX(-50%)}
@media(min-width:1700px){.logo-glass{top:70px}}
@media(max-width:900px){html{scroll-padding-top:150px}.intro{padding-top:calc(5.55vw + 90px)}.tool-grid>*:after{bottom:-28px}.tool-grid>*:before{content:'';display:block;position:absolute;left:0;right:0;bottom:-25px;height:1px;background:#173c6370;box-shadow:none;transform:none;border:0;z-index:2}.skill-list li:after{bottom:-10px;background:#fff9}.skill-list li:before{content:'';position:absolute;left:12%;right:12%;bottom:-7px;height:1px;background:#fff4}}
@media(max-width:540px){html{scroll-padding-top:175px}.navigation{top:12px;left:20px;right:20px}.intro{padding-top:160px}.logo-glass{top:12vw;width:110%;left:0}.glass-tiles i{width:46%;bottom:-24px;height:80px;border-radius:16px}.glass-tiles i+i{width:49%;bottom:-10px;height:66px}.about-title{font-size:20.3vw}.tool-grid>*:after{bottom:-25px}.tool-grid>*:before{bottom:-22px}.skill-list li:after{bottom:-9px}.skill-list li:before{bottom:-6px}}