/* Immersive interaction layer — the manuscript is the interface. */
.brand-lockup{gap:11px}.academy-symbol{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid #b89448;color:#ddc27d;overflow:hidden;isolation:isolate}.academy-symbol span{font:38px/1 KufiLegacy,serif;transform:translateY(-2px);z-index:2}.academy-symbol i,.academy-symbol b{position:absolute;display:block;background:currentColor;opacity:.35}.academy-symbol i{width:100%;height:1px;left:0;bottom:10px}.academy-symbol b{width:1px;height:100%;right:10px;top:0}.academy-symbol:after{content:'';position:absolute;right:6px;top:6px;width:4px;height:4px;background:#ddc27d}.brand-lockup:hover .academy-symbol span{transform:translateY(-2px) scale(1.08)}.academy-symbol span{transition:transform .35s cubic-bezier(.2,.75,.2,1)}

.hero{display:block;min-height:100svh;padding:0;background:#090a08;color:#f3ead5;--mx:70%;--my:42%}.hero-media{z-index:-1;overflow:hidden}.hero-media>img,.hero-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}.hero-media>img{filter:brightness(.15) saturate(.45) sepia(.25) contrast(1.18);transform:scale(1.025)}.hero-reveal{position:absolute;inset:0;opacity:.98;-webkit-mask-image:radial-gradient(circle 210px at var(--mx) var(--my),#000 0 34%,rgba(0,0,0,.85) 49%,transparent 74%);mask-image:radial-gradient(circle 210px at var(--mx) var(--my),#000 0 34%,rgba(0,0,0,.85) 49%,transparent 74%);pointer-events:none}.hero-reveal img{filter:brightness(.76) saturate(.62) sepia(.18) contrast(1.12);transform:scale(1.025)}.hero-shade{background:linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.68) 43%,rgba(5,6,5,.17) 76%),linear-gradient(0deg,rgba(4,5,4,.8),transparent 50%)}.hero-noise{position:absolute;inset:0;opacity:.11;pointer-events:none;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='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.hero-copy{position:absolute;left:max(28px,calc((100vw - 1440px)/2));bottom:10vh;width:min(720px,58vw);padding:0;z-index:3}.hero h1{font-size:clamp(62px,7.4vw,120px);line-height:.88;color:#f3ead5;text-shadow:0 8px 35px #0008}.hero h1 em{color:#ddbd72}.hero-lead{color:rgba(255,255,255,.72);max-width:52ch}.hero .eyebrow{color:#dbc47f}.hero .button.primary{background:#c8a65b;border-color:#c8a65b;color:#171713}.hero .text-button{color:#f6ead0}.hero-discovery{position:absolute;right:4vw;bottom:5vh;display:flex;align-items:center;gap:12px;margin:0;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#d9c9a2}.hero-discovery span{width:42px;height:42px;border:1px solid #c8a65b;border-radius:50%;box-shadow:0 0 35px #c8a65b55;animation:discoveryPulse 2.4s ease-in-out infinite}.hero-index{right:4vw;bottom:auto;top:120px;color:#d4bd83}.ink-line{bottom:0;background:#c7aa6855}@keyframes discoveryPulse{50%{transform:scale(.82);opacity:.55}}

.manifesto{position:relative;height:118vh;padding:0;background:#f6f1e8;z-index:0}.manifesto-sticky{position:sticky;top:0;display:grid;align-content:center;min-height:100vh;padding:9vw max(28px,calc((100vw - 1180px)/2))}.manifesto-copy{max-width:1000px;font-size:clamp(46px,6.3vw,94px)}.manifesto-note{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#8b7448}.comparison-section{position:relative;z-index:2;margin-top:-18vh;border-radius:44px 44px 0 0;box-shadow:0 -35px 90px rgba(33,27,17,.16);background:#f4eee3}

.pillars{position:relative;z-index:3;gap:1px;padding:1px;background:#b9a26f;border:0;perspective:1200px}.pillars article{position:relative;min-height:390px;padding:48px clamp(28px,4vw,62px);overflow:hidden;border:0;background:#efe7d7;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.75,.2,1),background .35s,color .35s;--card-x:50%;--card-y:50%}.pillars article:before{content:'';position:absolute;inset:0;background:radial-gradient(circle 230px at var(--card-x) var(--card-y),rgba(203,169,89,.32),transparent 70%);opacity:0;transition:opacity .3s}.pillars article:hover,.pillars article:focus-within{background:#20221d;color:#f4ead3;z-index:2;transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-8px)}.pillars article:hover:before,.pillars article:focus-within:before{opacity:1}.pillars h3{position:relative;margin:95px 0 20px;font-size:clamp(48px,5vw,74px);transform:translateZ(45px)}.pillars .chapter,.pillars article>p:last-of-type,.pillars article>a{position:relative;transform:translateZ(30px)}.pillars article>a{display:inline-block;margin-top:24px;color:inherit;font-size:11px;letter-spacing:.1em;text-decoration:none}.pillar-glyph{position:absolute;right:-2%;top:-11%;font:250px/1 KufiLegacy,serif;color:#9e7e32;opacity:.1;transform:translateZ(15px) rotate(-8deg);transition:opacity .35s,transform .55s}.pillars article:hover .pillar-glyph{opacity:.32;transform:translateZ(65px) rotate(3deg) scale(1.08)}

.alphabet-section{background-color:#d4c29e;background-image:radial-gradient(circle at 18% 8%,rgba(255,247,222,.34),transparent 31%),radial-gradient(circle at 86% 72%,rgba(115,84,35,.11),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(92,67,28,.06));padding-top:130px;border-block:1px solid rgba(66,48,22,.2)}.folio-heading{margin-bottom:68px}.folio-heading h2 em{color:#7f5b14}.folio-heading>p:last-child{color:#463d2f}.folio-plate{position:relative;background:#f4ecdc;border-color:#a98c50;box-shadow:0 28px 78px rgba(45,34,17,.2);overflow:hidden}.magnifier{position:absolute;left:0;top:0;width:190px;height:190px;border-radius:50%;border:1px solid #b58a29;background-color:#e8dcc1;background-repeat:no-repeat;background-size:2100px auto;box-shadow:0 18px 48px #221b1280,inset 0 0 0 8px rgba(255,255,255,.52);transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;z-index:4;transition:opacity .2s,transform .2s}.folio-plate:hover .magnifier{opacity:1;transform:translate(-50%,-50%) scale(1)}.glyph-grid{gap:12px;background:transparent;border:0}.glyph-card{min-height:205px;background:#f3ecde;border:1px solid #b9a581;overflow:visible;transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s,background .3s;z-index:0}.glyph-card:hover,.glyph-card:focus-within{background:#fffaf0;z-index:5;transform:translateY(-10px) scale(1.035);box-shadow:0 24px 60px rgba(43,33,18,.24)}.glyph-card .glyph{font-size:62px;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .3s;transform-origin:center}.glyph-card:hover .glyph{transform:scale(1.65);filter:drop-shadow(0 10px 12px rgba(36,28,18,.2))}.connection-section{border-color:#ad9569}.connection-card{position:relative;overflow:visible;min-height:128px;display:grid;place-content:center;background:#f3ecde;border-color:#b9a581;transition:transform .35s,box-shadow .35s,background .3s;z-index:0}.connection-card:hover{z-index:4;transform:scale(1.12) translateY(-7px);background:#fffaf0;box-shadow:0 20px 45px rgba(43,33,18,.24)}.connection-card span{font-size:44px;transition:transform .35s}.connection-card:hover span{transform:scale(1.55)}

.studio-preview{position:relative;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:100vh;padding-block:130px;background:#e9ddc3;overflow:hidden}.studio-preview:before{content:'استودیو';position:absolute;left:-2vw;bottom:-10vh;font:310px/1 KufiLegacy,serif;color:#80611c;opacity:.055;pointer-events:none}.studio-copy{position:relative;z-index:2}.studio-live{position:relative;min-width:0;width:100%;transform:perspective(1500px) rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d;box-shadow:30px 55px 100px rgba(38,29,17,.28);border:1px solid #9a793a;background:#0d0f13;transition:transform .45s cubic-bezier(.2,.75,.2,1);overflow:hidden}.studio-live:hover{transform:perspective(1500px) rotateY(-2deg) rotateX(0deg) translateY(-8px)}.studio-browser{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d0f13}.studio-browser iframe{position:absolute;left:0;top:0;width:160%;height:160%;border:0;transform:scale(.625);transform-origin:top left;pointer-events:none;filter:saturate(.82) contrast(1.02)}.studio-glass{position:absolute;inset:auto 22px 22px;display:flex;align-items:center;gap:16px;padding:16px 18px;background:rgba(10,12,15,.86);color:#e7dcc2;border:1px solid rgba(212,175,55,.35);backdrop-filter:blur(12px);transform:translateZ(35px)}.studio-glass span{font-size:8px;letter-spacing:.14em;color:#d1ae59}.studio-glass b{font-size:12px;font-weight:500}.studio-glass a{margin-left:auto;padding:10px 13px;background:#c7a44e;color:#151610;text-decoration:none;font-size:10px;font-weight:700}.studio-live.is-loading iframe{opacity:0}.studio-live iframe{opacity:1;transition:opacity .6s}

.gallery-section{overflow:hidden;background:#f8f5ee}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;perspective:1200px}.gallery-grid figure{position:relative;margin:0}.gallery-grid figure:before{content:'';position:absolute;inset:0 0 58px;z-index:2;border:1px solid rgba(174,139,67,.45);pointer-events:none;transition:transform .65s cubic-bezier(.2,.75,.2,1),border-color .35s}.gallery-grid figure:after{content:'';position:absolute;inset:0 0 58px;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 32%,rgba(255,244,202,.3) 49%,transparent 65%);transform:translateX(-130%);transition:transform .85s cubic-bezier(.2,.75,.2,1)}.gallery-grid img,.gallery-wide img{display:block;width:100%;height:470px;border:0;object-fit:cover;box-shadow:0 25px 65px rgba(37,29,18,.16);transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s;transform-origin:center}.gallery-grid figure:hover:before{transform:scale(.965);border-color:#b28b32}.gallery-grid figure:hover:after{transform:translateX(130%)}.gallery-grid figure:hover img{transform:scale(.985);filter:saturate(.9) contrast(1.04)}.gallery-grid figcaption{padding:15px 2px 0;border-top:1px solid #aa8b4a;margin-top:12px}

/* Payam Fard credit — compact Brand Valley-style closing signature. */
.signature-strip{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;background:#050508;color:#d8d7e2;overflow:hidden}.signature-strip>span{font:600 8px/1.2 var(--sans);letter-spacing:.22em;color:#a9a8ba}.signature-strip a{position:relative;display:grid;place-items:center;width:76px;height:76px;gap:0;color:white;text-decoration:none;isolation:isolate}.signature-strip a>span{display:none}.signature-strip a:after{content:'';position:absolute;inset:-20px;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(95,28,255,.3),transparent 64%);transform:scale(.58);opacity:0;transition:opacity .45s cubic-bezier(.2,.75,.2,1),transform .55s cubic-bezier(.2,.75,.2,1)}.signature-strip img{content:url('assets/payam-signature-transparent.png');display:block;width:62px;height:62px;object-fit:contain;transition:transform .5s cubic-bezier(.2,.75,.2,1),filter .45s;will-change:transform}.signature-strip a:hover img,.signature-strip a:focus-visible img{transform:translateY(-4px) scale(1.06);filter:brightness(1.12) saturate(1.16) drop-shadow(0 12px 18px rgba(91,36,255,.34))}.signature-strip a:hover:after,.signature-strip a:focus-visible:after{opacity:1;transform:scale(1)}

@media(max-width:960px){.hero-copy{left:7vw;width:min(760px,82vw)}.hero-discovery{display:none}.pillars{grid-template-columns:1fr}.pillars article{min-height:280px}.pillars h3{margin-top:45px}.studio-preview{grid-template-columns:1fr}.studio-live{transform:none}.studio-browser{aspect-ratio:16/11}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){transform:none}.gallery-grid figure:first-child{grid-column:1/-1}.gallery-grid img{height:390px}}
@media(max-width:620px){html,body{max-width:100%;overflow-x:clip}.site-header{padding-inline:16px}.brand-lockup{gap:8px}.academy-symbol{width:42px;height:42px;flex:0 0 42px}.academy-symbol span{font-size:32px}.brand-name{font-size:9px;letter-spacing:.12em}.brand-name small{display:none}.menu-button{flex:0 0 48px;justify-content:center}.menu-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero{min-height:100svh;padding:0;--hero-p:0}.hero-media>img,.hero-reveal img{object-position:62% center;transform:scale(calc(1.025 + var(--hero-p) * .075)) translateY(calc(var(--hero-p) * -1.5%))}.hero-reveal{-webkit-mask-image:radial-gradient(circle calc(130px + var(--hero-p) * 38px) at var(--mx) var(--my),#000 0 30%,rgba(0,0,0,.82) 50%,transparent 76%);mask-image:radial-gradient(circle calc(130px + var(--hero-p) * 38px) at var(--mx) var(--my),#000 0 30%,rgba(0,0,0,.82) 50%,transparent 76%);animation:none}.hero-copy{transform:translateY(calc(var(--hero-p) * -18px));opacity:calc(1 - var(--hero-p) * .48)}.hero-shade{background:linear-gradient(0deg,rgba(4,5,4,.96) 0%,rgba(4,5,4,.52) 58%,rgba(4,5,4,.22))}.hero-copy{left:24px;right:auto;bottom:7vh;width:calc(100vw - 48px);max-width:none}.hero h1{max-width:100%;font-size:clamp(42px,11.3vw,46px);line-height:.91;letter-spacing:-.055em}.hero h1 em{display:block}.hero-lead{max-width:100%;font-size:14px}.hero .actions{width:100%;flex-direction:column}.hero .actions .button{max-width:100%;min-height:48px}.manifesto{height:105vh}.manifesto-sticky{padding:90px 24px}.manifesto-copy{font-size:42px}.comparison-section{margin-top:-12vh;border-radius:26px 26px 0 0}.glyph-grid{grid-template-columns:repeat(2,1fr);gap:8px}.glyph-card{min-height:165px}.glyph-card:hover{transform:none}.glyph-card:hover .glyph{transform:none}.magnifier{display:none}.connection-card:hover{transform:none}.studio-preview{padding:85px 24px}.studio-browser{aspect-ratio:4/5}.studio-browser iframe{width:230%;height:230%;transform:scale(.435)}.studio-glass{inset:auto 10px 10px;display:grid;gap:7px}.studio-glass a{margin:0;min-height:44px;display:flex;align-items:center;justify-content:center}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-column:auto}.gallery-grid img{height:360px}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){transform:none}.pillars article.is-scroll-active{background:#20221d;color:#f4ead3;transform:translateY(-6px)}.pillars article.is-scroll-active:before{opacity:1}.pillars article.is-scroll-active .pillar-glyph{opacity:.3;transform:translateZ(0) rotate(2deg) scale(1.06)}.glyph-card.is-scroll-active{background:#fffaf0;z-index:4;transform:translateY(-5px) scale(1.025);box-shadow:0 18px 40px rgba(43,33,18,.2)}.glyph-card.is-scroll-active .glyph{transform:scale(1.42);filter:drop-shadow(0 8px 10px rgba(36,28,18,.18))}.connection-card.is-scroll-active{z-index:3;transform:scale(1.06);background:#fffaf0;box-shadow:0 14px 34px rgba(43,33,18,.18)}.connection-card.is-scroll-active span{transform:scale(1.3)}.studio-live.is-scroll-active{transform:perspective(900px) rotateX(1deg) translateY(-7px);box-shadow:0 34px 75px rgba(38,29,17,.34)}.gallery-grid figure.is-scroll-active:after{transform:translateX(130%)}.gallery-grid figure.is-scroll-active img{transform:scale(.985);filter:saturate(.9) contrast(1.04)}.catalogue-object.is-scroll-active{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) translateY(-7px)}}
@keyframes mobileReveal{from{transform:translateX(-8%)}to{transform:translateX(8%)}}
@media(prefers-reduced-motion:reduce){.hero-reveal{animation:none}.hero-discovery span{animation:none}.pillars article,.studio-live,.gallery-grid figure,.gallery-grid img,.signature-strip a:after,.signature-strip img{transform:none!important;transition:none!important}.magnifier{display:none}}
