.portfolio{--bg:#0d1014;--surface:#14181e;--ink:#e8ecf0;--muted:#99a3af;--accent:#7acfc0;--border:#ffffff12;--amber:#d5ac77;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;overflow:hidden;font-size:15px;line-height:1.5}.portfolio *{box-sizing:border-box}.portfolio a{color:inherit;text-decoration:none}.portfolio button{font:inherit;color:inherit}.portfolio .shell{max-width:1360px;margin:auto;padding:0 64px}.portfolio #axis,.portfolio section[id]{scroll-margin-top:30px}.portfolio .header{max-width:1360px;padding:0 64px;height:108px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.portfolio .brand{display:flex;align-items:center;gap:17px}.portfolio .brand-symbol{font-size:36px;font-weight:750;letter-spacing:-3px;line-height:1}.portfolio .brand-symbol b{color:var(--accent)}.portfolio .brand-name{font-size:10px;letter-spacing:1.3px;font-weight:600;border-left:1px solid #ffffff1f;padding-left:17px}.portfolio .brand-name small{display:block;font:8px Consolas,monospace;letter-spacing:1.2px;color:#7c8795;margin-top:5px}.portfolio .nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#b4bdc7}.portfolio .nav a:hover{color:var(--accent)}.portfolio .nav-contact{display:flex;gap:10px;align-items:center;border:1px solid #ffffff25;padding:12px 17px;border-radius:5px;margin-left:7px}.portfolio .menu{display:none}.portfolio .amber-dot,.portfolio .dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0}.portfolio .amber-dot{background:var(--amber)}.portfolio .eyebrow,.portfolio .kicker,.portfolio .mono-label{font:10px Consolas,Courier New,monospace;letter-spacing:1.2px}.portfolio .eyebrow{display:flex;gap:10px;align-items:center;line-height:1.8;color:var(--accent)}.portfolio .slash{color:#4f5a67;margin:0 3px}.portfolio .hero{display:grid;grid-template-columns:1.13fr 1fr;gap:50px;padding-top:72px;position:relative}.portfolio .hero:before{content:"";position:absolute;width:600px;height:500px;right:-180px;top:-130px;background:radial-gradient(ellipse,#71b9ab0c,transparent 65%);pointer-events:none}.portfolio .hello{font-size:16px;color:#a6b0bd;margin:26px 0 13px}.portfolio h1{font-size:clamp(43px,4.6vw,65px);letter-spacing:-2.8px;font-weight:600;line-height:1.13;margin:0 0 25px}.portfolio h1>span{color:var(--accent)}.portfolio .hero-description{max-width:460px;font-size:14px;color:var(--muted);line-height:1.9;margin:0}.portfolio .actions{display:flex;gap:12px;align-items:center;margin-top:31px;flex-wrap:wrap}.portfolio .button{display:inline-flex;gap:20px;align-items:center;border-radius:5px;padding:15px 20px;font-size:12px;font-weight:500;border:1px solid transparent;transition:transform .2s,background .2s}.portfolio .button:hover{transform:translateY(-3px)}.portfolio .primary{background:var(--accent);color:#10231f}.portfolio .secondary{border-color:#ffffff22;background:#ffffff03;color:#c4ccd5}.portfolio .hero-tech{display:flex;gap:18px;flex-wrap:wrap;margin-top:33px;font:10px Consolas,monospace;color:#858f9d}.portfolio .hero-tech span:not(:last-child):after{content:" /";color:#424b55;margin-left:15px}.portfolio .system-visual{border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(135deg,#181f26,#11171c 60%);position:relative;overflow:hidden;align-self:center;box-shadow:0 35px 65px #00000035}.portfolio .system-top{padding:14px 18px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;color:#a0aab6;font:10px Consolas,monospace}.portfolio .system-top>span:first-child{display:flex;gap:9px;align-items:center}.portfolio .system-lights{display:flex;gap:5px}.portfolio .system-lights i{width:5px;height:5px;border-radius:50%;background:#5c646d}.portfolio .system-caption{font:8px Consolas,monospace;color:#697a88;letter-spacing:1px;display:flex;justify-content:space-between;padding:20px 22px 0}.portfolio .system-map{height:285px;position:relative;background-image:radial-gradient(#ffffff15 .7px,transparent 0);background-size:17px 17px;margin:0 14px}.portfolio .map-lines{position:absolute;top:90px;left:50%;width:180px;height:130px;border:1px solid #7acfc04a;border-top:0;border-radius:0 0 30px 30px;transform:translateX(-50%)}.portfolio .map-lines:after{content:"";position:absolute;left:50%;height:65px;border-left:1px solid #7acfc04a;top:-65px}.portfolio .map-core{position:absolute;left:50%;top:80px;transform:translateX(-50%);width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(140deg,#293e3b,#152824);border:1px solid #7acfc050;border-radius:17px;box-shadow:0 0 0 8px #7acfc004,0 0 0 9px #7acfc010;z-index:2;color:var(--accent)}.portfolio .map-core>span{font:9px Consolas,monospace;letter-spacing:1.7px;text-align:center}.portfolio .map-core>span>span{display:block;font-size:6px;color:#7c9b94;letter-spacing:1.5px;margin-top:4px}.portfolio .map-node{position:absolute;display:flex;gap:12px;align-items:center;background:#1b232a;border:1px solid #ffffff15;padding:13px;border-radius:6px;z-index:3;min-width:162px;box-shadow:0 8px 20px #00000030}.portfolio .map-node>svg{color:#99bdb4;flex-shrink:0}.portfolio .map-node>span{font:9px Consolas,monospace;letter-spacing:.8px}.portfolio .map-node small{display:block;font:8px Consolas,monospace;color:#83939f;letter-spacing:0;margin-top:6px}.portfolio .map-node>.dot{width:4px;height:4px;margin-left:auto}.portfolio .node-ui{top:17px;left:50%;transform:translateX(-50%)}.portfolio .node-api{bottom:30px;left:8px}.portfolio .node-data{bottom:30px;right:8px}.portfolio .map-label{position:absolute;font:7px Consolas,monospace;letter-spacing:.6px;color:#667c87}.portfolio .label-one{left:13px;top:96px}.portfolio .label-two{left:18px;bottom:9px}.portfolio .label-three{right:18px;bottom:9px}.portfolio .system-code{padding:17px 25px 20px;border-top:1px solid #ffffff0b;font:11px/1.9 Consolas,monospace;background:#0d121666}.portfolio .code-comment{display:block;color:#637879;font-size:10px;margin-bottom:6px}.portfolio .system-code code{color:#aab6c4}.portfolio .system-code code>span{color:#b498d2}.portfolio .system-code b{color:var(--accent);font-weight:400}.portfolio .system-bottom{padding:11px 18px;font:7px Consolas,monospace;letter-spacing:1px;color:#81948f;border-top:1px solid #ffffff0a;display:flex;justify-content:space-between}.portfolio .system-bottom>span{display:flex;gap:7px;align-items:center}.portfolio .system-bottom .dot{width:4px;height:4px}.portfolio .hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--border);padding:24px 0;margin-top:28px;font-size:11px;color:#9ea8b4}.portfolio .hero-bottom b{font:9px Consolas,monospace;color:#53636b;margin-right:9px}.portfolio .bottom-separator{color:#3a4651;margin:0 23px}.portfolio .hero-bottom a{display:flex;gap:15px;align-items:center;font-size:10px}.portfolio .about,.portfolio .process,.portfolio .work{padding-top:90px;padding-bottom:90px}.portfolio .kicker{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#7d8996;font-size:9px;letter-spacing:1.5px}.portfolio .kicker b{color:#394550;margin:0 9px;font-weight:400}.portfolio .two-col{display:grid;grid-template-columns:1fr 1fr;gap:95px}.portfolio .about-content{margin-top:42px}.portfolio h2{font-size:clamp(32px,3.3vw,45px);font-weight:550;letter-spacing:-1.5px;line-height:1.25;margin:0}.portfolio h2>span{color:#85919f}.portfolio .identity-card{display:flex;align-items:center;gap:15px;margin-top:35px;padding:20px;border:1px solid var(--border);border-radius:7px;max-width:350px;background:linear-gradient(120deg,#ffffff03,transparent);font-size:12px}.portfolio .identity-avatar{display:grid;place-items:center;width:47px;height:47px;background:#1f2c2b;color:var(--accent);border-radius:5px;font:16px Consolas,monospace;position:relative;flex-shrink:0}.portfolio .identity-avatar small{position:absolute;right:4px;top:1px;font-size:10px}.portfolio .identity-card>div>small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.portfolio .identity-card>svg{margin-left:auto;color:#455560;flex-shrink:0}.portfolio .body-copy p{color:var(--muted);line-height:1.9;font-size:14px;margin:0 0 20px}.portfolio .body-copy .lead{font-size:20px;color:#d1d8df;line-height:1.6}.portfolio .text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;color:var(--accent);padding-top:5px}.portfolio .text-link:hover{color:#fff}.portfolio .expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.portfolio .expertise{border:1px solid var(--border);border-radius:7px;background:var(--surface);padding:27px}.portfolio .expertise>svg{color:var(--accent)}.portfolio .expertise small{display:block;font:8px Consolas,monospace;letter-spacing:1.2px;color:#82928f;margin-top:23px}.portfolio h3{font-weight:500;letter-spacing:-.4px}.portfolio .expertise h3{font-size:19px;margin:10px 0 12px}.portfolio .expertise p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.portfolio .stack-section{background:#101419;border-block:1px solid var(--border);padding:75px 0}.portfolio .title-row{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:38px 0 35px}.portfolio .title-row>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}.portfolio .stack-explorer{background:#161b21;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.portfolio .stack-tabs{display:flex;border-bottom:1px solid #ffffff10;background:#ffffff02}.portfolio .stack-tabs button{display:flex;align-items:center;gap:10px;padding:20px 27px;border:0;border-right:1px solid #ffffff0a;border-bottom:2px solid transparent;background:transparent;color:#8895a2;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.portfolio .stack-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);background:#7acfc008}.portfolio .stack-tabs button:hover{background:#ffffff05}.portfolio .stack-tabs button>svg:last-child{margin-left:20px}.portfolio .stack-panel{padding:33px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:250px}.portfolio .mono-label{color:#7e8e9b;font-size:8px;letter-spacing:1px}.portfolio .stack-details h3{font-size:22px;line-height:1.4;margin:14px 0}.portfolio .stack-details p{font-size:12px;line-height:1.9;color:var(--muted)}.portfolio .tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.portfolio .tags>span{border:1px solid #ffffff13;background:#ffffff02;border-radius:4px;font:9px Consolas,monospace;color:#a6b3bc;padding:6px 9px}.portfolio .editor{border:1px solid #ffffff10;background:#0d1217;border-radius:6px;overflow:hidden}.portfolio .editor-title{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ffffff0b;padding:13px 15px;font:9px Consolas,monospace;color:#8e9ba9}.portfolio .editor-title>small{margin-left:auto;font-size:7px;color:#586975}.portfolio .editor pre{font:11px/2.2 Consolas,monospace;margin:0;padding:22px 10px 26px;white-space:pre-wrap;color:#b0c7be}.portfolio .line-number{display:inline-block;width:30px;text-align:center;margin-right:10px;color:#4e5e6a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio .editor-footer{border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:6px;padding:7px 14px;font:8px Consolas,monospace;color:#5d7582}.portfolio .editor-footer>span{margin-left:auto}.portfolio .principles{display:flex;justify-content:space-between;gap:15px;margin-top:25px;font-size:11px;color:#8d9d9b}.portfolio .principles>span{display:flex;align-items:center;gap:9px}.portfolio .principles svg{color:#628d83}.portfolio .work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.portfolio .work-card{background:#14191f;border:1px solid #ffffff13;border-radius:8px;overflow:hidden;transition:border-color .25s,transform .25s}.portfolio .work-card:hover{border-color:#7acfc040;transform:translateY(-3px)}.portfolio .project-preview{display:block!important;border-bottom:1px solid #ffffff0d;overflow:hidden;position:relative;height:270px}.portfolio .preview-bar{display:flex;align-items:center;gap:20px;padding:12px 18px;border-bottom:1px solid #ffffff0a;background:#ffffff02;color:#6d7e8c;font:8px Consolas,monospace}.portfolio .preview-bar>span{display:flex;gap:5px}.portfolio .preview-bar i{width:4px;height:4px;border-radius:50%;background:#4c5c67}.portfolio .preview-bar>small{font-size:8px;margin:auto}.portfolio .project-info{padding:28px}.portfolio .project-info h3{font-size:24px;margin:12px 0 14px}.portfolio .project-info h3 a{display:flex;align-items:center;justify-content:space-between}.portfolio .project-info h3 svg{color:#758691}.portfolio .project-info>p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;min-height:70px}.portfolio details{margin-top:22px;border-block:1px solid #ffffff0e;color:#aeb9c4}.portfolio summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:11px;cursor:pointer}.portfolio summary::-webkit-details-marker{display:none}.portfolio summary>span{font-size:17px;font-weight:300;color:var(--accent);transition:transform .2s}.portfolio details[open] summary>span{transform:rotate(45deg)}.portfolio details h4{font:9px Consolas,monospace;color:var(--accent);margin:7px 0}.portfolio details p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 16px}.portfolio .project-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;color:var(--accent);margin-top:21px}.portfolio .studio-scene{display:flex;align-items:stretch;height:235px;background:radial-gradient(ellipse at 45% 20%,#31394c,#171e2b 80%)}.portfolio .studio-tools{padding:21px 14px;display:flex;flex-direction:column;gap:20px;color:#8a99b4;border-right:1px solid #ffffff0b}.portfolio .studio-canvas{position:relative;display:grid;place-items:center;flex:1;overflow:hidden}.portfolio .package-object{width:100px;height:136px;background:linear-gradient(115deg,#a7b5cf,#657995 70%,#304257 0);transform:rotate(-13deg) skewY(4deg);box-shadow:20px 25px 22px #00000055;display:flex;align-items:center;padding:16px;position:relative;color:#182a40}.portfolio .package-object:before{content:"";position:absolute;inset:-15px;border:1px solid #8a99bd66}.portfolio .package-object>span{font:9px/1.8 Consolas,monospace}.portfolio .package-object b{font-family:Segoe UI,sans-serif;font-size:19px;letter-spacing:-1px}.portfolio .package-object small{display:block;font-size:5px;margin-top:12px}.portfolio .studio-layer{width:112px;display:flex;flex-direction:column;gap:11px;justify-content:center;border-left:1px solid #ffffff0b;background:#11182188;padding:12px;font:8px Consolas,monospace;color:#8394a9}.portfolio .studio-layer>span{font-size:7px;color:#50637b;margin-bottom:6px;letter-spacing:1px}.portfolio .studio-layer>div{border:1px solid #ffffff12;padding:9px 6px;border-radius:3px}.portfolio .studio-layer>div:first-of-type{background:#7587b61a;border-color:#7587b650}.portfolio .idea-scene{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;background:radial-gradient(ellipse at 50% 70%,#27382e,#15221c 80%);height:235px}.portfolio .idea-input{display:flex;align-items:center;gap:13px;padding:10px 19px;border:1px solid #7b9e7744;background:#1b2c22;border-radius:5px;width:230px;font-size:10px;color:#95b699}.portfolio .idea-path{color:#759585;font-size:21px;line-height:1.5;margin:4px 0}.portfolio .idea-result{width:230px;height:92px;border:1px solid #7b9e7744;background:#17281f;border-radius:4px;padding:15px;position:relative}.portfolio .idea-result>span{height:5px;display:block;width:75px;background:#8bac8266;margin-bottom:8px;border-radius:2px}.portfolio .idea-result>span:nth-child(2){width:120px;background:#8bac8222}.portfolio .idea-result>span:nth-child(3){width:45px;height:11px;background:#8bac8288}.portfolio .idea-result>div{display:flex;gap:5px;position:absolute;right:15px;top:18px}.portfolio .idea-result i{display:block;width:20px;height:49px;border:1px solid #688d6455;border-radius:2px;background:#51704d22}.portfolio .preview-caption{font:7px Consolas,monospace;color:#5d8367;letter-spacing:1.5px;margin-top:12px}.portfolio .watch-scene{height:235px;background:#171d29;padding:20px 35px}.portfolio .video-surface{height:155px;border:1px solid #7d8baf20;position:relative;display:grid;place-items:center;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 30% 100%,#465777,transparent 65%),radial-gradient(ellipse at 80% 0,#433c5e,transparent 65%),#1c2331}.portfolio .video-surface:after,.portfolio .video-surface:before{content:"";position:absolute;width:190px;height:100px;border:1px solid #b8caeb16;transform:rotate(-30deg);border-radius:50%}.portfolio .video-surface:after{transform:rotate(35deg);width:270px;height:140px}.portfolio .play-button{display:grid;place-items:center;background:#ffffff0c;border:1px solid #ffffff20;border-radius:50%;width:44px;height:44px;font-size:13px;color:#bfcbe0;z-index:1}.portfolio .video-timeline{position:absolute;bottom:15px;left:15px;right:15px;height:2px;background:#ffffff15}.portfolio .video-timeline>span{display:block;background:#8298c0;width:40%;height:2px}.portfolio .watch-status{display:flex;justify-content:space-between;margin-top:14px;font:7px Consolas,monospace;letter-spacing:.7px;color:#7487a7}.portfolio .watch-status>span:last-child{display:flex;gap:5px;align-items:center}.portfolio .watch-status .dot{width:4px;height:4px}.portfolio .short-scene{height:235px;background:radial-gradient(ellipse at 50% 100%,#2a2c31,#171b20);display:flex;align-items:center;flex-direction:column;padding:31px 20px}.portfolio .short-long{font:9px Consolas,monospace;border:1px solid #ffffff12;color:#788490;padding:11px 15px;border-radius:4px;background:#15191f;width:275px;text-align:center}.portfolio .short-result{display:flex;gap:15px;align-items:center;font:11px Consolas,monospace;background:#202b2a;padding:15px 18px;color:#aac2bc;border:1px solid #7acfc030;border-radius:4px}.portfolio .short-result b{color:var(--accent);font-weight:400}.portfolio .short-result>svg{width:17px}.portfolio .short-flow{display:flex;align-items:center;gap:13px;margin-top:21px;font:7px Consolas,monospace;letter-spacing:1px;color:#626d7b}.portfolio .ephoras{background:#141412;color:#ece9e3;border-block:1px solid #d5ac7716;padding:80px 0}.portfolio .ephoras .kicker{color:#93846f}.portfolio .ephoras .kicker>span:last-child{display:flex;align-items:center;gap:8px}.portfolio .ephoras-content{grid-template-columns:1.2fr 1fr;align-items:center;margin-top:45px}.portfolio .ephoras-brand{font-size:28px;font-weight:500;letter-spacing:-1.3px;margin-bottom:28px}.portfolio .ephoras-brand>span{font-size:22px;color:var(--amber);margin-left:10px}.portfolio .ephoras h2{font-size:43px}.portfolio .ephoras h2>span{color:var(--amber)}.portfolio .ephoras-content>div>p{font-size:14px;line-height:1.9;color:#a7a196;margin:25px 0;max-width:460px}.portfolio .amber{background:#d5ac77;color:#251c11}.portfolio .founder{border:1px solid #d5ac771b;padding:31px;border-radius:7px;background:linear-gradient(130deg,#d5ac7708,transparent)}.portfolio .founder .mono-label{color:#9d876b;font-size:8px}.portfolio .founder h3{font-size:29px;line-height:1.3;margin:22px 0}.portfolio .founder>p{font-size:12px!important;line-height:1.9!important;margin:15px 0!important;color:#a7a196}.portfolio .signature{display:flex;gap:13px;align-items:center;margin-top:27px;padding-top:23px;border-top:1px solid #d5ac7718;font-size:11px}.portfolio .signature>span{display:grid;place-items:center;border:1px solid #d5ac7730;color:var(--amber);border-radius:5px;width:40px;height:40px;font:12px Consolas,monospace}.portfolio .signature small{display:block;color:#897b67;margin-top:5px;font-size:9px}.portfolio .signature>svg{margin-left:auto;color:#655440}.portfolio .axis-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d5ac7725;border-radius:8px;overflow:hidden;margin-top:45px;background:#1a1a16}.portfolio .axis-art{min-height:390px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#50412a33,transparent 75%),#1c1d18;border-right:1px solid #d5ac7718}.portfolio .axis-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#d5ac7705 1px,transparent 0),linear-gradient(90deg,#d5ac7705 1px,transparent 0);background-size:35px 35px}.portfolio .axis-art>strong{font-size:94px;letter-spacing:-7px;font-weight:500;z-index:1;color:#e2d2bb}.portfolio .axis-art>strong>span{font-size:56px;color:var(--amber);margin-left:9px}.portfolio .axis-art>small{position:absolute;bottom:25px;left:28px;font:8px Consolas,monospace;letter-spacing:2px;color:#8b785d}.portfolio .axis-label{position:absolute;left:28px;top:24px;font:7px Consolas,monospace;letter-spacing:1px;color:#8d795f}.portfolio .axis-orbit{position:absolute;width:270px;height:270px;border:1px solid #d5ac7723;border-radius:50%;box-shadow:0 0 0 50px #1c1d1800,0 0 0 51px #d5ac7710,0 0 0 104px #1c1d1800,0 0 0 105px #d5ac770b}.portfolio .axis-map{position:absolute;bottom:74px;display:flex;gap:15px;font:7px Consolas,monospace;letter-spacing:1px;color:#b29774;z-index:1}.portfolio .axis-map>span{padding:7px 10px;border:1px solid #d5ac7725;background:#1c1d18;border-radius:4px}.portfolio .axis-copy{padding:40px}.portfolio .axis-copy .eyebrow{color:#a89170;font-size:8px}.portfolio .axis-copy h3{font-size:33px;line-height:1.25;margin:23px 0}.portfolio .axis-copy p{color:#a7a196;font-size:12px;line-height:1.9}.portfolio .ephoras .tags>span{border-color:#d5ac771f;color:#b2a084;background:#d5ac7703}.portfolio .status{border-top:1px solid #d5ac7719;padding-top:17px;margin-top:24px;font:8px Consolas,monospace;display:flex;gap:8px;align-items:center;color:#9e8b70}.portfolio .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:38px}.portfolio .story-grid>div{border-top:1px solid #d5ac7720;padding-top:23px}.portfolio .story-grid small{font:10px Consolas,monospace;color:#947b59}.portfolio .story-grid h3{font-size:17px;margin:12px 0}.portfolio .story-grid p{font-size:12px;color:#a0998d;line-height:1.9;margin:0}.portfolio .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.portfolio .process-grid>div{border-top:1px solid #ffffff15;padding-top:25px}.portfolio .process-icon{display:flex;align-items:center;justify-content:space-between;color:var(--accent)}.portfolio .process-icon>span{font:10px Consolas,monospace;color:#52636c}.portfolio .process-grid h3{font-size:18px;margin:22px 0 12px}.portfolio .process-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.portfolio .contact{background:linear-gradient(130deg,#172522,#111916 70%);border-top:1px solid #7acfc020;padding:60px 0 25px}.portfolio .contact .kicker{color:#75958b}.portfolio .contact-row{display:flex;align-items:center;justify-content:space-between;margin-top:36px;gap:30px}.portfolio .contact-row .eyebrow{font-size:8px;letter-spacing:1px;color:#6f9387;margin-bottom:18px}.portfolio .contact h2{font-size:45px}.portfolio .contact h2>span{color:var(--accent)}.portfolio .contact-row p{font-size:13px;line-height:1.9;color:#9eafa6;margin:23px 0}.portfolio .contact-arrow{width:100px;height:100px;border:1px solid #7acfc040;background:#7acfc00a;color:var(--accent);border-radius:50%;display:grid;place-items:center;transition:transform .25s;flex-shrink:0}.portfolio .contact-arrow:hover{transform:rotate(10deg);background:#7acfc012}.portfolio .email{display:inline-flex;align-items:center;gap:30px;font-size:23px;letter-spacing:-.6px;border-bottom:1px solid #7acfc030;padding-bottom:12px;margin-top:12px;color:#c4ddd3}.portfolio .contact-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #7acfc018;padding-top:24px;margin-top:42px;font:9px Consolas,monospace;color:#829c91}.portfolio .contact-bottom>div{display:flex;gap:25px}.portfolio .contact-bottom a{display:flex;align-items:center;gap:8px}.portfolio .footer{display:flex;align-items:center;gap:30px;padding-top:25px;padding-bottom:25px;color:#697580;font-size:9px}.portfolio .footer .brand-symbol{font-size:26px;color:#a8b3bd;margin-right:15px}.portfolio .footer>a:nth-last-child(2){margin-left:auto;display:flex;align-items:center;gap:5px}.portfolio .skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:100}.portfolio .skip:focus{top:15px}.portfolio a:focus-visible,.portfolio button:focus-visible,.portfolio summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.portfolio a,.portfolio button{-webkit-tap-highlight-color:transparent}@media(min-width:1500px){.portfolio .hero{padding-top:90px;padding-bottom:15px}.portfolio h1{font-size:68px}}@media(max-width:1100px){.portfolio .header,.portfolio .shell{padding-left:35px;padding-right:35px}.portfolio .brand-name{display:none}.portfolio .hero{gap:30px}.portfolio h1{font-size:52px}.portfolio .two-col{gap:45px}.portfolio .system-map{margin:0 5px}.portfolio .map-node{min-width:140px;padding:11px;gap:9px}.portfolio .map-node small{font-size:7px}.portfolio .node-api{left:7px}.portfolio .node-data{right:7px}.portfolio .stack-panel{gap:25px;padding:27px}.portfolio .stack-tabs button{padding:17px 22px}.portfolio .axis-copy{padding:30px}.portfolio .ephoras h2{font-size:38px}.portfolio .expertise{padding:23px}.portfolio .studio-layer{width:90px}.portfolio .process-grid{gap:23px}}@media(max-width:850px){.portfolio .nav{gap:18px;font-size:11px}.portfolio .hero{grid-template-columns:1fr 1fr;gap:20px}.portfolio h1{font-size:44px;letter-spacing:-2px}.portfolio .hero-description{font-size:12px}.portfolio .eyebrow{font-size:8px;letter-spacing:.6px}.portfolio .hero-tech{gap:9px;font-size:8px}.portfolio .hero-tech span:not(:last-child):after{margin-left:8px}.portfolio .map-node{min-width:125px;padding:10px;gap:7px}.portfolio .map-node>svg{width:16px}.portfolio .map-node>span{font-size:8px}.portfolio .node-api{left:1px}.portfolio .node-data{right:1px}.portfolio .system-code{padding:15px 18px;font-size:10px}.portfolio .map-core{width:84px;height:84px;top:90px}.portfolio .system-map{height:275px}.portfolio .bottom-separator{margin:0 13px}.portfolio .stack-panel{grid-template-columns:1fr}.portfolio .expertise-grid{gap:13px}.portfolio .expertise{padding:20px}.portfolio .expertise h3{font-size:17px}.portfolio .work-grid{gap:18px}.portfolio .project-info{padding:22px}.portfolio .studio-layer{display:none}.portfolio .ephoras-content{gap:25px}.portfolio .founder{padding:24px}.portfolio .axis-copy{padding:27px}.portfolio .axis-copy h3{font-size:28px}.portfolio .axis-map{gap:7px;font-size:6px}.portfolio .contact h2{font-size:38px}}@media(max-width:700px){.portfolio .header,.portfolio .shell{padding-left:22px;padding-right:22px}.portfolio .header{height:84px}.portfolio .brand-name{display:block;font-size:9px;letter-spacing:.8px;padding-left:13px}.portfolio .brand-name small{font-size:7px;letter-spacing:.8px}.portfolio .brand{gap:13px}.portfolio .brand-symbol{font-size:31px}.portfolio .menu{display:grid;place-items:center;background:#ffffff03;color:var(--ink);border:1px solid #ffffff1a;width:38px;height:38px;border-radius:5px}.portfolio .nav{display:none;position:absolute;top:76px;left:15px;right:15px;background:#161d24;border:1px solid #ffffff20;padding:24px;z-index:20;border-radius:6px;box-shadow:0 20px 40px #00000080}.portfolio .nav.open{display:flex;flex-direction:column;align-items:stretch;gap:23px;font-size:13px}.portfolio .nav-contact{margin-left:0;justify-content:space-between}.portfolio .hero{grid-template-columns:1fr;padding-top:39px;gap:32px}.portfolio .eyebrow{font-size:8px;letter-spacing:.5px;gap:8px;flex-wrap:wrap}.portfolio .hello{font-size:14px;margin-top:24px}.portfolio h1{font-size:clamp(38px,10vw,59px);letter-spacing:-1.9px;line-height:1.15}.portfolio .hero-description{font-size:13px;line-height:1.9}.portfolio .desktop-break{display:none}.portfolio .actions{gap:10px;margin-top:26px}.portfolio .button{font-size:11px;padding:14px 17px;gap:12px}.portfolio .hero-tech{font-size:9px;gap:11px;margin-top:26px}.portfolio .hero-tech span:not(:last-child):after{margin-left:10px}.portfolio .system-visual{width:100%;max-width:450px;justify-self:center}.portfolio .system-map{height:275px;margin:0 10px}.portfolio .map-node{min-width:130px;padding:11px;gap:8px}.portfolio .map-node>svg{width:18px}.portfolio .node-api{left:0}.portfolio .node-data{right:0}.portfolio .map-core{width:87px;height:87px}.portfolio .system-code{font-size:11px}.portfolio .system-bottom{font-size:6px}.portfolio .hero-bottom{padding:19px 0;margin-top:1px;gap:20px;font-size:9px;flex-wrap:wrap}.portfolio .hero-bottom b{font-size:7px;margin-right:5px}.portfolio .bottom-separator{margin:0 9px}.portfolio .hero-bottom a{font-size:9px}.portfolio .about,.portfolio .process,.portfolio .work{padding-top:55px;padding-bottom:55px}.portfolio .kicker{font-size:7px;letter-spacing:1px;align-items:flex-start}.portfolio .kicker>span:last-child{text-align:right}.portfolio .kicker b{margin:0 5px}.portfolio .two-col{grid-template-columns:1fr;gap:29px;margin-top:31px}.portfolio h2{font-size:34px;letter-spacing:-1px}.portfolio .identity-card{margin-top:24px;max-width:none}.portfolio .body-copy p{font-size:13px}.portfolio .body-copy .lead{font-size:19px}.portfolio .expertise-grid{grid-template-columns:1fr;gap:15px;margin-top:32px}.portfolio .expertise{padding:23px;display:grid;grid-template-columns:32px 1fr;-moz-column-gap:17px;column-gap:17px;align-items:start}.portfolio .expertise>svg{grid-row:1/3;margin-top:4px}.portfolio .expertise small{margin:0;font-size:8px}.portfolio .expertise h3{margin:7px 0 10px;font-size:19px}.portfolio .expertise p{grid-column:2}.portfolio .stack-section{padding:50px 0}.portfolio .title-row{display:block;margin-top:30px;margin-bottom:25px}.portfolio .title-row>p{max-width:none;margin-top:22px;font-size:12px}.portfolio .stack-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.portfolio .stack-tabs button{justify-content:center;gap:7px;padding:14px 6px;font-size:10px;white-space:nowrap}.portfolio .stack-tabs button>svg{width:14px;flex-shrink:0}.portfolio .stack-tabs button>svg:last-child{display:none}.portfolio .stack-panel{padding:24px 20px;gap:22px;min-height:380px}.portfolio .stack-details h3{font-size:22px}.portfolio .editor pre{font-size:10px}.portfolio .principles{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px}.portfolio .principles>span{gap:7px}.portfolio .work-grid{grid-template-columns:1fr;gap:25px}.portfolio .project-preview{height:255px}.portfolio .idea-scene,.portfolio .short-scene,.portfolio .studio-scene,.portfolio .watch-scene{height:220px}.portfolio .project-info{padding:24px}.portfolio .project-info>p{min-height:0;font-size:12px}.portfolio .studio-layer{display:flex;width:100px}.portfolio .project-info h3{font-size:23px}.portfolio .ephoras{padding-top:50px;padding-bottom:50px}.portfolio .ephoras-brand{margin-bottom:22px}.portfolio .ephoras h2{font-size:35px}.portfolio .ephoras-content>div>p{font-size:13px}.portfolio .founder{padding:25px}.portfolio .founder h3{font-size:28px}.portfolio .axis-card{grid-template-columns:1fr;margin-top:32px}.portfolio .axis-art{min-height:310px;border-right:0;border-bottom:1px solid #d5ac7718}.portfolio .axis-art>strong{font-size:85px}.portfolio .axis-copy{padding:30px 24px}.portfolio .axis-copy h3{font-size:31px}.portfolio .axis-map{font-size:7px;gap:12px;bottom:60px}.portfolio .story-grid{grid-template-columns:1fr;gap:23px;margin-top:30px}.portfolio .story-grid>div{display:grid;grid-template-columns:25px 1fr;-moz-column-gap:14px;column-gap:14px;padding-top:20px}.portfolio .story-grid h3{margin:0 0 9px}.portfolio .story-grid p{grid-column:2}.portfolio .process-grid{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:30px}.portfolio .process-grid h3{font-size:17px;margin:17px 0 10px}.portfolio .process-grid p{font-size:11px}.portfolio .contact{padding-top:45px}.portfolio .contact-row{margin-top:28px;gap:17px;align-items:flex-start}.portfolio .contact-row .eyebrow{font-size:7px;line-height:1.8}.portfolio .contact h2{font-size:32px}.portfolio .contact-row p{font-size:12px}.portfolio .contact-arrow{width:48px;height:48px;margin-top:45px}.portfolio .contact-arrow svg{width:29px}.portfolio .email{font-size:clamp(15px,4.5vw,21px);gap:13px}.portfolio .contact-bottom{gap:20px;flex-direction:column;margin-top:32px;font-size:8px}.portfolio .footer{flex-wrap:wrap;gap:16px;padding-top:22px;padding-bottom:22px}.portfolio .footer .brand-symbol{margin:0}.portfolio .footer>a:nth-last-child(2){margin-left:auto}.portfolio .footer>a:last-child{display:none}}@media(max-width:360px){.portfolio .header,.portfolio .shell{padding-left:17px;padding-right:17px}.portfolio .map-node{min-width:120px;padding:9px}.portfolio .map-node small{font-size:6px}.portfolio .map-node>span{font-size:7px}.portfolio .studio-layer{width:85px}.portfolio .contact h2{font-size:28px}.portfolio .hero-tech{gap:8px;font-size:8px}.portfolio .hero-tech span:not(:last-child):after{margin-left:7px}.portfolio .stack-tabs button{font-size:9px;gap:5px}}@media(prefers-reduced-motion:reduce){.portfolio *{transition:none!important;animation:none!important}}html:has(.portfolio){scrollbar-color:#34454d #0d1014}html:has(.portfolio)::-webkit-scrollbar-track{background:#0d1014}html:has(.portfolio)::-webkit-scrollbar-thumb{background:#34454d;border-radius:6px}html:has(.portfolio)::-webkit-scrollbar-thumb:hover{background:#486269}body:has(.portfolio){background:#0d1014}@keyframes portfolio-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-core{0%,to{box-shadow:0 0 0 8px #7acfc004,0 0 0 9px #7acfc010}50%{box-shadow:0 0 0 12px #7acfc006,0 0 0 13px #7acfc020,0 0 30px #7acfc00a}}@keyframes portfolio-input{0%,15%{top:61px;left:50%;opacity:0}25%{opacity:.9}60%{top:91px;left:50%;opacity:.9}70%,to{top:91px;left:50%;opacity:0}}@keyframes portfolio-api{0%,20%{left:50%;top:174px;opacity:0}30%{left:50%;top:183px;opacity:.85}50%{left:50%;top:219px;opacity:.85}75%{left:23%;top:219px;opacity:.85}85%,to{left:23%;top:219px;opacity:0}}@keyframes portfolio-data{0%,20%{left:50%;top:174px;opacity:0}30%{left:50%;top:183px;opacity:.85}50%{left:50%;top:219px;opacity:.85}75%{left:77%;top:219px;opacity:.85}85%,to{left:77%;top:219px;opacity:0}}@keyframes portfolio-cursor{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes portfolio-panel{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.portfolio .actions,.portfolio .hello,.portfolio .hero-copy>.eyebrow,.portfolio .hero-description,.portfolio .hero-tech,.portfolio .system-visual,.portfolio h1{animation:portfolio-enter .8s cubic-bezier(.2,.7,.2,1) both}.portfolio .hello{animation-delay:90ms}.portfolio h1{animation-delay:.16s}.portfolio .hero-description{animation-delay:.23s}.portfolio .actions{animation-delay:.31s}.portfolio .hero-tech{animation-delay:.38s}.portfolio .system-visual{animation-delay:.18s;animation-duration:1s}.portfolio [data-reveal]{opacity:0;translate:0 22px;transition:opacity .7s ease var(--reveal-delay,0ms),translate .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),border-color .25s,transform .25s}.portfolio [data-reveal][data-visible=true]{opacity:1;translate:0 0}.portfolio .map-core{animation:portfolio-core 5s ease-in-out infinite}.portfolio .data-packet{position:absolute;width:4px;height:4px;background:#88d2c3;border-radius:50%;box-shadow:0 0 7px #7acfc060;z-index:1;pointer-events:none;opacity:0}.portfolio .packet-ui{animation:portfolio-input 5.5s ease-in-out infinite}.portfolio .packet-api{animation:portfolio-api 5.5s ease-in-out infinite}.portfolio .packet-data{animation:portfolio-data 5.5s ease-in-out 1s infinite}.portfolio .system-code code:after{content:"";display:inline-block;background:#82b8aa;width:5px;height:12px;vertical-align:middle;margin-left:6px;animation:portfolio-cursor 1.8s steps(1) infinite}.portfolio .editor,.portfolio .stack-details{animation:portfolio-panel .3s ease both}.portfolio .project-preview .idea-result,.portfolio .project-preview .package-object,.portfolio .project-preview .short-result,.portfolio .project-preview .video-surface{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.portfolio .studio:hover .package-object{transform:rotate(-8deg) skewY(4deg) translateY(-4px)}.portfolio .ideas:hover .idea-result{transform:translateY(-3px)}.portfolio .watch:hover .video-surface{transform:scale(1.025)}.portfolio .short:hover .short-result{transform:translateY(-3px)}.portfolio .nav-contact>svg,.portfolio .project-link>svg,.portfolio .text-link>svg{transition:transform .25s}.portfolio .nav-contact:hover>svg,.portfolio .project-link:hover>svg,.portfolio .text-link:hover>svg{transform:translate(3px,-3px)}}@media(prefers-reduced-motion:reduce){.portfolio [data-reveal]{opacity:1;translate:none}.portfolio .data-packet{display:none}}