/* Personal portfolio direction: editorial rhythm, person-first hierarchy, original project studies. */
.personal-home{background:#171717;color:#f8f8f8}.personal-shell{max-width:1480px;margin:auto;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}.personal-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,4vw,64px);background:#171717;color:#f9f9f9}.personal-name{font:500 25px Outfit,Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap}.name-dot{color:#afafaf}.personal-header nav{display:flex;gap:28px;font:400 14px Outfit}.personal-header nav a{color:#c1c1c1;transition:color .2s}.personal-header nav a:hover{color:white}.header-aside{font:600 10px "DM Sans";letter-spacing:.14em;color:#7d7d7d}.personal-hero{padding:123px 0 110px}.hero-overline,.section-eyebrow,.work-intro>span,.closing-statement span,.feature-count,.image-caption,.personal-footer{font:600 10px "DM Sans";letter-spacing:.12em}.hero-overline{display:flex;align-items:center;color:#9b9b9b}.personal-hero h1{font:400 clamp(62px,7.2vw,110px)/1.03 Outfit,Arial,sans-serif;letter-spacing:-.075em;max-width:1230px;margin:27px 0 55px}.personal-hero h1 em{font:italic 1.04em Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#b9b9b9}.hero-under{display:flex;justify-content:space-between;align-items:end;gap:40px;max-width:1050px}.hero-under p{font:400 19px/1.5 Outfit;max-width:540px;color:#c7c7c7;margin:0}.text-arrow{display:inline-flex;align-items:center;gap:22px;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:10px;white-space:nowrap}.text-arrow span,.text-arrow b{font-size:21px;font-weight:400}.featured-work{padding:0 0 150px}.work-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:26px;border-bottom:1px solid #4c4c4c;margin-bottom:28px}.work-intro>span{color:#9c9c9c}.work-intro h2{font:400 clamp(18px,2vw,26px)/1.3 Outfit;max-width:420px;margin:0;text-align:right;letter-spacing:-.025em}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.feature{display:block;min-width:0}.feature-host{grid-column:1/-1}.feature-image{height:420px;position:relative;overflow:hidden;border-radius:12px;isolation:isolate}.feature-host .feature-image{height:540px;background:#d3d3d3}.feature-axon .feature-image{background:#646464}.feature-consumer .feature-image{background:#bdbdbd}.feature-orbit{position:absolute;width:650px;height:650px;border:1px solid #ffffff8a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.feature-orbit:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff8a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.feature-ghost{position:absolute;left:4%;bottom:-12%;font:800 clamp(170px,24vw,370px)/1 "DM Sans";letter-spacing:-.13em;color:#ffffff47;white-space:nowrap}.feature-axon .feature-ghost{font-size:clamp(120px,18vw,270px);bottom:-3%;color:#ffffff21}.feature-consumer .feature-ghost{bottom:-6%;color:#ffffff35}.image-caption{position:absolute;left:25px;top:24px;z-index:3;color:#323232;font-size:9px}.feature-axon .image-caption{color:#e7e7e7}.phone-study{position:absolute;width:245px;height:440px;border-radius:32px;border:7px solid #323232;background:#fcfcfc;box-shadow:35px 38px 55px #48484880;padding:20px 17px;color:#323232;z-index:2;left:50%;top:50%;transform:translate(-50%,-41%) rotate(-10deg)}.feature-host .phone-study{width:285px;height:500px;transform:translate(-50%,-39%) rotate(-9deg)}.study-notch{position:absolute;width:68px;height:8px;background:#323232;border-radius:9px;top:7px;left:50%;transform:translateX(-50%)}.study-top{font:700 9px "DM Sans";letter-spacing:.05em;display:flex;justify-content:space-between}.study-top span{font-size:7px;color:#828282}.phone-study h4{font:600 25px/1.02 "DM Sans";letter-spacing:-.05em;margin:45px 0 25px}.feature-host .phone-study h4{font-size:31px;margin:50px 0 28px}.phone-study h4 em{font:italic 1.1em Georgia}.study-dark{background:#343434;color:white;padding:17px;border-radius:10px;height:135px}.feature-host .study-dark{height:155px}.study-dark small{font:600 7px "DM Sans";letter-spacing:.1em;color:#cdcdcd}.study-dark strong{display:block;font:600 22px "DM Sans";margin-top:4px}.study-chart{display:flex;align-items:end;gap:8px;height:55px;margin-top:10px}.study-chart i{flex:1;background:#b4b4b4;border-radius:2px 2px 0 0}.study-chart i:nth-child(1){height:38%}.study-chart i:nth-child(2){height:58%}.study-chart i:nth-child(3){height:48%}.study-chart i:nth-child(4){height:76%}.study-chart i:nth-child(5){height:68%}.study-row{border-bottom:1px solid #e1e1e1;padding:12px 0;font-size:9px;font-weight:600}.study-row b{float:right}.dashboard-study{position:absolute;width:540px;height:310px;background:#fbfbfb;border:8px solid #353535;border-radius:14px;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-6deg);box-shadow:28px 32px 42px #31313188;overflow:hidden;color:#353535}.study-bar{height:32px;background:#323232;color:#ffffff;font:700 9px "DM Sans";letter-spacing:.1em;padding:9px 14px}.study-bar span{float:right}.dashboard-study-body{display:flex;height:calc(100% - 32px)}.dashboard-study-body aside{width:55px;background:#e5e5e5;display:flex;flex-direction:column;align-items:center;gap:15px;font-size:20px;padding:10px}.dashboard-study-body aside i{width:20px;height:7px;background:#b2b2b2;border-radius:2px}.dashboard-study-body>div{padding:21px;flex:1}.dashboard-study h4{font:600 20px "DM Sans";letter-spacing:-.04em;margin:0 0 15px}.study-cards{display:flex;gap:8px}.study-cards i{height:65px;flex:1;border-radius:5px;background:#ededed}.study-table{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px;font:500 8px Outfit}.study-table span,.study-table b{padding:8px;border-bottom:1px solid #e4e4e4}.study-table b{color:#838383}.consumer-study{transform:translate(-50%,-42%) rotate(10deg)}.consumer-study h4{margin:40px 0 16px}.study-map{height:180px;position:relative;background:#eaeaea;background-image:linear-gradient(24deg,transparent 38%,white 39% 44%,transparent 45%),linear-gradient(130deg,transparent 49%,white 50% 55%,transparent 56%),linear-gradient(75deg,transparent 27%,white 28% 32%,transparent 33%);border-radius:8px}.study-map b{position:absolute;width:29px;height:29px;border-radius:50%;border:3px solid #ffffff;background:#373737;color:#b9b9b9;display:grid;place-items:center;font-size:17px}.study-map b:nth-child(1){top:25%;left:25%}.study-map b:nth-child(2){top:52%;left:65%}.study-map b:nth-child(3){top:70%;left:38%}.study-cta{background:#bfbfbf;font-size:9px;font-weight:700;padding:10px;margin-top:12px}.study-cta span{float:right}.feature-details{padding:20px 2px 0;display:flex;justify-content:space-between;gap:20px;align-items:start}.feature-count{color:#a3a3a3;font-size:9px}.feature-details h3{font:500 clamp(27px,3.5vw,48px)/1.12 Outfit;letter-spacing:-.045em;margin:12px 0 7px}.feature-details p{font-size:14px;line-height:1.5;color:#b0b0b0;max-width:520px;margin:0}.feature-arrow{height:45px;width:45px;border:1px solid #6b6b6b;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0;transition:background .2s,transform .2s}.feature:hover .feature-arrow{background:#b9b9b9;color:#282828;transform:translate(3px,-3px)}.personal-about{background:#f7f7f7;color:#2a2a2a;padding:145px 0}.about-layout{display:grid;grid-template-columns:42% 1fr;gap:7%;align-items:center}.about-art{height:565px;background:#d4d4d4;position:relative;overflow:hidden;display:grid;place-items:center}.about-art:before,.about-art:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #f4f4f4;border-radius:50%}.about-art:after{width:700px;height:700px}.about-monogram{position:relative;z-index:2;font:700 clamp(135px,15vw,240px) "DM Sans";letter-spacing:-.18em;color:#373737;transform:rotate(-8deg);padding-right:40px}.about-monogram span{color:#ffffff}.about-monogram i{font-style:normal;color:#a2a2a2;letter-spacing:0}.art-corner{position:absolute;bottom:20px;left:25px;font:600 9px "DM Sans";letter-spacing:.13em;color:#6a6a6a}.section-eyebrow{color:#7f7f7f}.about-text h2,.approach-layout h2{font:500 clamp(39px,4.4vw,65px)/1.1 Outfit;letter-spacing:-.06em;margin:23px 0 30px}.about-text p{font-size:17px;line-height:1.65;color:#5a5a5a;max-width:690px}.about-meta{border-top:1px solid #d8d8d8;margin-top:40px;padding-top:23px;display:flex;gap:15px;flex-wrap:wrap}.about-meta span{font:600 9px "DM Sans";letter-spacing:.08em;border:1px solid #cbcbcb;border-radius:30px;padding:8px 10px}.personal-approach{background:#f7f7f7;color:#2a2a2a;padding:0 0 150px}.approach-layout{display:grid;grid-template-columns:38% 1fr;gap:10%;border-top:1px solid #dadada;padding-top:110px}.approach-layout h2 span{color:#9a9a9a}.approach-intro{font-size:17px;line-height:1.6;color:#6b6b6b;max-width:400px}.approach-list article{display:grid;grid-template-columns:45px 1fr;gap:12px;border-bottom:1px solid #d9d9d9;padding:25px 0}.approach-list article:first-child{padding-top:0}.approach-list article>span{font:600 11px "DM Sans";color:#909090;padding-top:8px}.approach-list h3{font:500 25px Outfit;letter-spacing:-.04em;margin:0 0 7px}.approach-list p{font-size:15px;color:#6c6c6c;margin:0;max-width:600px}.closing-statement{background:#272727;padding:125px 0;color:#ffffff}.closing-statement span{color:#a0a0a0}.closing-statement p{font:400 clamp(38px,4.6vw,69px)/1.17 Outfit;letter-spacing:-.055em;max-width:1090px;margin:28px 0 40px}.closing-statement .text-arrow{color:#c1c1c1}.personal-footer{background:#171717;color:#8d8d8d}.personal-footer .personal-shell{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.personal-footer a:hover{color:#ffffff}
/* Carry the same personal identity into the detailed case studies. */
.case-page .site-header{background:#171717;color:#f8f8f8;border-bottom:1px solid #444444}.case-page .site-header nav a{color:#bdbdbd}.case-page .site-header nav a:hover{color:white}.case-page .brand{font:500 24px Outfit;letter-spacing:-.04em}.case-page .brand-icon,.case-page .brand i{display:none}.case-page .site-header .header-cta{color:#c1c1c1}.case-page .case-hero{background:#262626;color:#fbfbfb}.case-page .case-hero .eyebrow{color:#bfbfbf}.case-page .case-hero p.case-deck{color:#cdcdcd}.case-page .case-hero .case-meta span{border-color:#7c7c7c;color:#e0e0e0}.case-page .case-hero h1{font-weight:500}.case-page .case-illustration-note{color:#b5b5b5}.case-page .challenge-strip{background:#f1f1f1;color:#323232}.case-page .challenge-strip .section-kicker{color:#7f7f7f}.case-page .case-content h2{font-weight:500}.case-page .case-content h3{font-weight:500}.case-page .next-case{background:#262626}.case-page footer{background:#171717}
@media(max-width:900px){.personal-hero{padding:90px 0}.personal-hero h1{font-size:clamp(58px,8vw,82px)}.feature-host .feature-image{height:470px}.about-art{height:450px}.about-layout{gap:5%}.about-text h2{font-size:46px}}
@media(max-width:760px){.personal-header{height:70px;padding:0 24px}.personal-header nav{gap:18px}.personal-header .header-aside{display:none}.personal-hero{padding:90px 0 85px}.personal-hero h1{font-size:clamp(52px,10vw,76px);margin-bottom:37px}.hero-under{display:block}.hero-under p{font-size:17px;margin-bottom:28px}.featured-work{padding-bottom:95px}.feature-grid{grid-template-columns:1fr;gap:42px}.feature-host{grid-column:auto}.feature-image,.feature-host .feature-image{height:430px}.feature-axon .dashboard-study{transform:translate(-50%,-50%) rotate(-6deg) scale(.85)}.work-intro{display:block}.work-intro h2{text-align:left;margin-top:10px}.personal-about{padding:90px 0}.about-layout,.approach-layout{grid-template-columns:1fr;gap:40px}.about-art{height:410px}.personal-approach{padding-bottom:90px}.approach-layout{padding-top:80px}.closing-statement{padding:85px 0}.personal-footer .personal-shell{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.case-page .site-header .brand{font-size:21px}}
@media(max-width:480px){.personal-name{font-size:21px}.personal-header nav{gap:13px;font-size:12px}.personal-header nav a:last-child{display:none}.personal-hero{padding:75px 0 70px}.personal-hero h1{font-size:49px}.hero-overline{font-size:8px;line-height:1.5}.feature-image,.feature-host .feature-image{height:350px}.feature-host .phone-study{transform:translate(-50%,-40%) rotate(-9deg) scale(.77)}.feature-consumer .phone-study{transform:translate(-50%,-42%) rotate(10deg) scale(.8)}.feature-axon .dashboard-study{transform:translate(-50%,-50%) rotate(-6deg) scale(.64)}.feature-details h3{font-size:30px}.about-art{height:330px}.about-monogram{font-size:150px}.about-text h2,.approach-layout h2{font-size:42px}.closing-statement p{font-size:39px}.case-page .site-header nav a:nth-child(2),.case-page .site-header nav a:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.feature-arrow,.personal-header nav a{transition:none}}

/* Quiet monochrome finish: let the work and type carry the page. */
.feature-orbit,.feature-ghost,.about-art:before,.about-art:after{display:none}
.feature-image{border:1px solid #4a4a4a}
.feature-host .feature-image{background:#d6d6d6}
.feature-axon .feature-image{background:#646464}
.feature-consumer .feature-image{background:#bdbdbd}
.about-art{background:#d9d9d9}
.personal-about,.personal-approach{background:#f5f5f5}
.closing-statement{background:#222}

/* Mobile project cards form a readable vertical list instead of a scroll rail. */
@media(max-width:760px){
  .feature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:42px;overflow:visible;padding-bottom:0}
  .feature{width:100%;min-width:0;flex-basis:auto}
  .feature-image,.feature-host .feature-image{height:clamp(260px,68vw,380px)}
  .work-controls{display:none}
  .feature-axon .dashboard-study{transform:translate(-50%,-50%) rotate(-6deg) scale(.78)}
}
@media(max-width:480px){.feature-axon .dashboard-study{transform:translate(-50%,-50%) rotate(-6deg) scale(.59)}}