/* === ISOLA ESPERIENZE — scoped tokens === */
.ie-wrap {
–ie-amber: oklch(0.72 0.16 68);
–ie-amber-deep: oklch(0.52 0.15 68);
–ie-amber-ink: oklch(0.20 0.05 65);
–ie-bg: oklch(1.000 0.000 0);
–ie-surface: oklch(0.97 0.000 0);
–ie-ink: oklch(0.15 0.02 80);
–ie-muted: oklch(0.52 0.02 80);
–ie-green: oklch(0.30 0.09 145);
–ie-green-text: oklch(0.93 0.05 145);
–ie-green-muted:oklch(0.75 0.07 145);
–ie-divider: oklch(0.90 0.000 0);
–ie-r: 2px;
font-family: system-ui, -apple-system, “Segoe UI”, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
color: var(–ie-ink);
line-height: 1.6;
}
@media (prefers-color-scheme: dark) {
.ie-wrap {
–ie-bg: oklch(0.10 0.00 0);
–ie-surface: oklch(0.15 0.01 68);
–ie-ink: oklch(0.96 0.01 85);
–ie-muted: oklch(0.65 0.02 85);
–ie-divider: oklch(0.22 0.01 68);
}
}
/* reset inside wrapper */
.ie-wrap *, .ie-wrap *::before, .ie-wrap *::after { box-sizing: border-box; }
.ie-wrap img { max-width: 100%; display: block; }
.ie-wrap a { color: var(–ie-amber-deep); }
.ie-wrap a:focus-visible { outline: 2px solid var(–ie-amber); outline-offset: 3px; border-radius: var(–ie-r); }
@media (prefers-reduced-motion: reduce) {
.ie-reveal, .ie-photo img, .ie-hemp-photo img { transition-duration: 0.01ms !important; }
}
/* scroll reveal */
.ie-reveal {
opacity: 0;
transform: translateY(16px);
transition: opacity 0.55s cubic-bezier(0.16,1,0.3,1), transform 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ie-reveal.ie-in { opacity: 1; transform: none; }
.ie-d1 { transition-delay: 0.10s; }
.ie-d2 { transition-delay: 0.20s; }
/* === HERO === */
.ie-hero {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: 88vh;
background: var(–ie-amber);
margin: 0 calc(-1 * var(–content-padding, 20px));
}
.ie-hero-left {
padding: clamp(48px, 9vw, 108px) clamp(32px, 6vw, 72px);
display: flex;
flex-direction: column;
justify-content: center;
}
.ie-location {
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(–ie-amber-ink);
opacity: 0.55;
margin-bottom: 22px;
}
.ie-hero-h1 {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: clamp(2.8rem, 6vw, 5rem);
line-height: 1.05;
letter-spacing: -0.022em;
color: var(–ie-amber-ink);
font-weight: normal;
text-wrap: balance;
margin: 0 0 24px;
}
.ie-hero-sub {
font-size: clamp(0.97rem, 1.6vw, 1.1rem);
line-height: 1.75;
color: var(–ie-amber-ink);
opacity: 0.72;
max-width: 42ch;
margin: 0 0 40px;
}
.ie-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(–ie-amber-ink);
color: var(–ie-amber);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 14px 24px;
border-radius: var(–ie-r);
text-decoration: none;
width: fit-content;
transition: opacity 0.15s;
}
.ie-cta:hover { opacity: 0.82; color: var(–ie-amber); text-decoration: none; }
.ie-hero-right {
position: relative;
overflow: hidden;
min-height: 400px;
}
.ie-hero-right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
filter: brightness(0.85) saturate(0.9);
mix-blend-mode: multiply;
}
.ie-hero-right::after {
content: “”;
position: absolute;
inset: 0;
background: linear-gradient(to right, var(–ie-amber) 0%, oklch(0.72 0.16 68 / 0.25) 55%, transparent 100%);
pointer-events: none;
}
/* === STATEMENT === */
.ie-statement {
padding: clamp(64px, 10vw, 120px) 0;
max-width: 720px;
}
.ie-statement blockquote {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: clamp(1.2rem, 2.6vw, 1.75rem);
font-weight: normal;
line-height: 1.55;
color: var(–ie-ink);
letter-spacing: -0.01em;
text-wrap: balance;
margin: 0 0 16px;
padding: 0;
border: none;
}
.ie-statement cite {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(–ie-muted);
font-style: normal;
}
/* === EXPERIENCE ROWS === */
.ie-exp-row {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid var(–ie-divider);
min-height: 52vh;
margin: 0 calc(-1 * var(–content-padding, 20px));
}
.ie-photo {
overflow: hidden;
min-height: 320px;
}
.ie-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ie-exp-row:hover .ie-photo img { transform: scale(1.04); }
.ie-exp-text {
padding: clamp(40px, 7vw, 80px) clamp(32px, 5vw, 64px);
display: flex;
flex-direction: column;
justify-content: center;
}
.ie-tag-line {
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(–ie-amber-deep);
margin-bottom: 16px;
}
.ie-exp-h2 {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: clamp(1.4rem, 3vw, 2.2rem);
font-weight: normal;
line-height: 1.18;
color: var(–ie-ink);
letter-spacing: -0.018em;
text-wrap: balance;
margin: 0 0 18px;
}
.ie-exp-desc {
font-size: 0.95rem;
line-height: 1.82;
color: var(–ie-muted);
max-width: 44ch;
margin: 0 0 28px;
}
.ie-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ie-tag {
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(–ie-ink);
background: var(–ie-surface);
border: 1px solid var(–ie-divider);
padding: 4px 10px;
border-radius: var(–ie-r);
}
/* === HEMP — deep green === */
.ie-hemp {
display: grid;
grid-template-columns: 1fr 1fr;
background: var(–ie-green);
border-top: 1px solid var(–ie-divider);
min-height: 52vh;
margin: 0 calc(-1 * var(–content-padding, 20px));
}
.ie-hemp-text {
padding: clamp(40px, 7vw, 80px) clamp(32px, 5vw, 64px);
display: flex;
flex-direction: column;
justify-content: center;
}
.ie-hemp-text .ie-tag-line { color: oklch(0.68 0.09 145); }
.ie-hemp-text .ie-exp-h2 { color: var(–ie-green-text); }
.ie-hemp-text .ie-exp-desc { color: var(–ie-green-muted); max-width: 44ch; }
.ie-hemp-text .ie-tag { background: oklch(0.22 0.07 145); border-color: oklch(0.32 0.08 145); color: var(–ie-green-text); }
.ie-hemp-photo { overflow: hidden; min-height: 320px; }
.ie-hemp-photo img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.75) saturate(0.7);
transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ie-hemp:hover .ie-hemp-photo img { transform: scale(1.04); }
/* === GROUPS === */
.ie-groups {
padding: clamp(64px, 10vw, 120px) 0;
border-top: 1px solid var(–ie-divider);
display: grid;
grid-template-columns: 260px 1fr;
gap: clamp(40px, 8vw, 100px);
align-items: start;
}
.ie-groups-label {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: clamp(1.3rem, 2.8vw, 1.9rem);
font-weight: normal;
color: var(–ie-ink);
line-height: 1.25;
letter-spacing: -0.015em;
}
.ie-groups-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; }
.ie-group-block h3 {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: 1.15rem;
font-weight: normal;
color: var(–ie-ink);
margin: 0 0 10px;
letter-spacing: -0.01em;
}
.ie-group-block p { font-size: 0.93rem; line-height: 1.8; color: var(–ie-muted); margin: 0; }
/* === BOOKING === */
.ie-booking {
background: var(–ie-amber);
padding: clamp(64px, 10vw, 120px) clamp(32px, 5vw, 64px);
display: grid;
grid-template-columns: 1fr 300px;
gap: clamp(40px, 8vw, 100px);
align-items: center;
margin: 32px calc(-1 * var(–content-padding, 20px)) 0;
border-radius: 4px;
}
.ie-booking-h2 {
font-family: “Palatino Linotype”, Palatino, “Book Antiqua”, Georgia, serif;
font-size: clamp(1.9rem, 4.5vw, 3.2rem);
font-weight: normal;
color: var(–ie-amber-ink);
line-height: 1.1;
letter-spacing: -0.022em;
margin: 0 0 16px;
text-wrap: balance;
}
.ie-booking-sub {
font-size: 0.95rem;
line-height: 1.72;
color: var(–ie-amber-ink);
opacity: 0.7;
max-width: 48ch;
margin: 0;
}
.ie-booking-actions { display: flex; flex-direction: column; gap: 10px; }
.ie-btn-wa {
display: flex;
align-items: center;
gap: 10px;
background: var(–ie-amber-ink);
color: var(–ie-amber);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.04em;
padding: 14px 20px;
border-radius: var(–ie-r);
text-decoration: none;
transition: opacity 0.15s;
}
.ie-btn-wa:hover { opacity: 0.82; color: var(–ie-amber); text-decoration: none; }
.ie-btn-email {
display: flex;
align-items: center;
gap: 10px;
background: transparent;
color: var(–ie-amber-ink);
border: 1.5px solid oklch(0.30 0.07 65);
font-size: 0.82rem;
font-weight: 600;
padding: 12px 20px;
border-radius: var(–ie-r);
text-decoration: none;
transition: border-color 0.15s;
}
.ie-btn-email:hover { border-color: var(–ie-amber-ink); color: var(–ie-amber-ink); text-decoration: none; }
.ie-booking-detail {
margin-top: 16px;
font-size: 0.76rem;
line-height: 1.7;
color: var(–ie-amber-ink);
opacity: 0.55;
}
/* === SHOP LINK === */
.ie-shop-link {
padding: 32px 0;
border-top: 1px solid var(–ie-divider);
font-size: 0.92rem;
color: var(–ie-muted);
line-height: 1.7;
}
.ie-shop-link a { color: var(–ie-green); font-weight: 600; text-decoration: none; }
.ie-shop-link a:hover { text-decoration: underline; }
/* === RESPONSIVE === */
@media (max-width: 820px) {
.ie-hero { grid-template-columns: 1fr; min-height: auto; }
.ie-hero-right { min-height: 52vw; max-height: 320px; }
.ie-hero-right::after { background: linear-gradient(to bottom, var(–ie-amber) 0%, transparent 60%); }
.ie-exp-row { grid-template-columns: 1fr; }
.ie-exp-row .ie-photo { order: -1; }
.ie-exp-text { padding: 32px 20px; }
.ie-exp-desc, .ie-hemp-text .ie-exp-desc { max-width: 100%; }
.ie-hemp { grid-template-columns: 1fr; }
.ie-hemp-photo { order: -1; }
.ie-hemp-text { padding: 32px 20px; }
.ie-groups { grid-template-columns: 1fr; gap: 28px; padding: 48px 0; }
.ie-groups-grid { grid-template-columns: 1fr; gap: 28px; }
.ie-booking { grid-template-columns: 1fr; gap: 32px; padding: 48px 20px; }
}
Claudio alleva api da trent’anni. Sua moglie lavora il latte delle capre ogni mattina. I campi intorno alla cascina profumano di canapa in agosto. Non raccontiamo questa realtà — la mostriamo dall’interno.
Cascina L’Isola Felice · Dal 1990
Visita agli alveari
con l’apicoltore
Con la tuta protettiva e i fumatori in mano, entriamo nel cuore dell’alveare. Osservi la regina, le bottinatrici al lavoro, i favi carichi di miele. Al termine, assaggio del miele crudo appena estratto — niente di quello che hai mangiato prima aveva questo sapore.
Dal campo
al cucchiaio
La canapa che coltivano in cascina non ha niente a che fare con quella che immagini. Dal campo al laboratorio: olio di prima spremitura, semi sgusciati, usi in cucina. Un’ora che cambia come guardi gli scaffali del supermercato.
Degustazione guidata
di formaggi di capra
Fresco, semistagionato, erborinato: in quarantacinque minuti capisci come stagione, alimentazione e affinamento cambino tutto. Abbinato al miele di cascina e al pane di segale — una combinazione che funziona da secoli.
Per le scuole
e le famiglie
Percorsi didattici certificati
Infanzia, primaria e secondaria della provincia di Torino. I bambini imparano a distinguere le api dai calabroni, capiscono il ciclo delle stagioni e tornano in classe con un vasetto di miele artigianale.
Mattinate in cascina
Nei fine settimana primaverili ed estivi: laboratorio di estrazione del miele, visita agli animali e merenda con prodotti km0. Per far toccare con mano ai bambini qualcosa che ha una provenienza vera.
Prenota
la tua visita
Su richiesta, con almeno 5 giorni di anticipo, per gruppi da 5 a 30 persone. Per scolaresche e gruppi numerosi prepariamo un preventivo su misura.
+39 338 940 9606
isolafelice@libero.it
Via Malone Vecchio 51 · Lombardore (TO) 10040
30 minuti da Torino · Parcheggio in cascina
Vuoi portare a casa i sapori della cascina? Visita il nostro negozio online con miele artigianale, canapa e formaggi di capra — spedizione in tutta Italia.
(function(){
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add(“ie-in”); io.unobserve(e.target); } });
},{threshold:0.1});
document.querySelectorAll(“.ie-reveal”).forEach(function(el){ io.observe(el); });
})();