/* Page navigation and mobile refinements for VOLTAGE. */
html{scroll-padding-top:100px}body{overflow-x:clip}img{max-width:100%}.site-header{position:relative;z-index:30}.site-header nav{padding:0;gap:32px}.site-header nav a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 5px;font-size:14px;white-space:nowrap}.site-header nav a[aria-current="page"]{color:#d5ff00}.site-header nav a[aria-current="page"]:after{width:100%;background:#d5ff00}.header-edition{font-size:10px;letter-spacing:1.2px;color:#e5ffb3}.menu-toggle{display:none}.page-section{padding-top:85px}.page-section>.section-heading{margin-bottom:50px}.page-section .section-heading>p{font-size:14px;line-height:1.85}.page-section .section-index{font-size:11px}.hero-intro p,.project-description>p{font-size:14px!important;line-height:1.85}.hero-intro .small-label{font-size:10px}.hero-eyebrow{font-size:11px}.hero-edition{font-size:10px}.hero-coordinate{font-size:9px}.explore-link{font-size:13px}.explore-link small{font-size:9px}.hero-note p{font-size:12px}.home-paths{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:95px}.home-path{position:relative;display:block;min-height:430px;padding:40px;border:1px solid #caff7077;background:linear-gradient(135deg,#51039a66,#ff44a933);overflow:hidden}.home-path-career{background:linear-gradient(130deg,#04a89a3d,#3e0b8c77)}.home-path-portfolio{background:linear-gradient(130deg,#ff712d66,#6a079477)}.home-path:before{content:'✳';position:absolute;right:-35px;bottom:-90px;font-size:320px;line-height:1;color:#d5ff0015;animation:rotate 55s linear infinite}.home-path:hover:before{color:#ff94dd44}.home-path .section-index{font-size:12px;color:#d5ff00}.home-path h2{font-size:clamp(28px,3vw,48px);font-weight:600;line-height:1.45;letter-spacing:-1.5px;margin:28px 0 20px}.home-path h2 i{font-style:normal;color:#ffb1e1}.home-path p{font-size:14px;line-height:1.9;color:#f3e5ff}.path-arrow{position:absolute;right:35px;top:25px;font-size:60px;color:#d5ff00;transition:transform .4s}.home-path:hover .path-arrow{transform:translate(5px,-5px)}.path-bottom{position:relative;display:inline-flex;min-height:44px;align-items:center;font-size:13px;margin-top:25px;border-bottom:1px solid #e4ff8388}.next-page{padding-top:80px;padding-bottom:80px;margin-top:75px;border-top:1px solid #d5ff0077;background:linear-gradient(130deg,#f2479d22,#e1ff0015)}.next-page>a{display:flex;align-items:end;justify-content:space-between;gap:30px}.next-page h2{font-size:clamp(30px,4.4vw,68px);font-weight:550;line-height:1.45;letter-spacing:-2px;margin:28px 0 0}.next-page h2 i{font-style:normal;color:#ffb1e1}.next-page>a>span{display:inline-flex;align-items:center;min-height:44px;font-size:15px;border-bottom:1px solid #d5ff0077;padding-bottom:10px}.journey .section-heading .section-index{display:block}.career-period{font-size:13px}.career-period span{font-size:11px}.career-role{font-size:13px}.career-body>p{font-size:14px}.career-body li{font-size:13px;line-height:1.9}.career-body strong{font-size:14px}.career-item h3{font-size:21px}.career-item summary{min-height:100px}.journey-toolbar{font-size:11px}.journey-toolbar a{min-height:44px;font-size:13px}.career-body .pills span,.tool-cloud>span{font-size:12px}.expertise p{font-size:14px;line-height:1.85}.expertise>div>span{font-size:11px}.expertise h3{font-size:23px}.bridge .section-index{font-size:11px}.portfolio-jumps{display:flex;gap:12px;margin-bottom:45px}.portfolio-jumps a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;padding:10px 20px;border:1px solid #d5ff0077;background:#39147e44}.portfolio-jumps a:hover{background:#d5ff00;color:#35135b}.project-meta{font-size:11px;line-height:1.7}.project-meta>span:first-child{font-size:10px}.project-caption>div>p{font-size:13px}.project-caption h3 button{min-height:44px}.project-view{font-size:13px;min-height:44px}.pills span{font-size:11px;line-height:1.5;padding:7px 11px}.project-lkfs .project-surface{background:radial-gradient(ellipse at 80% 80%,#d5ff0077,transparent 58%),radial-gradient(ellipse at 10% 15%,#6bfbd288,transparent 65%),linear-gradient(135deg,#5925e699,#d33ee877)}.lkfs-word{position:absolute;top:50px;left:6%;font-family:'Manrope',sans-serif;letter-spacing:-12px;font-size:150px;font-weight:800;color:#d5ff00;line-height:.8;transform:rotate(-5deg)}.lkfs-word small{font-size:28px;letter-spacing:4px;display:block;margin-top:20px}.lkfs-visual{width:65%;left:auto;right:5%;top:55px;transform:perspective(1500px) rotateY(-4deg) rotateX(3deg) rotateZ(4deg);box-shadow:12px 15px 0 #30124699}.project-lkfs .project-surface:hover .lkfs-visual{transform:perspective(1500px) rotateY(0) rotateX(0) rotateZ(0)}.video-work{padding-top:60px}.video-work>.section-heading>p{font-size:14px;line-height:1.9}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.video-card{min-width:0;border-top:1px solid #e4ff7577;padding-top:15px}.video-player{position:relative;aspect-ratio:16/9;background:linear-gradient(140deg,#250c67,#761373);overflow:hidden;border:1px solid #dfc2ff88}.video-launch{display:block;position:relative;width:100%;height:100%;padding:0;overflow:hidden;color:#d5ff00;background:transparent}.video-launch>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.8);transition:transform .5s,filter .5s}.video-launch:hover>img{transform:scale(1.04);filter:saturate(1.2) brightness(1)}.video-number{position:absolute;top:12px;left:12px;padding:6px 9px;font-size:10px;background:#2b075cc9;color:#e7ff96;z-index:1;letter-spacing:1px}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);display:grid;justify-items:center;gap:9px;font-size:26px;line-height:1;text-shadow:0 2px 8px #130736}.video-play:before{content:'';position:absolute;width:64px;height:64px;left:50%;top:13px;transform:translate(-50%,-50%);border:1px solid #d5ff00aa;border-radius:50%;background:#22085666;z-index:-1}.video-play small{font-size:11px;white-space:nowrap;font-weight:600;margin-top:13px}.video-player iframe{display:block;width:100%;height:100%;border:0;aspect-ratio:16/9}.video-info{padding-top:20px}.video-info h3{font-size:20px;letter-spacing:-.8px;line-height:1.55;font-weight:600;margin:0 0 12px;color:#e4ff83}.video-info>p{font-size:14px;line-height:1.85;color:#f1e6ff;margin:0}.video-info .pills{gap:6px;margin-top:16px}.video-info .pills span{font-size:10px;padding:6px 9px}.youtube-link{display:inline-flex;min-height:44px;align-items:center;margin-top:18px;font-size:13px;border-bottom:1px solid #d5ff0077}.contact.page-section{margin-top:0;padding-top:90px;border-top:0}.contact-bottom>p{font-size:14px;line-height:1.9}.email{font-size:clamp(18px,1.8vw,26px);overflow-wrap:anywhere}.copy-email{font-size:13px;min-height:44px;align-items:center;padding-top:8px}.contact-profile{padding-top:20px;padding-bottom:90px;display:grid;grid-template-columns:.9fr 2fr;gap:30px}.contact-profile>.section-index{padding-top:15px;font-size:11px}.contact-profile h2{font-size:clamp(28px,3.4vw,50px);line-height:1.55;letter-spacing:-1.8px;font-weight:550;margin:0 0 25px}.contact-profile h2 i{color:#ffb1e1;font-style:normal}.contact-profile p{font-size:15px;line-height:1.9;color:#f1e6ff;max-width:650px}.contact-links{display:flex;gap:25px;margin-top:25px}.contact-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid #d5ff0077}.dialog-content .section-index{font-size:11px}.dialog-heading>p{font-size:14px;line-height:1.85}.case-note h3{font-size:15px}.case-note p{font-size:14px;line-height:1.9}.gallery-heading h3{font-size:18px}.gallery-heading p{font-size:12px}.gallery-tabs>button{min-height:44px;font-size:13px}.dialog-bar{min-height:64px}.dialog-bar>span{font-size:10px}.dialog-bar button{min-height:44px;min-width:64px;font-size:12px}.gallery-image>span{font-size:12px;min-height:44px;display:flex;align-items:center}.privacy-note{font-size:12px;line-height:1.8}.case-tags>span{font-size:12px}.scene-controls{gap:5px;padding:4px 10px}.scene-controls>span{font-size:8px;margin-right:8px}.palette-buttons{gap:0}.palette{width:44px;height:44px;padding:10px;background-clip:content-box;outline-offset:-7px}.palette.active{outline-offset:-7px}#motion-toggle{width:44px;height:44px;padding-left:8px;margin-left:5px;font-size:15px}footer{gap:25px;font-size:10px}footer>button{font-size:12px;min-height:44px}footer>a:last-child{font-size:10px;min-height:44px;display:flex;align-items:center}.intro-bottom button{min-height:44px;font-size:13px}.intro-line{font-size:13px}.intro-top{font-size:10px}.noscript-note{font-size:14px;line-height:1.8}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:22px}.header-edition{display:none}.home-paths{gap:20px}.home-path{padding:30px;min-height:410px}.path-arrow{font-size:45px;right:25px;top:27px}.home-path h2{font-size:34px}.home-path p{font-size:14px}.lkfs-word{font-size:120px;letter-spacing:-9px;top:70px}.lkfs-word small{font-size:24px}.lkfs-visual{width:68%;top:55px;right:4%}.career-item summary{gap:20px}.career-item h3{font-size:19px}.career-period{font-size:12px}.career-role{font-size:12px}.contact-profile{grid-template-columns:1fr 2fr;gap:20px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{height:82px;margin:0 5%;justify-content:space-between;position:relative;z-index:35}.site-header .wordmark{font-size:32px;min-height:44px}.site-header .wordmark-star{font-size:25px}.header-edition{display:none}.menu-toggle{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:0 10px;min-width:92px;min-height:46px;border:1px solid #d5ff0077;color:#e8ff9e;background:#30135c55;padding:10px 12px;position:relative}.menu-toggle span{display:block;width:23px;height:1px;background:#e4ff92;grid-column:1;transform-origin:center;transition:transform .25s}.menu-toggle span:first-child{grid-row:1;align-self:end;margin-bottom:4px}.menu-toggle span:nth-child(2){grid-row:2;align-self:start;margin-top:4px}.menu-toggle b{grid-column:2;grid-row:1/3;font-size:10px;font-weight:500;letter-spacing:.7px}.menu-open .menu-toggle span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}.site-header nav{display:flex;position:absolute;top:calc(100% + 1px);left:-5.56%;right:-5.56%;padding:18px 5% 24px;gap:0;flex-direction:column;background:linear-gradient(125deg,#41138bf5,#2a1057f5);backdrop-filter:blur(20px);border-bottom:1px solid #d5ff0088;box-shadow:0 18px 35px #16002a44;opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}.menu-open .site-header nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}.site-header nav a{display:flex!important;align-items:center;justify-content:space-between;font-size:19px;line-height:1.5;min-height:60px;padding:12px 4px;border-bottom:1px solid #cba5ff44}.site-header nav a:after{display:none}.site-header nav a[aria-current="page"]{color:#d5ff00}.site-header nav a[aria-current="page"]:before{content:'↗';order:2;font-size:25px}.hero{min-height:calc(100svh - 82px);padding:27px 5% 30px}.hero h1{font-size:19.4vw}.hero-eyebrow{font-size:10px;gap:7px}.hero-edition{font-size:7px;letter-spacing:.7px;max-width:135px;line-height:1.7}.hero-intro .small-label{font-size:10px;letter-spacing:1px}.hero-intro p{font-size:13px!important;max-width:100%;line-height:1.8}.hero-intro h2{font-size:23px}.explore-link{font-size:12px;gap:14px;min-height:50px}.explore-link small{font-size:8px}.hero-coordinate{font-size:7px;letter-spacing:.8px;padding-top:33px}.hero-coordinate>span{display:none}.orbit-text{font-size:6px}.hero-art{opacity:.85}.section{padding-left:5%;padding-right:5%}.section-heading>p,.page-section .section-heading>p{font-size:14px;line-height:1.85}.section-heading .section-index,.section-index{font-size:10px}.section-heading h2{font-size:46px}.home-paths{grid-template-columns:1fr;padding-top:70px;padding-bottom:55px;gap:24px}.home-path{padding:28px;min-height:355px}.home-path h2{font-size:32px;letter-spacing:-1.3px;margin:25px 0 15px}.home-path p{font-size:14px;line-height:1.85}.home-path .section-index{font-size:11px}.path-bottom{font-size:13px;margin-top:18px}.path-arrow{font-size:46px;top:20px;right:25px}.page-section{padding-top:55px}.page-section>.section-heading{margin-bottom:35px}.journey .section-heading h2{font-size:62px}.journey-toolbar{font-size:10px;letter-spacing:.5px;gap:15px;align-items:center;flex-wrap:wrap;padding-bottom:20px}.journey-toolbar a{font-size:12px;min-height:44px;padding:8px 11px}.journey-toolbar a span{font-size:19px}.career-item summary{grid-template-columns:1fr 28px;padding:25px 0;gap:10px;min-height:130px}.career-period{font-size:12px;line-height:1.7;grid-column:1;overflow-wrap:anywhere}.career-period span{font-size:11px}.career-item h3{font-size:19px;line-height:1.5;grid-column:1;grid-row:2;letter-spacing:-.5px}.career-role{font-size:13px;line-height:1.8;grid-column:1;grid-row:3}.career-plus{font-size:29px;grid-column:2;grid-row:2}.career-body{padding:0 0 28px}.career-body>p{font-size:14px}.career-body ul{margin:20px 0}.career-body li{font-size:13px;line-height:1.85;padding:14px 0}.career-body strong{font-size:14px;margin-bottom:7px}.career-body .pills span{font-size:11px}.expertise p{font-size:14px;line-height:1.85}.expertise h3{font-size:20px}.expertise>div>span{font-size:11px}.bridge{padding-top:45px;padding-bottom:45px;margin-top:55px}.bridge h2{font-size:40px;line-height:1.25;letter-spacing:-2px}.bridge .section-index{font-size:10px}.expertise{gap:20px}.next-page{padding-top:45px;padding-bottom:55px;margin-top:55px}.next-page>a{display:block}.next-page h2{font-size:32px;letter-spacing:-1.2px;line-height:1.5;margin-top:25px}.next-page>a>span{margin-top:22px;font-size:14px;min-height:44px}.portfolio-jumps{gap:10px;margin-bottom:35px}.portfolio-jumps a{font-size:12px;padding:9px 14px;min-height:44px}.project-meta{font-size:10px;line-height:1.8;gap:10px}.project-meta>span:first-child{font-size:9px;padding:7px 9px}.project-surface{height:340px}.project-caption{margin-top:24px;gap:12px}.project-caption h3 button{font-size:26px;line-height:1.5}.project-caption>div>p{font-size:13px;line-height:1.6}.project-description>p{font-size:14px!important;line-height:1.85}.pills{gap:7px;margin-top:18px}.pills span{font-size:11px;padding:7px 10px;line-height:1.4}.project-view{font-size:12px;min-height:44px;padding:8px 9px 8px 13px;gap:16px}.project-view>span{width:29px;height:29px;font-size:23px}.browser-top small{font-size:7px}.project{margin-bottom:65px}.project-lkfs .project-surface{height:365px}.lkfs-word{font-size:90px;letter-spacing:-7px;left:7%;top:38px;z-index:1}.lkfs-word small{display:inline-block;font-size:18px;letter-spacing:1px;margin-left:10px}.lkfs-visual{width:95%;left:10%;right:auto;top:135px;transform:perspective(1500px) rotateY(-3deg) rotateX(3deg) rotateZ(4deg);border-width:1px}.project-lkfs .project-view{bottom:23px;right:13px}.video-work{padding-top:25px}.video-work>.section-heading>p{font-size:14px;line-height:1.9}.video-work .section-heading h2{font-size:42px;letter-spacing:-.06em}.video-grid{grid-template-columns:1fr;gap:40px}.video-card{padding-top:15px}.video-info h3{font-size:20px;letter-spacing:-.6px;margin-bottom:12px}.video-info>p{font-size:14px;line-height:1.85}.video-info .pills span{font-size:11px}.youtube-link{font-size:13px;min-height:44px;margin-top:15px}.video-number{font-size:11px}.video-play small{font-size:12px}.contact.page-section{padding-top:55px;padding-bottom:55px}.contact h2{font-size:20vw;letter-spacing:-.075em;margin:42px 0 35px}.contact-arrow{width:50px;height:50px;font-size:36px;min-height:44px;min-width:44px;right:5px;top:-4px}.contact-bottom{display:block}.contact-bottom>p{font-size:14px;line-height:1.9;max-width:none}.contact-bottom>div{width:100%;margin-top:30px}.email{font-size:clamp(15px,4.4vw,21px);overflow-wrap:anywhere;line-height:1.7;padding-bottom:12px;width:max-content;max-width:100%}.copy-email{font-size:13px;min-height:44px;padding-top:8px}.contact-profile{display:block;padding-top:10px;padding-bottom:55px}.contact-profile>.section-index{font-size:11px}.contact-profile>div{margin-top:25px}.contact-profile h2{font-size:28px;letter-spacing:-1.2px;line-height:1.55;margin-bottom:22px}.contact-profile p{font-size:14px;line-height:1.9}.contact-links{gap:20px;margin-top:25px;flex-wrap:wrap}.contact-links a{font-size:13px;min-height:44px}.dialog-bar{padding:10px 16px;min-height:64px;gap:12px}.dialog-bar>span{font-size:9px;max-width:70%;line-height:1.6}.dialog-bar button{font-size:12px;min-height:44px;min-width:62px;gap:10px}.dialog-content{padding:28px 20px}.dialog-heading .section-index{font-size:10px}.dialog-heading h2{font-size:26px;line-height:1.45}.dialog-heading>p{font-size:13px;line-height:1.8}.case-notes{gap:22px;margin:30px 0}.case-note h3{font-size:15px}.case-note p{font-size:14px;line-height:1.85}.gallery-heading h3{font-size:18px}.gallery-heading p{font-size:12px;line-height:1.8}.gallery-tabs{flex-wrap:wrap;gap:8px}.gallery-tabs>button{font-size:12px;min-height:44px;padding:10px 13px}.gallery-image>span{font-size:11px;min-height:44px;padding:9px 12px}.privacy-note{font-size:12px;line-height:1.8}.case-tags>span{font-size:11px;padding:8px 10px}#close-image{min-height:44px;font-size:13px;top:4svh}.scene-controls{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:3px 5px;gap:0;max-width:calc(100vw - 24px)}.scene-controls>span{display:none}.palette-buttons{gap:0}.palette{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;background-clip:content-box;outline-offset:-7px}#motion-toggle{width:44px;height:44px;min-width:44px;min-height:44px;font-size:16px;padding-left:6px;margin-left:2px}footer{font-size:9px;gap:16px 10px;padding:23px 0 calc(100px + env(safe-area-inset-bottom,0px));margin:0 5%}footer>button{font-size:11px;min-height:44px;text-align:left}footer>a:last-child{font-size:9px;min-height:44px;justify-self:end}footer>span{font-size:9px;letter-spacing:.3px}.intro-top{font-size:8px;letter-spacing:1px}.intro-line{font-size:12px!important;max-width:170px!important;line-height:1.8}.intro-bottom button{font-size:12px;min-height:44px;padding:10px 14px;gap:14px}.intro-bottom{gap:18px}.noscript-note{font-size:13px}}
@media(max-width:359px){.hero h1{font-size:19vw;margin-top:58px;margin-bottom:35px}.hero-art{width:105px;right:1%;top:125px}.voltage-flower{font-size:125px}.orbit-text{right:0;font-size:5px;padding:13px 9px}.hero-intro h2{font-size:21px}.hero-intro p{font-size:12px!important}.hero-edition{max-width:110px;font-size:6px}.hero-eyebrow{font-size:9px}.hero-coordinate{font-size:6px}.home-path{padding:24px;min-height:355px}.home-path h2{font-size:29px}.home-path p{font-size:13px}.section-heading h2{font-size:40px}.journey .section-heading h2{font-size:55px}.video-work .section-heading h2{font-size:35px}.project-meta{flex-wrap:wrap;gap:5px}.project-meta>span:last-child{margin-left:auto}.project-surface{height:315px}.project-caption h3 button{font-size:24px}.project-description>p{font-size:13px!important}.project-lkfs .project-surface{height:340px}.lkfs-visual{top:130px}.contact-profile h2{font-size:25px}.email{font-size:14px}.intro-bottom{align-items:end;gap:10px}.intro-line{max-width:130px!important;font-size:11px!important}.intro-bottom button{font-size:11px;padding:10px 12px;gap:10px}.intro-type{font-size:13.8vw}.career-item h3{font-size:18px}.case-note p{font-size:13px}.dialog-content{padding:26px 17px}}
@media(hover:none){.project-surface:hover{clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.project-surface:hover .project-visual,.project-surface:hover .approval-document,.project-surface:hover .approval-crop{translate:none}.video-launch:hover>img{transform:none}.career-item summary:hover{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.home-path:before{animation:none}.menu-toggle span,.site-header nav{transition:none}}
.video-player.thumbnail-unavailable .video-launch{background:radial-gradient(ellipse at 15% 20%,#f24fac88,transparent 60%),radial-gradient(ellipse at 85% 80%,#06d5d188,transparent 65%),linear-gradient(135deg,#32118c,#621882)}
.video-player.thumbnail-unavailable .video-launch:before{content:'MOTION / PLAY';position:absolute;left:12px;bottom:12px;font:10px 'Manrope',sans-serif;letter-spacing:1.3px;color:#f3ffb0}
/* On small screens the scene settings belong to the footer, never over the work. */
@media(max-width:760px){
 .scene-controls{position:relative;right:auto;bottom:auto;margin:0 5% calc(22px + env(safe-area-inset-bottom,0px)) auto;width:max-content}
 footer{padding-bottom:25px}
}
/* Preserve the living colors while keeping long-form reading comfortably contrasted. */
body:not([data-page="home"]) .reading-wash{background:linear-gradient(135deg,rgba(27,0,68,.43),rgba(29,0,80,.53))}
.hero-intro h2,.hero-intro p{text-shadow:0 1px 10px #23064a80}
.scene-controls .palette{background-clip:content-box}
.wordmark{font-family:'Noto Sans KR',sans-serif;font-size:31px;letter-spacing:-1.8px;font-weight:800;white-space:nowrap}.wordmark [data-profile-name]{display:inline-block}footer .wordmark{font-size:25px}.contact-name{display:block;font-size:24px;font-weight:650;letter-spacing:-.8px;margin-bottom:12px}.phone{display:block;font-family:'Manrope',sans-serif;font-size:25px;color:#e5ff97;min-height:44px;margin-bottom:14px;width:max-content;border-bottom:1px solid #dcff8477;padding-bottom:8px}.contact-details .email{font-size:clamp(17px,1.7vw,25px)}[data-profile-summary],[data-profile-tagline],[data-profile-about],.hero-intro h2,.hero-intro p,.project-description p,.project-caption h3 button{white-space:pre-line}footer .owner-entry{font-size:11px;letter-spacing:0;min-height:44px;display:flex;align-items:center;color:#eaff96}.project-placeholder{display:grid;place-items:center;min-height:260px;font-size:28px;padding:30px;text-align:center;color:#35135f;background:linear-gradient(130deg,#ff8cc3,#deff75)}.project-theme-1 .project-surface{background:linear-gradient(120deg,#04dabb88,#754cff99)}.project-theme-2 .project-surface{background:linear-gradient(120deg,#9c48ff99,#ff9c3188)}.empty-content{padding:30px 0;font-size:14px;color:#f3e2ff}
@media(max-width:760px){.wordmark{font-size:26px;letter-spacing:-1.6px}footer .wordmark{font-size:24px}.contact-name{font-size:22px}.phone{font-size:23px;margin-bottom:14px}.contact-details .email{font-size:clamp(14px,4.4vw,21px)}footer{grid-template-columns:1fr 1fr}footer .owner-entry{font-size:11px}footer>a:last-child{margin-left:0}.project-placeholder{font-size:23px;min-height:240px}}

[hidden]{display:none!important}

/* Soft black shadows keep copy readable as the background colors move. */
:root{
  --copy-shadow:0 1px 2px rgb(0 0 0 / .65),0 2px 8px rgb(0 0 0 / .3);
}
.site-shell,.intro,.scene-controls{
  text-shadow:var(--copy-shadow);
}
.hero h1,.hero-intro h2,.hero-intro p,.section-heading>p,
.project-description>p,.intro-type,.project-caption h3 button,
.copy-email,footer>button,.menu-toggle,.video-launch,.video-play,
.scene-controls button{
  text-shadow:var(--copy-shadow);
}
/* Preserve dark lettering on light surfaces and the outlined display type. */
dialog,.moving-line,.project-view,.project-meta>span:first-child,
.approval-document,.floating-tag,.contact-arrow,.intro-bottom button,
.toast,.skip-link,.round-arrow,.project-placeholder,
.portfolio-jumps a:hover,.hero h1 i,.contact h2 i,
.section-index>span,.intro-type i{
  text-shadow:none;
}

/* Midnight: translucent navy, teal and plum surfaces, with the live scene still visible. */
.scene-controls .palette[data-palette="3"]{
  background:conic-gradient(#060a14,#0d7278,#64408d,#131e33,#060a14);
  background-clip:content-box;
}
html[data-theme="dark"]{--paper:#060a14}
html[data-theme="dark"] body{background:#060a14}
html[data-theme="dark"] .reading-wash{
  background:linear-gradient(180deg,rgba(6,10,20,calc(.04 + var(--scroll)*.16)),rgba(11,19,33,calc(.06 + var(--scroll)*.20)));
}
html[data-theme="dark"] body:not([data-page="home"]) .reading-wash{
  background:linear-gradient(135deg,rgba(6,10,20,.18),rgba(11,19,33,.28));
}
html[data-theme="dark"] .intro{background:linear-gradient(120deg,#131e332b,transparent 80%)}
html[data-theme="dark"] .orbit-text{background:#0b13212b}
html[data-theme="dark"] .home-path{
  border-color:#a1f2d84d;
  background:linear-gradient(135deg,#131e3370,#06292e50);
}
html[data-theme="dark"] .home-path-career{background:linear-gradient(130deg,#06292e80,#131e334d)}
html[data-theme="dark"] .home-path-portfolio{background:linear-gradient(130deg,#1f133380,#0b132152)}
html[data-theme="dark"] .bridge,
html[data-theme="dark"] .next-page{
  background:linear-gradient(125deg,#1f133338,#06292e40 65%,#131e3324);
  border-color:#b4cbd24d;
}
html[data-theme="dark"] .contact{
  background:linear-gradient(140deg,#06292e4d,#1f13333d 65%,#131e3333);
  border-color:#b4cbd24d;
}
html[data-theme="dark"] .career-item[open]{background:linear-gradient(110deg,#131e3370,#1f133340)}
html[data-theme="dark"] .career-item{border-color:#c1cde340}
html[data-theme="dark"] .career-body li{border-color:#b5c5df2b}
html[data-theme="dark"] .portfolio-jumps a{background:#131e3370}
html[data-theme="dark"] .portfolio-jumps a:hover{background:#d5ff00}
html[data-theme="dark"] .pills span{background:#131e334d}
html[data-theme="dark"] .tool-cloud>span{background:#06292e55}
html[data-theme="dark"] .project-surface{
  background:radial-gradient(ellipse at 8% 15%,#237d7959,transparent 58%),radial-gradient(ellipse at 90% 80%,#6c41955c,transparent 68%),linear-gradient(135deg,#131e3377,#1f133355);
  border-color:#9dc5c74d;
  box-shadow:0 15px 80px #060a1433;
}
html[data-theme="dark"] .project-approval .project-surface,
html[data-theme="dark"] .project-theme-1 .project-surface{
  background:radial-gradient(ellipse at 15% 20%,#118e7c55,transparent 65%),radial-gradient(ellipse at 80% 90%,#354b9559,transparent 62%),linear-gradient(130deg,#06292e80,#131e3359);
}
html[data-theme="dark"] .project-lkfs .project-surface,
html[data-theme="dark"] .project-theme-2 .project-surface{
  background:radial-gradient(ellipse at 80% 80%,#637c4640,transparent 58%),radial-gradient(ellipse at 10% 15%,#267e7959,transparent 65%),linear-gradient(135deg,#131e3380,#1f13336b);
}
html[data-theme="dark"] .browser-top{background:#131e33}
html[data-theme="dark"] .video-player{background:linear-gradient(140deg,#131e33,#1f1333);border-color:#a9c8dd66}
html[data-theme="dark"] .video-number{background:#0b1321d9}
html[data-theme="dark"] .video-play:before{background:#06292e80}
html[data-theme="dark"] .video-player.thumbnail-unavailable .video-launch{
  background:radial-gradient(ellipse at 15% 20%,#704a9855,transparent 60%),radial-gradient(ellipse at 85% 80%,#137c7955,transparent 65%),linear-gradient(135deg,#131e33,#1f1333);
}
html[data-theme="dark"] .scene-controls{
  background:#0b1321d6;
  border-color:#94e9c98c;
  box-shadow:4px 4px 0 #64408d59;
}
html[data-theme="dark"] footer{border-color:#b4cbd24d}
html[data-theme="dark"] dialog::backdrop{background:#060a14ad}
@media(max-width:760px){
  html[data-theme="dark"] .menu-toggle{background:#131e3366;border-color:#a1f2d866}
  html[data-theme="dark"] .site-header nav{
    background:linear-gradient(125deg,#131e33f2,#06292ef0 65%,#1f1333f0);
    border-bottom-color:#a1f2d866;
    box-shadow:0 18px 35px #060a144d;
  }
  html[data-theme="dark"] .site-header nav a{border-bottom-color:#b4cbd233}
}
