:root{--paper:#f2f7ff;--muted:#b5c6df;--line:#c4e3ff30;--glass:linear-gradient(145deg,#d3eaff35,#7eb9ff12 48%,#e0f4ff1c)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);font:16px Arial,Helvetica,sans-serif;background:#081931;background-image:radial-gradient(ellipse at 85% 4%,#225a9a9c,transparent 36%),radial-gradient(ellipse at 5% 35%,#325c9470,transparent 34%),radial-gradient(ellipse at 100% 70%,#164e7e80,transparent 45%),linear-gradient(145deg,#071224,#133654 47%,#07182e);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.shelf-track:focus-visible{outline:2px solid #bde4ff;outline-offset:5px}main:focus{outline:none}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:30}.brand{display:block;position:relative;width:200px}.brand-logo{display:block;width:260px;height:auto;margin:-12px -35px;filter:brightness(0) invert(1);background:none}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:1px;margin-top:0}header nav{position:fixed;right:5%;top:27px;width:170px;border:1px solid #e1f2ff70;background:linear-gradient(145deg,#e4f3ff38,#afcfff14);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:25px;box-shadow:inset 0 1px 0 #fff8,0 10px 25px #0002;overflow:hidden}#menu{background:none;color:inherit;border:0;padding:17px 22px;width:100%;display:flex;justify-content:space-between;font:13px Arial,sans-serif}#links{padding:0 20px 15px}#links a{display:block;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.home-hero{position:relative;min-height:680px;min-height:calc(92svh - 100px);padding:70px 6% 80px;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;width:66%;max-width:800px}.eyebrow{font:13px Arial,sans-serif;letter-spacing:.5px;color:#c7dcf2}.hero-copy h1{font-size:clamp(66px,9.7vw,155px);font-weight:400;line-height:.98;letter-spacing:-.065em;margin:24px 0 28px}.hello-dot{color:#9dc9f1}.hero-roles{max-width:390px;line-height:1.65;font-size:17px;color:#cbd9ec;margin:0 0 30px}.glass-button{display:inline-flex;gap:28px;align-items:center;padding:16px 23px;border:1px solid #d8edff70;border-radius:40px;background:var(--glass);box-shadow:inset 0 1px 1px #fff8,0 8px 20px #0002;backdrop-filter:blur(16px);font-size:14px;transition:background .2s,transform .2s}.glass-button span{font-size:22px}.glass-button:hover{background-color:#d2e6ff28;transform:translateY(-2px)}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;color:#b9cee5}.hero-sculpture{position:absolute;right:-2%;top:12%;width:48%;height:78%;perspective:800px}.liquid-shape{display:block;position:relative;background:linear-gradient(125deg,#f5fcff 0%,#99b7d7 12%,#edfaff 20%,#355c87 36%,#cde4f7 48%,#fff 52%,#5d89b2 68%,#b9dcf1 80%,#e9f8ff 90%,#4c6e91);box-shadow:inset 5px 6px 8px #ffffffb0,inset -5px -7px 12px #0b244caa,6px 20px 35px #0004;animation:float 7s ease-in-out infinite;pointer-events:none}.ring{width:210px;height:210px;border-radius:50%;background:conic-gradient(from 30deg,#eaf6ff,#8aa9cb,#2a4a75,#fff,#98c3e8,#31567d,#eaf6ff);mask:radial-gradient(circle,transparent 0 36%,#000 37%);-webkit-mask:radial-gradient(circle,transparent 0 36%,#000 37%);transform:rotate(-28deg) scaleY(.8)}.arrow{background:none;box-shadow:none;font:bold 240px/.8 Arial,sans-serif;letter-spacing:-25px;color:#c9e2f9;text-shadow:1px 1px 0 #fff,-3px -3px 2px #ffffff99,4px 7px 0 #4975a1,8px 14px 8px #020c2850;-webkit-text-stroke:1px #e7f7ff;transform:rotate(-12deg)}.square{width:165px;height:165px;border-radius:35px;transform:rotate(-15deg)}.pill{width:240px;height:110px;border-radius:70px;transform:rotate(-30deg)}.hero-ring{position:absolute;width:300px;height:300px;right:15%;top:5%;transform:rotate(-30deg) scaleY(.7);animation-delay:-2s}.hero-arrow{position:absolute;font-size:320px;right:16%;top:30%;animation-delay:-1s}.hero-pill{position:absolute;right:0;bottom:5%;width:200px;height:80px;animation-delay:-4s}.orbit-line{position:absolute;top:5%;left:5%;width:85%;height:90%;border:1px solid #d5eaff20;border-radius:50%;transform:rotate(-30deg)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -18px}}
.profile-section{padding:100px 8% 120px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:10%;border-top:1px solid var(--line);position:relative}.portrait-wrap{position:relative;max-width:420px}.profile-photo{width:100%;height:480px;object-fit:cover;border-radius:180px 180px 28px 28px;display:block;box-shadow:0 25px 70px #010b2550}.portrait-caption{display:block;margin-top:18px;font-size:12px;color:#b9cee5}.portrait-ring{position:absolute;width:140px;height:140px;right:-45px;bottom:10px}.profile-copy h2,.section-heading h2,.closing h2{font-size:clamp(34px,4.6vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:20px 0}.profile-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#c4d2e3;margin-bottom:30px}.portfolio-section{padding:65px 6% 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.section-heading>span{font-size:13px;color:var(--muted);padding-bottom:12px}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.liquid-panel{border:1px solid #cce7ff55;border-radius:30px;background:linear-gradient(130deg,#e8f5ff21,#65a6ea09 55%,#bedfff1a);box-shadow:inset 1px 1px 1px #f3fbff88,inset -1px -1px 1px #a1cfff35,0 20px 45px #020e2820;backdrop-filter:blur(16px)}.category-card{min-height:380px;position:relative;padding:28px;overflow:hidden;transition:transform .35s,background .35s}.category-card:hover{transform:translateY(-7px);background-color:#c8e5ff13}.category-art{height:230px;display:grid;place-items:center;position:relative}.category-art:before{content:'';position:absolute;width:190px;height:120px;filter:blur(35px);border-radius:50%;background:#7fbeff35;bottom:0}.category-number{position:absolute;top:25px;left:28px;font-size:13px;color:#bdd2e8}.category-copy{max-width:85%}.category-copy h3{font-weight:400;font-size:30px;letter-spacing:-1px;margin:20px 0 12px}.category-copy p{font-size:14px;line-height:1.5;color:#b6cde3;margin:0}.round-arrow{display:grid;place-items:center;border-radius:50%;width:46px;height:46px;border:1px solid #cbe8ff77;color:inherit;font-size:22px;background:linear-gradient(145deg,#e5f6ff55,#a1c4e718 70%);box-shadow:inset 1px 1px 1px #fff9,inset -1px -2px 3px #6d9acd77,0 7px 15px #00112730}.category-card>.round-arrow{position:absolute;right:25px;bottom:28px}.closing{padding:90px 6% 120px;text-align:center;border-top:1px solid var(--line)}.closing h2{margin-bottom:35px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 5%;font:12px Arial,sans-serif;color:#b1c4db}.page{padding:70px 6% 100px;min-height:75vh}.page h1{font-size:clamp(45px,7vw,105px);font-weight:400;letter-spacing:-.05em;line-height:1.02;overflow-wrap:anywhere}.page h2{font-weight:400;font-size:30px;margin-top:50px}.note{font:14px/1.6 Arial,sans-serif;color:var(--muted)}
.role-tabs{display:flex;gap:12px;flex-wrap:wrap;padding:25px 6% 30px}.role-tabs a{font-size:14px;padding:12px 18px;border-radius:30px;border:1px solid #b9dfff40;background:#afcfff0a}.role-tabs a[aria-current=page]{background:#d0e6ff;color:#102b49}.catalog-hero{min-height:560px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:end;padding:60px 6%;background:radial-gradient(ellipse at 80% 30%,#4674ad,#182e50 70%)}.catalog-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.catalog-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061426f5,#091b32a0 50%,#091b3210),linear-gradient(0deg,#0b2039,transparent 60%);z-index:-1}.catalog-hero-copy{max-width:670px}.catalog-hero h1{font-size:clamp(38px,5.6vw,82px);font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:16px 0}.catalog-hero-copy>p:not(.eyebrow){max-width:480px;color:#d0dcee;font-size:15px;line-height:1.6;margin-bottom:28px}.catalog-sculpture{position:absolute;right:14%;top:80px;z-index:-1;scale:1.6}.catalog-shelves{padding:15px 0 75px;background:linear-gradient(#0b2039aa,#0b203910)}.shelf{padding:15px 0 25px}.shelf-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6%;margin:15px 0}.shelf h2{font-size:23px;font-weight:400;letter-spacing:-.5px}.shelf-controls{display:flex;gap:8px}.shelf-controls button{width:35px;height:35px;font-size:19px}.shelf-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 6% 30px;scrollbar-width:thin;scrollbar-color:#7694b6 #152a43}.project-tile{flex:0 0 310px;scroll-snap-align:start;transition:transform .25s}.project-tile:hover{transform:translateY(-7px)}.tile-image{height:180px;position:relative;overflow:hidden;border-radius:13px;border:1px solid #e2f2ff35;display:grid;place-items:center}.tile-image img{width:100%;height:100%;object-fit:cover}.tile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0615289c)}.tile-image .liquid-shape{scale:.55;position:absolute}.tile-tag{position:absolute;left:13px;bottom:13px;font-size:11px;z-index:1;padding:5px 9px;background:#12274499;backdrop-filter:blur(10px);border-radius:15px}.tile-play{opacity:0;position:absolute;right:15px;bottom:15px;z-index:2;font-size:25px}.project-tile:hover .tile-play,.project-tile:focus-visible .tile-play{opacity:1}.project-tile h3{font-size:16px;font-weight:400;line-height:1.4;margin:14px 0 6px}.project-tile>p{font-size:12px;color:var(--muted);margin:0}.visual-0{background:radial-gradient(at 20% 20%,#6d9fc9,#193858 65%)}.visual-1{background:radial-gradient(at 75% 20%,#b4a2db,#283960 60%)}.visual-2{background:radial-gradient(at 20% 20%,#72d6d7,#174563 65%)}.visual-3{background:radial-gradient(at 65% 20%,#608ce1,#182847 70%)}.catalog-note{font-size:13px;color:var(--muted);margin:25px 6%}.detail-visual{height:60vh;min-height:320px;border-radius:22px;overflow:hidden;display:grid;place-items:center;margin:40px 0}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:45px 0}.detail-info p{line-height:1.7;color:#c2d1e3}.still-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.still-grid img{width:100%;border-radius:14px}.back-link{font-size:14px;display:inline-block;margin-bottom:28px}.contact-page{position:relative;overflow:hidden}.contact-links{display:flex;flex-direction:column;align-items:start;gap:24px;margin:40px 0}.contact-links a{font-size:clamp(18px,3vw,32px);border-bottom:1px solid #a9c9e780;padding-bottom:10px}.contact-page>.liquid-shape{position:absolute;right:8%;bottom:90px;opacity:.5}video{width:100%;max-height:75vh}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#e6f1ff;color:#0b2039;padding:15px}.skip:focus{top:10px}.preview-badge{position:fixed;bottom:15px;left:15px;background:#cee5ff;color:#102b49;border-radius:20px;padding:10px 16px;font-size:12px;z-index:99}.editor{max-width:900px;padding:50px 25px;margin:auto}.editor label{display:block;margin:20px 0 8px}.editor input,.editor textarea,.editor select{width:100%;padding:13px;background:#142c48;color:var(--paper);border:1px solid #a9c9e770;border-radius:8px}.editor textarea{min-height:105px}.editor button,.editor .button{display:inline-block;background:var(--glass);border:1px solid #b9ddff70;border-radius:25px;color:inherit;padding:13px 20px;margin:15px 8px 15px 0}.editor small{display:block;line-height:1.7;color:var(--muted)}#status{color:#bddfff}
@media(min-width:1500px){.home-hero{padding-top:100px;padding-bottom:140px}.hero-sculpture{right:4%}}@media(max-width:700px){header{padding:20px 6%}.brand{width:135px}.brand-logo{width:210px;margin:-12px -40px}.brand span{font-size:8px}header nav{top:22px;width:135px;right:6%}#menu{padding:14px 18px}.home-hero{min-height:770px;min-height:calc(100svh - 90px);padding:50px 6% 170px;align-items:start}.hero-copy{width:100%}.hero-copy h1{font-size:18vw;max-width:100%;margin:20px 0}.hero-roles{font-size:14px;max-width:270px}.hero-sculpture{top:auto;bottom:40px;right:-10%;width:70%;height:240px;opacity:.8;z-index:0}.hero-ring{width:180px;height:180px;right:15%;top:5%}.hero-arrow{font-size:180px;top:25%;right:15%}.hero-pill{width:120px;height:50px;bottom:0;right:0}.hero-bottom{bottom:20px;font-size:10px;gap:20px}.hero-bottom span:first-child{max-width:160px}.profile-section{padding:65px 8%;grid-template-columns:1fr;gap:50px}.portrait-wrap{width:85%;margin:auto}.profile-photo{height:380px}.profile-copy h2{font-size:37px}.profile-copy>p:not(.eyebrow){font-size:15px}.portfolio-section{padding:50px 6% 70px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:41px}.category-grid{gap:16px;grid-template-columns:1fr}.category-card{min-height:330px;padding:24px}.category-art{height:190px}.category-copy h3{font-size:28px}.category-copy p{font-size:13px}.category-card>.round-arrow{bottom:25px;right:20px}.closing{padding:70px 6%}.closing h2{font-size:41px}.page{padding:55px 6% 75px}.page h1{font-size:12vw}.role-tabs{padding:25px 6%;gap:8px}.role-tabs a{font-size:11px;padding:10px 12px}.catalog-hero{min-height:530px;padding:45px 6%}.catalog-hero h1{font-size:41px}.catalog-hero-copy>p:not(.eyebrow){font-size:14px}.catalog-hero:after{background:linear-gradient(0deg,#0b2039,#0b203980 70%,#0b203940)}.catalog-sculpture{right:15%;top:60px;scale:1.2;opacity:.6}.project-tile{flex-basis:270px}.tile-image{height:160px}.shelf h2{font-size:20px}.detail-info{grid-template-columns:1fr;gap:20px}.detail-visual{height:40vh;min-height:240px}.still-grid{grid-template-columns:1fr}.contact-page>.liquid-shape{opacity:.15;right:-50px}.contact-links a{font-size:20px}footer{flex-wrap:wrap;font-size:10px;gap:15px}.liquid-shape{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.profile-section{overflow:hidden}.project-detail li{line-height:1.8}.catalog-hero-copy h1{overflow-wrap:anywhere}
/* Draft 0.4: original logo silhouette with glass highlights; no background box. */
.brand{width:230px;height:76px}.brand-logo{width:100%;height:100%;margin:0;object-fit:contain;opacity:0;filter:none}.brand:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#fff 0%,#8ca9c6 16%,#f1faff 29%,#50799d 43%,#dceeff 51%,#fff 57%,#8cacca 73%,#f8fcff 88%);mask:url('assets/logo-anw-original.png') center/contain no-repeat;-webkit-mask:url('assets/logo-anw-original.png') center/contain no-repeat;filter:drop-shadow(0 1px 1px #e5f6ff90) drop-shadow(1px 3px 2px #020f2540);pointer-events:none}.brand:hover:before{background-position:40% 0}
.profile-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center;padding:55px 6% 75px;min-height:calc(100svh - 110px);overflow:visible}.profile-hero .hero-copy{width:100%;max-width:none}.profile-hero h1{font-size:clamp(57px,7.5vw,115px);margin:15px 0 24px}.profile-hero .hero-roles{font-size:14px;max-width:440px;margin-bottom:24px}.hero-bio h2{font-size:23px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:0 0 18px}.hero-bio>p{font-size:14px;line-height:1.8;color:#bdcfe3;max-width:570px;margin:0 0 26px}.hero-portrait{align-self:center;position:relative;min-width:0}.hero-portrait img{width:100%;height:clamp(420px,52vw,650px);object-fit:cover;object-position:center 28%;display:block;border-radius:32px;border:1px solid #d9ecff55;box-shadow:0 25px 70px #010b2555}.hero-portrait span{display:block;font-size:11px;margin-top:15px;color:#bdd0e5}.category-card{padding:0 0 30px;min-height:0;overflow:hidden}.category-art{height:340px;display:block;overflow:hidden}.category-art:before{display:none}.category-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s}.category-card:hover .category-art img{transform:scale(1.035)}.category-copy{padding:0 28px;max-width:88%}.category-copy h3{margin-top:25px}.category-number{padding:7px 10px;border-radius:15px;top:18px;left:18px;background:#10254290;color:#f3f8ff;backdrop-filter:blur(14px)}.profile-photo{border-radius:30px}.profile-section{align-items:start}
@media(min-width:1500px){.profile-hero{padding-top:65px;padding-bottom:85px;grid-template-columns:1fr .8fr;gap:10%}}@media(max-width:700px){.brand{width:170px;height:58px;margin-left:-18px}.brand-logo{width:100%;height:100%;margin:0}.profile-hero{display:grid;grid-template-columns:1fr;padding:35px 6% 65px;gap:30px;min-height:0;overflow:hidden}.profile-hero .hero-copy{display:contents}.profile-hero .eyebrow{grid-row:1;margin:8px 0 0}.profile-hero h1{grid-row:2;font-size:17vw;margin:0}.profile-hero .hero-roles{grid-row:3;margin:0;line-height:1.7}.hero-portrait{grid-row:4;width:100%;max-width:380px;justify-self:center}.hero-portrait img{height:440px;border-radius:26px}.hero-bio{grid-row:5}.hero-bio h2{font-size:26px}.hero-bio>p{font-size:15px;margin-bottom:0}.profile-hero .glass-button{grid-row:6;justify-self:start}.category-art{height:350px}.category-copy{padding:0 24px}.category-copy h3{font-size:27px}.category-card{padding-bottom:28px}.category-card>.round-arrow{bottom:25px}.category-number{font-size:12px}.hero-portrait span{font-size:10px}.profile-photo{border-radius:26px}}
/* Draft 0.5 — scroll-driven welcome and glass controls. */
body{overflow-x:clip}header{height:105px}.welcome-home header{position:absolute;top:0;left:0;width:100%;height:0}.brand{position:fixed!important;z-index:45;will-change:width,height,left,top}.brand:before{mask-size:200% auto;-webkit-mask-size:200% auto;background-size:250% 250%;background-image:linear-gradient(115deg,#d7ecff 0%,#6e97b8 15%,#f9feff 27%,#a1c5df 34%,#fff 40%,#4e7d9f 50%,#b4d7ed 60%,#fff 72%,#8ab3d2 86%,#e7f7ff 100%);animation:logo-glass-flow 6s ease-in-out infinite;filter:drop-shadow(0 1px 0 #fff9) drop-shadow(0 3px 2px #08223e80)}.brand.logo-docked:before{animation-duration:10s}.welcome{height:100svh;min-height:620px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.welcome:before{content:'';position:absolute;width:70%;height:50%;top:25%;left:15%;background:radial-gradient(ellipse,#72baff23,transparent 67%);filter:blur(40px);z-index:-1}.welcome-title{position:absolute;top:24%;margin:0;font-size:clamp(16px,2.2vw,30px);letter-spacing:.28em;font-weight:400;color:#dcefff;background:linear-gradient(110deg,#83afcf,#fff 35%,#b0d3eb 65%,#effaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:welcome-arrive 1.2s ease-out both}.welcome-enter{position:absolute;bottom:70px;left:50%;translate:-50% 0;white-space:nowrap;color:var(--paper);animation:welcome-arrive 1.6s ease-out both}.welcome-home .profile-hero{border-top:1px solid var(--line)}header nav{width:122px;border-radius:21px;top:25px;z-index:50}#menu{padding:12px 17px;font-size:11px;min-height:42px;align-items:center}#menu>span{width:15px;height:15px;display:block}header nav:has(#menu[aria-expanded=true]){width:180px}#links a{font-size:13px}.glass-icon{width:25px;height:25px;display:block;filter:drop-shadow(0 1px .4px #fff9) drop-shadow(1px 2px 1px #0a2c4e90)}.glass-button>span{display:block}.round-arrow .glass-icon{width:26px;height:26px}.glass-button,.round-arrow{background:linear-gradient(140deg,#e8f8ff48 0%,#a3c8e81c 45%,#def2ff2e 85%);border:1px solid #d4ecff85;box-shadow:inset 1px 1px 1px #f4fcffb0,inset -1px -2px 4px #a0cbee35,0 8px 22px #02142b35;backdrop-filter:blur(18px)}.tile-play{font-weight:800;text-shadow:0 1px #fff,1px 2px #5a8eb5}.category-number,.shelf-controls{display:none}
@keyframes logo-glass-flow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}@keyframes welcome-arrive{from{opacity:0;transform:translateY(15px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:700px){header{height:95px}header nav{width:105px;top:24px}#menu{font-size:10px;padding:10px 14px;min-height:38px}.welcome{min-height:560px}.welcome-title{top:29%;font-size:17px}.welcome-enter{bottom:65px;padding:14px 20px;font-size:12px}.brand{max-width:none}.welcome-home .profile-hero{padding-top:70px}.glass-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.brand:before,.welcome-title,.welcome-enter{animation:none!important}.brand{will-change:auto}}
/* Draft 0.6 — exact chrome asset and staged liquid opening. */
.fx-definitions{position:absolute;pointer-events:none;overflow:hidden}.brand{isolation:isolate}.brand:after{display:none}.brand:before{animation:none!important;filter:none;background:transparent;mask:none;-webkit-mask:none;inset:-7px;border-radius:12px;backdrop-filter:blur(15px) saturate(1.25);-webkit-backdrop-filter:blur(15px) saturate(1.25);opacity:0;transition:opacity .25s;z-index:0}.brand.logo-docked:before{opacity:1;background:#a8d5ff05}.brand-logo{opacity:1!important;position:absolute;left:-50%;top:-50%;width:200%!important;height:200%!important;max-width:none;object-fit:contain;filter:none;z-index:1;pointer-events:none}.welcome-title{top:50%!important;transform:translateY(-50%);animation:none!important;font-size:clamp(20px,3vw,40px);white-space:nowrap}.welcome-enter{animation:none!important}.intro-running{overflow:hidden!important;height:100vh;height:100svh}.intro-running header nav{visibility:hidden;pointer-events:none}.intro-running .welcome-enter{visibility:hidden;pointer-events:none}.intro-hold .brand,.intro-dissolve .brand{visibility:hidden;pointer-events:none}.intro-hold .welcome-title{opacity:1;filter:none}.intro-dissolve .welcome-title{animation:welcome-liquid-out 2s linear forwards!important}.intro-reform .welcome-title,.intro-ready .welcome-title{visibility:hidden}.intro-reform .brand{visibility:visible;pointer-events:none;filter:url('#liquid-reform');animation:logo-liquid-settle 1.6s cubic-bezier(.16,.65,.3,1) both}.intro-ready .brand{visibility:visible;filter:none;animation:none}.intro-ready .welcome-enter{visibility:visible}.intro-ready .brand-logo{filter:none;transform:none}.welcome-home.intro-ready .welcome{background:radial-gradient(ellipse at 50% 48%,#a3d5ff0a,transparent 55%)}
@keyframes welcome-liquid-out{0%{opacity:1;filter:url('#liquid-dissolve') blur(0);transform:translateY(-50%) scale(1)}35%{opacity:.9;filter:url('#liquid-dissolve') blur(5px);transform:translateY(-50%) scale(1.05,.94)}70%{opacity:.45;filter:url('#liquid-dissolve') blur(15px);transform:translateY(-50%) scale(1.16,.8)}100%{opacity:0;filter:url('#liquid-dissolve') blur(28px);transform:translateY(-50%) scale(1.28,.65)}}
@keyframes logo-liquid-settle{0%{transform:scale(.8,1.3) skewX(-13deg)}25%{transform:scale(1.09,.85) skewX(9deg)}60%{transform:scale(.98,1.03) skewX(-2deg)}100%{transform:scale(1) skewX(0)}}
@media(prefers-reduced-motion:reduce){.intro-dissolve .welcome-title{animation:welcome-accessible-out 2s linear forwards!important}.intro-reform .brand{filter:none;animation:none!important}@keyframes welcome-accessible-out{from{opacity:1}to{opacity:0}}}
.intro-running{position:fixed;inset:0;width:100%}
html,body{overflow-anchor:none}
/* Draft 0.7 — restrained blur transitions and seamless portrait. */
.brand:before{inset:-38px -45px;background:none!important;border:0;border-radius:0;mask:radial-gradient(ellipse at center,#000 8%,#000b 28%,#0005 47%,transparent 73%);-webkit-mask:radial-gradient(ellipse at center,#000 8%,#000b 28%,#0005 47%,transparent 73%);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1)}
@property --outline-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.brand:after{content:'';display:block;position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.9;background:conic-gradient(from var(--outline-angle) at 50% 50%,transparent 0deg 245deg,#b7ecff 265deg,#fff 278deg,#fff 284deg,#92ceff 296deg,transparent 320deg);mask:url('assets/logo-outline-2k.png') center/200% auto no-repeat;-webkit-mask:url('assets/logo-outline-2k.png') center/200% auto no-repeat;filter:drop-shadow(0 0 2px #d4f3ff);animation:outline-track 5s linear infinite}.brand.logo-docked:after{opacity:0;animation:none}.brand-logo{image-rendering:auto}.intro-hold .welcome-title{animation:welcome-blur-in .8s ease-out both!important}.intro-dissolve .welcome-title{animation:welcome-blur-out 2s ease-in-out both!important}.intro-reform .brand{animation:logo-blur-in 1.6s ease-out both!important;filter:none}.intro-ready .brand{transform:none;filter:none}.intro-reform .brand:after{animation:outline-track 5s linear infinite}.welcome-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.welcome-ambient svg{position:absolute;width:115%;height:115%;left:-7%;top:-7%;opacity:.16;filter:blur(.8px);animation:ambient-drift 26s ease-in-out infinite alternate}.ambient-glow{position:absolute;inset:10% 5%;background:radial-gradient(ellipse at 78% 28%,#6583d12b,transparent 40%),radial-gradient(ellipse at 13% 75%,#4eb6d71c,transparent 40%);filter:blur(35px);animation:ambient-drift 22s ease-in-out infinite alternate-reverse}.intro-hold .welcome-ambient,.intro-dissolve .welcome-ambient{opacity:.5}.welcome-enter{z-index:4}
@keyframes outline-track{to{--outline-angle:360deg}}@keyframes welcome-blur-in{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}@keyframes welcome-blur-out{from{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(22px)}}@keyframes logo-blur-in{from{opacity:0;filter:blur(24px);transform:none}to{opacity:1;filter:blur(0);transform:none}}@keyframes ambient-drift{from{transform:translate(-1%,-1%) rotate(-4deg) scale(1)}to{transform:translate(2%,2%) rotate(3deg) scale(1.05)}}
.profile-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;overflow:hidden;padding:110px 6% 95px;background:#081b30;border-top:0!important}.profile-hero .hero-copy{display:block;position:relative;z-index:3;width:52%;max-width:780px}.profile-hero h1{font-size:clamp(62px,7vw,118px)}.hero-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-2;pointer-events:none;align-self:auto}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center center;border:0;border-radius:0;box-shadow:none;mask:none}.hero-portrait span,.portrait-caption{display:none}.profile-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091a30a8 0%,#0a1d3560 40%,transparent 69%),linear-gradient(0deg,#102c48 0%,transparent 18%,transparent 85%,#102842bb);z-index:-1;pointer-events:none}.hero-bio>p{font-size:15px;color:#d0deed;text-shadow:0 1px 7px #07182a}.profile-hero .hero-roles{color:#e1eaf5}.profile-hero .eyebrow{color:#d4e3f2}.reveal-glass{opacity:0;filter:blur(14px);transform:translateY(26px) scale(.985);transition:opacity 1.25s ease,filter 1.4s ease,transform 1.5s cubic-bezier(.17,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal-glass.is-revealed{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.hero-portrait.reveal-glass{transform:scale(1.04);transition-duration:1.7s,1.7s,2s}.hero-portrait.reveal-glass.is-revealed{transform:scale(1)}.closing h2.reveal-glass{transform:translateY(12px) scale(.92);filter:blur(18px);transition-duration:2s,2.2s,3.2s}.closing h2.reveal-glass.is-revealed{transform:translateY(0) scale(1);filter:blur(0)}.category-card .round-arrow .glass-icon{width:29px;height:29px}.chat-icon{width:27px;height:27px}.hero-portrait img{max-width:none}
@media(min-width:1500px){.profile-hero{padding-top:110px;padding-bottom:110px}.profile-hero .hero-copy{width:49%}}@media(max-width:700px){.profile-hero{display:block;padding:450px 6% 75px;min-height:1100px}.profile-hero .hero-copy{display:block;width:100%;max-width:none}.profile-hero h1{font-size:16vw;margin:15px 0 25px}.profile-hero .hero-roles{margin-bottom:24px}.hero-bio{margin-bottom:25px}.hero-bio h2{font-size:25px}.hero-bio>p{font-size:15px;line-height:1.8}.hero-portrait{height:680px;inset:0 0 auto;width:100%;max-width:none}.hero-portrait img{height:100%;object-fit:cover;object-position:80% center;mask:linear-gradient(#000 0%,#000 60%,transparent 100%);-webkit-mask:linear-gradient(#000 0%,#000 60%,transparent 100%)}.profile-hero:before{background:linear-gradient(0deg,#102c48 0%,#102c48 38%,#0c223b55 58%,transparent 80%);z-index:-1}.welcome-ambient svg{opacity:.12;width:160%;left:-30%}.profile-hero .hero-bio>p{margin-bottom:25px}.profile-hero .glass-button{display:inline-flex}.category-art img{object-position:50% 25%}}
@media(prefers-reduced-motion:reduce){.welcome-ambient svg,.ambient-glow,.brand:after{animation:none!important}.intro-hold .welcome-title,.intro-dissolve .welcome-title,.intro-reform .brand{animation:none!important;filter:none!important}.intro-dissolve .welcome-title{visibility:hidden}.reveal-glass,.reveal-glass.is-revealed,.hero-portrait.reveal-glass,.closing h2.reveal-glass{opacity:1;filter:none;transform:none;transition:none}}
@media(max-width:700px){.welcome-home .profile-hero{padding:520px 6% 75px}.profile-hero .hero-copy{position:relative}.hero-portrait img{object-position:80% center}.profile-hero:before{background:linear-gradient(0deg,#102c48 0%,#102c48 45%,#102c48aa 57%,transparent 82%)}}
/* Draft 0.8 — continuous glass entrance, depth motion, and full-width frost. */
body{background-attachment:fixed}.welcome,.welcome-home.intro-ready .welcome{background:#07132c}.welcome:before{opacity:.3}.welcome-ambient{z-index:0;perspective:1400px;opacity:1;transition:opacity 2.8s ease,filter 2.8s ease}.welcome-title{z-index:2}.glass-depth-scene{position:absolute;inset:-8%;transform-style:preserve-3d;animation:glass-camera-orbit 22s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}.glass-depth-image{width:100%;height:100%;object-fit:cover;display:block;opacity:.63;filter:saturate(1.15);mask:radial-gradient(ellipse at 50% 48%,#000b 0%,#000 56%,transparent 88%);-webkit-mask:radial-gradient(ellipse at 50% 48%,#000b 0%,#000 56%,transparent 88%)}.glass-depth-scene:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#07152d99 0%,#07152d28 45%,#020819a0 90%),linear-gradient(0deg,#07132c 0%,transparent 30%,transparent 75%,#06132f88);pointer-events:none}.glass-depth-light{position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 35%,#b9e8ff18 45%,#ebc2ff16 50%,transparent 58%);mix-blend-mode:screen;transform:translateZ(65px);animation:glass-light-travel 16s ease-in-out infinite alternate}.ambient-glow{z-index:1;opacity:.5}.intro-hold .welcome-ambient{opacity:.08;filter:blur(12px)}.intro-dissolve .welcome-ambient{opacity:.22;filter:blur(7px)}.intro-reform .welcome-ambient,.intro-ready .welcome-ambient{opacity:1;filter:blur(0)}
@keyframes glass-camera-orbit{0%{transform:translate3d(-1.5%,-1%,0) rotateX(3deg) rotateY(-5deg) rotateZ(-2deg) scale(1.04)}50%{transform:translate3d(1%,1%,20px) rotateX(-2deg) rotateY(1deg) rotateZ(0deg) scale(1.08)}100%{transform:translate3d(2%,0,45px) rotateX(-3deg) rotateY(5deg) rotateZ(2deg) scale(1.1)}}@keyframes glass-light-travel{from{translate:-12% 0;opacity:.3}to{translate:12% 3%;opacity:.8}}
header nav{transition:opacity 1.6s ease,filter 1.8s ease,transform 1.8s cubic-bezier(.18,.65,.3,1),width .4s ease;background:linear-gradient(145deg,#d5eeff25,#a5ceff0d)}.welcome-enter{transition:opacity 1.6s ease,filter 1.8s ease,transform 1.8s cubic-bezier(.18,.65,.3,1);animation:none!important}.intro-running header nav,.intro-running .welcome-enter{visibility:visible!important}.intro-hold header nav,.intro-dissolve header nav{opacity:0;filter:blur(16px);transform:translateY(-10px);pointer-events:none}.intro-hold .welcome-enter,.intro-dissolve .welcome-enter{opacity:0;filter:blur(16px);transform:translateY(12px);pointer-events:none}.intro-reform header nav,.intro-ready header nav{opacity:1;filter:blur(0);transform:translateY(0)}.intro-reform header nav{transition-delay:.65s;pointer-events:none}.intro-reform .welcome-enter,.intro-ready .welcome-enter{opacity:1;filter:blur(0);transform:translateY(0)}.intro-reform .welcome-enter{transition-delay:.9s;pointer-events:none}.intro-ready header nav,.intro-ready .welcome-enter{transition-delay:0s;pointer-events:auto}.intro-reform .brand{animation:logo-soft-arrive 1.6s cubic-bezier(.2,.6,.3,1) both!important}.intro-ready .brand{filter:none;opacity:1}.intro-reform .brand:after{animation:outline-track 5s linear infinite}
@keyframes logo-soft-arrive{from{opacity:0;filter:blur(15px);transform:translateY(8px) scale(.97)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
.top-frost{position:fixed;inset:0 0 auto;width:100%;height:145px;z-index:35;pointer-events:none;opacity:var(--header-frost,0);background:linear-gradient(180deg,#030912d9 0%,#050e1f9e 35%,#08172e50 65%,transparent 100%);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);mask:linear-gradient(#000 0%,#000 25%,#000c 50%,#0006 75%,transparent 100%);-webkit-mask:linear-gradient(#000 0%,#000 25%,#000c 50%,#0006 75%,transparent 100%);transition:opacity .2s linear}.brand:before,.brand.logo-docked:before{opacity:0!important;backdrop-filter:none;-webkit-backdrop-filter:none;background:none!important}.brand:after{transition:opacity .7s ease}
.category-card{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.65,.25,1),box-shadow .6s ease,border-color .6s ease,background .6s ease;outline:1px solid transparent;outline-offset:-2px}.category-card:before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,25%),#e8f8ff38,transparent 56%),linear-gradient(140deg,#fff2,transparent 30%,transparent 70%,#8acaff12);opacity:0;transition:opacity .65s ease;box-shadow:inset 2px 2px 3px #fff8,inset -3px -4px 10px #8ecaff30}.category-card:focus-visible{outline:2px solid #e0f3ff;outline-offset:3px}.category-card:hover,.category-card:focus-visible{transform:perspective(1000px) translateY(-9px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.02);border-color:#d8f0ffcc;background:linear-gradient(135deg,#d8eeff38,#87b6e428 50%,#cfebff28);box-shadow:inset 2px 3px 3px #f4fcffbb,inset -3px -5px 9px #7eafe844,0 18px 32px #010c2c66,0 2px 0 #d8f0ff66,0 0 25px #afd9ff18;outline-color:#d9efff70;backdrop-filter:blur(24px) saturate(1.3)}.category-card:hover:before,.category-card:focus-visible:before{opacity:1}.category-card:hover>.round-arrow,.category-card:focus-visible>.round-arrow{background:linear-gradient(140deg,#effaff99,#87b6dc44);box-shadow:inset 2px 2px 2px #fff,inset -2px -3px 5px #76a4ce80,0 7px 16px #03173066;transform:scale(1.08)}.category-card>.round-arrow{transition:transform .6s ease,background .6s ease,box-shadow .6s ease}
@media(max-width:700px){.glass-depth-scene{inset:-2% -55%;animation-duration:28s}.glass-depth-image{opacity:.5;object-position:center}.top-frost{height:120px}.category-card:hover{transform:translateY(-3px) scale(1.005)}}@media(prefers-reduced-motion:reduce){.glass-depth-scene,.glass-depth-light,.ambient-glow{animation:none!important;transform:none}.intro-reform .brand{animation:none!important;filter:none;opacity:1}.welcome-ambient,header nav,.welcome-enter,.category-card,.category-card:before,.top-frost{transition:none!important}.category-card:hover,.category-card:focus-visible{transform:none}}
header{z-index:60}
/* Draft 0.9 — stronger spectral outline and expanding inquiry shell. */
.brand:after{mask-image:url('assets/logo-outline-bold-2k.png');-webkit-mask-image:url('assets/logo-outline-bold-2k.png');background:conic-gradient(from var(--outline-angle) at 50% 50%,transparent 0deg 185deg,#6585ff 205deg,#e77eff 229deg,#69ddff 255deg,#fff 275deg,#fff1b3 291deg,#8a96ff 310deg,transparent 335deg);opacity:1;filter:brightness(1.45) saturate(1.7) drop-shadow(0 0 3px #a9ebff) drop-shadow(0 0 8px #718eff) drop-shadow(0 0 15px #b287ffcc);animation:outline-track 3.8s linear infinite}.brand.logo-docked:after{opacity:0;animation:none}.intro-reform .brand:after{animation:outline-track 3.8s linear infinite}header nav{top:25px}@media(max-width:700px){header nav{top:24px}}
.inquiry-trigger{color:inherit;font-family:Arial,Helvetica,sans-serif}.inquiry-origin-hidden{visibility:hidden!important}.inquiry-dialog{position:fixed;inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(540px,92vw);max-width:92vw;max-height:90vh;max-height:90dvh;padding:32px;border:1px solid #dceeff55;border-radius:32px;color:var(--paper);background:linear-gradient(135deg,#28415bc9,#14283dcd);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 1px 1px 1px #f4fbff66,inset -1px -1px 1px #b4d8f52b,0 30px 90px #0007;overflow:auto;overscroll-behavior:contain;transform-origin:center;will-change:transform;font:14px Arial,Helvetica,sans-serif}.inquiry-dialog::backdrop{background:#020914a3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:inquiry-backdrop-in 400ms ease both}.inquiry-dialog.is-closing::backdrop{animation:inquiry-backdrop-out 400ms ease both}.inquiry-heading{position:static;height:auto!important;display:block;padding:0 30px 0 0;z-index:auto}.inquiry-heading h2{font-weight:400;font-size:29px;line-height:1.14;letter-spacing:-.9px;margin:0 0 12px}.inquiry-heading p{font-size:14px;line-height:1.5;color:#bfd0e2;margin:0 0 24px}.inquiry-close{position:absolute;right:18px;top:15px;width:34px;height:34px;display:grid;place-items:center;background:#d8ebff0d;border:1px solid #d8ebff30;border-radius:50%;color:#e9f5ff;font-size:25px;line-height:1;padding:0;z-index:3}.inquiry-close:hover{background:#d8ebff25}.inquiry-content{opacity:0;transition:opacity 150ms ease}.content-visible .inquiry-content{opacity:1}.inquiry-field{margin-bottom:16px}.inquiry-field label{display:block;font-size:12px;line-height:1.4;margin:0 0 7px;color:#e6f0fc}.inquiry-field label span{color:#a6bfd8}.inquiry-field input,.inquiry-field textarea{display:block;width:100%;padding:12px 13px;background:#d7eaff08;border:1px solid #d4e8ff35;border-radius:12px;color:#f1f7ff;font:16px/1.4 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 3px #071b301a}.inquiry-field textarea{resize:vertical;min-height:90px;max-height:220px}.inquiry-field input:focus,.inquiry-field textarea:focus{outline:2px solid #9cc9ee99;outline-offset:2px;border-color:#a5d2f680}.inquiry-handoff{color:#b0c4d9;font-size:11px;line-height:1.5;margin:5px 0 16px}.inquiry-send{color:inherit;font:14px Arial,Helvetica,sans-serif;width:100%;justify-content:center;padding:13px 20px;min-height:48px}.inquiry-send span{font-weight:800;font-size:22px}.inquiry-status{font-size:12px;line-height:1.6;color:#c4d9ee;margin:12px 0 0}.inquiry-status:empty{display:none}.inquiry-status a{display:inline-block;margin-top:8px;border-bottom:1px solid #b4d8f5aa}.inquiry-dialog .inquiry-heading,.inquiry-dialog .inquiry-field,.inquiry-dialog .inquiry-handoff,.inquiry-dialog .inquiry-send{opacity:0;transform:translateY(10px);transition:opacity 300ms ease,transform 350ms ease}.content-visible .inquiry-heading,.content-visible .inquiry-field,.content-visible .inquiry-handoff,.content-visible .inquiry-send{opacity:1;transform:translateY(0)}.content-visible .inquiry-field:nth-child(1){transition-delay:50ms}.content-visible .inquiry-field:nth-child(2){transition-delay:100ms}.content-visible .inquiry-field:nth-child(3){transition-delay:150ms}.content-visible .inquiry-field:nth-child(4){transition-delay:200ms}.content-visible .inquiry-handoff,.content-visible .inquiry-send{transition-delay:250ms}.is-closing .inquiry-content{opacity:0;transition-duration:90ms}.inquiry-dialog:focus-visible{outline:none}
@keyframes inquiry-backdrop-in{from{background:#02091400;backdrop-filter:blur(0)}to{background:#020914a3;backdrop-filter:blur(14px)}}@keyframes inquiry-backdrop-out{from{background:#020914a3;backdrop-filter:blur(14px)}to{background:#02091400;backdrop-filter:blur(0)}}
@media(max-width:600px){.inquiry-dialog{padding:27px 22px 23px;max-height:90dvh}.inquiry-heading h2{font-size:25px}.inquiry-heading p{font-size:13px;margin-bottom:20px}.inquiry-field{margin-bottom:13px}.inquiry-field input,.inquiry-field textarea{padding:10px 12px}.inquiry-dialog{top:50dvh}.inquiry-close{top:13px;right:13px}}
@media(prefers-reduced-motion:reduce){.inquiry-dialog,.inquiry-dialog::backdrop,.inquiry-dialog *{animation:none!important;transition:none!important}.brand:after{animation:none!important}}
.brand:after{display:none!important}.logo-glow{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:1;filter:drop-shadow(0 0 3px #a8f4ff) drop-shadow(0 0 8px #6385ffe6) drop-shadow(0 0 14px #a876ffe6);transition:opacity .7s ease}.logo-glow>span{position:absolute;inset:0;background:conic-gradient(from var(--outline-angle) at 50% 50%,transparent 0deg 150deg,#6387ff 175deg,#c876ff 205deg,#78ecff 240deg,#fff 268deg,#fff0b2 289deg,#e880ff 310deg,transparent 340deg);mask:url('assets/logo-outline-bold-2k.png') center/200% auto no-repeat;-webkit-mask:url('assets/logo-outline-bold-2k.png') center/200% auto no-repeat;animation:outline-track 3.8s linear infinite;filter:brightness(1.5) saturate(1.8)}.brand.logo-docked .logo-glow{opacity:0}.brand.logo-docked .logo-glow>span{animation-play-state:paused}.inquiry-dialog .inquiry-heading{display:block;position:relative;height:auto;inset:auto;width:auto;padding:0 25px 0 0;margin:0;z-index:auto}.inquiry-dialog .inquiry-heading h2{margin-top:0}@media(prefers-reduced-motion:reduce){.logo-glow>span{animation:none}}

/* Draft 0.10 — quiet full-contour light, continuous scene, slower glass expansion. */
.logo-glow{filter:drop-shadow(0 0 5px #c6dceaaa) drop-shadow(0 0 14px #b4c9e277) drop-shadow(0 0 26px #c6c0dc55);opacity:.85}
.logo-glow>span{background:conic-gradient(from var(--outline-angle),#c6dbe9,#f0f5f7 18%,#c7cbdc 36%,#b8d6e1 55%,#edf3f6 75%,#c6dbe9);mask-image:url('assets/logo-outline-fine-2k.png');-webkit-mask-image:url('assets/logo-outline-fine-2k.png');animation:outline-track 12s linear infinite;filter:none}
.welcome,.welcome-home.intro-ready .welcome{background:#081b30}.welcome:after{content:'';position:absolute;z-index:3;inset:auto 0 -1px;height:220px;pointer-events:none;background:linear-gradient(transparent,#081b30)}
.glass-depth-scene:after{background:radial-gradient(ellipse at 50% 47%,#07152d99 0%,#07152d28 45%,#020819a0 90%),linear-gradient(0deg,#081b30,transparent 38%,transparent 75%,#06132f88)}
.welcome-home .profile-hero{border:0!important;background:#081b30}.profile-hero .hero-portrait{mask-image:linear-gradient(transparent,#000 18%);-webkit-mask-image:linear-gradient(transparent,#000 18%)}
.profile-hero:before{background:linear-gradient(90deg,#091a30a8, #0a1d3560 40%,transparent 69%),linear-gradient(0deg,#102c48,transparent 18%,transparent 82%,#081b30)}
#links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:46px} .menu-glass-icon{width:25px;height:25px;flex-shrink:0;opacity:0;filter:blur(6px) drop-shadow(0 2px 2px #03112299);transform:translateX(-6px) scale(.8);transition:opacity .55s ease,filter .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
#links a:hover .menu-glass-icon,#links a:focus-visible .menu-glass-icon{opacity:1;filter:blur(0) drop-shadow(0 1px 1px #fff8) drop-shadow(0 3px 3px #03112299);transform:translateX(0) scale(1)}
.inquiry-dialog{will-change:transform,filter}.inquiry-dialog::backdrop{animation-duration:1100ms}.inquiry-dialog.is-closing::backdrop{animation-duration:1000ms}
.inquiry-content{filter:blur(12px);transition:opacity .65s ease,filter .8s ease}.content-visible .inquiry-content{filter:blur(0)}
.inquiry-dialog .inquiry-heading,.inquiry-dialog .inquiry-field,.inquiry-dialog .inquiry-handoff,.inquiry-dialog .inquiry-send{transition-duration:.65s,.8s}
.is-closing .inquiry-content{opacity:0;filter:blur(14px);transition-duration:.5s,.65s}
@media(max-width:700px){.welcome:after{height:160px}.profile-hero:before{background:linear-gradient(0deg,#102c48 0%,#102c48 38%,#0c223b55 58%,transparent 80%,#081b30 100%)}}
@media(hover:none){.menu-glass-icon{opacity:1;filter:drop-shadow(0 2px 2px #03112299);transform:none}}
@media(prefers-reduced-motion:reduce){.menu-glass-icon{transition:none}.inquiry-content{filter:none}.logo-glow>span{animation:none}}
.logo-glow{inset:-50%;filter:drop-shadow(0 0 7px #c6dceab0) drop-shadow(0 0 18px #b4c9e280) drop-shadow(0 0 32px #c6c0dc55)}.logo-glow>span{mask-size:100% auto;-webkit-mask-size:100% auto}

/* Draft 0.11: actual contour tracing, original portrait, restored snappy form. */
.logo-tracking{position:absolute;inset:-50%;width:200%;height:200%;max-width:none;z-index:5;overflow:visible;pointer-events:none;transition:opacity .6s ease}
.logo-tracking path{fill:none;stroke-linecap:round;stroke-linejoin:round}.contour-base{stroke:#d7e8f1;stroke-width:1.6;opacity:.32}.contour-runner{stroke:#e0f2ff;stroke-width:3;stroke-dasharray:240 760;animation:contour-travel 6s linear infinite;filter:drop-shadow(0 0 3px #c2dcff)}.contour-halo{stroke:#bdccec;stroke-width:18;stroke-dasharray:240 760;filter:url('#contour-halo');opacity:.85;animation:contour-travel 6s linear infinite}
@keyframes contour-travel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.brand.logo-docked .logo-tracking{opacity:0}.brand.logo-docked .logo-tracking path{animation-play-state:paused}
.profile-hero .hero-portrait{background:linear-gradient(90deg,#081b30,#0b2037)}
.profile-hero .hero-portrait:before{content:'';position:absolute;inset:0;background:url('assets/ary-noor-hero-wide.webp') left center/cover no-repeat;mask:linear-gradient(90deg,#000 0%,#000 38%,transparent 57%);-webkit-mask:linear-gradient(90deg,#000 0%,#000 38%,transparent 57%)}
.profile-hero .hero-portrait img{position:absolute;right:0;top:0;width:49%;height:100%;object-fit:cover;object-position:center 27%;mask:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}
.inquiry-dialog::backdrop,.inquiry-dialog.is-closing::backdrop{animation-duration:400ms}.inquiry-content{filter:none;transition:opacity 150ms ease}.inquiry-dialog .inquiry-heading,.inquiry-dialog .inquiry-field,.inquiry-dialog .inquiry-handoff,.inquiry-dialog .inquiry-send{transition-duration:300ms,350ms}.is-closing .inquiry-content{filter:none;transition-duration:90ms}
@media(max-width:700px){.profile-hero .hero-portrait img{width:100%;object-fit:cover;object-position:center 25%;mask:linear-gradient(#000 0%,#000 68%,transparent);-webkit-mask:linear-gradient(#000 0%,#000 68%,transparent)}.profile-hero .hero-portrait:before{display:none}}
@media(prefers-reduced-motion:reduce){.logo-tracking path{animation:none}.contour-runner,.contour-halo{stroke-dasharray:none}}
.profile-hero .hero-portrait img{object-position:center;mask:url('assets/portrait-subject-mask.svg') center/cover no-repeat;-webkit-mask:url('assets/portrait-subject-mask.svg') center/cover no-repeat}
@media(max-width:700px){.profile-hero .hero-portrait img{object-position:center;mask:url('assets/portrait-subject-mask.svg') center/cover no-repeat;-webkit-mask:url('assets/portrait-subject-mask.svg') center/cover no-repeat}}
.profile-hero .hero-portrait img{mask:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent)}
@media(max-width:700px){.profile-hero .hero-portrait img{mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}}

/* Draft 0.12 — centered control and soft, intermittent contour highlights. */
#menu{display:flex;align-items:center;justify-content:space-between;height:44px;min-height:44px;padding:0 14px;line-height:1}#menu>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;line-height:0;margin:0}#menu>span>.glass-icon{width:22px;height:22px;display:block;margin:0}
.contour-breath{animation:contour-breathe var(--glow-duration) ease-in-out infinite;animation-delay:var(--glow-delay)}
.contour-runner,.contour-halo{stroke-dasharray:32 968;animation:contour-drift var(--glow-duration) infinite;animation-delay:var(--glow-delay);stroke-linecap:round}
.contour-runner{stroke:#dcecf6;stroke-width:2.6;filter:drop-shadow(0 0 4px #c4d9f2)}.contour-halo{stroke:#c2d3ec;stroke-width:15;filter:url('#contour-halo')}.contour-base{opacity:.18}
@keyframes contour-drift{0%{stroke-dashoffset:calc(1000px + var(--trail-shift));animation-timing-function:cubic-bezier(.45,0,.6,1)}35%{stroke-dashoffset:calc(790px + var(--trail-shift));animation-timing-function:cubic-bezier(.2,.1,.45,1)}70%{stroke-dashoffset:calc(180px + var(--trail-shift));animation-timing-function:cubic-bezier(.45,0,.55,1)}100%{stroke-dashoffset:var(--trail-shift)}}
@keyframes contour-breathe{0%,8%{opacity:0}23%{opacity:.85}48%{opacity:.7}64%{opacity:1}83%,100%{opacity:0}}
@media(max-width:700px){#menu{height:40px;min-height:40px;padding:0 12px}}
@media(prefers-reduced-motion:reduce){.contour-breath,.contour-runner,.contour-halo{animation:none!important}.contour-breath{opacity:.45}.contour-runner,.contour-halo{stroke-dasharray:none}}
.profile-hero .hero-portrait img{object-position:center;mask:url('assets/portrait-cutout-matte-v12.png') center/cover no-repeat;-webkit-mask:url('assets/portrait-cutout-matte-v12.png') center/cover no-repeat}
@media(max-width:700px){.profile-hero .hero-portrait img{mask:url('assets/portrait-cutout-matte-v12.png') center/cover no-repeat;-webkit-mask:url('assets/portrait-cutout-matte-v12.png') center/cover no-repeat}}

/* Draft 0.13: exactly two continuous contour highlights, upper and lower. */
.highlight-line{fill:none;stroke:#e2edf7;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:url('#two-line-glow')}
.highlight-window{animation:two-highlight-drift var(--glow-duration) infinite;animation-delay:var(--glow-delay);transform-box:view-box;transform-origin:0 0}
@keyframes two-highlight-drift{0%{transform:translateX(0);animation-timing-function:cubic-bezier(.45,0,.6,1)}35%{transform:translateX(390px);animation-timing-function:cubic-bezier(.2,.1,.45,1)}70%{transform:translateX(1520px);animation-timing-function:cubic-bezier(.45,0,.55,1)}100%{transform:translateX(1850px)}}
@media(prefers-reduced-motion:reduce){.highlight-window{animation:none;transform:translateX(700px)}}
.role-tabs{position:relative;isolation:isolate}.role-tabs a{position:relative;z-index:1;background:transparent!important;color:var(--paper)!important}.role-glass{position:absolute;left:0;top:0;pointer-events:none;border-radius:999px;background:linear-gradient(145deg,#e7f6ff55,#a9d6fa18 50%,#bde4ff40);border:1px solid #e2f5ff85;box-shadow:inset 0 2px 3px #fff7,inset 0 -4px 10px #a9d9ff25,0 7px 22px #020d2240;backdrop-filter:blur(18px) saturate(1.6)}.glass-ready .role-glass{transition:transform .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),height .4s}.bts-hero{min-height:clamp(320px,60vh,680px)}.bts-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-2}.bts-hero:after{background:linear-gradient(0deg,#0b2039,transparent 45%),linear-gradient(90deg,#06142650,transparent)}.bts-placeholder{position:absolute;bottom:24px;left:6%;font-size:12px;color:#d5e8f5b0}.bts-frame:not(:first-child){animation:bts-cycle calc(var(--frames)*6s) infinite;animation-delay:calc(var(--frame)*6s);opacity:0}@keyframes bts-cycle{0%,100%{opacity:0}8%,30%{opacity:1}40%{opacity:0}}@media(prefers-reduced-motion:reduce){.glass-ready .role-glass{transition:none}.bts-frame{animation:none!important}}
.catalog .bts-hero{min-height:clamp(320px,60vh,680px)}.catalog .bts-hero:after{background:linear-gradient(0deg,#0b2039,transparent 45%),linear-gradient(90deg,#06142650,transparent)}