/*
Theme Name: AtaXan Studio
Theme URI: https://wordpress.org/
Author: AtaXan
Description: Bespoke one-piece emerald personal portfolio with native project editor and brand settings.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 8.0
License: Private use
Text Domain: ataxan
*/

:root {
 --ink:#071914;--base:#071914;--base-alt:#09221b;--forest:#0B3D2E;--pine:#1F6E52;--gold:#C9A227;
 --cream:#F5F1E6;--soft:#d8dfd4;--muted:#91a79b;--muted2:#758e82;
 --line:rgba(227,232,215,.14);--line-soft:rgba(227,232,215,.075);
 --ease:cubic-bezier(.22,1,.36,1);--easesoft:cubic-bezier(.25,.46,.45,.94);
 --max:1430px;--pad:clamp(24px,5.7vw,108px);--font:'DM Sans','Manrope',Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--base);color:var(--cream);font-family:var(--font);font-weight:400;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.085;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.24' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 70% 45% at 80% -10%,rgba(31,110,82,.085),transparent 70%)}
::selection{background:#bda448;color:#071914}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#app{overflow:hidden}.wrap{width:min(var(--max),calc(100% - var(--pad)*2));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.rule{height:1px;background:var(--line);width:100%}
.top-progress{position:fixed;left:0;top:0;height:2px;background:var(--gold);width:0;z-index:1100;pointer-events:none;opacity:.8;transition:width .08s linear}
.site-header{height:100px;position:absolute;z-index:150;top:0;left:0;right:0}
.header-inner{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line-soft)}
.wordmark{font-family:'Outfit',sans-serif;letter-spacing:-.065em;font-size:28px;line-height:1;display:inline-flex;align-items:baseline;width:max-content;font-weight:600}
.wordmark .x{color:var(--gold);font-weight:700}.wordmark small{font-family:var(--font);color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:600;letter-spacing:.19em;display:block;margin:8px 0 0 3px}
.nav-links{display:flex;justify-content:center;gap:clamp(20px,2.5vw,40px)}.nav-links a{font-size:12px;letter-spacing:.005em;color:#a4b8ac;transition:color .35s var(--easesoft);position:relative}
.nav-links a:after{content:"";position:absolute;bottom:-10px;left:0;right:0;background:var(--gold);height:1px;transform-origin:left;transform:scaleX(0);transition:transform .42s var(--ease)}.nav-links a:hover,.nav-links a.active{color:var(--cream)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.header-right{display:flex;justify-content:flex-end;align-items:center;gap:16px}.availability-dot{height:6px;width:6px;border-radius:100%;background:#a7ba79;box-shadow:0 0 10px #a7ba7950}.header-note{font-size:10px;color:var(--muted);letter-spacing:.065em;white-space:nowrap}
.small-contact{display:inline-flex;border:1px solid var(--line);border-radius:100px;font-size:11px;letter-spacing:.03em;padding:12px 17px;align-items:center;gap:17px;transition:background .4s var(--ease),border-color .4s var(--ease),transform .5s var(--ease)}.small-contact:hover{background:#ffffff0b;border-color:#d6ddc950;transform:translateY(-1px)}.small-contact span{font-size:16px;color:var(--gold);line-height:0;transition:transform .4s var(--ease)}.small-contact:hover span{transform:translate(2px,-2px)}
.mobile-toggle{display:none;background:none;border:0;padding:12px;color:var(--cream);font-size:25px}
.mini-label{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);font-weight:650;display:inline-flex;align-items:center;gap:13px}
.mini-label:before{content:"";width:20px;height:1px;background:currentColor;opacity:.65}
.display{font-family:'Outfit',sans-serif;letter-spacing:-.071em;font-weight:500;line-height:.99}
.display i,.section-title i,.cta-head i{font-style:normal;color:var(--gold)}
.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#98ad9f;font-weight:650}
.section-title{font-family:'Outfit',sans-serif;font-size:clamp(42px,5.25vw,79px);line-height:1.09;letter-spacing:-.061em;font-weight:500;margin:15px 0 0}
.lead-copy{font-size:clamp(14px,1.12vw,17px);line-height:1.88;color:#9db1a4;max-width:550px}
.section-intro{display:grid;grid-template-columns:1.15fr .75fr;gap:60px;align-items:end;margin-bottom:62px}
.section-intro .lead-copy{margin:0 0 7px auto;max-width:350px}
.page-section{position:relative;padding:135px 0 132px}
.section-inner{border-top:1px solid var(--line);padding-top:35px}
.section-index{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase}
.section-index b{font-weight:600;color:var(--gold)}
.text-link{display:inline-flex;gap:20px;align-items:center;position:relative;color:var(--cream);font-size:12px;font-weight:550;line-height:1.4;padding-bottom:12px;border-bottom:1px solid rgba(245,241,230,.36);transition:border-color .38s var(--ease)}
.text-link:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;background:var(--gold);width:100%;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)}.text-link:hover:after{transform:scaleX(1)}.text-link .arrow{font-size:19px;color:var(--gold);display:inline-block;transition:transform .45s var(--ease)}.text-link:hover .arrow{transform:translate(3px,-3px)}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .95s var(--ease),transform 1.05s var(--ease)}.reveal.visible{opacity:1;transform:none}
/* HERO: one unified ink surface, never alternating bright section blocks */
.hero{min-height:850px;height:min(980px,100vh);max-height:1050px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 65% at 77% 53%,#17442f4d,transparent 75%),radial-gradient(ellipse 45% 80% at 22% 100%,#0e392a40,transparent 70%);z-index:-2}
.hero-layout{height:100%;min-height:850px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:min(7vw,100px);padding-top:103px;position:relative}
.hero-content{padding-top:8px;position:relative;z-index:3}
.hero-index{display:flex;align-items:center;gap:12px;margin-bottom:42px}.hero-index .pulse{height:7px;width:7px;border-radius:100%;background:#b6bc77;box-shadow:0 0 0 5px #b6bc7714}
.hero-index span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#a6bcae}
.hero-title{font-size:clamp(66px,8.3vw,133px);margin:0;max-width:940px;white-space:nowrap}
.hero-title .stroke{color:transparent;-webkit-text-stroke:1px #e2e9db8c;text-shadow:none}
.hero-desc{color:#a4b6aa;font-size:15px;line-height:1.9;max-width:410px;margin:37px 0 42px}
.hero-actions{display:flex;align-items:center;gap:34px}
.btn-pill{background:var(--gold);border:1px solid var(--gold);color:#071d17;display:inline-flex;align-items:center;gap:42px;border-radius:99px;padding:18px 22px 18px 26px;font-size:12px;font-weight:700;transition:background .4s var(--ease),transform .45s var(--ease),box-shadow .4s var(--ease)}
.btn-pill span{font-size:20px;font-weight:400;line-height:.65;transition:transform .45s var(--ease)}.btn-pill:hover{transform:translateY(-2px);background:#dfbc44;box-shadow:0 10px 35px #c9a22713}.btn-pill:hover span{transform:translate(3px,-2px)}
.hero-art{height:calc(100% - 85px);max-height:675px;min-height:490px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;margin:0 0 0 -20px}
.hero-art:before{content:"";position:absolute;inset:2% -7%;background:radial-gradient(ellipse at 56% 48%,#20674840,transparent 58%);z-index:-2}
.orbit{position:absolute;border:1px solid rgba(200,189,139,.11);border-radius:50%;aspect-ratio:1;pointer-events:none}.orbit.one{width:107%;transform:rotate(16deg)}.orbit.two{width:79%;border-color:rgba(201,162,39,.13)}.orbit.three{width:57%;border-color:rgba(245,241,230,.08)}
.orbit.one:after{content:"";height:5px;width:5px;border-radius:100%;position:absolute;background:var(--gold);top:17%;right:15%;box-shadow:0 0 18px #c9a22740}
.portrait-stage{height:min(560px,77%);width:min(365px,78%);position:relative;overflow:hidden;border-radius:180px 180px 10px 10px;box-shadow:0 12px 100px #00000042,0 0 0 1px #e2e9db10;background:linear-gradient(155deg,#245641 0%,#123a2d 34%,#071c17 100%);display:flex;align-items:center;justify-content:center}
.portrait-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 67% 22%,rgba(191,179,119,.12),transparent 72%),linear-gradient(180deg,transparent 50%,#0719149c)}
.portrait-stage .portrait-symbol{font-family:'Outfit',sans-serif;font-size:clamp(140px,16vw,220px);font-weight:400;letter-spacing:-.16em;transform:translateX(-8%);color:#edf2e70c;-webkit-text-stroke:1px rgba(235,232,210,.24)}
.portrait-stage .portrait-caption{position:absolute;bottom:31px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#bac9bd}
.portrait-stage .portrait-caption:after{content:'↗';font-size:19px;color:var(--gold)}
.art-detail{position:absolute;display:flex;align-items:center;gap:10px;top:17%;right:-12%;font-size:9px;color:#8ca496;letter-spacing:.17em;text-transform:uppercase;transform:rotate(90deg);transform-origin:right center}
.art-detail .dot{width:24px;height:1px;background:var(--gold)}
.hero-bottom{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;align-items:center;color:#7f9c8d;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.scroll-mark{display:flex;align-items:center;gap:14px}.scroll-mark:after{content:"";width:45px;height:1px;background:var(--gold);opacity:.7}
/* PROJECTS */
.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:465px;border-bottom:1px solid var(--line);gap:0;padding:58px 0;position:relative;cursor:pointer}
.work-visual{width:100%;aspect-ratio:1.49;position:relative;overflow:hidden;border-radius:3px;background:#112f25;isolation:isolate}
.work-copy{padding:0 clamp(20px,3vw,45px) 0 clamp(55px,8vw,140px);align-self:center}
.work-meta{font-size:10px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.work-copy h3{font-family:'Outfit',sans-serif;font-size:clamp(35px,4.1vw,65px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:20px 0 21px;max-width:470px;transition:color .5s var(--ease)}
.work-copy p{color:#91a89a;font-size:13px;line-height:1.95;max-width:365px;margin:0 0 36px}.work-copy .open-line{display:flex;align-items:center;gap:15px;font-size:11px;color:#d9e3d7;font-weight:600;letter-spacing:.02em}
.open-line .round-arrow{height:33px;width:33px;border:1px solid #b8c9b045;border-radius:100%;display:grid;place-items:center;font-size:15px;transition:background .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.work-item:hover h3{color:#f9f7eb}.work-item:hover .round-arrow{background:var(--gold);color:#0a2219;border-color:var(--gold);transform:translate(3px,-2px)}
.work-item:hover .art-layer{transform:scale(1.025)}.art-layer{height:100%;width:100%;transition:transform 1.05s var(--ease);position:relative;overflow:hidden}
.work-tag{position:absolute;top:22px;left:24px;color:#f5f1e6b8;text-transform:uppercase;font-size:9px;letter-spacing:.17em;z-index:5}
.art-commerce{background:radial-gradient(circle at 70% 40%,#28604a 0%,#0b2a20 65%,#071b16)}
.commerce-browser{position:absolute;top:16%;left:13%;width:74%;height:73%;background:#ece9dc;transform:rotate(-5deg);box-shadow:0 25px 60px #06191480;color:#0d2d22;padding:0;overflow:hidden;transition:transform 1s var(--ease)}
.work-item:hover .commerce-browser{transform:rotate(-3deg) translateY(-4px)}
.commerce-header{height:15%;border-bottom:1px solid #163c2b24;display:flex;justify-content:space-between;align-items:center;padding:0 7%;font-size:8px;letter-spacing:.16em;font-weight:700}.commerce-inner{height:85%;display:grid;grid-template-columns:52% 48%;align-items:center}.commerce-inner .text{padding:0 5% 0 13%;font-family:'Outfit',sans-serif;font-size:clamp(19px,2.65vw,44px);line-height:1.07;letter-spacing:-.06em}.commerce-inner .text small{display:block;margin-top:20px;color:#527563;font-size:7px;font-family:var(--font);letter-spacing:.09em;text-transform:uppercase}
.product-art{height:95%;width:93%;border-radius:48% 48% 8% 8%;background:linear-gradient(127deg,#315742,#0f392b 52%,#082b20 100%);position:relative;overflow:hidden;box-shadow:inset 20px 20px 25px #ffffff0a}.product-art:before{content:"";position:absolute;inset:15% 25%;border-radius:50% 50% 8% 8%;border:12px solid #c7aa59b8;filter:drop-shadow(6px 8px 8px #071a1688)}.product-art:after{content:"";position:absolute;inset:32% 41% 0;border-radius:34% 34% 0 0;background:linear-gradient(90deg,#7d753f,#e3d089 55%,#8b7740);box-shadow:0 -3px 10px #0002}
.art-automation{background:radial-gradient(ellipse at 45% 45%,#245947,#0d2b25 75%)}.automation-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(to bottom,transparent,#000 20% 80%,transparent)}
.auto-svg{position:absolute;inset:0;width:100%;height:100%}.auto-svg path{fill:none;stroke:#bca24b;stroke-width:1.3;stroke-dasharray:5 6;opacity:.8}.auto-node{position:absolute;z-index:2;border:1px solid #e9ebdf38;border-radius:9px;background:#173e32e8;backdrop-filter:blur(10px);padding:18px 22px;box-shadow:0 15px 40px #021b1540}
.auto-node b{font-size:11px;color:#f4efe0;display:block;font-weight:600}.auto-node small{font-size:8px;color:#9cb5a5;display:block;margin-top:8px;text-transform:uppercase;letter-spacing:.08em}.auto-node .node-icon{color:var(--gold);font-size:19px;display:block;margin-bottom:13px}
.auto-node.n1{top:18%;left:7%}.auto-node.n2{top:33%;left:42%}.auto-node.n3{bottom:12%;right:9%}
.art-seo{background:linear-gradient(150deg,#102d27,#0a1e19 72%)}.seo-dashboard{position:absolute;width:79%;height:73%;top:17%;left:12%;background:#e5e5d9;color:#1b352b;border-radius:5px;box-shadow:0 30px 60px #0006;transform:rotate(4deg);overflow:hidden;transition:transform 1s var(--ease)}.work-item:hover .seo-dashboard{transform:rotate(2deg) translateY(-4px)}
.seo-top{height:20%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0d2a1e27;font-size:9px;letter-spacing:.1em;font-weight:700;padding:0 7%}.seo-metrics{display:flex;align-items:center;gap:20px;padding:9% 7% 0}.seo-metrics b{font-size:clamp(28px,4vw,50px);font-weight:500;letter-spacing:-.06em}.seo-metrics small{font-size:8px;color:#507462;text-transform:uppercase;letter-spacing:.1em}.seo-chart{width:89%;height:43%;margin:4% auto 0;overflow:visible}.seo-chart path.line{stroke:#1c6b4e;stroke-width:2.8;fill:none}.seo-chart path.fill{fill:#1f6e5220}
.art-motion{background:radial-gradient(circle at 65% 55%,#28463c,#0e241e 75%)}.motion-circle{width:57%;aspect-ratio:1;border-radius:50%;position:absolute;left:22%;top:0;background:conic-gradient(from 80deg,#bfa65d,#205c45,#d5b468,#123d30,#bfa65d);box-shadow:0 30px 75px #0008;animation:spin 28s linear infinite}.motion-circle:before{content:"";position:absolute;inset:22%;border-radius:50%;background:#122c23;box-shadow:inset 0 0 30px #0007}.motion-type{position:absolute;left:8%;bottom:9%;font-size:clamp(35px,5vw,70px);letter-spacing:-.08em;font-weight:500;font-family:'Outfit',sans-serif;text-shadow:0 10px 20px #0005}
@keyframes spin{to{transform:rotate(360deg)}}
/* discipline overview - no card box parade */
.practice-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(80px,11vw,180px);padding-top:35px}
.practice-copy{position:sticky;top:130px;align-self:start}.practice-copy p{max-width:410px;margin:32px 0 0}
.expertise-list{margin-top:14px;border-top:1px solid var(--line)}
.expertise-row{border:0;background:none;color:inherit;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px 1fr 22px;gap:12px;align-items:center;text-align:left;width:100%;padding:31px 2px;transition:padding .45s var(--ease)}
.expertise-row:hover{padding-left:8px}.expertise-row .n{font-size:10px;color:var(--gold);letter-spacing:.08em}.expertise-row h3{font-family:'Outfit',sans-serif;font-size:clamp(21px,2.3vw,34px);letter-spacing:-.045em;font-weight:500;margin:0;transition:color .35s var(--ease)}
.expertise-row:hover h3,.expertise-row[aria-expanded="true"] h3{color:#fefcef}.expertise-row .plus{font-size:20px;color:var(--gold);font-weight:300;transition:transform .55s var(--ease)}.expertise-row[aria-expanded="true"] .plus{transform:rotate(45deg)}
.expertise-detail{grid-column:2/4;max-height:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .5s var(--ease);opacity:0}.expertise-row[aria-expanded="true"] .expertise-detail{max-height:240px;opacity:1}.expertise-detail p{font-size:12px;color:#a0b2a7;line-height:1.9;margin:7px 0 15px;max-width:380px}.expertise-detail .tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1px}.tag-list span{border:1px solid #d7dfce22;border-radius:100px;font-size:9px;color:#aebfb1;padding:8px 11px}
/* journey - restrained, editorial */
.journey-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:12vw;padding-top:35px}.journey-lead p{max-width:400px;margin:30px 0 0}
.journey-right{position:relative;padding-top:4px}.journey-right:before{content:"";position:absolute;width:1px;top:10px;bottom:19px;left:9px;background:linear-gradient(var(--gold),#c9a22716)}
.milestone{position:relative;padding:0 0 44px 53px}.milestone:last-child{padding-bottom:0}.milestone:before{content:"";position:absolute;top:6px;left:5px;background:var(--base);border:1px solid var(--gold);height:9px;width:9px;border-radius:50%;box-shadow:0 0 0 5px #c9a2270d}.milestone .phase{font-size:10px;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-weight:650}.milestone h3{font-family:'Outfit',sans-serif;font-size:27px;font-weight:500;letter-spacing:-.045em;margin:12px 0 10px}.milestone p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;max-width:480px}
/* technology line and personal intro */
.stack-layout{display:grid;grid-template-columns:1fr 1fr;gap:11vw;padding-top:35px}.stack-layout p{max-width:410px;margin-top:28px}
.stack-rows{border-top:1px solid var(--line)}.stack-row{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.stack-row strong{font-weight:600;color:#e7ece2;font-size:11px}.stack-row span{font-size:12px;line-height:1.95;color:var(--muted)}
.about-strip{display:grid;grid-template-columns:.65fr 1.35fr;gap:11vw;padding-top:35px}.about-small{display:flex;align-items:start;gap:24px}.about-mark{font-family:'Outfit',sans-serif;color:#c9a2273b;font-size:80px;line-height:1;letter-spacing:-.12em}.about-small .eyebrow{margin-top:11px}.about-statement{font-family:'Outfit',sans-serif;font-size:clamp(31px,3.85vw,59px);line-height:1.25;letter-spacing:-.048em;margin:0;font-weight:450}.about-statement span{color:#8daa99}.about-sublink{margin-top:32px}
/* CLOSING same background */
.closing{padding-top:145px;padding-bottom:120px;position:relative}
.closing:before{content:"";background:radial-gradient(ellipse 44% 65% at 70% 70%,#1f6e521c,transparent 100%);position:absolute;inset:0;pointer-events:none}
.closing .rule{margin-bottom:50px}.closing-inner{position:relative}.closing-head{font-family:'Outfit',sans-serif;font-size:clamp(67px,11vw,160px);line-height:.93;letter-spacing:-.08em;font-weight:500;margin:26px 0 55px}.closing-sub{display:flex;justify-content:space-between;align-items:end;gap:30px}.closing-sub p{max-width:390px;color:#9daf9f;font-size:13px;line-height:1.9;margin:0}
.footer{border-top:1px solid var(--line);padding:38px 0 38px}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.footer .wordmark{font-size:24px}.footer .wordmark small{font-size:7px}.footer-center{font-size:10px;text-align:center;color:#86a092;letter-spacing:.08em}.footer-links{display:flex;justify-content:end;gap:25px}.footer-links a{font-size:11px;color:#9aafa2;transition:color .35s}.footer-links a:hover{color:var(--cream)}
/* Pages */
.page-hero{min-height:510px;padding:195px 0 90px;position:relative}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 45% 65% at 86% 30%,#14432e33,transparent 90%)}
.page-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(77px,10.1vw,148px);line-height:1.03;font-weight:500;letter-spacing:-.077em;margin:40px 0 30px}.page-hero h1 em{color:var(--gold);font-style:normal}
.page-hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.page-hero-bottom span{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}.page-hero-bottom p{font-size:14px;line-height:1.85;max-width:480px;margin:0;color:#a1b5a6}
.filters{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin:50px 0 5px}.filter{background:none;border:0;font-size:11px;color:#8ca496;padding:8px 0;border-bottom:1px solid transparent;transition:color .35s,border-color .35s}.filter:hover{color:#e5e7dc}.filter.active{color:var(--cream);border-color:var(--gold)}
.archive .work-item{min-height:435px}.archive .work-item[hidden]{display:none}
.case-nav{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.case-nav a{font-size:12px;color:#adc2b2}.case-nav a:hover{color:var(--cream)}
.case-visual{height:min(56vw,650px);min-height:340px;margin-top:40px}.case-visual .work-visual{height:100%;aspect-ratio:auto}.case-visual .work-tag{top:28px;left:34px}
.case-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;padding-top:60px}.case-body aside{font-size:11px;color:var(--muted)}.case-body aside strong{display:block;color:var(--cream);font-size:11px;margin:0 0 8px}.case-body aside div{padding-bottom:25px}.case-body main h2{font-size:clamp(30px,3.9vw,54px);letter-spacing:-.04em;font-family:'Outfit';font-weight:500;margin:0 0 24px}.case-body main p{line-height:2;color:#a7b9aa;font-size:14px;margin:0 0 43px}
.bio-page{display:grid;grid-template-columns:.85fr 1.15fr;gap:11vw;padding-top:55px;align-items:center}.bio-portrait{height:590px;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 45%,#1d5b42,#0a2a21 70%);border-radius:230px 230px 5px 5px;position:relative;border:1px solid #c9a22724}.bio-portrait:before{content:'AX';font-family:'Outfit';font-size:210px;letter-spacing:-.16em;color:#d8dcc40d;-webkit-text-stroke:1px #c9a22738}.bio-portrait:after{content:'YOUR PORTRAIT / UPLOAD IN WORDPRESS';position:absolute;bottom:30px;left:30px;letter-spacing:.15em;font-size:9px;color:#d6dec0a0}.bio-copy h2{font-family:'Outfit';font-size:clamp(37px,4.9vw,67px);letter-spacing:-.057em;font-weight:500;line-height:1.15}.bio-copy p{color:#a3b8a7;line-height:2.05;font-size:14px;max-width:530px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:11vw;padding-top:55px}.contact-left h2{font-family:'Outfit';font-size:clamp(39px,4.3vw,61px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0 0 28px}.contact-left p{color:var(--muted);line-height:2;font-size:14px;max-width:350px}.contact-left .micro{font-size:10px;letter-spacing:.12em;color:var(--gold);margin-top:56px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}.field{display:flex;flex-direction:column;gap:14px}.field.full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.11em;color:#afc1b4;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;background:transparent;border:0;border-bottom:1px solid #d9e0d22c;border-radius:0;padding:10px 0 18px;color:var(--cream);outline:none;font-size:14px;transition:border-color .5s ease}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold)}.field select option{color:#0c2a21}.field input::placeholder,.field textarea::placeholder{color:#6d887a}.form-note{font-size:11px;line-height:1.7;color:var(--muted)}.form-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;grid-column:1/-1;margin-top:10px}.form-feedback{color:var(--gold);font-size:11px;min-height:20px}
.preview-badge{position:fixed;right:19px;bottom:18px;z-index:140;border:1px solid #dbe9da2e;background:#0a261fdf;backdrop-filter:blur(14px);padding:11px 15px;display:flex;align-items:center;gap:10px;border-radius:100px;color:#b2c4b8;font-size:9px;letter-spacing:.055em;box-shadow:0 8px 35px #0003}.preview-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media(max-width:1250px){.hero-title{font-size:clamp(64px,8vw,112px)}.header-note{display:none}.work-copy{padding-left:55px}.hero-art{margin:0}.art-detail{display:none}}
@media(max-width:1000px){.header-inner{grid-template-columns:1fr auto}.nav-links{display:none}.header-right{gap:16px}.mobile-toggle{display:block}.hero-layout{grid-template-columns:1fr .85fr;gap:0}.hero-title{font-size:clamp(60px,8vw,92px)}.hero-art{height:580px;min-height:450px}.portrait-stage{height:75%;width:82%}.practice-grid,.journey-grid,.stack-layout,.about-strip{gap:55px}.work-copy{padding-left:40px}.work-item{min-height:360px}.work-copy h3{font-size:42px}.mobile-menu{position:fixed;z-index:130;inset:0;background:#071914f5;backdrop-filter:blur(25px);padding:155px var(--pad) 40px;display:none;flex-direction:column;gap:23px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:clamp(30px,7vw,60px);font-family:'Outfit';letter-spacing:-.04em}.site-header{position:absolute}.site-header.menu-active{position:fixed}.site-header.menu-active .header-inner{border-bottom-color:#e3e5d52b}}
@media(min-width:1001px){.mobile-menu{display:none!important}}
@media(max-width:730px){:root{--pad:23px}.site-header,.header-inner{height:76px}.wordmark{font-size:25px}.header-right .small-contact{display:none}.hero{height:auto;min-height:780px;max-height:none}.hero-layout{min-height:780px;display:flex;flex-direction:column;align-items:start;justify-content:start;padding-top:155px;gap:0}.hero-content{width:100%}.hero-index{margin-bottom:28px}.hero-index span{font-size:9px;letter-spacing:.12em}.hero-title{font-size:clamp(58px,13.1vw,95px)}.hero-desc{max-width:350px;font-size:13px;margin:26px 0 28px}.hero-actions{gap:21px}.hero-art{position:absolute;right:-65px;bottom:10px;width:70%;height:410px;min-height:410px;opacity:.42;z-index:-1;pointer-events:none}.portrait-stage{height:340px;width:235px}.hero-bottom{bottom:27px}.hero-bottom .hero-rightmeta{display:none}.page-section{padding:75px 0 85px}.section-inner{padding-top:24px}.section-intro{grid-template-columns:1fr;gap:18px;margin-bottom:44px}.section-intro .lead-copy{margin:0;max-width:500px}.section-title{font-size:clamp(42px,10vw,62px)}.work-item{display:block;min-height:auto;padding:33px 0 45px}.work-visual{aspect-ratio:1.4}.work-copy{padding:28px 0 0}.work-copy h3{margin:12px 0;font-size:clamp(32px,8vw,46px)}.work-copy p{margin-bottom:24px}.practice-grid,.journey-grid,.stack-layout,.about-strip{grid-template-columns:1fr;gap:40px;padding-top:30px}.practice-copy{position:static}.practice-copy .lead-copy{margin:21px 0 0}.expertise-row{padding:27px 0}.stack-row{grid-template-columns:120px 1fr}.about-statement{font-size:clamp(33px,8vw,52px)}.closing{padding:70px 0 80px}.closing-head{font-size:clamp(68px,15vw,106px);margin:22px 0 38px}.closing-sub{display:block}.closing-sub p{margin:0 0 26px}.footer-inner{grid-template-columns:1fr auto;row-gap:29px}.footer-center{grid-column:1/-1;grid-row:2;text-align:left}.footer-links{gap:19px}.page-hero{min-height:0;padding:155px 0 60px}.page-hero h1{font-size:clamp(64px,12.5vw,100px);margin:25px 0}.page-hero-bottom{display:block}.page-hero-bottom span{display:block;margin-bottom:18px}.page-hero-bottom p{font-size:13px}.bio-page,.contact-grid,.case-body{grid-template-columns:1fr;gap:35px}.bio-portrait{height:400px;border-radius:220px 220px 5px 5px}.bio-portrait:before{font-size:150px}.contact-form{grid-template-columns:1fr}.case-visual{height:320px;min-height:320px}.case-body{padding-top:30px}.case-body aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-body aside div{padding-bottom:0}.form-actions{display:flex;align-items:start;flex-direction:column}.filters{gap:20px;margin-top:28px}.preview-badge{font-size:8px;right:11px;bottom:11px;padding:9px 12px}}
@media(max-width:400px){.hero-title{font-size:54px}.hero-art{right:-100px}.hero-actions{gap:15px}.btn-pill{padding:16px 17px;gap:22px}.wordmark small{letter-spacing:.12em}.footer .wordmark{font-size:20px}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* PERSONAL BRAND / SOFT SKILLS — a continuous editorial surface, not alternating panels */
.brand-ethos{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(55px,10vw,175px);padding-top:35px;align-items:start}
.brand-ethos-copy{max-width:740px}.brand-ethos-title{font-family:'Outfit',sans-serif;font-size:clamp(41px,5.8vw,86px);letter-spacing:-.065em;line-height:1.08;font-weight:500;margin:31px 0 26px}.brand-ethos-title em{font-style:normal;color:var(--gold)}
.brand-ethos-copy p{font-size:clamp(14px,1.14vw,16px);line-height:1.95;color:#9eb1a5;max-width:560px}.brand-ethos-copy .text-link{margin-top:22px}
.ethos-principles{border-top:1px solid var(--line);margin-top:10px}
.ethos-principle{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;gap:10px;align-items:start;padding:29px 0;border-bottom:1px solid var(--line);transition:padding-left .6s var(--ease),border-color .5s var(--ease)}
.ethos-principle:hover{padding-left:7px;border-color:#c9a22755}
.ethos-principle .ethos-num{font-size:10px;letter-spacing:.07em;color:var(--gold);padding-top:8px}
.ethos-principle h3{font-family:'Outfit',sans-serif;font-size:clamp(21px,2.1vw,30px);line-height:1.22;letter-spacing:-.042em;font-weight:500;margin:0 0 11px;transition:color .5s var(--ease)}
.ethos-principle:hover h3{color:#fffdf3}
.ethos-principle p{font-size:12px;line-height:1.85;color:var(--muted);margin:0;max-width:365px}
.ethos-principle .ethos-mark{font-size:17px;color:var(--gold);opacity:.6;transition:transform .6s var(--ease),opacity .5s}.ethos-principle:hover .ethos-mark{opacity:1;transform:translate(2px,-2px)}
.soft-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:10vw;padding-top:35px;align-items:end}.soft-intro p{margin:0 0 7px;max-width:450px}
.soft-list{border-top:1px solid var(--line);margin-top:65px;display:grid;grid-template-columns:1fr 1fr;column-gap:6vw}
.soft-skill{display:grid;grid-template-columns:36px 1fr 18px;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding:30px 2px 32px;transition:padding-left .5s var(--ease),border-color .4s var(--ease)}
.soft-skill:hover{padding-left:8px;border-color:#c9a2274d}
.soft-skill .soft-num{font-size:10px;color:var(--gold);letter-spacing:.1em;padding-top:8px}
.soft-skill h3{font-family:'Outfit',sans-serif;font-weight:500;letter-spacing:-.044em;font-size:clamp(23px,2.3vw,33px);line-height:1.2;margin:0 0 13px;transition:color .4s}.soft-skill:hover h3{color:#fffdf4}
.soft-skill p{color:var(--muted);font-size:13px;line-height:1.95;margin:0;max-width:410px}
.soft-skill .soft-arrow{font-size:17px;color:var(--gold);opacity:.55;transition:opacity .5s,transform .5s var(--ease)}.soft-skill:hover .soft-arrow{opacity:1;transform:translate(2px,-2px)}
.soft-outro{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:43px}
.soft-outro p{font-size:12px;color:#8ea798;line-height:1.8;max-width:565px;margin:0}
@media(max-width:1000px){.brand-ethos{gap:60px}}
@media(max-width:730px){.brand-ethos,.soft-intro{grid-template-columns:1fr;gap:35px;padding-top:28px}.brand-ethos-title{font-size:clamp(42px,10vw,66px)}.ethos-principles{margin-top:0}.soft-list{grid-template-columns:1fr;gap:0;margin-top:35px}.soft-skill{padding:26px 0 28px}.soft-outro{display:block;padding-top:30px}.soft-outro .text-link{margin-top:24px}}

/* WordPress-native content enhancements */
body.admin-bar .site-header{top:32px}body.admin-bar .top-progress{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}body.admin-bar .top-progress{top:46px}}
.ataxan-portrait-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}
.ataxan-about-portrait-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}
.ataxan-custom-visual{background:#0a221b;overflow:hidden}
.ataxan-custom-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.work-item:hover .ataxan-custom-visual img{transform:scale(1.025)}
.ataxan-custom-visual img:hover{transform:scale(1.015)}
.ataxan-socials{display:flex;gap:20px;flex-wrap:wrap;margin-top:23px;font-size:12px;color:var(--muted)}
.ataxan-socials a{border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}
.ataxan-socials a:hover{color:var(--cream);border-color:var(--gold)}
.ataxan-honeypot{position:absolute!important;left:-10000px!important;visibility:hidden!important}
.form-feedback.is-success{color:#adc994}.form-feedback.is-error{color:#dfac90}
.case-body .ataxan-prose p{margin-top:1em;color:#a7baad;line-height:1.85}
.case-body .ataxan-prose a{color:var(--gold);text-decoration:underline}
.ataxan-case-tools{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}
.ataxan-case-tools span{border:1px solid var(--line);padding:7px 12px;border-radius:30px;color:var(--soft);font-size:11px}
.soft-list .soft-skill:last-child{border-bottom:1px solid var(--line)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}}

.case-body .ataxan-case-content h2{font-size:clamp(30px,3.9vw,54px);letter-spacing:-.04em;font-family:'Outfit',sans-serif;font-weight:500;margin:0 0 24px}
.case-body .ataxan-case-content p{line-height:2;color:#a7b9aa;font-size:14px;margin:0 0 43px}
.bio-portrait:has(img):before,.bio-portrait:has(img):after{display:none}
.bio-portrait:has(img){overflow:hidden}
/* Preserve visibility without JavaScript: reveal effects are opt-in only. */
body:not(.atx-js) .reveal{opacity:1;transform:none}

.work-item[hidden]{display:none!important}