/* Lamoureux Lane — her site, measured off lamoureuxlane.com on 14 October 2026.
   Her colours: olive-gold headings #A2A867, menu gold #8A7606, deep olive #6A6E26,
   her gold band #E6C27C, her footer gold #BDA751, rose #970556 in her essays. */
:root{
	--ll-head:#A2A867;
	--ll-menu:#8A7606;
	--ll-olive:#6A6E26;
	--ll-band:#E6C27C;
	--ll-foot:#BDA751;
	--ll-foot-ink:#EAF3FC;
	--ll-ink:#000000;
	--ll-card-ink:#1D1E20;
	--ll-rose:#970556;
	--ll-here:#D63163;
	--ll-white:#FFFFFF;
	--ll-gruppo:'Gruppo','Montserrat',system-ui,sans-serif;
	--ll-mont:'Montserrat','Helvetica Neue',Arial,sans-serif;
	--ll-dm:'DM Sans','Montserrat',system-ui,sans-serif;
	color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ll-white)}
body{margin:0;background:var(--ll-white);color:var(--ll-ink);font-family:var(--ll-mont);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--ll-menu);outline-offset:3px}

/* ── her header ── */
.ll-top{position:sticky;top:0;z-index:40;background:var(--ll-white);padding:23px 16px 18px;display:grid;justify-items:center;gap:22px}
.admin-bar .ll-top{top:32px}
.ll-top__mark img{width:173px;height:auto}
.ll-top__open{display:none}
.ll-menu>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 46px;max-width:1140px}
.ll-menu a,.ll-menu button{font-family:var(--ll-mont);font-size:14px;line-height:1.3;color:var(--ll-menu);text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:14px}
.ll-menu a[aria-current="page"]{color:var(--ll-here);box-shadow:inset 0 -1px 0 var(--ll-here)}
.ll-menu i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--ll-here)}
.ll-menu__group{position:relative}
.ll-menu__group>ul{list-style:none;margin:0;padding:14px 0;position:absolute;left:-18px;top:100%;min-width:220px;background:var(--ll-white);box-shadow:0 8px 28px rgba(29,30,32,.10);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.ll-menu__group>ul a{display:block;padding:8px 18px}
.ll-menu__group:hover>ul,.ll-menu__group:focus-within>ul,.ll-menu__group.is-open>ul{opacity:1;visibility:visible;transform:none}

/* ── her full-screen moments: held still while the page moves past ── */
.ll-moment{position:relative;height:700px;clip-path:inset(0);overflow:hidden}
.ll-moment--first{height:726px}
.ll-moment__hold{position:absolute;inset:0}
.ll-moment__media{position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;max-width:none}
.ll-moment--film .ll-moment__media{position:absolute;height:100%}
.ll-moment--tall{height:817px}

/* ── her quiet centred words ── */
.ll-words{max-width:1224px;margin:0 auto;padding:97px 16px 110px;text-align:center}
.ll-words h1,.ll-words h2{font-family:var(--ll-gruppo);font-weight:400;font-size:64px;line-height:1.29;color:var(--ll-head);margin:0 0 70px}
.ll-words p{font-size:22px;line-height:1.22;max-width:606px;margin:0 auto 44px}
.ll-words--wide p{max-width:909px}
.ll-words--wide h1{margin-bottom:150px}
.ll-words p:last-child{margin-bottom:0}
.ll-words em{color:var(--ll-olive);font-style:italic}
.ll-words em.ll-light{color:var(--ll-head)}
.ll-olive{color:var(--ll-olive)}
.ll-words--create h2{font-size:55px;margin-bottom:120px}
.ll-words--create p{max-width:503px;margin-bottom:38px}
.ll-words--path h2{font-size:48px;margin-bottom:96px}
.ll-words--path p{font-size:24px;max-width:503px;margin-bottom:38px}

/* ── the four ── */
.ll-four{max-width:1224px;margin:0 auto;padding:40px 16px 70px;text-align:center}
.ll-four h4{font-family:var(--ll-mont);font-weight:400;font-size:28px;color:var(--ll-card-ink);margin:0 0 90px}
.ll-four__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.ll-four figure{margin:0;display:grid;gap:14px}
.ll-four img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ll-four figcaption{font-size:20px;color:var(--ll-head)}

/* ── her gold band ── */
.ll-gold{background:var(--ll-band);padding:15px 16px 90px;text-align:center}
.ll-gold h3{font-family:var(--ll-gruppo);font-weight:400;font-size:48px;color:var(--ll-white);margin:0 0 80px}
.ll-gold__cards{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:40px 260px}
.ll-word{background:var(--ll-white);border-radius:14px;padding:0 24px 30px;display:grid;gap:4px;justify-items:center}
.ll-word img{width:100%;max-width:440px;aspect-ratio:441/388;object-fit:cover;margin-top:-10px}
.ll-word h4{font-family:var(--ll-gruppo);font-weight:400;font-size:28px;color:var(--ll-card-ink);margin:6px 0 0}
.ll-word p{margin:0;font-size:16px;color:var(--ll-head);max-width:360px}
.ll-word .ll-say{margin-bottom:12px}

/* ── where can we take you ── */
.ll-take{max-width:1224px;margin:0 auto;padding:95px 16px 80px;text-align:center}
.ll-take h3{font-family:var(--ll-gruppo);font-weight:400;font-size:55px;letter-spacing:1px;color:var(--ll-head);margin:0 0 110px}
.ll-take__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 52px;align-items:center}
.ll-tile{display:block;border-radius:14px;overflow:hidden;aspect-ratio:261/209;transition:transform .3s ease}
.ll-tile img{width:100%;height:100%;object-fit:cover}
.ll-tile--wide{aspect-ratio:261/104;border-radius:10px}
.ll-tile:hover,.ll-tile:focus-visible{transform:translateY(-3px)}

.ll-wide-photo{height:700px;overflow:hidden}
.ll-wide-photo img{width:100%;height:100%;object-fit:cover}

/* ── her essays ── */
.ll-essays{max-width:1224px;margin:0 auto;padding:120px 16px 90px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;text-align:left}
.ll-card{display:grid;align-content:start;gap:14px;color:var(--ll-card-ink);font-family:var(--ll-dm)}
.ll-card__pic img{width:100%;aspect-ratio:282/169;object-fit:cover}
.ll-card h3{font-family:var(--ll-dm);font-weight:400;font-size:24px;line-height:1.25;margin:6px 0 0}
.ll-card h3 a{text-decoration:none}
.ll-card p{margin:0;font-size:16px;line-height:1.45}
.ll-card__when{font-size:14px!important;display:flex;gap:16px}

/* ── an essay ── */
.ll-essay{max-width:894px;margin:0 auto;padding:70px 16px 110px}
.ll-essay__head{text-align:center;display:grid;gap:14px;color:var(--ll-card-ink);margin-bottom:40px}
.ll-essay__head h1{font-family:var(--ll-gruppo);font-weight:700;font-size:32px;line-height:1.3;margin:0}
.ll-essay__head p{margin:0;font-size:16px}
.ll-essay__head .ll-card__when{justify-content:center}
.ll-essay__pic{width:100%;max-width:812px;margin:0 auto 48px}
.ll-essay__body{max-width:812px;margin:0 auto;font-size:16px;line-height:1.5;color:#1A1A1A}
.ll-essay__body p{margin:0 0 10pt}
.ll-blog{max-width:1224px;margin:0 auto;padding:60px 16px 0}
.ll-blog h1{font-family:var(--ll-gruppo);font-weight:400;font-size:55px;color:var(--ll-head);text-align:center;margin:0}
.ll-blog .ll-essays{padding-top:60px}

/* ── her footer ── */
.ll-foot{background:var(--ll-foot);color:var(--ll-white)}
.ll-foot__in{max-width:1224px;margin:0 auto;padding:60px 16px;display:grid;grid-template-columns:346px repeat(3,minmax(0,1fr));gap:24px;align-items:end;min-height:387px}
.ll-foot__mark{margin:0;font-size:14px;align-self:end}
.ll-foot__col{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-self:center}
.ll-foot__col a{color:var(--ll-foot-ink);text-decoration:none;font-size:18px}
.ll-foot__col a:hover{text-decoration:underline}

/* ── a phone ── */
@media (max-width:900px){
	.ll-top{grid-template-columns:1fr auto;justify-items:start;align-items:center;padding:12px 16px}
	.ll-top__mark img{width:92px}
	.ll-top__open{display:grid;gap:5px;background:none;border:0;padding:12px;cursor:pointer}
	.ll-top__open span{display:block;width:26px;height:1.5px;background:var(--ll-menu)}
	.ll-menu{grid-column:1/-1;width:100%;display:none}
	.ll-top.is-open .ll-menu{display:block;max-height:75vh;overflow:auto}
	.ll-menu>ul{flex-direction:column;align-items:flex-start;gap:6px}
	.ll-menu__group>ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:4px 0 8px 14px;display:none}
	.ll-menu__group.is-open>ul{display:block}
	.ll-moment,.ll-moment--first,.ll-moment--tall{height:62vh}
	.ll-words{padding:64px 16px 72px}
	.ll-words h1,.ll-words h2{font-size:42px;margin-bottom:40px}
	.ll-words--wide h1{margin-bottom:56px}
	.ll-words p,.ll-words--path p{font-size:19px;margin-bottom:28px}
	.ll-words--create h2,.ll-words--path h2{font-size:38px;margin-bottom:44px}
	.ll-four h4{font-size:22px;margin-bottom:40px}
	.ll-four__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
	.ll-gold h3,.ll-take h3,.ll-blog h1{font-size:38px;margin-bottom:40px}
	.ll-gold__cards{grid-template-columns:minmax(0,440px);gap:28px}
	.ll-take{padding-top:64px}
	.ll-take__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
	.ll-wide-photo{height:56vh}
	.ll-essays{grid-template-columns:1fr;gap:44px;padding-top:64px}
	.ll-foot__in{grid-template-columns:1fr;min-height:0;gap:28px}
	.ll-foot__mark{order:9}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition:none!important;animation:none!important}
}

/* ── her six foundations ── */
.ll-gold__cards{grid-template-columns:repeat(3,minmax(0,360px));gap:40px 56px}
.ll-word__mark{display:grid;place-items:center;width:100%;aspect-ratio:441/388;font-family:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP',serif;font-size:96px;color:var(--ll-head);letter-spacing:.04em}

/* ── her three umbrellas ── */
.ll-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-bottom:56px}
.ll-door{appearance:none;font:inherit;color:inherit;background:var(--ll-white);border:1px solid #EFE6C8;border-radius:14px;padding:0 0 28px;cursor:pointer;display:grid;gap:8px;justify-items:center;overflow:hidden;transition:transform .3s ease,border-color .3s ease}
.ll-door:hover,.ll-door[aria-expanded="true"]{border-color:var(--ll-band);transform:translateY(-3px)}
.ll-door__face{width:100%;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}
.ll-door__face img{width:100%;height:100%;object-fit:cover}
.ll-door__face .ll-door__logo{width:46%;height:auto;object-fit:contain}
.ll-door__mark{font-family:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP',serif;font-size:64px;color:var(--ll-head);letter-spacing:.06em}
.ll-door__name{font-family:var(--ll-gruppo);font-size:34px;color:var(--ll-head);margin-top:10px}
.ll-door__line{font-size:16px;color:var(--ll-olive);max-width:30ch;padding:0 20px}
.ll-under{padding-top:10px}
.ll-tile--word{display:grid;place-items:center;background:var(--ll-white);border:1px solid #EFE6C8;text-decoration:none;padding:18px}
.ll-tile--word span{font-family:var(--ll-gruppo);font-size:28px;line-height:1.15;color:var(--ll-head);text-align:center}

/* ── where it all leads ── */
.ll-leads{max-width:900px;margin:0 auto;padding:40px 16px 120px;text-align:center;display:grid;gap:32px;justify-items:center}
.ll-leads__hers{font-family:var(--ll-gruppo);font-size:44px;line-height:1.25;color:var(--ll-head);margin:0}
.ll-leads__go{display:inline-block;background:var(--ll-olive);color:var(--ll-white);text-decoration:none;font-size:15px;letter-spacing:.18em;text-transform:uppercase;padding:16px 34px;border-radius:2px}
.ll-leads__go:hover{background:var(--ll-menu)}
.ll-leads__close{font-size:22px;line-height:1.4;margin:24px 0 0;max-width:30ch}

@media (max-width:900px){
	.ll-gold__cards{grid-template-columns:minmax(0,440px)}
	.ll-doors{grid-template-columns:1fr;gap:20px}
	.ll-leads__hers{font-size:32px}
	.ll-tile--word span{font-size:22px}
}

/* ── the threads, side by side ── */
.ll-threads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 72px;text-align:center}
.ll-thread{display:grid;gap:26px;align-content:start}
.ll-thread h4{font-family:var(--ll-gruppo);font-weight:400;font-size:38px;line-height:1.2;color:var(--ll-head);margin:0}
.ll-thread__hers{font-size:22px;line-height:1.35;color:var(--ll-olive);margin:-8px auto 4px;max-width:28ch}
.ll-thread__worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center}
.ll-thread .ll-tile--word span{font-size:24px}
.ll-leads__close{font-family:var(--ll-gruppo);font-size:44px;line-height:1.3;color:var(--ll-head);max-width:24ch;margin:0}
@media (max-width:900px){
	.ll-threads{grid-template-columns:1fr;gap:64px}
	.ll-thread h4{font-size:32px}
	.ll-thread__worlds{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ll-leads__close{font-size:32px}
}

/* ── The Path To Love: her opening ── */
.ll-open h1{margin-bottom:90px}
.ll-open__first{font-family:var(--ll-gruppo);font-size:40px!important;line-height:1.25!important;color:var(--ll-head)}
.ll-open__turn{font-family:var(--ll-gruppo);font-size:36px!important;line-height:1.3!important;color:var(--ll-olive);margin-top:60px!important}

/* ── the four things, each with one of her photographs ── */
.ll-thing{max-width:1224px;margin:0 auto;padding:60px 16px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.ll-thing--turn .ll-thing__pic{order:2}
.ll-thing__pic{border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.ll-thing__pic img,.ll-thing__pic video{width:100%;height:100%;object-fit:cover;max-width:none}
.ll-thing__words{display:grid;gap:22px}
.ll-thing h2{font-family:var(--ll-gruppo);font-weight:400;font-size:46px;line-height:1.2;color:var(--ll-head);margin:0}
.ll-thing p{font-size:22px;line-height:1.5;margin:0}
.ll-thing--orbs{grid-template-columns:1fr;text-align:center;gap:56px;padding-top:90px}
.ll-thing--orbs .ll-thing__words{max-width:640px;margin:0 auto}
.ll-thing--orbs figure{margin:0;display:grid;gap:14px}
.ll-thing--orbs img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ll-thing--orbs figcaption{font-size:20px;color:var(--ll-head)}

.ll-belief h2{font-family:var(--ll-gruppo);font-size:58px;margin:30px 0 70px}
.ll-change h2{font-family:var(--ll-gruppo);font-size:48px;margin:80px 0 0}

@media (max-width:900px){
	.ll-open__first{font-size:30px!important}
	.ll-open__turn{font-size:28px!important}
	.ll-thing{grid-template-columns:1fr;gap:28px;padding:40px 16px}
	.ll-thing--turn .ll-thing__pic{order:0}
	.ll-thing h2{font-size:34px}
	.ll-thing p{font-size:19px}
	.ll-belief h2{font-size:38px;margin-bottom:40px}
	.ll-change h2{font-size:34px;margin-top:48px}
}

/* ── a living world of possibility ── */
.ll-moves{max-width:1100px;margin:0 auto;padding:30px 16px 110px;text-align:center;display:grid;gap:34px;justify-items:center}
.ll-moves p{font-size:22px;line-height:1.5;margin:0;max-width:760px}
.ll-moves__words{font-family:var(--ll-gruppo);font-size:40px!important;line-height:1.6!important;color:var(--ll-head);max-width:1000px!important}
.ll-moves h2{font-family:var(--ll-gruppo);font-weight:400;font-size:56px;color:var(--ll-olive);margin:30px 0 0}
.ll-thing__lead{color:var(--ll-olive);font-size:20px!important}
.ll-thing__big{font-family:var(--ll-gruppo);font-size:40px!important;line-height:1.35!important;color:var(--ll-head)}
.ll-intention h2{font-family:var(--ll-gruppo);font-size:54px;line-height:1.3;margin:40px auto 0;max-width:1000px}
.ll-umbrellas{max-width:1224px;margin:0 auto;padding:20px 16px 120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;text-align:center}
.ll-umbrellas h3{font-family:var(--ll-gruppo);font-weight:400;font-size:44px;color:var(--ll-head);margin:0 0 18px}
.ll-umbrellas p{font-size:22px;line-height:1.5;margin:0}
.ll-path h2{font-size:56px}
.ll-path p{max-width:820px!important}
.ll-path__hers{font-family:var(--ll-gruppo);font-size:44px!important;line-height:1.3!important;color:var(--ll-head);margin-top:80px!important}
@media (max-width:900px){
	.ll-moves__words{font-size:28px!important}
	.ll-moves h2{font-size:38px}
	.ll-thing__big{font-size:28px!important}
	.ll-intention h2{font-size:34px}
	.ll-umbrellas{grid-template-columns:1fr;gap:44px}
	.ll-umbrellas h3{font-size:36px}
	.ll-path h2{font-size:42px}
	.ll-path__hers{font-size:32px!important}
}

/* ── one picture, one line ── */
.ll-line{max-width:1100px;margin:0 auto;padding:110px 16px 130px;text-align:center}
.ll-line p{font-family:var(--ll-gruppo);font-size:58px;line-height:1.25;color:var(--ll-head);margin:0 auto;max-width:18ch;text-wrap:balance}
.ll-line--long p{max-width:26ch;font-size:50px}
.ll-line--first p{color:var(--ll-olive)}
.ll-line--close p{max-width:22ch;font-size:50px}
@media (max-width:900px){
	.ll-line{padding:64px 16px 80px}
	.ll-line p{font-size:36px}
	.ll-line--long p,.ll-line--close p{font-size:32px}
}
