@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";:root{color:#f3f1eb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#08090b;font-family:Kanit,Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}::selection{color:#090a0c;background:#f2f2f2}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#0a121485);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";z-index:-1;border-radius:inherit;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#0a121485) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mix-blend-mode:soft-light;opacity:calc(var(--fill-opacity,.34) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);z-index:1;pointer-events:none;mix-blend-mode:plus-lighter;opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%)}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}main{background:linear-gradient(#0000 0 18%,#0507089e 28%,#0000 42% 100%),radial-gradient(circle at 18% 12%,#c4dade24,#0000 22%),radial-gradient(circle at 84% 42%,#748b9229,#0000 24%),#050708;min-height:100vh;overflow:hidden}:root{--liquid-page-bg:radial-gradient(ellipse at 12% 28%, #cce1e22e, transparent 32%), radial-gradient(ellipse at 88% 68%, #6c838a2e, transparent 34%), linear-gradient(135deg, #050708 0%, #101719 46%, #26383d 72%, #050607 100%)}a{color:inherit;text-decoration:none}.hero-section{isolation:isolate;color:#f3f1eb;background:radial-gradient(circle at 20% 18%,#cde1e65c,#0000 18%),radial-gradient(circle at 74% 28%,#879ca457,#0000 20%),radial-gradient(circle at 62% 82%,#e2edec3d,#0000 22%),#050708;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-section:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#050708f0 82%,#050708);height:28vh;position:absolute;bottom:-1px;left:0;right:0}.hero-video,.video-fallback,.hero-overlay{position:absolute;inset:0}.hero-video{object-fit:cover;z-index:-3;width:100%;height:100%}.video-fallback{z-index:-2;background:radial-gradient(at 12% 76%,#d2e6e740,#0000 32%),radial-gradient(at 90% 80%,#cde0e247,#0000 34%),linear-gradient(135deg,#050607 0%,#12191b 42%,#5d7277 68%,#090b0c 100%)}.video-fallback:before,.video-fallback:after{content:"";filter:blur(10px);opacity:.8;border-radius:999px;position:absolute}.video-fallback:before{background:radial-gradient(circle at 32% 28%,#ffffff47,#0000 16%),radial-gradient(circle at 58% 54%,#6a7f846b,#0000 30%),#182225db;width:48vw;height:70vh;top:12%;left:-8%;transform:rotate(-18deg)}.video-fallback:after{background:radial-gradient(circle at 36% 36%,#ffffff38,#0000 14%),radial-gradient(circle at 58% 54%,#5d777e8f,#0000 30%),#0c1214e6;width:46vw;height:64vh;bottom:-18%;right:-10%;transform:rotate(18deg)}.hero-overlay{z-index:-1;background:linear-gradient(#0000002e,#00000052),radial-gradient(circle at 48% 52%,#0000 0 44%,#00000061 100%)}.site-nav,.section-shell,.closing-inner{width:min(100% - 80px,1700px);margin:0 auto}.site-nav{z-index:2;letter-spacing:0;text-transform:none;border:0;grid-template-columns:150px 1fr 150px;align-items:center;height:74px;font-size:13px;display:grid;position:relative}.brand-mark{-webkit-backdrop-filter:none;backdrop-filter:none;color:#ffffffe0;letter-spacing:-.08em;background:0 0;border:0;place-items:center;width:auto;height:auto;font-size:24px;font-weight:800;display:inline-grid}.nav-links{color:#ffffff8f;justify-content:center;gap:clamp(24px,3vw,46px);display:flex}.nav-links a,.nav-contact,.ghost-action,.primary-action{transition:color .18s,border-color .18s,background .18s,transform .18s}.nav-links a:hover,.nav-contact:hover,.ghost-action:hover{color:#fff}.nav-contact{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05101257;border:1px solid #ffffff47;border-radius:999px;justify-self:end;align-items:center;gap:10px;height:38px;padding:0 16px;display:inline-flex}.hero-content{z-index:2;width:min(100% - 80px,1700px);min-height:calc(100svh - 74px);margin:0 auto;padding:0 0 clamp(20px,4vh,48px);display:block;position:relative}.eyebrow,.section-kicker{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.hero-glass-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0b;border:1px solid #ffffff4d;border-radius:26px;min-height:clamp(520px,74vh,760px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 30px 90px #0003}.hero-glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff14,#0000 22% 78%,#ffffff0f),linear-gradient(#0000 72%,#ffffff1c);position:absolute;inset:0}.hero-copy{width:min(860px,100% - 72px);position:absolute;bottom:clamp(54px,8vh,96px);left:clamp(24px,3.2vw,56px)}.hero-copy h1{color:#f5f8f8e6;letter-spacing:-.055em;margin:0;font-size:clamp(58px,8.4vw,154px);font-weight:300;line-height:.92}.hero-copy h1 em{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:.9em;font-weight:400;display:inline}.hero-copy h1 span{display:block}.hero-copy p{color:#f5f8f8ad;width:min(430px,100%);margin:24px 0 0;font-size:clamp(14px,1.1vw,17px);line-height:1.35}.hero-side-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#cde0e21f;border:1px solid #ffffff47;border-radius:22px;min-height:158px;position:absolute;top:0}.glow-card{background:var(--card-bg,#0912148a);border-color:#fff3}.hero-side-card>.border-glow-inner,.stat-card>.border-glow-inner,.strength-card>.border-glow-inner{flex-direction:column;display:flex}.portrait-panel>.border-glow-inner{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.stat-card>.border-glow-inner{justify-content:space-between}.closing-inner>.border-glow-inner{align-content:center;place-items:center;display:grid}.hero-side-card-primary{color:#ffffffd1;background:#1c3336d1;width:clamp(132px,12vw,180px);padding:26px;right:clamp(320px,24vw,430px)}.hero-side-card-primary span,.hero-side-card-secondary span{color:#ffffffdb;font-size:clamp(38px,4.4vw,72px);line-height:.9;display:block}.hero-side-card-primary p,.hero-side-card-secondary p{color:#ffffffad;max-width:220px;margin:18px 0 0;font-size:15px;line-height:1.2}.hero-side-card-primary svg{position:absolute;bottom:18px;right:18px}.hero-side-card-secondary{width:clamp(240px,22vw,360px);padding:26px;right:0}.hero-slider-dots{gap:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-slider-dots span{background:#ffffffbd;border-radius:999px;width:8px;height:8px}.hero-contact-pill{z-index:3;writing-mode:vertical-rl;color:#fff;letter-spacing:.08em;text-transform:uppercase;outline-offset:-5px;background:#101010;border:2px solid #ffffffe0;border-radius:999px;outline:2px solid #ffffffe6;justify-content:center;align-items:center;gap:10px;min-width:54px;min-height:54px;padding:20px 0;font-size:13px;font-weight:800;display:inline-flex;position:absolute;top:50%;right:22px;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 38px #0000004d}.hero-contact-pill:hover{transform:translateY(-50%)translate(-2px)}.hero-actions,.closing-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-action,.ghost-action{border:1px solid #ffffff3d;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 22px;font-weight:700;display:inline-flex}.primary-action{color:#08090b;background:#f2f2f2}.ghost-action{color:#f7f4ec;background:#ffffff14}.primary-action:hover,.ghost-action:hover{transform:translateY(-2px)}.section-shell{isolation:isolate;padding:150px 0;position:relative}.profile-section{color:#f3f1eb;background:0 0;grid-template-columns:minmax(420px,.84fr) 1.16fr;align-items:center;gap:86px;min-height:96svh;display:grid;position:relative;overflow:visible}.profile-section:before,.strengths-section:before,.closing-section:before,.horizontal-sticky:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 12% 28%,#cce1e22e,#0000 32%),radial-gradient(at 88% 68%,#6c838a2e,#0000 34%),linear-gradient(135deg,#050708 0%,#101719 46%,#26383d 72%,#050607 100%);width:100vw;position:absolute;top:-18vh;bottom:-18vh;left:50%;transform:translate(-50%)}.profile-section:after,.strengths-section:after,.closing-section:after,.horizontal-sticky:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#050708 0,#0000 15% 84%,#050708 100%),radial-gradient(circle at 52% 48%,#0000 0 42%,#0000006b 100%),linear-gradient(#00000038,#00000080);width:100vw;position:absolute;top:-18vh;bottom:-18vh;left:50%;transform:translate(-50%)}.portrait-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff42;border-radius:26px;flex-direction:column;justify-content:flex-end;min-height:680px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d,0 32px 80px #00000038}.portrait{background:radial-gradient(circle at 45% 30%,#ffffff38,#0000 16%),radial-gradient(at 55% 55%,#7e979c47,#0000 34%),#ffffff09;flex:1;position:relative}.portrait:before{content:"";opacity:.88;background:linear-gradient(#ffffff29,#07090acc),#ffffff12;border-radius:999px 999px 0 0;width:46%;height:68%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-glow{border:1px solid #fff3;border-radius:18px;position:absolute;inset:12%;box-shadow:inset 0 0 80px #ffffff14}.contact-strip{color:#f5f8f8b8;background:#ffffff0a;border-top:1px solid #fff3;justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:0 26px;font-size:14px;display:flex}.profile-copy h2,.section-heading h2,.closing-inner h2{color:#f5f8f8f0;letter-spacing:-.045em;margin:16px 0 24px;font-size:clamp(40px,4.1vw,76px);font-weight:420;line-height:1}.profile-copy>p:not(.section-kicker){color:#e2eceead;max-width:880px;margin:0;font-size:20px;line-height:1.82}.contact-list{flex-wrap:wrap;gap:14px;margin:34px 0;display:flex}.contact-list a{color:#f5f8f8c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.strength-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff38;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff0b,0 22px 54px #0003}.stat-card{flex-direction:column;justify-content:space-between;min-height:132px;padding:24px;display:flex}.stat-card strong{color:#f5f8f8eb;font-size:44px;font-weight:360;line-height:1}.stat-card span{color:#e2ecee99;font-size:14px}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.horizontal-projects{z-index:1;background:0 0;min-height:100svh;padding:0;position:relative;overflow:hidden}.horizontal-projects:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#0000,#050708b8 34%,#050708f5 68%,#050708),radial-gradient(at 50% 100%,#4e666c33,#0000 62%);height:52vh;position:absolute;bottom:-1px;left:0;right:0}.horizontal-sticky{perspective:1800px;background:var(--liquid-page-bg);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;isolation:isolate;height:100svh;position:relative;overflow:hidden}.horizontal-sticky>*{z-index:2;position:relative}.horizontal-sticky:before{z-index:0;background:radial-gradient(at 50% 58%,#d2e6e71a,#0000 34%),radial-gradient(at 14% 48%,#dcebec1f,#0000 28%),radial-gradient(at 88% 46%,#c5d6dc24,#0000 28%),linear-gradient(#040505 0%,#071011 44%,#020303 100%)}.horizontal-sticky:after{z-index:1;background:linear-gradient(90deg,#000000db,#0000 16% 84%,#000000db),radial-gradient(circle at 50% 55%,#0000 0 28%,#0000006b 70%),linear-gradient(#0000006b,#0000 34%,#00000094)}.horizontal-sticky.is-dragging{cursor:grabbing}.horizontal-header{z-index:3;text-align:center;place-items:start center;gap:18px;width:min(100% - 80px,1700px);height:34svh;min-height:250px;margin:0 auto;padding-top:clamp(50px,8vh,92px);display:grid;position:relative}.horizontal-header h2{color:#f5f8f8f0;letter-spacing:-.04em;text-transform:uppercase;max-width:820px;margin:14px 0 0;font-size:clamp(54px,6.4vw,108px);font-weight:300;line-height:.96}.project-counter{color:#e2eceeb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff38;border-radius:28px;align-items:center;gap:10px;min-height:76px;padding:0 24px;font-size:clamp(18px,2vw,32px);font-weight:360;display:flex;position:absolute;top:clamp(58px,8vh,96px);right:0}.project-counter span:first-child{color:#fff}.horizontal-track{width:max-content;transform-style:preserve-3d;will-change:transform;align-items:center;gap:clamp(8px,1.35vw,24px);padding-left:max(28px,50vw - 822px);padding-right:max(28px,50vw - 822px);display:flex;position:absolute;bottom:clamp(108px,16vh,170px);left:0;transform:translate(0,0)}.horizontal-project-card{--arc-y:0px;--arc-rotate:0deg;--arc-scale:1;--arc-z:0px;color:#d7e2ea;width:clamp(150px,13.2vw,218px);transform-style:preserve-3d;transform:translateY(var(--arc-y)) translateZ(var(--arc-z)) rotateY(var(--arc-rotate)) scale(var(--arc-scale));transform-origin:50%;opacity:.92;grid-template-rows:auto;transition:opacity .26s,transform .26s,filter .26s;display:grid}.horizontal-project-card:hover{opacity:1;transform:translateY(var(--arc-y)) translateZ(calc(var(--arc-z) + 26px)) rotateY(var(--arc-rotate)) scale(var(--arc-scale));filter:drop-shadow(0 30px 42px #0000008a)drop-shadow(0 0 24px #dcebec24)}.project-card-top{z-index:3;opacity:.76;grid-template-columns:1fr auto;justify-content:space-between;gap:12px;padding:0;display:grid;position:absolute;bottom:-82px;left:14px;right:14px}.project-card-top h3{color:#f5f8f8db;max-width:210px;margin:0;font-size:clamp(14px,1.2vw,18px);font-weight:640;line-height:1.08}.project-card-top p,.project-card-top span{color:#e2ecee80;margin:6px 0 0;font-size:12px;line-height:1.1}.project-card-top span{white-space:nowrap;margin-top:0}.project-play{z-index:3;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid #e2eceecc;width:0;height:0;margin-left:0;position:absolute;bottom:-28px;left:16px}.cover-volume{height:clamp(218px,30vh,340px);transform-style:preserve-3d;transition:transform .3s;position:relative;transform:rotateY(0)rotateX(0)}.horizontal-project-card:hover .cover-volume{transform:translateZ(16px)}.horizontal-cover{backface-visibility:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 52% 48%,#ffffff47,#0000 9%),linear-gradient(145deg,#ffffff38,#0000 34%),linear-gradient(150deg,#d7e6e638,#080b0ceb 52%,#ffffff1a);border:1px solid #ffffff42;border-radius:18px;align-items:flex-end;height:100%;padding:22px;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(14px);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -70px 90px #00000061,0 24px 46px #00000070}.horizontal-project-card:nth-child(3n+1) .horizontal-cover{background:radial-gradient(circle at 48% 42%,#ffffff42,#0000 9%),linear-gradient(135deg,#ebf2eee6,#596a6a70 46%,#040506e6)}.horizontal-project-card:nth-child(3n+2) .horizontal-cover{background:radial-gradient(circle at 72% 28%,#dcebec38,#0000 12%),linear-gradient(140deg,#141618f2,#d2dad870 48%,#040506e6)}.horizontal-project-card:nth-child(3n) .horizontal-cover{background:radial-gradient(circle at 58% 42%,#ffffff3d,#0000 10%),linear-gradient(145deg,#d2e2e26b,#4b5b5e61 46%,#080a0bf0)}.cover-edge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:28px;transform-style:preserve-3d;background:#cde0e21f;border:1px solid #ffffff2e;border-radius:10px;position:absolute;top:0;bottom:0}.cover-edge-right{transform-origin:0;right:-14px;transform:rotateY(90deg)translateZ(14px)}.cover-edge-left{transform-origin:100%;opacity:.42;left:-14px;transform:rotateY(-90deg)translateZ(14px)}.horizontal-cover:before{content:"";mix-blend-mode:screen;opacity:.58;background:linear-gradient(100deg,#ffffff57,#0000 22% 62%,#ffffff1a),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 9px);position:absolute;inset:0}.vinyl-disc{aspect-ratio:1;opacity:.48;background:radial-gradient(circle,#ffffff2e 0 8%,#0000 9%),#010202b8;border:1px solid #ffffff1a;border-radius:50%;width:58%;position:absolute;top:16%;right:-30%;box-shadow:inset 0 0 0 12px #050505,inset 0 0 0 13px #ffffff0f,inset 0 0 0 42px #020202,inset 0 0 0 43px #ffffff0a}.horizontal-cover span{z-index:1;color:#ffffffad;letter-spacing:.16em;font-size:13px;position:absolute;top:18px;left:18px}.horizontal-cover strong{z-index:1;color:#ffffffe6;letter-spacing:-.035em;max-width:92%;font-size:clamp(18px,2.1vw,34px);line-height:.96;position:relative}.book-portfolio{perspective:1800px;grid-template-columns:280px minmax(520px,1fr) 280px;align-items:center;gap:28px;margin-top:54px;display:grid}.book-index{gap:12px;display:grid}.book-index button{color:#d7e2eaad;text-align:left;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#ffffff09;border:1px solid #d7e2ea24;align-items:center;gap:16px;min-height:76px;padding:0 18px;transition:transform .22s,color .22s,border-color .22s,background .22s;display:flex}.book-index button:hover,.book-index button.is-active{color:#f5f8f8eb;background:linear-gradient(135deg,#d7e2ea1f,#6c838a1f);border-color:#d7e2ea6b;transform:translate(8px)}.book-index span{color:#ffffffc7;font-size:13px}.book-stage{place-items:center;min-height:620px;display:grid;position:relative}.book-shadow{filter:blur(8px);background:radial-gradient(#000000b8,#0000 68%);border-radius:50%;height:70px;position:absolute;bottom:36px;left:8%;right:8%}.book-object{aspect-ratio:1.55;width:min(100%,940px);transform-style:preserve-3d;grid-template-columns:1fr 1fr;transition:transform .42s;display:grid;position:relative;transform:rotateX(8deg)rotate(-1.5deg)}.book-stage:hover .book-object{transform:rotateX(8deg)rotate(0)translateY(-10px)}.book-page{background-color:#111318;background-image:linear-gradient(90deg,#ffffff1c 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #d7e2ea33;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 58px #ffffff0d,0 38px 70px #00000075}.book-page-left{transform-origin:100%;border-radius:34px 8px 8px 34px;transform:rotateY(6deg)}.book-page-right{transform-origin:0;border-radius:8px 34px 34px 8px;transform:rotateY(-6deg)}.book-page:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.62;background:linear-gradient(90deg,#0000,#ffffff1a 48%,#0000002e 100%),radial-gradient(circle at 20% 16%,#ffffff2e,#0000 24%);position:absolute;inset:0}.book-spine{z-index:5;background:linear-gradient(90deg,#0000009e,#d7e2ea52,#000000a3),#2d3036;border-inline:1px solid #ffffff38;width:28px;position:absolute;top:4%;bottom:4%;left:50%;transform:translate(-50%);box-shadow:-18px 0 32px #00000052,18px 0 32px #00000052}.book-cover-art{border-radius:24px 6px 6px 24px;align-items:end;padding:26px;display:grid;position:absolute;inset:26px;overflow:hidden}.book-cover-art:before{content:"";mix-blend-mode:overlay;background-color:#0000;background-image:linear-gradient(90deg,#ffffff2e 1px,#0000 1px),linear-gradient(#ffffff1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.book-cover-art span{color:#ffffffdb;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(28px,4vw,68px);font-weight:900;line-height:.9;position:relative}.book-page-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding:clamp(34px,5vw,76px);display:flex;position:relative}.book-year{color:#ffffffc7;letter-spacing:.16em;border:1px solid #d7e2ea3d;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:13px}.book-page-content h3{color:#f5f8f8eb;letter-spacing:-.045em;text-transform:uppercase;max-width:520px;margin:auto 0 18px;font-size:clamp(42px,5.4vw,92px);line-height:.92}.book-page-content p{color:#aeb4b9;max-width:520px;margin:0;font-size:clamp(16px,1.15vw,20px);line-height:1.7}.book-tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.book-tags span{color:#d7e2eac7;text-transform:uppercase;letter-spacing:.08em;border:1px solid #d7e2ea29;padding:9px 12px;font-size:12px}.turning-page{z-index:4;transform-origin:0;pointer-events:none;background:linear-gradient(135deg,#f5f0e438,#5f687061),#15171c;border:2px solid #d7e2ea2e;border-radius:8px 34px 34px 8px;width:calc(50% + 2px);animation:.62s cubic-bezier(.2,.82,.2,1) both pageTurn;position:absolute;top:0;bottom:0;left:calc(50% - 2px)}.book-caption{justify-items:start;gap:22px;display:grid}.book-caption p{color:#d7e2eac2;text-transform:uppercase;margin:0;font-size:24px;line-height:1.2}.book-caption a{color:#f5f8f8eb;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border:1px solid #d7e2ea3d;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:13px;display:inline-flex}.book-caption a:hover{transform:translateY(-2px)}.strength-card h3{color:#f5f8f8e6;margin:0;font-size:24px;font-weight:460;line-height:1.16}.strengths-section{z-index:2;background:0 0;margin-top:-6vh;overflow:visible}.strength-card p{color:#e2ecee9e}.strength-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px;display:grid}.strength-card{min-height:300px;padding:28px;transition:border-color .18s,background .18s,transform .18s}.strength-card:hover,.stat-card:hover{background:#ffffff14;border-color:#ffffff5c;transform:translateY(-3px)}.strength-card svg{color:#f5f8f8c7;margin-bottom:82px}.strength-card p{margin:16px 0 0;line-height:1.72}.closing-section{color:#f4f1e8;background:var(--liquid-page-bg);isolation:isolate;z-index:3;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.closing-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#ffffff0d;border:1px solid #ffffff42;border-radius:26px;align-content:center;place-items:center;min-height:clamp(520px,72vh,760px);display:grid;box-shadow:inset 0 0 0 1px #ffffff0d,0 30px 90px #00000038}.closing-inner svg{color:#ffffffc7}.closing-inner h2{width:min(1100px,100%);margin-left:auto;margin-right:auto}.closing-actions{justify-content:center}@keyframes pageTurn{0%{opacity:0;transform:rotateY(0)}16%{opacity:1}to{opacity:0;transform:rotateY(-105deg)}}@media (width<=1180px){.hero-content{width:min(100% - 48px,1700px)}.hero-side-card-primary{right:250px}.hero-side-card-secondary{width:230px}.book-portfolio{grid-template-columns:1fr}.horizontal-header{width:min(100% - 48px,1700px)}.horizontal-track{padding-left:24px;padding-right:24px}.book-index{grid-template-columns:repeat(3,1fr)}.book-index button{min-height:64px}.book-caption{text-align:center;justify-items:center}.profile-section,.strength-grid{grid-template-columns:1fr 1fr}.profile-section{gap:36px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.site-nav,.section-shell,.closing-inner,.hero-content{width:min(100% - 32px,1700px)}.site-nav{grid-template-columns:auto 1fr auto;gap:16px;height:70px}.nav-links{display:none}.hero-content{min-height:calc(100svh - 70px);padding-top:0}.hero-glass-panel{border-radius:20px;min-height:calc(100svh - 110px)}.hero-copy{width:calc(100% - 40px);bottom:58px;left:20px}.hero-copy h1{font-size:clamp(54px,16vw,82px)}.hero-copy p{max-width:280px;font-size:13px}.hero-side-card-primary{width:116px;min-height:126px;padding:18px;top:18px;right:18px}.hero-side-card-secondary{display:none}.hero-contact-pill{min-width:46px;padding:16px 0;font-size:11px;right:12px}.book-index{grid-template-columns:1fr}.horizontal-header{width:min(100% - 32px,1700px);height:24svh;min-height:170px;padding-top:38px}.horizontal-header h2{font-size:clamp(44px,16vw,72px)}.project-counter{align-self:flex-start;font-size:18px}.horizontal-project-card{grid-template-rows:auto;width:190px}.cover-volume{height:300px}.book-stage{min-height:720px}.book-object{aspect-ratio:.72;grid-template-columns:1fr;width:min(100%,420px);transform:rotateX(6deg)}.book-stage:hover .book-object{transform:rotateX(6deg)translateY(-6px)}.book-page-left,.book-page-right{min-height:330px;transform:none}.book-page-left{border-radius:28px 28px 8px 8px}.book-page-right{border-radius:8px 8px 28px 28px}.book-spine{width:auto;height:22px;inset:50% 6% auto;transform:translateY(-50%)}.turning-page{display:none}.book-cover-art{border-radius:20px 20px 6px 6px}.profile-section,.strength-grid{grid-template-columns:1fr}.portrait-panel{min-height:auto}.portrait{min-height:440px}.section-shell{padding:82px 0}}