.iv-social-page { background: #1f1f1f; }

.iv-sm-hero {
	display: grid;
	min-height: min(950px,100svh);
	grid-template-columns: minmax(0,1fr) minmax(430px,1fr);
	align-items: center;
	gap: clamp(45px,7vw,130px);
	padding: clamp(145px,12vw,200px) var(--iv-page) 85px;
	background:
		radial-gradient(circle at 74% 39%,rgba(216,207,194,.11),transparent 24%),
		radial-gradient(circle at 76% 50%,rgba(58,70,51,.44),transparent 38%),
		#1f1f1f;
}
.iv-sm-hero-copy { position:relative;z-index:3; }
.iv-sm-hero h1 { max-width:780px;margin-top:46px;color:#faf9f6;font-size:clamp(4.2rem,7.8vw,8.8rem);font-weight:520;letter-spacing:-.06em;line-height:.94; }
.iv-sm-hero h1 em { display:block;color:#9ba096;font-style:normal;font-weight:390; }
.iv-sm-hero-copy>p { max-width:690px;margin-top:30px;color:#c4c7c0;font-size:clamp(1.02rem,1.35vw,1.28rem);line-height:1.72; }

.iv-sm-stage { position:relative;min-height:650px;perspective:1000px; }
.iv-sm-stage::before { position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle,rgba(58,70,51,.5),transparent 68%);content:"";filter:blur(13px); }
.iv-sm-frame { position:absolute;top:50%;left:50%;width:clamp(150px,15vw,230px);height:clamp(330px,32vw,490px);overflow:hidden;border:1px solid rgba(216,207,194,.24);border-radius:80px;background:linear-gradient(165deg,rgba(216,207,194,.16),rgba(58,70,51,.38));box-shadow:0 35px 90px rgba(0,0,0,.34);transform-style:preserve-3d; }
.iv-sm-frame::before { position:absolute;inset:13px;border:1px solid rgba(216,207,194,.14);border-radius:68px;content:""; }
.iv-sm-frame i { position:absolute;top:18%;right:13%;left:13%;height:55%;border-radius:70px;background:radial-gradient(circle at 60% 28%,#d8cfc2,#687161 36%,#3a4633 65%);filter:blur(.4px); }
.iv-sm-frame b { position:absolute;right:21%;bottom:14%;left:21%;height:5px;border-radius:999px;background:rgba(216,207,194,.42); }
.iv-sm-frame-one { animation:iv-sm-card-one 7s ease-in-out infinite;transform:translate(-122%,-49%) rotateY(18deg) rotate(-8deg); }
.iv-sm-frame-two { z-index:2;animation:iv-sm-card-two 6s -1.3s ease-in-out infinite;transform:translate(-50%,-54%); }
.iv-sm-frame-three { animation:iv-sm-card-three 7.5s -2.5s ease-in-out infinite;transform:translate(23%,-47%) rotateY(-18deg) rotate(8deg); }
.iv-sm-focus-ring { position:absolute;top:50%;left:50%;width:min(38vw,550px);aspect-ratio:1;transform:translate(-50%,-50%); }
.iv-sm-focus-ring span { position:absolute;border:1px dashed rgba(216,207,194,.15);border-radius:50%;animation:iv-sm-ring 18s linear infinite; }
.iv-sm-focus-ring span:nth-child(1){inset:0}.iv-sm-focus-ring span:nth-child(2){inset:12%;animation-direction:reverse}.iv-sm-focus-ring span:nth-child(3){inset:25%;animation-duration:12s}
.iv-sm-wave { position:absolute;right:8%;bottom:3%;left:8%;display:flex;align-items:end;justify-content:center;gap:10px;height:70px; }
.iv-sm-wave i { width:5px;height:var(--h,35%);border-radius:999px;background:#d8cfc2;animation:iv-sm-wave 1.6s ease-in-out infinite; }
.iv-sm-wave i:nth-child(1){--h:28%;animation-delay:-.2s}.iv-sm-wave i:nth-child(2){--h:68%;animation-delay:-.5s}.iv-sm-wave i:nth-child(3){--h:100%;animation-delay:-.8s}.iv-sm-wave i:nth-child(4){--h:58%;animation-delay:-1.1s}.iv-sm-wave i:nth-child(5){--h:34%;animation-delay:-1.4s}

.iv-sm-manifesto { display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(55px,9vw,160px);padding:130px var(--iv-page);color:#1f1f1f;background:#d8cfc2; }
.iv-sm-manifesto span,.iv-sm-studio-head span,.iv-sm-rhythm-copy>span,.iv-sm-measure>div:first-child>span,.iv-sm-contract-strip span { font:10px var(--font-geist-mono),monospace;letter-spacing:.12em; }
.iv-sm-manifesto h2 { max-width:920px;margin-top:28px;font-size:clamp(3.4rem,6vw,7rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-manifesto h2 em { color:#3a4633;font-style:normal;font-weight:410; }
.iv-sm-manifesto p { max-width:610px;color:#555b52;font-size:1.1rem;line-height:1.8; }
.iv-sm-manifesto b { display:block;margin-top:80px;padding-top:22px;border-top:1px solid rgba(31,31,31,.18);color:#3a4633;font:10px var(--font-geist-mono),monospace;letter-spacing:.12em; }

.iv-sm-studio { background:#151714; }
.iv-sm-studio-head { display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px; }
.iv-sm-studio-head span,.iv-sm-rhythm-copy>span { color:#d8cfc2; }
.iv-sm-studio-head h2,.iv-sm-rhythm-copy h2 { max-width:920px;margin-top:25px;color:#faf9f6;font-size:clamp(3.3rem,6vw,6.8rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-studio-head h2 em,.iv-sm-rhythm-copy h2 em { color:#92978e;font-style:normal;font-weight:400; }
.iv-sm-format-tabs { display:flex;gap:6px;padding:6px;border:1px solid rgba(216,207,194,.18);border-radius:999px; }
.iv-sm-format-tabs button { padding:13px 18px;border:0;border-radius:999px;color:#aeb3aa;background:transparent;cursor:pointer;font-size:11px; }
.iv-sm-format-tabs button.is-active { color:#1f1f1f;background:#d8cfc2; }
.iv-sm-editor { display:grid;min-height:620px;grid-template-columns:250px minmax(0,1fr) 180px;margin-top:60px;overflow:hidden;border:1px solid rgba(216,207,194,.17);border-radius:32px;background:#1f1f1f; }
.iv-sm-editor aside { padding:28px;border-right:1px solid rgba(216,207,194,.14); }
.iv-sm-editor aside>span { color:#d8cfc2;font:8px var(--font-geist-mono),monospace; }
.iv-sm-editor aside ul { margin-top:80px; }
.iv-sm-editor aside li { padding:17px 0;border-bottom:1px solid rgba(216,207,194,.12);color:#9fa49b;font-size:11px; }
.iv-sm-editor-canvas { position:relative;display:grid;place-items:center;padding:50px;overflow:hidden; }
.iv-sm-editor-canvas::before { position:absolute;inset:12%;border:1px dashed rgba(216,207,194,.14);border-radius:50%;content:"";animation:iv-sm-ring 16s linear infinite; }
.iv-sm-editor-canvas article { position:relative;z-index:2;max-width:690px;animation:iv-sm-panel .45s ease both; }
.iv-sm-editor-canvas article>span { color:#d8cfc2;font:9px var(--font-geist-mono),monospace; }
.iv-sm-editor-canvas h3 { margin-top:85px;color:#faf9f6;font-size:clamp(2.5rem,4.3vw,5.1rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-editor-canvas p { max-width:590px;margin-top:22px;color:#aeb3aa;line-height:1.7; }
.iv-sm-editor-canvas article>div { display:flex;flex-wrap:wrap;gap:8px;margin-top:35px; }
.iv-sm-editor-canvas article i { padding:8px 10px;border:1px solid rgba(216,207,194,.18);border-radius:999px;color:#d8cfc2;font:8px var(--font-geist-mono),monospace;font-style:normal; }
.iv-sm-editor-output { display:flex;flex-direction:column;justify-content:center;gap:14px;padding:27px;border-left:1px solid rgba(216,207,194,.14); }
.iv-sm-editor-output span { height:105px;border:1px solid rgba(216,207,194,.13);border-radius:32px;background:linear-gradient(135deg,rgba(216,207,194,.07),rgba(58,70,51,.25));animation:iv-sm-output 4.5s ease-in-out infinite; }
.iv-sm-editor-output span:nth-child(2){animation-delay:-1.1s}.iv-sm-editor-output span:nth-child(3){animation-delay:-2.2s}.iv-sm-editor-output span:nth-child(4){animation-delay:-3.3s}

.iv-sm-pillars { color:#1f1f1f;background:#faf9f6; }
.iv-sm-pillars .iv-section-lead>span { color:#3a4633; }
.iv-sm-pillars .iv-section-lead h2 { color:#1f1f1f; }
.iv-sm-pillars .iv-section-lead h2 em { color:#778071; }
.iv-sm-magazine { display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px; }
.iv-sm-magazine article { position:relative;display:flex;flex-direction:column;min-height:440px;padding:30px;border:1px solid rgba(31,31,31,.13);border-radius:28px;background:#faf9f6; }
.iv-sm-magazine article.iv-sm-feature { grid-row:span 2;min-height:892px;color:#faf9f6;background:linear-gradient(145deg,#1f1f1f,#3a4633); }
.iv-sm-magazine article:nth-child(4) { grid-column:2/-1; }
.iv-sm-magazine article>span { color:#3a4633;font:9px var(--font-geist-mono),monospace; }
.iv-sm-magazine .iv-sm-feature>span { color:#d8cfc2; }
.iv-sm-magazine h3 { margin-top:auto;font-size:clamp(2.1rem,3.2vw,4rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-feature h3 { font-size:clamp(3rem,5vw,6rem); }
.iv-sm-magazine p { margin-top:18px;color:#5d635a;line-height:1.65; }
.iv-sm-feature p { color:#c4c7c0; }
.iv-sm-magazine b { margin-top:35px;font-size:clamp(4rem,9vw,9rem);letter-spacing:-.08em;line-height:.8;opacity:.07; }

.iv-sm-rhythm { display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,9vw,150px);background:#3a4633; }
.iv-sm-rhythm-copy p { max-width:600px;margin-top:25px;color:#d8cfc2;line-height:1.7; }
.iv-sm-calendar { border-top:1px solid rgba(216,207,194,.22); }
.iv-sm-calendar article { position:relative;display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;gap:25px;min-height:140px;border-bottom:1px solid rgba(216,207,194,.22); }
.iv-sm-calendar article>span { color:#d8cfc2;font:9px var(--font-geist-mono),monospace; }
.iv-sm-calendar strong { color:#faf9f6;font-size:1.45rem;letter-spacing:-.03em; }
.iv-sm-calendar p { color:#c4c7c0;font-size:12px;line-height:1.55; }
.iv-sm-calendar article>i { position:absolute;bottom:-4px;left:0;width:9px;height:9px;border-radius:50%;background:#d8cfc2;animation:iv-sm-calendar 4s linear infinite; }
.iv-sm-calendar article:nth-child(2)>i{animation-delay:-1s}.iv-sm-calendar article:nth-child(3)>i{animation-delay:-2s}.iv-sm-calendar article:nth-child(4)>i{animation-delay:-3s}

.iv-sm-measure { display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,8vw,130px);padding:120px var(--iv-page);color:#1f1f1f;background:#d8cfc2; }
.iv-sm-measure>div:first-child>span { color:#3a4633; }
.iv-sm-measure h2 { max-width:620px;margin-top:25px;font-size:clamp(3rem,5vw,5.8rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-signal-cards { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.iv-sm-signal-cards article { min-height:210px;padding:23px;border:1px solid rgba(31,31,31,.15);border-radius:22px;background:rgba(250,249,246,.35); }
.iv-sm-signal-cards b { color:#3a4633;font:9px var(--font-geist-mono),monospace; }
.iv-sm-signal-cards span { display:block;margin-top:55px;font-size:1.15rem;font-weight:600; }
.iv-sm-signal-cards i { display:block;height:5px;margin-top:24px;background:rgba(31,31,31,.11);overflow:hidden; }
.iv-sm-signal-cards i::before { display:block;width:var(--signal);height:100%;background:#3a4633;content:"";animation:iv-sm-signal 1.2s ease both;transform-origin:left; }

.iv-sm-contract-strip { display:grid;grid-template-columns:1fr .8fr auto;align-items:center;gap:clamp(35px,6vw,100px);padding:82px var(--iv-page);color:#1f1f1f;background:#d8cfc2; }
.iv-sm-contract-strip h2 { max-width:700px;margin-top:18px;font-size:clamp(2.4rem,4vw,4.7rem);font-weight:520;letter-spacing:-.05em;line-height:1; }
.iv-sm-contract-strip p { color:#555b52;line-height:1.7; }
.iv-sm-contract-strip>a { display:flex;align-items:center;gap:22px;padding:16px 18px;border:1px solid rgba(31,31,31,.2);border-radius:999px;white-space:nowrap;font-size:11px;font-weight:700; }

@keyframes iv-sm-card-one{50%{transform:translate(-122%,-53%) rotateY(12deg) rotate(-5deg)}}@keyframes iv-sm-card-two{50%{transform:translate(-50%,-58%) scale(1.025)}}@keyframes iv-sm-card-three{50%{transform:translate(23%,-52%) rotateY(-12deg) rotate(5deg)}}@keyframes iv-sm-ring{to{transform:rotate(360deg)}}@keyframes iv-sm-wave{50%{height:18%;opacity:.35}}@keyframes iv-sm-panel{from{opacity:0;transform:translateY(12px)}}@keyframes iv-sm-output{50%{transform:translateY(-7px);border-color:rgba(216,207,194,.3)}}@keyframes iv-sm-calendar{from{left:0}to{left:100%}}@keyframes iv-sm-signal{from{transform:scaleX(0)}}

@media(max-width:980px){
	.iv-sm-hero,.iv-sm-manifesto,.iv-sm-rhythm,.iv-sm-measure,.iv-sm-contract-strip{grid-template-columns:1fr}
	.iv-sm-stage{min-height:560px}.iv-sm-focus-ring{width:min(72vw,520px)}
	.iv-sm-studio-head{grid-template-columns:1fr}.iv-sm-format-tabs{width:max-content}
	.iv-sm-editor{grid-template-columns:180px 1fr}.iv-sm-editor-output{display:none}
	.iv-sm-magazine{grid-template-columns:1fr 1fr}.iv-sm-magazine article.iv-sm-feature{grid-row:auto;grid-column:1/-1;min-height:650px}.iv-sm-magazine article:nth-child(4){grid-column:auto}
}
@media(max-width:620px){
	.iv-sm-hero{padding-top:135px}.iv-sm-hero h1{font-size:3.85rem}.iv-sm-stage{min-height:410px}
	.iv-sm-frame{width:120px;height:300px}.iv-sm-focus-ring{width:86vw}
	.iv-sm-format-tabs{width:100%;overflow-x:auto}
	.iv-sm-editor{grid-template-columns:1fr;min-height:720px}.iv-sm-editor aside{border-right:0;border-bottom:1px solid rgba(216,207,194,.14)}.iv-sm-editor aside ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}.iv-sm-editor aside li{padding:8px 10px;border:1px solid rgba(216,207,194,.13);border-radius:999px}
	.iv-sm-editor-canvas{padding:32px 24px}.iv-sm-editor-canvas h3{margin-top:55px}
	.iv-sm-magazine,.iv-sm-signal-cards{grid-template-columns:1fr}.iv-sm-magazine article.iv-sm-feature{grid-column:auto;min-height:560px}
	.iv-sm-calendar article{grid-template-columns:72px 1fr}.iv-sm-calendar p{grid-column:2}
}
