/* INCI ÖZDEMIR – continuous one-page experience */
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;width:100%;min-height:100%;background:#020706}
body{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.inci-site,.inci-site *{box-sizing:border-box}
.inci-site{
  --bg:#020706;
  --bg-deep:#010504;
  --bg-soft:#03100d;
  --petrol:#10b7b0;
  --petrol-soft:rgba(16,183,176,.16);
  --copper:#b77b50;
  --copper-light:#cf986b;
  --copper-deep:#744527;
  --cream:#f2ede6;
  --muted:#aab2af;
  --line:rgba(183,123,80,.25);
  --ease:cubic-bezier(.22,.77,.2,1);
  --page-progress:0;
  position:relative;
  isolation:isolate;
  overflow:clip;
  min-height:100vh;
  background:#020706;
  color:var(--cream);
  font-family:Arial,Helvetica,sans-serif;
}
.inci-site a{outline-offset:5px}
.inci-site a:focus-visible{outline:1px solid var(--copper-light)}
.inci-site section{width:100%;margin:0;border:0;box-shadow:none;scroll-margin-top:72px}
.inci-main{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,
    #020706 0%,
    #03100d 14%,
    #04120f 29%,
    #03110e 43%,
    #02100d 57%,
    #03120f 72%,
    #04110e 86%,
    #030a08 100%);
}
.inci-main:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 58% 14% at 82% 16%,rgba(183,123,80,.075),transparent 72%),
    radial-gradient(ellipse 62% 15% at 18% 32%,rgba(16,183,176,.095),transparent 72%),
    radial-gradient(ellipse 68% 16% at 76% 49%,rgba(183,123,80,.060),transparent 74%),
    radial-gradient(ellipse 68% 17% at 24% 65%,rgba(16,183,176,.080),transparent 74%),
    radial-gradient(ellipse 70% 16% at 68% 82%,rgba(16,183,176,.060),transparent 76%);
  filter:blur(8px);
}
.inci-main>.inci-block{z-index:1}

/* persistent navigation */
.inci-header{position:fixed;z-index:1000;left:0;right:0;top:0;pointer-events:none;transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease,box-shadow .45s ease}
.hero-nav{width:min(1280px,calc(100% - 64px));height:78px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(183,123,80,.16);pointer-events:auto;transition:height .4s var(--ease),border-color .4s ease}
.inci-header.is-scrolled{background:linear-gradient(180deg,rgba(2,7,6,.88),rgba(2,7,6,.68));backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 10px 34px rgba(0,0,0,.12)}
.inci-header.is-scrolled .hero-nav{height:64px;border-bottom-color:rgba(183,123,80,.23)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none!important}
.brand-monogram{width:28px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 0 5px rgba(183,123,80,.18))}
.brand-name{color:var(--cream);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{position:relative;color:var(--cream)!important;text-decoration:none!important;font-size:10px;letter-spacing:.20em;text-transform:uppercase;opacity:.70;transition:opacity .25s ease,color .25s ease,background .25s ease,border-color .25s ease}
.nav-links a:not(.contact):after{content:"";position:absolute;left:0;right:.20em;bottom:-10px;height:1px;background:linear-gradient(90deg,var(--petrol),var(--copper-light));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links a:hover,.nav-links a.is-active{opacity:1}
.nav-links a.is-active:not(.contact):after{transform:scaleX(1)}
.nav-links .contact{min-height:40px;padding:0 18px;display:flex;align-items:center;border:1px solid rgba(183,123,80,.36);opacity:.92}
.nav-links .contact:hover,.nav-links .contact.is-active{border-color:rgba(207,152,107,.72);background:rgba(183,123,80,.08)}
.section-tabs{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(183,123,80,.16);border-radius:999px;background:rgba(2,9,7,.26);box-shadow:inset 0 0 0 1px rgba(255,255,255,.012);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.section-tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;opacity:.62!important;transition:opacity .3s ease,color .3s ease,background .35s var(--ease),box-shadow .35s ease!important}
.section-tab:after{display:none!important}
.section-tab .tab-index{color:var(--copper-light);font-family:Georgia,"Times New Roman",serif;font-size:9px;letter-spacing:.04em;opacity:.68;transition:opacity .3s ease}
.section-tab:hover{opacity:1!important;background:rgba(16,183,176,.045)}
.section-tab.is-active{opacity:1!important;background:linear-gradient(110deg,rgba(16,183,176,.12),rgba(183,123,80,.10));box-shadow:0 0 0 1px rgba(183,123,80,.20),0 5px 22px rgba(0,0,0,.10)}
.section-tab.is-active .tab-index{opacity:1}
.inci-progress{position:fixed;z-index:1100;left:0;right:0;top:0;height:2px;pointer-events:none;background:rgba(255,255,255,.025)}
.inci-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--petrol),var(--copper-light));box-shadow:0 0 12px rgba(16,183,176,.35);will-change:transform}

/* unified section flow */
.inci-block{--section-progress:.5;--section-shift:0px;position:relative;isolation:isolate;overflow:hidden}
.inci-block:before{content:"";position:absolute;z-index:0;inset:-14%;pointer-events:none;opacity:.82;transform:translate3d(0,var(--section-shift),0) scale(1.04);transition:opacity .4s ease;background:radial-gradient(circle at 22% 34%,rgba(16,183,176,.07),transparent 23%),radial-gradient(circle at 79% 63%,rgba(183,123,80,.055),transparent 26%)}
.inci-block:after{content:"";position:absolute;z-index:2;left:-12%;right:-12%;bottom:0;height:210px;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(16,183,176,.018) 44%,rgba(183,123,80,.018) 68%,transparent 100%)}
.flow-light{position:absolute;z-index:1;left:50%;bottom:-58px;width:min(980px,96vw);height:320px;border-radius:50%;pointer-events:none;transform:translate3d(-50%,var(--section-shift),0);filter:blur(52px);opacity:.30;background:radial-gradient(ellipse at center,rgba(16,183,176,.16),rgba(183,123,80,.052) 38%,transparent 73%)}
.creative-flow{left:68%;opacity:.30}.digital-flow{left:30%;background:radial-gradient(ellipse at center,rgba(183,123,80,.15),rgba(16,183,176,.06) 43%,transparent 72%)}.ai-flow{left:65%;opacity:.27}

/* hero */
.inci-hero{min-height:760px;padding-top:78px;background:radial-gradient(circle at 10% 31%,rgba(6,125,121,.15),transparent 29%),radial-gradient(circle at 83% 20%,rgba(183,123,80,.14),transparent 29%),transparent}
.inci-hero:before{inset:0;z-index:2;opacity:1;transform:none;background:linear-gradient(90deg,rgba(2,7,6,.98) 0%,rgba(2,7,6,.88) 28%,rgba(2,7,6,.50) 48%,rgba(2,7,6,.10) 68%,rgba(2,7,6,.12) 100%),linear-gradient(0deg,rgba(1,5,4,.78) 0%,transparent 31%,transparent 78%,rgba(1,5,4,.18) 100%)}
.inci-hero:after{z-index:3;height:240px;background:linear-gradient(180deg,transparent 0%,rgba(2,7,6,.24) 34%,rgba(3,16,13,.38) 66%,transparent 100%)}
.hero-portrait{position:absolute;z-index:1;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:center center;display:block;border:0;outline:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.42) 12%,#000 31%,#000 100%),linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.42) 12%,#000 31%,#000 100%),linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%);mask-composite:intersect;transform:scale(1.025) translate3d(0,var(--section-shift),0);transform-origin:center;will-change:transform}
.hero-inner{position:relative;z-index:8;width:min(1280px,calc(100% - 64px));min-height:682px;margin:0 auto;display:flex;align-items:center}
.hero-copy{position:relative;z-index:10;width:46%;max-width:570px;padding:34px 0 70px}
.kicker{margin-bottom:20px;color:var(--petrol);font-size:11px;letter-spacing:.34em;text-transform:uppercase}
.hero-copy h1{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(53px,5.5vw,82px);font-weight:400;line-height:.93;letter-spacing:-.045em;text-wrap:balance}
.hero-copy h1 .line,.hero-copy h1 .gold{display:block}.hero-copy h1 .gold{color:var(--copper-light);font-style:italic}
.hero-desc{max-width:530px;margin:28px 0 0;color:rgba(242,237,230,.84);font-size:14px;line-height:1.82}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 20px;text-decoration:none!important;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease}
.hero-btn:hover{transform:translateY(-2px)}
.hero-btn.primary{gap:12px;color:#fff8ee!important;background:linear-gradient(90deg,#8d542f 0%,#b97142 52%,#ca8b58 100%);border:1px solid rgba(207,152,107,.52)}
.hero-btn.secondary{color:var(--cream)!important;background:rgba(2,7,6,.38);border:1px solid rgba(183,123,80,.32)}
.scroll-explore{display:flex;align-items:center;gap:15px;width:max-content;margin-top:40px;color:rgba(242,237,230,.43)!important;text-decoration:none!important;font-size:8px;letter-spacing:.28em;text-transform:uppercase;transition:color .25s ease}
.scroll-explore:before{content:"";width:44px;height:1px;background:linear-gradient(90deg,var(--petrol),var(--copper))}.scroll-explore:hover{color:rgba(242,237,230,.75)!important}
.hero-monogram-group{position:absolute;z-index:9;left:52%;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.hero-monogram{display:block;width:clamp(220px,24vw,340px);height:auto;margin:0 auto;opacity:.94;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(183,123,80,.14));animation:heroMonoFloat 8s ease-in-out infinite}
.hero-monogram-name{margin-top:-5px;color:#c99267;font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.1vw,34px);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.65)}
.hero-monogram-sub{margin-top:5px;color:var(--petrol);font-size:8px;letter-spacing:.42em;text-transform:uppercase;white-space:nowrap}
.side-text{position:absolute;z-index:10;right:11px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;color:rgba(201,139,91,.64);font-size:7px;letter-spacing:.38em;text-transform:uppercase;white-space:nowrap}
@keyframes heroMonoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* shared content sections */
.inci-section{min-height:700px;color:var(--cream);background:transparent}
.section-inner{width:min(1180px,calc(100% - 60px));min-height:700px;margin:0 auto;padding:92px 0 112px;position:relative;z-index:3}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,88px);align-items:center}
.section-copy{position:relative;z-index:5}
.section-kicker{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:var(--petrol);font-size:11px;letter-spacing:.34em;text-transform:uppercase}
.section-kicker:before{content:"";display:block;width:30px;height:1px;background:linear-gradient(90deg,var(--copper),var(--petrol))}
.section-copy h2{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,5.8vw,86px);font-weight:400;line-height:.92;letter-spacing:-.04em;text-wrap:balance}
.section-copy h2 span{display:block;margin-top:7px;color:var(--copper-light);font-style:italic;font-weight:400}
.section-copy>p{max-width:650px;margin:30px 0 0;color:var(--muted);font-size:16px;line-height:1.85}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tags span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid rgba(183,123,80,.28);background:rgba(4,13,11,.40);color:#bcc4c1;font-size:9px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:transform .3s var(--ease),border-color .3s ease,background .3s ease}
.tags span:hover{transform:translateY(-2px);border-color:rgba(207,152,107,.48);background:rgba(183,123,80,.06)}
.portrait-stage{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}
.soft-portrait{display:block;width:min(100%,430px);height:auto;position:relative;z-index:2;border:0;outline:0;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
.portrait-stage:before{content:"";position:absolute;width:min(430px,85vw);height:min(430px,85vw);border-radius:50%;background:radial-gradient(circle,rgba(8,125,120,.15),rgba(183,123,80,.035) 42%,transparent 68%);filter:blur(30px);pointer-events:none;z-index:0}
.big-number{position:absolute;left:-20px;top:16px;color:rgba(183,123,80,.065);font-family:Georgia,"Times New Roman",serif;font-size:100px;line-height:1;pointer-events:none}
.cinematic-portrait{animation:portraitCinema 13s cubic-bezier(.45,.05,.55,.95) infinite alternate;transform-origin:56% 48%;will-change:transform}
@keyframes portraitCinema{0%{transform:scale(1) translate3d(0,0,0)}55%{transform:scale(1.012) translate3d(2px,-3px,0)}100%{transform:scale(1.021) translate3d(2px,-5px,0)}}
.creative-section{background:transparent}.creative-section:before{background:radial-gradient(circle at 78% 34%,rgba(16,183,176,.075),transparent 31%),radial-gradient(circle at 18% 72%,rgba(183,123,80,.035),transparent 28%)}
.digital-section{background:transparent}.digital-section:before{background:radial-gradient(circle at 18% 34%,rgba(8,118,113,.09),transparent 32%),radial-gradient(circle at 82% 28%,rgba(183,123,80,.055),transparent 30%)}
.digital-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:48px}.digital-number{left:-72px;top:-47px}

/* AI */
.ai-section{min-height:760px;background:transparent}.ai-section:before{background:radial-gradient(circle at 76% 45%,rgba(12,134,130,.105),transparent 34%),radial-gradient(circle at 24% 76%,rgba(183,123,80,.035),transparent 30%)}
.ai-grid{min-height:720px}
.ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}
.ai-cards article{min-height:218px;padding:24px 18px;border:1px solid rgba(16,183,176,.18);background:linear-gradient(180deg,rgba(4,15,12,.72),rgba(3,10,8,.48));display:flex;flex-direction:column;backdrop-filter:blur(6px);transition:border-color .35s ease,transform .35s var(--ease),background .35s ease}
.ai-cards article:hover{transform:translateY(-4px);border-color:rgba(207,152,107,.30);background:linear-gradient(180deg,rgba(6,20,16,.82),rgba(3,10,8,.55))}
.ai-cards em{font-family:Georgia,"Times New Roman",serif;color:var(--copper-light);font-style:normal;font-size:24px;margin-bottom:22px}
.ai-cards h3{margin:0 0 10px;color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ai-cards p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.ai-stage{position:relative;height:520px;display:grid;place-items:center}
.ai-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(16,183,176,.12),transparent 67%);filter:blur(20px);animation:aiBreath 6s ease-in-out infinite}
.orbit{position:absolute;border:1px solid rgba(16,183,176,.20);border-radius:50%;animation:orbitSpin 24s linear infinite}
.orbit.o1{width:300px;height:300px;border-color:rgba(183,123,80,.19)}.orbit.o2{width:430px;height:220px;animation-duration:30s}.orbit.o3{width:510px;height:160px;animation-duration:36s;animation-direction:reverse}
.ai-core{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(183,123,80,.35);background:radial-gradient(circle,rgba(8,104,101,.16),rgba(2,7,6,.88));box-shadow:0 0 60px rgba(10,151,147,.13);z-index:2}
.ai-core img{width:95px;height:auto;display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--petrol);box-shadow:0 0 12px rgba(16,183,176,.6)}
.n1{left:14%;top:33%}.n2{right:12%;top:38%;width:5px;height:5px}.n3{left:20%;bottom:17%;background:var(--copper-light);box-shadow:0 0 12px rgba(207,152,107,.5)}.n4{right:18%;bottom:18%;width:5px;height:5px}
@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes aiBreath{50%{transform:scale(1.06);opacity:.62}}

/* contact */
.contact-section{min-height:650px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--cream)}
.contact-section:before{inset:-18%;background:radial-gradient(ellipse at 50% 8%,rgba(16,183,176,.075),transparent 31%),radial-gradient(circle at 80% 68%,rgba(183,123,80,.055),transparent 29%),radial-gradient(circle at 18% 76%,rgba(16,183,176,.035),transparent 27%)}
.contact-section:after{display:block;top:0;bottom:auto;height:240px;background:linear-gradient(180deg,transparent 0%,rgba(16,183,176,.018) 42%,rgba(183,123,80,.015) 68%,transparent 100%)}
.contact-inner{position:relative;z-index:5;width:min(1120px,calc(100% - 60px));margin:0 auto;padding:90px 0 100px;text-align:center}
.contact-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;color:var(--petrol);font-size:10px;letter-spacing:.34em;text-transform:uppercase}
.contact-kicker:before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--copper),var(--petrol))}
.contact-inner h2{margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,7vw,102px);font-weight:400;line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.contact-inner h2 span{display:block;margin-top:8px;color:var(--copper-light);font-style:italic}
.contact-inner>p{max-width:680px;margin:30px auto 0;color:var(--muted);font-size:16px;line-height:1.85}
.contact-actions{display:flex;justify-content:center;margin-top:34px}
.contact-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border:1px solid rgba(207,152,107,.52);background:linear-gradient(135deg,#87502e 0%,#af6d40 48%,#c68755 100%);color:#fff7ea!important;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;box-shadow:0 10px 34px rgba(0,0,0,.16);transition:transform .3s var(--ease),box-shadow .3s ease}
.contact-actions a:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(0,0,0,.26)}
.contact-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:15px 34px;margin-top:31px;color:#7f8a86;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.contact-signature{margin-top:48px;color:rgba(16,183,176,.66);font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.5vw,34px);line-height:1.2;font-style:italic}

/* dust and ambient particles */
.dust-layer{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.dust{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);border-radius:50%;background:#b77b50;box-shadow:0 0 4px rgba(183,123,80,.6);opacity:0;animation:dustDance var(--d) ease-in-out var(--delay) infinite}
.d1{--x:6%;--y:19%;--s:1px;--d:10s;--delay:-2s}.d2{--x:12%;--y:69%;--s:2px;--d:13s;--delay:-6s}.d3{--x:18%;--y:42%;--s:1px;--d:9s;--delay:-4s}.d4{--x:23%;--y:82%;--s:1.4px;--d:14s;--delay:-8s}.d5{--x:29%;--y:26%;--s:1px;--d:11s;--delay:-3s}.d6{--x:34%;--y:58%;--s:2px;--d:12s;--delay:-7s}.d7{--x:39%;--y:13%;--s:1px;--d:15s;--delay:-10s}.d8{--x:43%;--y:76%;--s:1.5px;--d:10s;--delay:-5s}.d9{--x:49%;--y:34%;--s:1px;--d:13s;--delay:-9s}.d10{--x:53%;--y:88%;--s:2px;--d:12s;--delay:-4s}.d11{--x:58%;--y:20%;--s:1px;--d:14s;--delay:-11s}.d12{--x:62%;--y:62%;--s:1.8px;--d:10s;--delay:-6s}.d13{--x:67%;--y:44%;--s:1px;--d:15s;--delay:-12s}.d14{--x:71%;--y:79%;--s:1.5px;--d:11s;--delay:-3s}.d15{--x:76%;--y:16%;--s:2px;--d:13s;--delay:-8s}.d16{--x:81%;--y:51%;--s:1px;--d:9s;--delay:-5s}
@keyframes dustDance{0%,100%{opacity:0;transform:translate(0,0) scale(.4)}18%{opacity:.5;transform:translate(10px,-8px) scale(.8)}40%{opacity:.9;transform:translate(-8px,11px) scale(1)}62%{opacity:.55;transform:translate(18px,7px) scale(.7)}82%{opacity:.28;transform:translate(7px,-4px) scale(.5)}}
.ambient{position:absolute;z-index:4;width:2px;height:2px;border-radius:50%;background:#c78b5c;box-shadow:0 0 4px rgba(199,139,92,.78),0 0 10px rgba(183,123,80,.22);animation:ambientSpark 5.4s ease-in-out infinite;pointer-events:none}.a1{left:9%;top:20%}.a2{left:48%;top:77%;animation-delay:1.4s}.a3{right:10%;top:20%;animation-delay:2.3s}.a4{right:19%;bottom:15%;animation-delay:3.2s}@keyframes ambientSpark{0%,100%{opacity:.08;transform:scale(.7)}45%{opacity:.75;transform:scale(1.3)}}

/* reveal – translate is intentionally separate from transform so positioned elements keep their transform */
.reveal{--reveal-delay:0ms;opacity:0;translate:0 28px;transition:opacity .9s var(--ease) var(--reveal-delay),translate .9s var(--ease) var(--reveal-delay),filter .9s var(--ease) var(--reveal-delay);filter:blur(3px)}
.reveal.reveal-soft{translate:0 18px}.reveal.reveal-static{translate:0 0;filter:blur(5px)}
.reveal.is-visible{opacity:1;translate:0 0;filter:blur(0)}

/* tablet */
@media(max-width:900px){
  .hero-nav{width:calc(100% - 32px)}.nav-links{gap:12px}.nav-links a{font-size:9px;letter-spacing:.13em}.section-tab{min-height:32px;padding:0 10px}.section-tab .tab-index{font-size:8px}.inci-header.is-scrolled .hero-nav{height:60px}
  .inci-hero{min-height:720px;padding-top:70px}.hero-inner{width:calc(100% - 32px);min-height:650px}.hero-copy{width:52%}.hero-monogram-group{left:59%}.hero-monogram{width:clamp(170px,25vw,230px)}.hero-copy h1{font-size:clamp(46px,7vw,64px)}
  .section-inner{width:calc(100% - 38px);min-height:auto;padding:80px 0 105px}.two-col,.digital-grid,.ai-grid{grid-template-columns:1fr;gap:48px}.portrait-stage{min-height:auto}.soft-portrait{width:min(100%,470px)}.big-number{display:none}.section-copy h2{font-size:clamp(52px,10vw,72px)}.ai-stage{height:430px}.ai-cards{grid-template-columns:1fr}.ai-cards article{min-height:0}.contact-inner{width:calc(100% - 38px);padding:82px 0 90px}
}

/* mobile */
@media(max-width:650px){
  .inci-site section{scroll-margin-top:60px}.hero-nav{height:66px;width:calc(100% - 24px)}.brand-monogram{width:24px;height:33px}.brand-name{display:none}.nav-links{gap:7px}.nav-links a{font-size:8px;letter-spacing:.08em}.section-tabs{gap:1px;padding:2px}.section-tab{min-height:30px;padding:0 8px}.section-tab .tab-index{display:none}.nav-links .contact{padding:0 9px;min-height:34px}.inci-header.is-scrolled .hero-nav{height:56px}
  .inci-hero{min-height:auto;padding-top:66px;padding-bottom:0}.hero-inner{min-height:auto;width:calc(100% - 30px);padding:56px 0 390px;display:block}.hero-copy{width:100%;max-width:100%;padding:0}.hero-copy h1{font-size:clamp(47px,14vw,67px)}.hero-desc{font-size:14px}.hero-actions{gap:9px}.hero-btn{padding:0 16px}.scroll-explore{margin-top:30px}
  .hero-portrait{width:100%;height:430px;top:auto;bottom:0;object-position:58% center;transform:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 82%,transparent 100%)}
  .hero-monogram-group{left:50%;top:auto;bottom:100px;transform:translateX(-50%)}.hero-monogram{width:165px}.hero-monogram-name{font-size:21px}.hero-monogram-sub{font-size:7px;letter-spacing:.25em}.side-text{display:none}
  .section-inner{width:calc(100% - 30px);padding:70px 0 95px}.section-copy h2{font-size:clamp(44px,13.5vw,62px)}.section-copy>p{font-size:15px;line-height:1.75}.tags{gap:7px}.tags span{min-height:32px;padding:0 10px;font-size:8px}.soft-portrait{width:100%}.ai-stage{height:360px}.orbit.o1{width:230px;height:230px}.orbit.o2{width:300px;height:160px}.orbit.o3{width:330px;height:120px}.ai-core{width:135px;height:135px}.ai-core img{width:76px}
  .contact-inner{width:calc(100% - 30px);padding:76px 0 82px}.contact-inner h2{font-size:clamp(45px,14vw,66px)}.contact-inner>p{font-size:15px;line-height:1.75}.contact-actions a{width:100%;max-width:330px}.contact-meta{flex-direction:column;gap:9px}.contact-signature{margin-top:38px}.flow-light{height:250px;bottom:-48px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.inci-block:before,.hero-portrait,.flow-light{transform:none!important}.hero-monogram,.cinematic-portrait,.orbit,.ai-halo,.ambient,.dust{animation:none!important}.reveal{opacity:1;translate:0 0;filter:none;transition:none}.hero-btn,.tags span,.ai-cards article,.contact-actions a{transition:none}
}


/* APS SAFE FALLBACK: content must remain visible even if IntersectionObserver JS is not executed. */
.reveal{opacity:1 !important;translate:0 0 !important;filter:none !important;}

/* HOME intro remains animated without depending on JS. */
.hero-copy{animation:apsHomeCopyIn .9s cubic-bezier(.22,.77,.2,1) both;}
.hero-monogram-group{animation:apsHomeMarkIn 1.05s cubic-bezier(.22,.77,.2,1) .14s both;}
@keyframes apsHomeCopyIn{from{opacity:0;transform:translateY(20px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes apsHomeMarkIn{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:none}}

.home-legal-footer{width:min(1180px,calc(100% - 64px));margin:auto;padding:26px 0 34px;border-top:1px solid rgba(183,123,80,.14);display:flex;justify-content:space-between;gap:20px;color:rgba(170,178,175,.52);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.home-legal-footer span:last-child{display:flex;gap:18px}.home-legal-footer a{color:inherit;text-decoration:none;transition:.25s}.home-legal-footer a:hover{color:#cf986b}@media(max-width:600px){.home-legal-footer{width:calc(100% - 34px);flex-direction:column}}

/* --------------------------------------------------------------------------
   HOME MOBILE STABILITY LAYER
   Kept at the end intentionally: these rules must win over legacy APS guards.
   -------------------------------------------------------------------------- */
@media(max-width:650px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .inci-site{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
  .inci-main,.inci-block{max-width:100%;overflow-x:hidden;overflow-x:clip}
  .hero-nav{
    width:auto;
    margin-left:max(12px,env(safe-area-inset-left));
    margin-right:max(12px,env(safe-area-inset-right));
    gap:8px;
  }
  .brand{flex:0 0 auto}.nav-links{min-width:0;flex:0 1 auto;justify-content:flex-end}
  .section-tabs{min-width:0;max-width:100%}.section-tab{white-space:nowrap}

  .inci-hero{padding-top:66px;min-height:0}
  .hero-inner{
    width:calc(100% - 30px);
    max-width:100%;
    min-height:0;
    padding:48px 0 372px;
  }
  .hero-copy{width:100%;max-width:none;min-width:0;padding:0}
  .kicker{font-size:9px;letter-spacing:.26em;margin-bottom:16px}
  .hero-copy h1{font-size:clamp(43px,13.2vw,60px);line-height:.96;letter-spacing:-.038em;overflow-wrap:anywhere}
  .hero-desc{max-width:none;margin-top:22px;font-size:14px;line-height:1.72}
  .hero-actions{margin-top:24px;gap:9px}
  .hero-btn{min-height:42px;padding:0 14px;font-size:9px;letter-spacing:.13em}
  .scroll-explore{max-width:100%;margin-top:27px;gap:11px;letter-spacing:.20em;white-space:normal}
  .scroll-explore:before{width:32px;flex:0 0 32px}

  .hero-portrait{
    left:0;right:auto;top:auto;bottom:0;
    width:100%;max-width:none;height:385px;
    object-position:58% center;transform:none!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 84%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 84%,transparent 100%);
  }
  .hero-monogram-group{
    left:50%;right:auto;top:auto;bottom:72px;
    width:min(78vw,270px);
    transform:translateX(-50%);
    animation-name:apsHomeMarkIn;
  }
  .hero-monogram{width:min(150px,42vw)}
  .hero-monogram-name{font-size:clamp(17px,5vw,21px);letter-spacing:.10em;white-space:nowrap}
  .hero-monogram-sub{font-size:6.5px;letter-spacing:.20em;white-space:nowrap}

  .section-inner,.contact-inner{max-width:100%}
  .two-col,.digital-grid,.ai-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .two-col>*{min-width:0}
  .section-inner{padding:64px 0 82px}
  .section-copy h2{font-size:clamp(40px,12.5vw,56px);line-height:.96;overflow-wrap:anywhere}
  .section-copy>p{margin-top:24px;font-size:14px;line-height:1.72}
  .section-kicker{font-size:9px;letter-spacing:.26em;margin-bottom:18px}
  .tags{margin-top:24px;gap:7px}
  .tags span{max-width:100%;min-height:31px;padding:0 9px;font-size:7.5px;letter-spacing:.09em;white-space:normal;text-align:center}
  .portrait-stage{width:100%;min-width:0;min-height:0}
  .portrait-stage:before{width:min(78vw,330px);height:min(78vw,330px)}
  .soft-portrait{width:min(100%,390px);max-height:68vh;object-fit:contain}
  .digital-grid .section-copy{order:1}.digital-grid .portrait-stage{order:2}

  .ai-cards{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:28px}
  .ai-cards article{min-width:0;min-height:0;padding:20px 16px}
  .ai-cards em{margin-bottom:15px}.ai-cards p{font-size:13px;line-height:1.55}
  .ai-stage{width:100%;height:320px;overflow:hidden}
  .orbit.o1{width:min(220px,68vw);height:min(220px,68vw)}
  .orbit.o2{width:min(286px,86vw);height:148px}
  .orbit.o3{width:min(310px,92vw);height:110px}
  .ai-halo{width:min(260px,76vw);height:min(260px,76vw)}
  .ai-core{width:126px;height:126px}.ai-core img{width:70px}

  .contact-section{min-height:0}
  .contact-inner{padding:68px 0 74px}
  .contact-inner h2{font-size:clamp(39px,12.5vw,56px);line-height:.96;overflow-wrap:anywhere}
  .contact-inner>p{margin-top:24px;font-size:14px;line-height:1.72}
  .contact-actions{margin-top:28px}.contact-actions a{max-width:100%;min-height:46px;padding:0 16px;font-size:9px;overflow-wrap:anywhere}
  .contact-meta{font-size:8px;line-height:1.5}.contact-signature{font-size:clamp(21px,7vw,29px)}
  .home-legal-footer{box-sizing:border-box;max-width:100%;padding-bottom:max(30px,env(safe-area-inset-bottom))}
}

@media(max-width:390px){
  .hero-nav{margin-left:max(8px,env(safe-area-inset-left));margin-right:max(8px,env(safe-area-inset-right));gap:5px}
  .brand-monogram{width:21px;height:29px}
  .nav-links{gap:4px}.nav-links a{font-size:7px;letter-spacing:.045em}
  .section-tabs{padding:2px 1px}.section-tab{min-height:29px;padding:0 6px}
  .nav-links .contact{min-height:31px;padding:0 7px}
  .hero-inner{width:calc(100% - 24px);padding-top:42px;padding-bottom:354px}
  .hero-copy h1{font-size:clamp(40px,12.9vw,50px)}
  .hero-portrait{height:365px}
  .hero-monogram-group{bottom:66px}
  .section-inner,.contact-inner{width:calc(100% - 24px)}
  .section-copy h2,.contact-inner h2{font-size:clamp(38px,12.3vw,49px)}
  .home-legal-footer{width:calc(100% - 24px)}
  .home-legal-footer span:last-child{flex-wrap:wrap;gap:10px 16px}
}

@media(max-width:340px){
  .nav-links .contact{font-size:0;width:31px;padding:0;justify-content:center}
  .nav-links .contact:before{content:"✦";font-size:10px;color:var(--copper-light)}
  .section-tab{padding:0 5px}.nav-links a{font-size:6.5px}
  .hero-copy h1{font-size:39px}
  .hero-btn{padding:0 11px;letter-spacing:.10em}
}