body.page { overflow-x: hidden; }
#izsca-page, #izsca-page * { box-sizing: border-box; }
#izsca-page {
–iz-navy: #152238;
–iz-cream: #f7f2ea;
–iz-paper: #fffdf8;
–iz-teal: #2c7a7b;
–iz-orange: #e59658;
–iz-line: rgba(21,34,56,.16);
–iz-muted: #66717d;
–iz-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, sans-serif;
–iz-serif: “Iowan Old Style”, “Palatino Linotype”, “Book Antiqua”, Georgia, serif;
background: var(–iz-cream);
color: var(–iz-navy);
font-family: var(–iz-sans);
line-height: 1.55;
margin-left: 0;
max-width: 100vw;
overflow: hidden;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
}
#izsca-page h1, #izsca-page h2, #izsca-page h3, #izsca-page p { margin: 0; }
#izsca-page h1, #izsca-page h2 { font-family: var(–iz-serif); font-weight: 500; letter-spacing: -.055em; }
#izsca-page h3 { font-weight: 700; letter-spacing: -.03em; }
#izsca-page a { color: inherit; text-decoration: none; }
#izsca-page .izp-container { margin-inline: auto; width: min(1120px, calc(100% – 48px)); }
#izsca-page .izp-hero {
background: radial-gradient(circle at 78% 20%, rgba(44,122,123,.36), transparent 28%), radial-gradient(circle at 88% 88%, rgba(229,150,88,.18), transparent 25%), var(–iz-navy);
color: var(–iz-cream);
overflow: hidden;
padding: clamp(74px, 10vw, 138px) 0 64px;
position: relative;
}
#izsca-page .izp-hero:before {
border: 1px solid rgba(247,242,234,.15);
border-radius: 50%;
content: “”;
height: min(48vw, 620px);
position: absolute;
right: -13vw;
top: -17vw;
width: min(48vw, 620px);
}
#izsca-page .izp-back {
color: rgba(247,242,234,.66);
display: inline-flex;
font-size: .76rem;
letter-spacing: .12em;
margin-bottom: 42px;
text-transform: uppercase;
}
#izsca-page .izp-kicker {
color: var(–iz-orange);
font-size: .75rem;
font-weight: 700;
letter-spacing: .16em;
margin-bottom: 18px;
text-transform: uppercase;
}
#izsca-page .izp-hero h1 {
font-size: clamp(3.2rem, 7.5vw, 7rem);
line-height: .91;
max-width: 900px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero__intro {
color: rgba(247,242,234,.76);
font-size: clamp(1rem, 1.8vw, 1.22rem);
line-height: 1.55;
margin-top: 30px;
max-width: 600px;
position: relative;
z-index: 1;
}
#izsca-page .izp-hero-meta {
border-top: 1px solid rgba(247,242,234,.2);
color: rgba(247,242,234,.66);
display: flex;
flex-wrap: wrap;
font-size: .72rem;
gap: 12px 34px;
letter-spacing: .12em;
margin-top: 64px;
padding-top: 17px;
position: relative;
text-transform: uppercase;
z-index: 1;
}
#izsca-page .izp-chip-nav {
background: var(–iz-paper);
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 9px;
overflow-x: auto;
padding: 14px max(24px, calc((100vw – 1120px) / 2));
scrollbar-width: none;
}
#izsca-page .izp-chip-nav::-webkit-scrollbar { display: none; }
#izsca-page .izp-chip {
border: 1px solid var(–iz-line);
border-radius: 999px;
color: var(–iz-muted);
flex: 0 0 auto;
font-size: .76rem;
font-weight: 700;
letter-spacing: .03em;
padding: 10px 15px;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
}
#izsca-page .izp-chip:hover, #izsca-page .izp-chip.is-active {
background: var(–iz-teal);
border-color: var(–iz-teal);
color: var(–iz-paper);
}
#izsca-page .izp-section { padding: clamp(72px, 9vw, 124px) 0; }
#izsca-page .izp-section–paper { background: var(–iz-paper); }
#izsca-page .izp-section-head {
align-items: end;
border-bottom: 1px solid var(–iz-line);
display: flex;
gap: 28px;
justify-content: space-between;
margin-bottom: 42px;
padding-bottom: 20px;
}
#izsca-page .izp-section-kicker {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .15em;
margin-bottom: 14px;
text-transform: uppercase;
}
#izsca-page .izp-section h2 { font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .96; }
#izsca-page .izp-section-note { color: var(–iz-muted); font-size: .88rem; max-width: 270px; }
#izsca-page .izp-post-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-post-card {
background: var(–iz-cream);
border: 1px solid var(–iz-line);
display: flex;
flex-direction: column;
min-height: 350px;
overflow: hidden;
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
#izsca-page .izp-post-card:hover {
border-color: var(–iz-teal);
box-shadow: 0 18px 36px rgba(21,34,56,.1);
transform: translateY(-5px);
}
#izsca-page .izp-post-visual {
align-items: flex-start;
background: linear-gradient(135deg, rgba(44,122,123,.88), rgba(21,34,56,.34)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
display: flex;
height: 122px;
justify-content: space-between;
padding: 18px;
position: relative;
}
#izsca-page .izp-post-card:nth-child(2n) .izp-post-visual {
background: linear-gradient(135deg, rgba(229,150,88,.9), rgba(21,34,56,.34)), repeating-linear-gradient(45deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-card:nth-child(3n) .izp-post-visual {
background: linear-gradient(135deg, rgba(21,34,56,.94), rgba(44,122,123,.52)), repeating-linear-gradient(135deg, rgba(247,242,234,.14) 0 1px, transparent 1px 14px);
}
#izsca-page .izp-post-visual:after {
border: 1px solid rgba(247,242,234,.36);
border-radius: 50%;
content: “”;
height: 88px;
position: absolute;
right: 19px;
top: 17px;
width: 88px;
}
#izsca-page .izp-post-number { color: var(–iz-paper); font-family: var(–iz-serif); font-size: 2rem; line-height: 1; position: relative; z-index: 1; }
#izsca-page .izp-post-kind { color: rgba(247,242,234,.78); font-size: .66rem; letter-spacing: .13em; position: relative; text-transform: uppercase; z-index: 1; }
#izsca-page .izp-post-body { display: flex; flex: 1; flex-direction: column; padding: 21px 21px 19px; }
#izsca-page .izp-post-meta { color: var(–iz-teal); font-size: .68rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
#izsca-page .izp-post-card h3 { font-family: var(–iz-serif); font-size: clamp(1.45rem, 2.5vw, 1.95rem); line-height: 1; margin-top: 14px; }
#izsca-page .izp-post-card p { color: var(–iz-muted); font-size: .88rem; margin-top: 13px; }
#izsca-page .izp-post-link {
color: var(–iz-teal);
font-size: .75rem;
font-weight: 700;
letter-spacing: .05em;
margin-top: auto;
padding-top: 24px;
text-transform: uppercase;
}
#izsca-page .izp-callout {
background: var(–iz-navy);
color: var(–iz-cream);
padding: clamp(62px, 8vw, 100px) 0;
}
#izsca-page .izp-callout-grid { align-items: end; display: grid; gap: 34px; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); }
#izsca-page .izp-callout .izp-section-kicker { color: var(–iz-orange); }
#izsca-page .izp-callout h2 { font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: .95; }
#izsca-page .izp-callout p { color: rgba(247,242,234,.7); font-size: .95rem; margin-top: 20px; max-width: 520px; }
#izsca-page .izp-callout-note { border-left: 1px solid rgba(247,242,234,.24); color: rgba(247,242,234,.72); font-size: .9rem; padding-left: 22px; }
#izsca-page .izp-button {
background: var(–iz-orange);
border-radius: 999px;
color: var(–iz-navy);
display: inline-flex;
font-size: .78rem;
font-weight: 800;
gap: 9px;
margin-top: 22px;
padding: 13px 18px;
}
#izsca-page .izp-about-panel { background: var(–iz-paper); }
#izsca-page .izp-about-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
#izsca-page .izp-about-card { border-top: 2px solid var(–iz-teal); padding: 21px 10px 0 0; }
#izsca-page .izp-about-card:nth-child(2) { border-top-color: var(–iz-orange); }
#izsca-page .izp-about-card:nth-child(3) { border-top-color: var(–iz-navy); }
#izsca-page .izp-about-card h3 { font-family: var(–iz-serif); font-size: 2rem; font-weight: 500; margin-top: 55px; }
#izsca-page .izp-about-card p { color: var(–iz-muted); font-size: .92rem; margin-top: 13px; }
#izsca-page .izp-rich-copy { color: var(–iz-muted); font-size: 1.03rem; max-width: 700px; }
#izsca-page .izp-rich-copy p + p { margin-top: 18px; }
#izsca-page .izp-list { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 35px; }
#izsca-page .izp-list-item { border-top: 1px solid var(–iz-line); padding-top: 17px; }
#izsca-page .izp-list-item strong { display: block; font-family: var(–iz-serif); font-size: 1.35rem; font-weight: 500; margin-bottom: 7px; }
#izsca-page .izp-list-item span { color: var(–iz-muted); font-size: .9rem; }
@media (max-width: 850px) {
#izsca-page .izp-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#izsca-page .izp-callout-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
#izsca-page .izp-container { width: min(100% – 32px, 1120px); }
#izsca-page .izp-hero { padding-top: 62px; }
#izsca-page .izp-hero h1 { font-size: clamp(3.1rem, 15vw, 5.1rem); }
#izsca-page .izp-chip-nav { padding-inline: 16px; }
#izsca-page .izp-section-head { align-items: flex-start; flex-direction: column; }
#izsca-page .izp-post-grid, #izsca-page .izp-about-grid, #izsca-page .izp-list { grid-template-columns: 1fr; }
#izsca-page .izp-post-card { min-height: 325px; }
#izsca-page .izp-about-card h3 { margin-top: 38px; }
#izsca-page .izp-callout-note { border-left: 0; border-top: 1px solid rgba(247,242,234,.24); padding-left: 0; padding-top: 20px; }
}
← All guidesA practical point of view
About IZSCA
IZSCA is a calmer corner of the internet for understanding the products and technology that shape everyday life.
IZSCA / AIndependent, useful, human-sized
How we work
Useful context, without the theatre.
IZSCA is built around the questions that make everyday choices easier.
01 / UnderstandPlain English
We translate specifications and technology into language that is easier to use.
02 / CompareVisible trade-offs
We make room for the compromises behind every product decision.
03 / DecidePractical confidence
We help you choose what fits your life, budget and priorities.
Recent work
A living library of useful questions.
The latest guides show how the IZSCA approach works in practice: clear language, visible trade-offs and practical context.
01Loading guide
WordPress post feedArticle cards will appear here.
This area is connected to the site’s native Posts feed and will update as new guides are published.
Browse all guides ↗ 02Placeholder
Editorial frameworkClear explanations, useful trade-offs.
Use this card grid for the next group of practical articles.
See the framework ↗ 03Placeholder
More to comeNew research will land here.
A flexible space for future posts, comparisons and buying notes.
Explore IZSCA ↗ The IZSCA promise
Less noise. More useful questions.
We make space for the details that help people understand, compare and decide — without pretending every choice has one perfect answer.
Keep moving
Find your next useful question.
Use the guide map above to move between explanations, decisions and everyday technology.