@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#11110f;--paper:#f4f1e9;--blue:#1838ff;--acid:#dfff35;--line:rgba(17,17,15,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1380px,calc(100% - 64px));margin:auto}a{color:inherit}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.nav a{text-decoration:none}.wordmark{font-weight:700;font-size:13px;letter-spacing:.08em}.nav nav{display:flex;gap:28px;font-size:13px}.hero{min-height:calc(88vh - 70px);padding:5vh 0 6vh;display:flex;flex-direction:column;justify-content:space-between}.home:before{content:"";position:absolute;left:0;right:0;top:0;height:88vh;background:var(--blue);z-index:-1}.home .nav,.home .hero{color:white}.hero-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em}.hero h1{font-size:clamp(72px,10vw,158px);line-height:.78;letter-spacing:-.07em;margin:7vh 0}.hero h1 em{font-family:'Instrument Serif',serif;font-weight:400}.hero-foot{display:flex;align-items:end;justify-content:space-between;border-top:0;padding-top:20px}.hero-foot p{font-size:19px;line-height:1.45;max-width:610px;margin:0}.hero-foot a{text-decoration:none;font-weight:600}.section-no,.category-kicker{font-size:11px;font-weight:700;letter-spacing:.16em}.work-intro{padding:120px 0 50px}.work-intro h2,.beyond h2,.about h2,.contact h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(65px,8vw,118px);line-height:.85;letter-spacing:-.04em;margin:18px 0}.folders{padding-bottom:150px}.folder{height:610px;display:block;position:relative;color:white;text-decoration:none;margin-top:-42px;transition:transform .35s ease;isolation:isolate}.folder:first-child{margin-top:0}.folder:hover{transform:translateY(-10px)}.folder-bg{position:absolute;inset:48px 0 0;background:#161616;clip-path:polygon(0 0,35% 0,39% 8%,100% 8%,100% 100%,0 100%);z-index:-1}.folder .tab{position:absolute;top:0;left:0;width:35%;height:78px;background:#161616;padding:22px 28px;font-size:11px;letter-spacing:.14em;font-weight:700}.folder-copy{position:absolute;left:36px;top:140px;max-width:560px;z-index:3}.folder-copy small{letter-spacing:.15em;font-weight:700}.folder-copy h3{font-family:'Instrument Serif';font-weight:400;font-size:92px;line-height:.78;letter-spacing:-.045em;margin:24px 0}.folder-copy p{font-size:17px;line-height:1.5;max-width:500px;color:#c9c9c9}.folder-copy>span{display:inline-block;margin-top:25px;font-weight:700}.folder.ai{z-index:2}.folder.ai .folder-bg,.folder.ai .tab{background:#d8ff3f;color:#111}.folder.ai .folder-copy{color:#111}.folder.ai .folder-copy p{color:#303030}.folder.commercial{z-index:3}.folder.commercial .folder-bg,.folder.commercial .tab{background:#8d2cff}.peek{position:absolute;right:4%;bottom:5%;width:48%;height:72%}.peek img{position:absolute;width:76%;box-shadow:0 24px 55px rgba(0,0,0,.35);transition:transform .4s}.peek img:first-child{right:0;top:0;transform:rotate(2deg)}.peek img:last-child{left:0;bottom:0;transform:rotate(-3deg)}.folder:hover .peek img:first-child{transform:rotate(4deg) translateY(-8px)}.folder:hover .peek img:last-child{transform:rotate(-5deg) translate(-6px,8px)}.athar-mark{position:absolute;right:8%;top:28%;font-family:'Instrument Serif';font-size:210px;color:#111;line-height:.7}.athar-mark span{display:block;font:700 12px 'DM Sans';letter-spacing:.5em;text-align:right;margin-top:40px}.beyond{padding:130px 0;border-top:1px solid var(--line)}.beyond-title{display:grid;grid-template-columns:.4fr 1.6fr}.beyond-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:70px}.beyond-grid article{border-top:1px solid var(--ink);padding-top:18px}.beyond-grid article>span{font-size:11px;font-weight:700;letter-spacing:.15em}.beyond-grid h3{font-size:34px;margin:18px 0 8px}.beyond-grid p{max-width:500px;color:#666}.beyond-grid img{width:100%;height:330px;object-fit:cover;margin-top:30px}.about{padding:140px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-top:1px solid var(--line)}.about h2{font-size:82px}.about-copy .lead{font-size:28px;line-height:1.35;margin-top:0}.about-copy>p:not(.lead){font-size:17px;line-height:1.7;color:#555}.skills{display:flex;flex-wrap:wrap;margin-top:40px;border-top:1px solid var(--line)}.skills span{padding:13px 16px 13px 0;margin-right:20px;border-bottom:1px solid var(--line);font-size:13px}.contact{padding:140px 0 110px;background:var(--blue);color:white;width:100%;max-width:none;padding-left:max(32px,calc((100% - 1380px)/2));padding-right:max(32px,calc((100% - 1380px)/2))}.contact h2{font-size:110px}.contact p{font-size:20px}.contact div{display:flex;gap:12px;margin-top:40px}.contact a{background:white;color:#111;text-decoration:none;padding:15px 18px;font-weight:700}.footer{height:80px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#666}.category-page{background:#efede6}.category-hero{padding:60px 0 100px}.back{display:inline-block;text-decoration:none;margin-bottom:80px;font-size:13px}.category-hero h1{font-family:'Instrument Serif';font-weight:400;font-size:clamp(100px,14vw,210px);line-height:.72;letter-spacing:-.055em;margin:35px 0 70px}.category-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-left:34%}.category-intro p{font-size:18px;line-height:1.65;margin:0}.project-index{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:130px}.project-card{background:#fff;text-decoration:none;display:flex;flex-direction:column;min-height:600px;overflow:hidden}.project-card.hero-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;min-height:720px;background:#111;color:white}.project-img{height:420px;overflow:hidden;background:#ddd}.hero-card .project-img{height:100%}.project-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}a.project-card:hover .project-img img{transform:scale(1.025)}.project-meta{padding:28px;display:flex;flex-direction:column;flex:1}.project-meta>span{font-size:10px;letter-spacing:.14em;font-weight:700}.project-meta h2{font-family:'Instrument Serif';font-weight:400;font-size:54px;line-height:.9;margin:18px 0}.hero-card .project-meta h2{font-size:76px}.project-meta p{line-height:1.55;color:#666}.hero-card .project-meta p{color:#bbb}.project-meta b,.project-meta a{margin-top:auto;text-decoration:none}.placeholder-art{height:420px;background:#dfff35;display:grid;place-items:center;font:400 70px 'Instrument Serif'}.text-card{background:#1838ff;color:white}.text-card .project-meta h2{font-size:44px}.text-card .project-meta p{color:#cfd5ff}.ai-page .category-hero{background:#d8ff3f;width:100%;max-width:none;padding-left:max(32px,calc((100% - 1380px)/2));padding-right:max(32px,calc((100% - 1380px)/2))}.ai-stage{padding:110px 0}.athar-project{display:grid;grid-template-columns:1.3fr .7fr;min-height:700px;background:#171411;color:#efe8d8;text-decoration:none}.athar-visual{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#28241e,#0c0b09)}.villa-lines{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.3);clip-path:polygon(0 15%,70% 15%,70% 0,100% 0,100% 85%,30% 85%,30% 100%,0 100%)}.arabic{font-size:190px;position:relative}.athar-en{position:absolute;bottom:30px;letter-spacing:.5em;font-size:10px}.athar-copy{padding:45px;display:flex;flex-direction:column;justify-content:end}.athar-copy>span{font-size:10px;letter-spacing:.14em}.athar-copy h2{font:400 90px 'Instrument Serif';margin:20px 0}.athar-copy p{line-height:1.6;color:#bbb}.athar-copy b{margin-top:35px}.coming{padding:100px 0 140px;border-top:1px solid var(--line)}.coming span{font-size:11px;letter-spacing:.15em;font-weight:700}.coming h2{font:400 72px 'Instrument Serif';max-width:800px;margin:25px 0}.coming p{font-size:18px;max-width:620px;color:#666}.commercial-page .category-hero{background:#8d2cff;color:white;width:100%;max-width:none;padding-left:max(32px,calc((100% - 1380px)/2));padding-right:max(32px,calc((100% - 1380px)/2))}.project-page{background:#f2efe7}.project-hero{padding:60px 0 90px}.project-hero>span{font-size:11px;font-weight:700;letter-spacing:.15em}.project-hero h1{font:400 clamp(90px,13vw,190px) 'Instrument Serif';line-height:.78;letter-spacing:-.055em;margin:35px 0}.project-hero>p{font-size:25px;line-height:1.4;max-width:800px}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.project-stats div{padding:20px 0}.project-stats b,.project-stats span{display:block}.project-stats b{font-size:12px}.project-stats span{color:#666;margin-top:5px}.project-links{display:flex;gap:10px;margin-top:25px}.project-links a{padding:12px 15px;background:#111;color:white;text-decoration:none;font-size:13px;font-weight:700}.case-image.full{width:100%;background:#111;padding:7vw}.case-image.full img{display:block;width:100%;max-width:1500px;margin:auto}.case-copy{padding:130px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-bottom:1px solid var(--line)}.case-copy span{font-size:11px;letter-spacing:.15em;font-weight:700}.case-copy h2{font:400 70px/0.95 'Instrument Serif';margin:18px 0}.case-copy>p{font-size:20px;line-height:1.65;margin:0;color:#555}.case-split{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.case-split img{width:100%;max-height:750px;object-fit:contain}.case-split span{font-size:11px;letter-spacing:.15em}.case-split h2{font:400 70px/1 'Instrument Serif'}.case-split p{font-size:19px;line-height:1.65;color:#555}.case-quote{padding:140px 0}.case-quote p{font:400 clamp(55px,7vw,100px)/.95 'Instrument Serif';margin:0}.process-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:70px}.process-gallery figure{margin:0;background:white}.process-gallery figure.wide{grid-column:1/-1}.process-gallery img{width:100%;display:block}.process-gallery figcaption{padding:14px;font-size:12px}.athar-case-stage{height:80vh;min-height:650px;background:#171411;color:#eee5d3;display:grid;place-items:center;position:relative;overflow:hidden}.athar-monument{font:400 clamp(180px,30vw,500px) 'Instrument Serif';line-height:1}.athar-scroll{position:absolute;bottom:25px;font-size:10px;letter-spacing:.35em}.dark-image{background:#171717!important}.dark-image img{max-height:900px;object-fit:contain}.power-case .project-hero{background:#d8ff3f;width:100%;max-width:none;padding-left:max(32px,calc((100% - 1380px)/2));padding-right:max(32px,calc((100% - 1380px)/2))}.athar-case .project-hero{background:#171411;color:#eee5d3;width:100%;max-width:none;padding-left:max(32px,calc((100% - 1380px)/2));padding-right:max(32px,calc((100% - 1380px)/2))}.athar-case .project-stats{border-color:#514a40}.athar-case .project-stats span{color:#aaa}.athar-case .project-links a{background:#eee5d3;color:#171411}@media(max-width:800px){.wrap{width:min(100% - 30px,1380px)}.nav nav{gap:14px}.hero{min-height:76vh}.home:before{height:76vh}.hero h1{font-size:17vw}.hero-foot{display:block}.hero-foot a{display:block;margin-top:25px}.work-intro{padding-top:80px}.folder{height:570px;margin-top:-20px}.folder .tab{width:62%}.folder-bg{clip-path:polygon(0 0,62% 0,68% 7%,100% 7%,100% 100%,0 100%)}.folder-copy{left:22px;top:115px;right:22px}.folder-copy h3{font-size:60px}.peek{width:55%;height:35%;opacity:.45}.athar-mark{font-size:120px;right:6%;top:55%;opacity:.3}.beyond-title,.beyond-grid,.about,.category-intro,.project-index,.athar-project,.case-copy,.case-split{grid-template-columns:1fr}.beyond-grid{gap:70px}.about{gap:30px}.contact h2{font-size:22vw}.contact div{flex-direction:column}.category-hero{padding-top:30px}.back{margin-bottom:50px}.category-hero h1{font-size:25vw}.category-intro{margin-left:0;gap:20px}.project-card.hero-card{grid-column:auto;display:flex;min-height:600px}.hero-card .project-img{height:420px}.hero-card .project-meta h2,.project-meta h2{font-size:48px}.project-index{gap:12px}.athar-project{min-height:850px}.athar-visual{min-height:500px}.project-hero h1{font-size:22vw}.project-stats{grid-template-columns:1fr}.project-stats div{border-bottom:1px solid var(--line)}.case-copy,.case-split{gap:25px;padding:80px 0}.case-copy h2,.case-split h2{font-size:55px}.process-gallery{grid-template-columns:1fr}.process-gallery figure.wide{grid-column:auto}.footer{display:block;padding-top:25px}}

.project-card,.beyond-grid article,.case-copy{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.seen{opacity:1!important;transform:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 2026 portfolio refinement */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--display:'Fraunces',Georgia,serif}
.home:before{height:96vh}.hero{min-height:calc(96vh - 70px);padding-bottom:7vh}.hero h1,.work-intro h2,.beyond h2,.about h2,.contact h2,.folder-copy h3,.category-hero h1,.project-meta h2,.project-hero h1,.case-copy h2,.case-split h2,.case-quote p,.athar-copy h2,.coming h2{font-family:var(--display);font-weight:600}.hero h1 em{font-family:var(--display);font-weight:500}.work-intro h2,.beyond h2,.about h2{color:var(--blue)}
.section-no,.category-kicker{letter-spacing:.13em}.folder .tab{letter-spacing:.12em}.folders .folder.ai{z-index:4}.folders .folder.commercial{z-index:3}.folder.ai .folder-bg,.folder.ai .tab{background:#d8ff3f}.folder.commercial .folder-bg,.folder.commercial .tab{background:#8d2cff}.ai-peek img{object-fit:cover;object-position:top;height:75%}
.beyond-entry{margin-top:60px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:34px 0;display:flex;align-items:end;justify-content:space-between;gap:40px;text-decoration:none}.beyond-entry>div{max-width:760px}.beyond-entry>div>span{font-size:11px;font-weight:700;letter-spacing:.14em}.beyond-entry h3{font-family:var(--display);font-size:52px;line-height:1;margin:16px 0}.beyond-entry p{font-size:17px;line-height:1.6;color:#555;margin:0}.card-button{display:inline-flex!important;align-items:center;width:max-content;background:var(--ink);color:#fff;padding:12px 16px;margin-top:18px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-decoration:none!important}.hero-card .card-button{background:white;color:#111}.skills{gap:0}.skills span{font-size:17px;font-weight:700;padding:16px 22px 16px 0;margin-right:22px;color:var(--blue)}
.category-hero{padding-bottom:110px}.category-heading-row{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(340px,.8fr);gap:70px;align-items:end;margin-top:30px}.category-heading-row h1{margin:0}.category-heading-row .category-intro{margin:0;display:block}.category-heading-row .category-intro p{margin:0 0 18px}.commercial-page .category-hero{padding-bottom:115px}.commercial-page .project-index{padding-top:70px}.project-card{min-height:570px}.project-card.hero-card{min-height:560px;grid-template-columns:1.2fr .8fr}.project-img{height:360px}.hero-card .project-img{height:560px}.project-img img{object-position:top}.project-meta{padding:30px}.project-meta p{font-size:16px;line-height:1.6}.more-work{grid-column:1/-1;background:var(--blue);color:white;padding:54px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.more-work span{font-size:11px;font-weight:700;letter-spacing:.14em}.more-work h2{font-family:var(--display);font-size:52px;line-height:1.05;margin:18px 0}.more-work p{max-width:760px;color:#d8ddff;margin:0;line-height:1.6}.commercial-more{background:#8d2cff}
.project-back{display:block;width:max-content;margin-bottom:65px}.project-hero{padding-top:35px}.project-hero h1{font-size:clamp(72px,10vw,150px);line-height:.84}.project-hero>p{max-width:900px}.project-links{margin-top:32px}.project-links .url-link,.url-link{display:inline-block;background:transparent!important;color:var(--blue)!important;border-bottom:2px solid currentColor;padding:5px 0!important;font-weight:700;overflow-wrap:anywhere}.power-case .project-hero{background:#fff}.power-case .project-hero .url-link{color:var(--blue)!important}.visual-showcase{padding:80px 0 130px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.visual-showcase>div>span,.supporting-visuals span{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:15px}.visual-showcase img{display:block;width:100%;height:auto}.mobile-shot{position:sticky;top:25px}.mobile-shot img{max-height:1000px;object-fit:contain;object-position:top}.visual-showcase:not(:has(.mobile-shot)){grid-template-columns:1fr}.case-copy{padding:105px 0}.case-copy>p{font-size:19px}.direction-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:80px 0 130px}.direction-gallery figure{margin:0;background:#fff}.direction-gallery img{display:block;width:100%;height:auto}.direction-gallery figcaption{padding:14px;font-size:12px;font-weight:700}.supporting-visuals{padding:90px 0 130px;display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:start}.supporting-visuals img{width:100%;height:auto;display:block}.mobile-emphasis img{max-height:1050px;object-fit:contain;object-position:top}.power-support{grid-template-columns:1fr 1fr}.live-invite{margin-top:20px;margin-bottom:130px;padding:75px;background:#111;color:#fff}.live-invite>span{font-size:11px;font-weight:700;letter-spacing:.14em}.live-invite h2{font-family:var(--display);font-size:64px;line-height:1.02;max-width:900px;margin:18px 0}.live-invite p{font-size:18px;line-height:1.6;max-width:750px;color:#c7c7c7}.live-invite .url-link{color:#fff!important}.athar-live{background:#171411}.dual-athar{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:130px}.dual-athar img{width:100%}.light-image{background:#e7e3da!important}.light-image img{max-width:1200px}.image-athar img{width:100%;height:100%;object-fit:cover;object-position:top}.athar-copy .live-note{color:#777;font-style:italic;border-top:1px solid #3c3831;padding-top:18px}.athar-copy .card-button{background:#eee5d3;color:#171411}.ai-stage{padding-top:90px}.beyond-detail{padding:50px 0 140px}.beyond-detail article{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;padding:80px 0;border-top:1px solid var(--line);align-items:start}.beyond-detail article span{font-size:11px;font-weight:700;letter-spacing:.14em}.beyond-detail article h2{font-family:var(--display);font-size:58px;line-height:1;margin:18px 0}.beyond-detail article p{font-size:18px;line-height:1.6;color:#555}.beyond-detail article>img,.logo-surface img{width:100%;display:block}.logo-surface{background:#fff;padding:26px}.logo-surface img{mix-blend-mode:multiply}
@media(max-width:800px){.home:before{height:88vh}.hero{min-height:calc(88vh - 70px)}.category-heading-row{grid-template-columns:1fr;gap:35px}.category-heading-row h1{font-size:23vw}.beyond-entry{align-items:flex-start;flex-direction:column}.beyond-entry h3{font-size:42px}.skills span{font-size:15px}.hero-card .project-img{height:380px}.project-card.hero-card{min-height:600px}.more-work{padding:30px;min-height:260px}.more-work h2{font-size:38px}.visual-showcase,.supporting-visuals,.power-support,.direction-gallery,.dual-athar,.beyond-detail article{grid-template-columns:1fr}.visual-showcase{padding-top:50px}.mobile-shot{position:static}.mobile-shot img{max-height:none;width:min(72%,420px);margin:auto}.direction-gallery{gap:40px}.supporting-visuals{gap:50px}.live-invite{padding:38px 25px}.live-invite h2{font-size:44px}.beyond-detail article{gap:30px}}
.more-url{color:#fff;display:inline-block;margin-top:18px;font-weight:700;overflow-wrap:anywhere}

/* Revision 3: category scale, sticky navigation, card rhythm, motion preview, mobile safety */
.nav{position:sticky;top:0;z-index:1000;background:rgba(244,241,233,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,17,15,.08)}
.home .nav{background:rgba(24,56,255,.88);border-bottom-color:rgba(255,255,255,.16)}
.category-heading-row{grid-template-columns:minmax(430px,.95fr) minmax(360px,1.05fr);align-items:end}
.category-heading-row h1{font-size:clamp(68px,8.2vw,126px);line-height:.82;letter-spacing:-.05em}
.project-index{gap:42px 24px}
.project-img img,.peek img{object-position:top center}
.athar-motion{padding:70px 0 120px}
.athar-motion .motion-label{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start;margin-bottom:28px}
.athar-motion .motion-label span{font-size:11px;font-weight:700;letter-spacing:.15em}
.athar-motion .motion-label p{font-size:19px;line-height:1.6;max-width:720px;margin:0;color:#665f55}
.athar-motion video{display:block;width:100%;height:auto;background:#111;box-shadow:0 30px 80px rgba(0,0,0,.12)}
.beyond-detail article p+p{margin-top:16px}

@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 30px)}
  .nav{height:62px;padding-left:15px;padding-right:15px;width:100%}
  .nav nav{gap:12px;font-size:11px}
  .wordmark{font-size:11px;white-space:nowrap}
  .category-hero{padding:38px 15px 72px!important;width:100%!important}
  .category-heading-row{display:block;margin-top:24px}
  .category-heading-row h1{font-size:clamp(54px,16vw,78px);line-height:.86;overflow-wrap:anywhere;margin-bottom:32px}
  .category-heading-row .category-intro{width:100%;max-width:none}
  .category-intro p{font-size:16px;line-height:1.6}
  .project-index{display:grid;grid-template-columns:1fr;gap:34px;padding-bottom:90px}
  .project-card,.project-card.hero-card{width:100%;min-width:0;overflow:hidden}
  .project-card.hero-card{display:flex;min-height:0}
  .project-img,.hero-card .project-img{height:300px}
  .project-meta{padding:24px}
  .project-meta h2,.hero-card .project-meta h2{font-size:clamp(38px,12vw,54px);overflow-wrap:anywhere}
  .project-meta p{font-size:15px}
  .more-work{grid-column:auto;width:100%;overflow:hidden}
  .more-work h2{overflow-wrap:anywhere}
  .project-hero{padding:38px 0 70px}
  .project-hero h1{font-size:clamp(56px,17vw,90px);line-height:.88;overflow-wrap:anywhere}
  .project-hero>p{font-size:19px}
  .project-links{flex-wrap:wrap}
  .url-link{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .case-copy h2,.case-split h2{font-size:clamp(42px,13vw,60px);overflow-wrap:anywhere}
  .case-copy>p,.case-split p{font-size:17px}
  .visual-showcase img,.case-image img,.supporting-visuals img,.direction-gallery img,.dual-athar img{max-width:100%;height:auto}
  .athar-motion{padding:45px 0 80px}
  .athar-motion .motion-label{grid-template-columns:1fr;gap:16px}
  .athar-motion .motion-label p{font-size:16px}
  .athar-motion video{width:100%}
  .folder-copy h3{font-size:clamp(48px,15vw,64px)}
  .folder-copy p{font-size:15px}
  .peek{right:2%;width:58%;max-width:58%}
  .peek img{max-width:100%}
  .beyond-detail article{overflow:hidden}
  .beyond-detail article h2{overflow-wrap:anywhere}
  .footer{height:auto;min-height:80px;padding-bottom:25px}
}

/* Revision 4: wider home navigation, working approach, testimonials */
.home-nav{width:100%;height:70px;padding:0 clamp(24px,3.2vw,64px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;background:rgba(24,56,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.16);color:#fff}
.home-nav a{text-decoration:none}.home-nav nav{display:flex;gap:28px;font-size:13px}
.single-peek img:first-child{width:82%;height:88%;right:4%;top:4%;left:auto;bottom:auto;object-fit:cover;object-position:top;transform:rotate(2deg)}
.folder:hover .single-peek img:first-child{transform:rotate(4deg) translateY(-8px)}
.working{padding:140px 0;border-top:1px solid var(--line)}
.working-head{display:grid;grid-template-columns:.42fr 1.58fr;gap:40px;align-items:start}
.working-head h2,.testimonials h2{font-family:var(--display);font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.045em;color:var(--blue);margin:0;font-weight:600;max-width:1050px}
.working-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px;margin-top:90px;border-top:1px solid var(--ink)}
.working-grid article{padding:30px 0 45px;border-bottom:1px solid var(--line)}
.working-grid article>span{font-size:11px;font-weight:800;letter-spacing:.14em}
.working-grid h3{font-size:29px;line-height:1.15;margin:17px 0 14px;max-width:540px}
.working-grid p{font-size:16px;line-height:1.7;color:#555;max-width:610px;margin:0}
.testimonials{padding:140px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.testimonials h2{font-size:clamp(52px,6vw,86px);margin-top:18px}
.testimonial-placeholder{min-height:300px;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.32)}
.testimonial-placeholder span{font-size:11px;font-weight:800;letter-spacing:.15em}
.testimonial-placeholder p{font-family:var(--display);font-weight:600;font-size:clamp(36px,4vw,60px);line-height:1;margin:0;color:#777}
@media(max-width:800px){.home-nav{height:62px;padding:0 15px}.home-nav nav{gap:12px;font-size:11px}.working{padding:90px 0}.working-head,.working-grid,.testimonials{grid-template-columns:1fr}.working-head{gap:24px}.working-grid{margin-top:55px}.testimonials{padding:90px 0;gap:45px}.single-peek img:first-child{width:90%;height:100%;right:0}}

/* Revision 4: wider home navigation, working approach, testimonials */
.home-nav{width:100%;height:70px;padding:0 clamp(24px,3.2vw,64px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;background:rgba(24,56,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.16);color:#fff}
.home-nav a{text-decoration:none}.home-nav nav{display:flex;gap:28px;font-size:13px}
.single-peek img:first-child{width:82%;height:88%;right:4%;top:4%;left:auto;bottom:auto;object-fit:cover;object-position:top;transform:rotate(2deg)}
.folder:hover .single-peek img:first-child{transform:rotate(4deg) translateY(-8px)}
.working{padding:140px 0;border-top:1px solid var(--line)}
.working-head{display:grid;grid-template-columns:.42fr 1.58fr;gap:40px;align-items:start}
.working-head h2,.testimonials h2{font-family:var(--display);font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.045em;color:var(--blue);margin:0;font-weight:600;max-width:1050px}
.working-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 70px;margin-top:90px;border-top:1px solid var(--ink)}
.working-grid article{padding:30px 0 45px;border-bottom:1px solid var(--line)}
.working-grid article>span{font-size:11px;font-weight:800;letter-spacing:.14em}
.working-grid h3{font-size:29px;line-height:1.15;margin:17px 0 14px;max-width:540px}
.working-grid p{font-size:16px;line-height:1.7;color:#555;max-width:610px;margin:0}
.testimonials{padding:140px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.testimonials h2{font-size:clamp(52px,6vw,86px);margin-top:18px}
.testimonial-placeholder{min-height:300px;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.32)}
.testimonial-placeholder span{font-size:11px;font-weight:800;letter-spacing:.15em}
.testimonial-placeholder p{font-family:var(--display);font-weight:600;font-size:clamp(36px,4vw,60px);line-height:1;margin:0;color:#777}
@media(max-width:800px){.home-nav{height:62px;padding:0 15px}.home-nav nav{gap:12px;font-size:11px}.working{padding:90px 0}.working-head,.working-grid,.testimonials{grid-template-columns:1fr}.working-head{gap:24px}.working-grid{margin-top:55px}.testimonials{padding:90px 0;gap:45px}.single-peek img:first-child{width:90%;height:100%;right:0}}

/* Revision 5: editorial hero, stacked process heading, testimonial system, explicit home navigation */
.home:before{height:94vh;background:var(--blue)}
.hero{min-height:calc(94vh - 70px);padding:4vh 0 5vh;position:relative;overflow:hidden}
.hero-stage{position:relative;display:grid;grid-template-columns:88px 1fr;align-items:center;min-height:55vh;border-top:0;border-bottom:0;margin:3vh 0}
.hero-index{align-self:stretch;border-right:1px solid rgba(255,255,255,.24);display:flex;flex-direction:column;justify-content:space-between;padding:18px 16px 18px 0;font-size:10px;font-weight:700;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-stage h1{font-size:clamp(62px,8.2vw,128px);line-height:.82;margin:0;padding:4vh 6vw 4vh 4vw;position:relative;z-index:2}
.hero-stage h1 em{display:inline-block;color:#d9ff56;font-style:italic}
.hero-orbit{position:absolute;right:1.5vw;top:50%;transform:translateY(-50%);width:clamp(150px,18vw,280px);aspect-ratio:1;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.13em;color:rgba(255,255,255,.9)}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:14%}.hero-orbit:after{inset:29%}
.hero-orbit span{background:var(--blue);padding:4px;position:relative;z-index:1}.hero-orbit span:nth-child(1){transform:translate(-18px,-42px)}.hero-orbit span:nth-child(2){transform:translate(30px,42px)}.hero-orbit span:nth-child(3){transform:translate(18px,-5px)}
.hero-foot-side{display:flex;gap:36px;align-items:flex-end}.hero-foot-side span{font-size:10px;letter-spacing:.14em;font-weight:700}
.working-head-stacked{display:block!important}.working-head-stacked .section-no{display:block;margin-bottom:22px}.working-head-stacked h2{display:block;max-width:980px}
.testimonials{display:block;padding:140px 0;border-top:1px solid var(--line)}
.testimonials-head{display:grid;grid-template-columns:.35fr 1.15fr .65fr;gap:45px;align-items:start;margin-bottom:70px}.testimonials-head h2{font-family:var(--display);font-size:clamp(52px,6vw,86px);line-height:.92;letter-spacing:-.04em;color:var(--blue);margin:0}.testimonials-head p{font-size:17px;line-height:1.55;color:#555;margin:8px 0 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quote-card{min-height:330px;background:#fff;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;justify-content:space-between}.quote-featured{grid-column:1/-1;min-height:380px;background:var(--blue);color:#fff}.quote-mark{font-family:Georgia,serif;font-size:70px;line-height:.65;color:var(--blue)}.quote-featured .quote-mark{color:#d9ff56}.quote-card blockquote{font-family:var(--display);font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.06;letter-spacing:-.025em;margin:25px 0 40px;max-width:980px}.quote-featured blockquote{font-size:clamp(38px,4.6vw,68px)}.quote-source{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:16px;font-size:12px}.quote-source span{opacity:.62;text-align:right}
.project-page .nav nav a:first-child,.category-page .nav nav a:first-child{font-weight:800;color:var(--blue)}
@media(max-width:800px){.home:before{height:94vh}.hero{min-height:calc(94vh - 62px);padding:20px 0 32px}.hero-meta span:last-child{display:none}.hero-stage{grid-template-columns:34px 1fr;min-height:58vh;margin:18px 0}.hero-index{padding:12px 8px 12px 0;font-size:8px}.hero-stage h1{font-size:clamp(48px,15vw,76px);line-height:.86;padding:30px 14px 30px 18px;overflow-wrap:normal}.hero-orbit{width:120px;right:-45px;top:16%;opacity:.55}.hero-orbit span{display:none}.hero-foot{align-items:flex-start;gap:22px}.hero-foot p{font-size:15px}.hero-foot-side{flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0}.hero-foot-side span{display:none}.testimonials{padding:90px 0}.testimonials-head{grid-template-columns:1fr;gap:18px;margin-bottom:45px}.testimonials-head h2{font-size:clamp(46px,14vw,68px)}.testimonial-grid{grid-template-columns:1fr}.quote-featured{grid-column:auto;min-height:330px}.quote-card,.quote-featured{min-height:300px;padding:24px}.quote-card blockquote,.quote-featured blockquote{font-size:clamp(28px,8.5vw,42px)}.quote-source{flex-direction:column;gap:6px}.quote-source span{text-align:left}.working-head-stacked .section-no{margin-bottom:14px}}

/* Weekend final polish: motion, technical positioning, process icons */
.wordmark{font-size:15px!important;font-weight:900!important;letter-spacing:.045em}
.hero-meta span:first-child{font-size:clamp(14px,1.35vw,19px)!important;font-weight:900!important;letter-spacing:.1em}

/* The three hero rings breathe independently, without competing with the headline. */
.hero-orbit{animation:orbitPulseOuter 4.8s ease-in-out infinite;will-change:transform,opacity}
.hero-orbit:before{animation:orbitPulseMid 4.8s ease-in-out .45s infinite;will-change:transform,opacity}
.hero-orbit:after{animation:orbitPulseInner 4.8s ease-in-out .9s infinite;will-change:transform,opacity}
@keyframes orbitPulseOuter{0%,100%{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.045);opacity:1}}
@keyframes orbitPulseMid{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes orbitPulseInner{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.13);opacity:.95}}

/* Gentle section-by-section reveal. JS adds .motion-ready only when supported. */
.motion-ready .reveal-on-scroll{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.motion-ready .reveal-on-scroll.revealed{opacity:1;transform:none}
.motion-ready .working-grid article.reveal-on-scroll:nth-child(even){transition-delay:.08s}

/* Buttons and link-like CTAs get tactile but quiet feedback. */
.card-button,.project-button,.folder-copy>span,.url-link,.contact a,.beyond-entry{transition:transform .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease}
.card-button:hover,.project-button:hover{transform:translateY(-3px)}
.folder:hover .folder-copy>span{transform:translateX(5px)}
.url-link:hover{opacity:.62}
.contact a:hover{transform:translateX(5px)}

.working-grid article{position:relative;padding-top:92px}
.work-icon{position:absolute;top:27px;left:0;width:42px;height:42px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.working-grid article>span{display:block}

@media(max-width:800px){
  .wordmark{font-size:12px!important}
  .hero-meta span:first-child{font-size:13px!important}
  .hero-orbit{animation:none}
  .hero-orbit:before,.hero-orbit:after{animation:none}
  .working-grid article{padding-top:86px}
  .work-icon{top:26px;width:38px;height:38px}
  .motion-ready .reveal-on-scroll{transform:translateY(18px)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .motion-ready .reveal-on-scroll{opacity:1!important;transform:none!important}
}

/* 2026-10-19 heading scale refinement */
.hero-stage h1{font-size:clamp(56px,7vw,108px)}
.work-intro h2,.beyond h2,.about h2{font-size:clamp(52px,6.5vw,92px)}
.contact h2{font-size:clamp(62px,7vw,94px)}
.folder-copy h3{font-size:76px}
.category-heading-row h1,.category-hero h1{font-size:clamp(62px,7vw,108px)}
.project-meta h2{font-size:46px}
.hero-card .project-meta h2{font-size:62px}
.project-hero h1{font-size:clamp(58px,7.2vw,108px);line-height:.88}
.case-copy h2,.case-split h2{font-size:58px}
.case-quote p{font-size:clamp(46px,5.5vw,78px)}
.athar-copy h2{font-size:72px}
.coming h2{font-size:60px}
.live-invite h2{font-size:54px}
.project-links{gap:18px;align-items:center}
.project-links .url-link,.project-links a.url-link{font-size:17px!important;line-height:1.35;padding:8px 0!important;border-bottom-width:3px}
@media(max-width:800px){
  .hero-stage h1{font-size:clamp(44px,13vw,66px)}
  .work-intro h2,.beyond h2,.about h2{font-size:clamp(44px,12vw,62px)}
  .category-heading-row h1,.category-hero h1{font-size:clamp(48px,14vw,68px)}
  .project-meta h2,.hero-card .project-meta h2{font-size:clamp(34px,10vw,46px)}
  .project-hero h1{font-size:clamp(46px,13vw,68px)}
  .case-copy h2,.case-split h2{font-size:clamp(38px,11vw,50px)}
  .project-links .url-link,.project-links a.url-link{font-size:16px!important}
}

/* Clerkware case-study imagery */
.clerkware-full{padding:5vw 0;background:#eee9e0!important}.clerkware-full img{width:min(980px,92vw)!important;max-width:none!important;height:auto!important;object-fit:contain;margin:auto}.project-page .case-copy>p{max-width:780px}

/* Final readability + hero motion pass */
.project-page .project-hero>p,.project-page .case-copy>p,.project-page .case-split p,.project-page .live-invite p{color:#111!important}
.animated-hero .hero-line>span{display:inline-block;opacity:0;transform:translateY(22px) scale(.88);animation:heroWordIn .48s cubic-bezier(.2,1.45,.45,1) forwards;will-change:transform,opacity}
.animated-hero .hero-line:nth-of-type(1)>span:nth-child(1){animation-delay:.04s}.animated-hero .hero-line:nth-of-type(1)>span:nth-child(2){animation-delay:.10s}
.animated-hero .hero-line:nth-of-type(2)>span:nth-child(1){animation-delay:.16s}.animated-hero .hero-line:nth-of-type(2)>span:nth-child(2){animation-delay:.22s}
.animated-hero em.hero-line>span:nth-child(1){animation-delay:.28s}.animated-hero em.hero-line>span:nth-child(2){animation-delay:.34s}.animated-hero em.hero-line>span:nth-child(3){animation-delay:.40s}.animated-hero em.hero-line>span:nth-child(4){animation-delay:.46s}
@keyframes heroWordIn{0%{opacity:0;transform:translateY(22px) scale(.88)}70%{opacity:1;transform:translateY(-5px) scale(1.025)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.animated-hero .hero-line>span{opacity:1!important;transform:none!important;animation:none!important}}

/* Hero visual update */
.hero-stage{display:block;overflow:hidden;isolation:isolate}
.hero-stage h1{padding-left:0;padding-right:34vw;position:relative;z-index:3}
.hero-loop-art{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);width:62%;height:100%;border:0;pointer-events:none;background:#1838FF;overflow:hidden}
@media(max-width:800px){.hero-stage h1{padding-left:0;padding-right:8px}.hero-loop-art{right:-18%;top:50%;width:92%;height:72%;opacity:.58}}
@media(prefers-reduced-motion:reduce){.hero-loop-art{display:none}}

/* 2026-10-19 hero alignment + project link visibility */
.hero-meta{align-items:center;padding-top:20px}
.hero-meta::after{content:'5+ YEARS EXPERIENCE';font-size:10px;letter-spacing:.14em;font-weight:700;color:#fff}
.hero-loop-art{right:-5%!important;width:62%!important}
.hero-foot{padding-top:0;transform:translateY(-28px)}
.hero-foot-side{display:none!important}
.folder.ai .single-peek{right:2%;width:54%;height:72%;overflow:visible}
.folder.ai .single-peek img:first-child{width:100%;height:88%;right:0;top:4%;object-fit:contain;object-position:center;box-shadow:0 24px 55px rgba(0,0,0,.28)}
.project-links .url-link,.project-links a.url-link{font-size:19px!important;font-weight:800!important;border-bottom-width:3px!important;position:relative;padding-left:22px!important}
.project-links .url-link::before,.project-links a.url-link::before{content:'';position:absolute;left:0;top:50%;width:10px;height:10px;border-radius:50%;background:#27d763;transform:translateY(-50%);box-shadow:0 0 0 0 rgba(39,215,99,.55);animation:livePulse 1.8s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(39,215,99,.55)}70%{box-shadow:0 0 0 8px rgba(39,215,99,0)}100%{box-shadow:0 0 0 0 rgba(39,215,99,0)}}
@media(max-width:800px){.hero-meta{padding-top:8px}.hero-meta::after{font-size:8px}.hero-loop-art{right:-20%!important;width:94%!important}.hero-foot{transform:none}.folder.ai .single-peek{width:58%;right:0}.project-links .url-link,.project-links a.url-link{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.project-links .url-link::before,.project-links a.url-link::before{animation:none}}

/* Final hero spacing / artwork visibility pass */
.hero{justify-content:flex-start!important;padding-top:3.2vh!important}
.hero-meta{padding-top:8px!important;margin-bottom:0!important}
.hero-stage{overflow:visible!important;margin:1.2vh 0 0!important;min-height:54vh!important}
.hero-stage h1{padding-top:2vh!important;padding-bottom:2vh!important}
.hero-loop-art{right:-10%!important;top:56%!important;width:66%!important;height:108%!important;overflow:visible!important}
.hero-foot{transform:translateY(-46px)!important;padding-top:0!important}
@media(max-width:800px){
  .hero{padding-top:18px!important}
  .hero-stage{overflow:visible!important;margin:8px 0 0!important}
  .hero-loop-art{right:-23%!important;top:54%!important;width:100%!important;height:78%!important}
  .hero-foot{transform:translateY(-14px)!important}
}