.ulyss-demo{--ink:#263b51;--accent:#6d8eb3;--paper:#f0f3f6;--line:color-mix(in srgb,var(--ink) 17%,transparent);color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif;overflow:clip;text-align:left}.ulyss-demo *{box-sizing:border-box}.ulyss-demo h1,.ulyss-demo h2,.ulyss-demo h3,.ulyss-demo p{margin:0}.ulyss-demo h1,.ulyss-demo h2,.ulyss-demo h3{color:inherit}.ulyss-demo h1{font:400 clamp(42px,5.3vw,80px)/1.07 Georgia,serif;letter-spacing:-.045em}.ulyss-demo h2{font:400 clamp(32px,3.6vw,49px)/1.13 Georgia,serif;letter-spacing:-.035em}.ulyss-demo h3{font:400 24px/1.25 Georgia,serif}.ulyss-demo a{color:inherit;text-decoration:none}.ulyss-demo a:hover{text-decoration:underline;text-underline-offset:5px}.ulyss-demo a:focus-visible,.ulyss-demo summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.ulyss-demo p{max-width:68ch}.ulyss-demo .wrap{width:min(1200px,90%);margin:auto}.ulyss-demo .demo-note{font-size:11px;letter-spacing:.09em;text-align:center;padding:6px 20px;background:var(--ink);color:white}.ulyss-demo .skip{position:absolute;left:-9999px}.ulyss-demo .skip:focus{left:20px;top:20px;background:white;padding:10px;z-index:20}.ulyss-demo .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid var(--line)}.ulyss-demo .brand{display:flex;gap:13px;align-items:center;line-height:1.2}.ulyss-demo .mark{width:48px;height:48px;border:1px solid var(--accent);display:grid;place-items:center;font:24px Georgia;flex-shrink:0}.ulyss-demo .brand strong{display:block;font:25px Georgia}.ulyss-demo .brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-top:6px}.ulyss-demo .desktop-nav{display:flex;align-items:center;gap:25px;font-size:13px}.ulyss-demo .desktop-nav [aria-current=page]{border-bottom:1px solid var(--accent)}.ulyss-demo .mobile-nav{display:none}.ulyss-demo .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;display:block;margin-bottom:25px}.ulyss-demo .eyebrow:before{content:'';display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin-right:14px}.ulyss-demo .hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:70px 0 80px}.ulyss-demo .hero .lead{font-size:18px;margin-top:28px;max-width:46ch}.ulyss-demo .actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:34px}.ulyss-demo .btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--ink);color:white;padding:15px 23px;font-size:13px;border:1px solid var(--ink);min-height:48px}.ulyss-demo .btn:after{content:'↗';font-size:19px}.ulyss-demo .btn.alt{background:transparent;color:var(--ink);border-color:var(--line)}.ulyss-demo .image-panel{position:relative;min-height:450px;display:grid;align-items:end;background:var(--ink);color:white;isolation:isolate;overflow:hidden}.ulyss-demo .image-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ulyss-demo .image-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%);z-index:-1}.ulyss-demo .image-caption{padding:28px;font-size:12px;letter-spacing:.06em}.ulyss-demo .abstract{min-height:450px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper)}.ulyss-demo .abstract .giant{font:200px/.8 Georgia;opacity:.8;letter-spacing:-.08em}.ulyss-demo .abstract:before,.ulyss-demo .abstract:after{content:'';position:absolute;width:75%;height:75%;border:1px solid var(--accent);transform:rotate(32deg)}.ulyss-demo .abstract:after{transform:rotate(-15deg);width:60%;height:60%}.ulyss-demo .abstract small{position:absolute;bottom:25px;left:25px;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.ulyss-demo .ribbon{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:21px 0;font-size:12px;letter-spacing:.05em}.ulyss-demo .section{padding:85px 0}.ulyss-demo .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.ulyss-demo .section-head p{max-width:45ch;font-size:14px}.ulyss-demo .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ulyss-demo .card{padding:32px 27px;background:rgba(255,255,255,.55);border:1px solid var(--line);display:flex;flex-direction:column;gap:20px;position:relative}.ulyss-demo .num{font-size:11px;letter-spacing:.12em;color:var(--ink);opacity:.7}.ulyss-demo .card p{font-size:14px}.ulyss-demo .card .more{font-size:12px;margin-top:auto;padding-top:15px}.ulyss-demo .split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.ulyss-demo .split p+p{margin-top:22px}.ulyss-demo .muted{background:color-mix(in srgb,var(--ink) 5%,var(--paper));border-block:1px solid var(--line)}.ulyss-demo .quote{font:400 clamp(30px,3vw,45px)/1.28 Georgia;margin-bottom:24px}.ulyss-demo .team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ulyss-demo .person{border-top:1px solid var(--line);padding:28px 0}.ulyss-demo .person .initial{font:30px Georgia;color:var(--accent);margin-bottom:28px}.ulyss-demo .person h3{font-size:23px}.ulyss-demo .person small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin:10px 0 18px}.ulyss-demo .person p{font-size:14px}.ulyss-demo .contact-panel{padding:55px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.ulyss-demo .contact-panel .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.ulyss-demo .contact-panel address{font-style:normal;margin:24px 0}.ulyss-demo .contact-panel p{font-size:14px}.ulyss-demo .contact-links{display:grid;gap:12px;margin-bottom:22px;font-size:20px;overflow-wrap:anywhere}.ulyss-demo footer{padding:40px 0 22px}.ulyss-demo .footer-main{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.ulyss-demo .fineprint{font-size:11px;opacity:.75;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px}.ulyss-demo .page-head{padding:65px 0 55px;border-bottom:1px solid var(--line)}.ulyss-demo .page-head h1{max-width:18ch}.ulyss-demo .page-head p{margin-top:25px;font-size:18px}.ulyss-demo .breadcrumbs{font-size:11px;letter-spacing:.08em;margin-bottom:25px}.ulyss-demo .stack{display:grid;gap:0}.ulyss-demo .area-detail{padding:36px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:65px 1fr 1fr;gap:25px;scroll-margin-top:30px}.ulyss-demo .area-detail p{font-size:15px}.ulyss-demo .area-detail a{font-size:12px;display:block;margin-top:18px}.ulyss-demo .faq{max-width:820px}.ulyss-demo .faq details{padding:22px 0;border-top:1px solid var(--line)}.ulyss-demo .faq summary{cursor:pointer;font-size:17px}.ulyss-demo .faq details p{margin-top:15px;font-size:14px}.ulyss-demo .meta-box{padding:30px;border:1px solid var(--line)}.ulyss-demo .meta-box h3{margin-bottom:15px}.ulyss-demo .step{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.ulyss-demo .step b{color:var(--accent);font:28px Georgia}.ulyss-demo .step p{margin-top:12px;font-size:14px}.ulyss-demo .steps{margin-top:35px}.ulyss-demo .footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.ulyss-demo .source-note{font-size:12px;max-width:75ch;margin-top:25px}.ulyss-demo .contact-list{display:grid;gap:24px}.ulyss-demo .contact-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.13em;opacity:.7}.ulyss-demo .contact-list dd{margin:5px 0 0;overflow-wrap:anywhere}.ulyss-demo .small{font-size:13px}.ulyss-demo .soft-line{border:0;border-top:1px solid var(--line);margin:35px 0}
/* Dix compositions, au-delà des seules palettes. */
.ulyss-demo.editorial .hero{grid-template-columns:1.3fr .7fr;gap:70px}.ulyss-demo.editorial .image-panel{min-height:560px;transform:translateY(30px)}.ulyss-demo.editorial .hero h1{font-size:clamp(45px,5.8vw,84px)}.ulyss-demo.editorial .card{background:transparent;border:0;border-top:1px solid var(--ink);padding-left:0}.ulyss-demo.editorial .nav .mark{border:0;font-size:35px}.ulyss-demo.editorial .team{grid-template-columns:1fr 1fr}
.ulyss-demo.bold h1,.ulyss-demo.bold h2,.ulyss-demo.bold h3,.ulyss-demo.bold .brand strong{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.05em}.ulyss-demo.bold .hero{display:block;padding:75px 0 55px}.ulyss-demo.bold h1{font-size:clamp(56px,8.8vw,124px);max-width:12ch}.ulyss-demo.bold .hero .lead{font-size:22px}.ulyss-demo.bold .hero-content{position:relative;z-index:1}.ulyss-demo.bold .hero .abstract{position:absolute;right:5%;top:220px;width:30%;min-height:300px;background:var(--accent);color:var(--ink)}.ulyss-demo.bold .abstract:before,.ulyss-demo.bold .abstract:after{border-color:var(--ink)}.ulyss-demo.bold .hero{position:relative}.ulyss-demo.bold .hero .giant{font:bold 100px Arial}.ulyss-demo.bold .hero-content{max-width:72%}.ulyss-demo.bold .ribbon{background:var(--accent);padding:22px}.ulyss-demo.bold .person{border-top:5px solid var(--accent)}.ulyss-demo.bold .btn{border-radius:0}
.ulyss-demo.corporate .hero{grid-template-columns:1.25fr .75fr;gap:45px}.ulyss-demo.corporate .abstract{min-height:420px;background:linear-gradient(135deg,var(--ink),#4b6989)}.ulyss-demo.corporate .abstract .giant{font:120px Arial;writing-mode:vertical-rl;letter-spacing:.05em}.ulyss-demo.corporate h1,.ulyss-demo.corporate h2{font-family:Arial,sans-serif;font-weight:400;letter-spacing:-.05em}.ulyss-demo.corporate .grid{grid-template-columns:repeat(2,1fr)}.ulyss-demo.corporate .card{border:0;background:white;border-left:3px solid var(--accent)}.ulyss-demo.corporate .ribbon{border:none;background:white;padding:23px}.ulyss-demo.corporate .section-head{align-items:start}
.ulyss-demo.heritage .hero{display:block;text-align:center;padding:55px 0 0}.ulyss-demo.heritage .hero-content{max-width:1000px;margin:auto}.ulyss-demo.heritage .hero .lead{margin:25px auto}.ulyss-demo.heritage .actions{justify-content:center}.ulyss-demo.heritage .hero .image-panel{min-height:290px;margin-top:50px;text-align:left}.ulyss-demo.heritage .image-panel img{object-position:center 45%}.ulyss-demo.heritage .hero h1{font-size:clamp(44px,5.4vw,74px)}.ulyss-demo.heritage .nav{min-height:125px}.ulyss-demo.heritage .card{border:0;border-bottom:2px solid var(--accent);background:transparent}.ulyss-demo.heritage .grid{grid-template-columns:repeat(2,1fr)}
.ulyss-demo.institution .hero{grid-template-columns:1.1fr .9fr}.ulyss-demo.institution .hero h1{font-family:Arial,sans-serif;font-weight:600;font-size:clamp(44px,5.1vw,70px)}.ulyss-demo.institution .image-panel{border:12px solid white;min-height:400px}.ulyss-demo.institution .image-panel img{image-rendering:auto}.ulyss-demo.institution .ribbon{background:var(--ink);color:white;padding:22px}.ulyss-demo.institution .card{background:white;border:0;border-top:3px solid var(--accent)}.ulyss-demo.institution .section h2{font-family:Arial,sans-serif;font-weight:500}.ulyss-demo.institution .mark{background:var(--ink);color:white;font-weight:bold}
.ulyss-demo.geometric .hero{grid-template-columns:1fr 1fr;gap:50px}.ulyss-demo.geometric h1{font:700 clamp(48px,6vw,84px)/1.04 Arial;letter-spacing:-.055em}.ulyss-demo.geometric .image-panel{min-height:430px;margin:20px 20px 0 0;box-shadow:20px -20px var(--accent)}.ulyss-demo.geometric .image-panel img{object-fit:cover;object-position:50% 35%}.ulyss-demo.geometric .mark{background:var(--accent);border:0;color:var(--ink);font-family:Arial;font-weight:700}.ulyss-demo.geometric .ribbon{border-block:3px solid var(--accent)}.ulyss-demo.geometric .card:nth-child(even){background:var(--ink);color:white}.ulyss-demo.geometric .card:nth-child(even) .num{color:var(--accent)}.ulyss-demo.geometric .grid{grid-template-columns:repeat(2,1fr)}
.ulyss-demo.human .hero{grid-template-columns:1.3fr .7fr;gap:60px}.ulyss-demo.human .abstract{border-radius:220px 220px 20px 20px;background:#e1e5d8;color:var(--ink);min-height:470px}.ulyss-demo.human .abstract:before{border-radius:50%;transform:rotate(0);width:70%;height:80%}.ulyss-demo.human .abstract:after{border-radius:50%;transform:translateY(55px);height:85%;width:85%}.ulyss-demo.human .abstract .giant{font-size:120px;z-index:1}.ulyss-demo.human .btn,.ulyss-demo.human .card{border-radius:26px}.ulyss-demo.human .grid{grid-template-columns:repeat(2,1fr)}.ulyss-demo.human .ribbon{font-family:Georgia;font-size:16px}.ulyss-demo.human .contact-panel{border-radius:50px 0 50px 0}.ulyss-demo.human .team{grid-template-columns:1fr}.ulyss-demo.human .person{display:grid;grid-template-columns:70px 1fr}.ulyss-demo.human .person p{grid-column:2}
.ulyss-demo.duo .hero{grid-template-columns:1fr 1fr;gap:0;background:var(--ink);color:var(--paper);padding:0}.ulyss-demo.duo .hero-content{padding:55px 38px}.ulyss-demo.duo .hero h1{font-size:clamp(40px,4.8vw,67px)}.ulyss-demo.duo .hero .image-panel{height:100%;min-height:560px}.ulyss-demo.duo .hero .btn{background:var(--paper);color:var(--ink)}.ulyss-demo.duo .hero .btn.alt{background:transparent;color:var(--paper);border-color:var(--accent)}.ulyss-demo.duo .nav{border:0}.ulyss-demo.duo .brand .mark{border-radius:50%}.ulyss-demo.duo .team{grid-template-columns:1fr 1fr}.ulyss-demo.duo .person:last-child{grid-column:1/-1}.ulyss-demo.duo .grid{grid-template-columns:repeat(2,1fr)}.ulyss-demo.duo .card{background:transparent;border:0;border-bottom:1px solid var(--line)}
.ulyss-demo.direct .hero{grid-template-columns:1.4fr .6fr;align-items:stretch}.ulyss-demo.direct .image-panel{min-height:440px;border-radius:0 0 130px 0}.ulyss-demo.direct .image-panel img{object-position:50% 15%}.ulyss-demo.direct h1{font-family:Arial;font-weight:700;font-size:clamp(43px,5.3vw,75px)}.ulyss-demo.direct .ribbon{border:0;background:var(--accent);color:white;padding:23px}.ulyss-demo.direct .card{border:0;border-top:2px solid var(--accent);background:transparent;padding-left:0}.ulyss-demo.direct .grid{grid-template-columns:repeat(2,1fr)}.ulyss-demo.direct .btn{background:var(--accent);border-color:var(--accent)}.ulyss-demo.direct .btn.alt{background:transparent;color:var(--ink)}.ulyss-demo.direct .team{grid-template-columns:1fr}.ulyss-demo.direct .mark{background:var(--accent);color:white}
.ulyss-demo.personal .hero{grid-template-columns:1.2fr .8fr;gap:65px}.ulyss-demo.personal .abstract{min-height:460px;background:#dce5e8;border-radius:50% 50% 0 0;color:var(--ink)}.ulyss-demo.personal .abstract .giant{font:140px Georgia}.ulyss-demo.personal .hero h1{font-size:clamp(45px,5.8vw,79px)}.ulyss-demo.personal .card{border:0;background:transparent;padding-left:0;border-top:1px solid var(--line)}.ulyss-demo.personal .grid{grid-template-columns:repeat(2,1fr)}.ulyss-demo.personal .team{grid-template-columns:1fr}.ulyss-demo.personal .nav .mark{border-radius:50%}.ulyss-demo.personal .section-head{align-items:center}.ulyss-demo.personal .btn{border-radius:3px}
@media(min-width:1500px){.ulyss-demo .hero{min-height:650px}}@media(max-width:950px){.ulyss-demo .desktop-nav{gap:15px;font-size:12px}.ulyss-demo .brand strong{font-size:21px}.ulyss-demo .brand small{font-size:9px}.ulyss-demo .hero{gap:30px!important}.ulyss-demo .image-panel,.ulyss-demo .abstract{min-height:380px}.ulyss-demo .grid,.ulyss-demo .team{grid-template-columns:repeat(2,minmax(0,1fr))}.ulyss-demo .split{gap:35px}.ulyss-demo.bold .hero .abstract{width:27%;min-height:240px}.ulyss-demo.bold .hero .giant{font-size:70px}.ulyss-demo .contact-panel{padding:35px;gap:30px}}@media(max-width:700px){.ulyss-demo{font-size:15px}.ulyss-demo .nav{min-height:88px;gap:12px}.ulyss-demo .brand strong{font-size:20px}.ulyss-demo .brand small{font-size:8px;max-width:190px;line-height:1.5}.ulyss-demo .mark{width:36px;height:42px;font-size:20px}.ulyss-demo .desktop-nav{display:none}.ulyss-demo .mobile-nav{display:block;position:relative}.ulyss-demo .mobile-nav summary{list-style:none;border:1px solid var(--line);padding:9px 12px;font-size:12px;cursor:pointer}.ulyss-demo .mobile-nav[open] nav{position:absolute;right:0;top:44px;width:230px;z-index:10;background:var(--paper);color:var(--ink);padding:20px;border:1px solid var(--line);box-shadow:0 15px 25px #0002;display:grid;gap:17px}.ulyss-demo .hero,.ulyss-demo.editorial .hero,.ulyss-demo.corporate .hero,.ulyss-demo.institution .hero,.ulyss-demo.geometric .hero,.ulyss-demo.human .hero,.ulyss-demo.direct .hero,.ulyss-demo.personal .hero{grid-template-columns:1fr;padding:45px 0!important;gap:35px!important}.ulyss-demo .hero h1,.ulyss-demo.editorial .hero h1,.ulyss-demo.institution .hero h1,.ulyss-demo.direct .hero h1,.ulyss-demo.personal .hero h1,.ulyss-demo.geometric .hero h1{font-size:clamp(39px,10.5vw,56px)}.ulyss-demo .hero .lead{font-size:17px;margin-top:22px}.ulyss-demo .hero .image-panel,.ulyss-demo.editorial .hero .image-panel{min-height:360px;transform:none}.ulyss-demo .abstract,.ulyss-demo.human .abstract,.ulyss-demo.personal .abstract{min-height:300px}.ulyss-demo .ribbon{flex-direction:column;gap:8px;padding:18px}.ulyss-demo .section{padding:50px 0}.ulyss-demo .section-head{display:block}.ulyss-demo .section-head p{margin-top:20px}.ulyss-demo .grid,.ulyss-demo .team,.ulyss-demo .split,.ulyss-demo .contact-panel,.ulyss-demo.duo .team{grid-template-columns:1fr!important}.ulyss-demo .grid{gap:16px}.ulyss-demo .contact-panel{padding:30px 23px;gap:32px}.ulyss-demo .footer-main,.ulyss-demo .fineprint{flex-direction:column}.ulyss-demo .area-detail{grid-template-columns:35px 1fr;gap:12px}.ulyss-demo .area-detail p{grid-column:2}.ulyss-demo .page-head{padding:45px 0}.ulyss-demo .page-head h1{font-size:43px}.ulyss-demo.bold .hero-content{max-width:100%}.ulyss-demo.bold .hero h1{font-size:64px}.ulyss-demo.bold .hero .abstract{position:relative;top:auto;right:auto;width:100%;min-height:200px;margin-top:35px}.ulyss-demo.bold .hero .giant{font-size:100px}.ulyss-demo.heritage .hero{padding-top:40px}.ulyss-demo.heritage .hero .image-panel{min-height:240px;margin-top:35px}.ulyss-demo.duo .hero{grid-template-columns:1fr}.ulyss-demo.duo .hero-content{padding:35px 23px}.ulyss-demo.duo .hero .image-panel{min-height:300px}.ulyss-demo.duo .hero h1{font-size:43px}.ulyss-demo .btn{padding:13px 18px}.ulyss-demo .actions{gap:10px}.ulyss-demo.human .person{display:block}.ulyss-demo .person p{grid-column:auto}.ulyss-demo .contact-links{font-size:18px}.ulyss-demo.geometric .image-panel{margin-right:14px;box-shadow:14px -14px var(--accent)}}