.portfolio-index [data-portfolio-stage][hidden]{display:none!important}.portfolio-index,.portfolio-index [data-music-toggle]:after,.portfolio-index .character-audio-panel strong{font-family:Cormorant Garamond,Georgia,serif}.portfolio-intro{isolation:isolate;color:#090909;background:#f5f5f2;min-height:100svh;font:400 clamp(16px,1.05vw,22px)/1.12 Cormorant Garamond,Georgia,serif;position:relative;overflow:hidden}.intro-background{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-brand{width:10.5%;position:absolute;top:3.5%;left:3.5%}.intro-brand img{filter:brightness(0)saturate()invert(12%)sepia(76%)saturate(3531%)hue-rotate(336deg)brightness(78%)contrast(112%);width:100%}.intro-audio{z-index:3;align-items:center;gap:13px;font-size:16px;display:flex;position:absolute;top:3.5%;right:3.4%}.intro-audio button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.intro-audio [data-music-toggle]{font-size:0}.intro-audio [data-music-toggle]:after{content:"Off";font-size:16px}.intro-audio [data-music-toggle][aria-pressed=true]:after{content:"On"}.intro-audio>img{object-fit:contain;filter:brightness(0);width:18px;height:20px}.intro-audio [data-intro-settings-trigger]{font-size:28px}.intro-settings{background:#f8f4ea;border:1px solid #a79a82;width:220px;padding:20px;position:absolute;top:38px;right:0;box-shadow:0 8px 25px #0002}.intro-settings button{margin-top:15px;display:block}.intro-content{width:38.5%;margin-left:38.3%;padding-top:9.5svh;position:relative}.intro-kicker{margin:0 0 4px;font-size:clamp(15px,1.05vw,21px)}.intro-content h1{width:max-content;max-width:160%;margin:0;font:600 clamp(32px,3.15vw,64px)/1 Cormorant SC,Georgia,serif}.intro-content h1:focus{outline:none}.intro-subtitle{color:#960505;margin:8px 0 30px;font-size:clamp(26px,2.05vw,42px);font-weight:600}.intro-story p{margin:0 0 22px}.intro-rule{color:#b3292c;align-items:center;gap:12px;display:flex}.intro-rule:before,.intro-rule:after{content:"";background:linear-gradient(90deg,#0000,#222);flex:1;height:1px}.intro-rule:after{transform:rotate(180deg)}.intro-disciplines{text-align:center;margin:12px 0 0;font-style:italic}.intro-portrait{aspect-ratio:386/578;width:min(20%,40.7svh);position:absolute;top:8%;right:2.6%}.intro-scroll-paper{object-fit:fill;width:100%;height:100%}.intro-scroll-roller{width:100%;height:8%;position:absolute;top:92%;left:0;overflow:hidden}.intro-scroll-roller img{width:100%;max-width:none;position:absolute;bottom:0}.intro-tools img{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}@media (hover:hover){.intro-tools li:hover img{filter:drop-shadow(0 12px 7px #46301d30);transform:translateY(-9px)rotate(-1.5deg)scale(1.035)}}.intro-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:3%;right:3.4%}.intro-arrow{white-space:nowrap;justify-content:flex-end;align-items:center;width:clamp(260px,23vw,470px);height:clamp(50px,7svh,72px);padding-right:10%;font:600 clamp(24px,2.05vw,40px)/1 Cormorant SC,Georgia,serif;transition:transform .2s;display:flex;position:relative}.intro-arrow svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.intro-arrow path{fill:none;stroke:currentColor;stroke-width:3px}.intro-arrow:hover{color:#960505;transform:translate(5px)}.intro-skip{width:clamp(155px,13vw,260px)}.intro-back{font-size:16px}.portfolio-intro-bekal .intro-content{--bekal-content-width:54vw;width:54%;padding-bottom:150px;font-size:clamp(14px,min(1.02vw,2.1svh),20px)}.portfolio-intro-bekal .intro-content h1{font-size:clamp(30px,min(2.9vw,6.1svh),58px)}.portfolio-intro-bekal .intro-subtitle{margin:7px 0 clamp(14px,2svh,22px);font-size:clamp(23px,min(1.85vw,3.9svh),37px)}.portfolio-intro-bekal .intro-kicker{align-items:center;gap:16px;display:flex}.portfolio-intro-bekal .intro-kicker:after{content:"";background:linear-gradient(90deg,#222,#2220);width:min(25vw,480px);height:1px}.intro-facts{grid-template-columns:28% 1fr;gap:4%;margin-left:-3.4vw;display:grid}.intro-education{position:relative}.intro-label{color:#fff;align-items:center;width:260px;height:64px;margin:0;font:600 clamp(16px,1.15vw,24px)/1 Cormorant Garamond,Georgia,serif;display:flex;position:relative}.intro-label img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.intro-label span{padding-left:78px;position:relative}.intro-education p{margin:6px 0 0 64px}.intro-domains ul{grid-template-columns:.9fr 1.15fr 1.35fr 1.2fr;align-items:center;gap:clamp(18px,1.8vw,34px);margin:6px 0 0 64px;padding:0;font-weight:600;list-style:none;display:grid}.intro-domains li{position:relative}.intro-domains li+li:before{content:"◆";color:#b3292c;font-size:.8em;position:absolute;top:50%;left:calc(clamp(18px,1.8vw,34px)/-2);transform:translate(-50%,-50%)}.intro-tools-label{width:350px;margin:12px 0 18px -3.4vw}.intro-tools-label:after{content:"";width:calc(var(--bekal-content-width) + 3.4vw - 100% - 18px);background:linear-gradient(90deg,#222,#2220);height:1px;position:absolute;top:50%;left:calc(100% + 18px)}.intro-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5svh,16px) clamp(14px,1.2vw,24px);width:92%;max-width:940px;margin:0 0 clamp(12px,2svh,22px);padding:0;list-style:none;display:grid}.intro-tools img{width:100%}.portfolio-intro-bekal .intro-content>.intro-label:not(.intro-tools-label){width:310px;margin-left:-3.4vw}.intro-strengths{margin:8px 0 0;font-style:italic}.portfolio-intro-bekal .intro-label{width:clamp(190px,12.5vw,240px);height:clamp(40px,min(3vw,6svh),58px);font-size:clamp(15px,min(1.05vw,2.2svh),21px)}.portfolio-intro-bekal .intro-label span{padding-left:clamp(54px,3.8vw,73px)}.portfolio-intro-bekal .intro-tools-label{width:clamp(260px,17vw,326px)}.portfolio-intro-bekal .intro-content>.intro-label:not(.intro-tools-label){width:clamp(230px,15vw,288px)}.portfolio-index .character-option-copy strong,.portfolio-index .character-option.is-selected .character-option-copy strong,.portfolio-index .character-quote-scroll strong{font-family:Cormorant SC,Georgia,serif}.portfolio-index .character-option-copy small,.portfolio-index .character-signature,.portfolio-index .character-audio,.portfolio-index .character-audio-panel button,.portfolio-index .character-quote-scroll p,.portfolio-index .character-quote-scroll em{font-family:Cormorant Garamond,Georgia,serif}@media (width<=1100px){.intro-content{width:43%;margin-left:33%;padding-top:13svh}.portfolio-intro-bekal .intro-content{--bekal-content-width:63vw;width:63%}.intro-content h1{font-size:3.4vw}.intro-label{width:210px;height:52px}.intro-label span{padding-left:62px}.intro-education p,.intro-domains ul{margin-left:46px}.intro-tools-label{width:290px}.intro-tools{gap:12px}.intro-story p{margin-bottom:18px}}@media (width<=700px){.portfolio-intro{min-height:100svh;padding:110px 6vw 30px}.intro-background{object-position:32% center;opacity:.22}.intro-brand{width:120px;top:24px;left:6vw}.intro-audio{gap:8px;top:30px;right:6vw}.intro-content,.portfolio-intro-bekal .intro-content{width:100%;margin:0;padding:0}.portfolio-intro-bekal .intro-content{font-size:18px}.portfolio-intro-bekal .intro-content h1{font-size:clamp(34px,7.5vw,52px)}.portfolio-intro-bekal .intro-subtitle{font-size:28px}.portfolio-intro-bekal .intro-kicker:after{flex:1;width:auto}.intro-content h1{width:auto;max-width:100%;font-size:clamp(34px,7.5vw,52px)}.intro-subtitle{margin-bottom:24px;font-size:28px}.intro-story{font-size:20px;line-height:1.25}.intro-portrait{width:190px;max-height:none;margin:26px auto;position:relative;top:auto;right:auto}.intro-actions{margin-top:30px;position:relative;bottom:auto;right:auto}.intro-arrow{width:300px;height:55px;font-size:27px}.intro-skip{width:160px}.intro-facts{grid-template-columns:1fr;gap:20px;margin:0}.intro-education{border:0}.intro-tools-label:after{display:none}.intro-domains ul{gap:16px;margin-left:0;font-size:17px}.intro-domains li+li:before{display:none}.intro-tools-label,.portfolio-intro-bekal .intro-content>.intro-label:not(.intro-tools-label){margin-left:0}.intro-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.intro-strengths{font-size:19px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.intro-arrow,.intro-tools img{transition:none}.intro-tools li:hover img{transform:none}}