:root{--serif:"Bodoni Moda",serif;--sans:"Outfit",sans-serif;--ink:#173b32;--gold:#b99a61;--ivory:#f5f0e4;--glass:#f7fbf5c9;--line:#ffffffc7}
*,*:before,*:after{animation:none!important}
body{height:100vh;overflow:hidden;font-family:var(--sans);color:var(--ink);background:#cbd8cf}
.garden{background:radial-gradient(circle at 68% 42%,#fcfaf0 0 12%,#dce5dc 42%,#a8bdb1 100%)}.garden:before{inset:0;width:auto;height:auto;background:linear-gradient(120deg,transparent 0 58%,#ffffff73 58.2% 59%,transparent 59.2%),radial-gradient(circle at 20% 100%,#264c3a22,transparent 45%);transform:none}.garden:after{background:repeating-linear-gradient(90deg,transparent 0 119px,#fff2 120px),linear-gradient(0deg,#1e48372c,transparent 30%);transform:none}.grid-floor,.light-sweep,.particles{display:none!important}
header{top:22px;left:36px;right:36px;height:58px;border-radius:2px 18px 2px 18px;background:linear-gradient(110deg,#fcfff9c9,#bccbc2a1 50%,#eff5f0b8);border:1px solid #fff;box-shadow:inset 0 1px #fff,inset 0 -1px #6d7d7466,0 18px 45px #294b3b1c;backdrop-filter:blur(16px)}header:before{inset:5px;border-radius:0 13px 0 13px}header button{font:500 23px var(--serif);text-transform:none;letter-spacing:-.03em}header p{font:500 8px var(--sans);letter-spacing:.28em}header p:before{width:18px;height:1px;border-radius:0;background:var(--gold);box-shadow:none}#login{font:500 12px var(--sans);background:linear-gradient(145deg,#fff,#b2beb7 50%,#f6faf7);border-radius:50%}
.map-button{left:auto;right:88px;top:33px;width:118px;height:36px;transform:none;border-radius:2px 12px 2px 12px;display:flex;flex-direction:row;background:linear-gradient(145deg,#fffde6d9,#aebeb5b8 47%,#f5faf5c7);box-shadow:inset 0 1px #fff,inset 0 -1px #5d6d65,0 8px 20px #2445371f;font-size:14px}.map-button:hover{transform:translateY(-1px)}.map-button small{display:block;writing-mode:horizontal-tb;font-size:8px;letter-spacing:.13em}.map-button:before,.map-button:after{display:none}
main{height:100vh;min-height:100vh;padding:96px 7vw 94px;overflow:hidden;transform:none;filter:none}
.eyebrow{font:500 9px var(--sans);letter-spacing:.25em;color:#8c6b38}
.paris-home{width:min(1220px,100%);height:100%;display:grid;grid-template-columns:.75fr 1.15fr .32fr;align-items:center;gap:4vw;position:relative}.tricolore{position:absolute;left:0;top:6%;display:flex;width:54px;height:3px}.tricolore i{flex:1}.tricolore i:nth-child(1){background:#274a72}.tricolore i:nth-child(2){background:#f4eee2}.tricolore i:nth-child(3){background:#a94842}.home-copy{position:relative;z-index:2}.home-copy h1{font:500 clamp(78px,9.5vw,144px)/.69 var(--serif);letter-spacing:-.085em;margin:22px 0 35px;color:#153b31}.home-copy h1 i{font-weight:400;color:#9d4b42}.home-copy>p:not(.eyebrow){width:min(360px,100%);font:300 15px/1.7 var(--sans);color:#465f56}.paris-action{margin-top:24px;min-width:240px;height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 23px;border:1px solid #fff;border-radius:2px 18px 2px 18px;background:linear-gradient(110deg,#f9fbf3e0,#a9bbb1c9 48%,#f1f5eddd);box-shadow:inset 0 1px #fff,inset 0 -1px #66756d,0 14px 28px #264a3926;color:var(--ink);font:500 11px var(--sans);letter-spacing:.11em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.paris-action:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 18px 36px #25473838}.paris-action b{width:36px;height:36px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:linear-gradient(#fff,#a8b5ae);font-size:17px}.paris-monument{height:min(68vh,680px);position:relative;display:grid;place-items:center}.deco-arch{position:relative;width:min(39vw,470px);height:100%;overflow:hidden;border:1px solid #fff;border-radius:240px 240px 10px 10px;background:linear-gradient(145deg,#edf5eea8,#819c8e63 52%,#f8f3e78f);box-shadow:inset 0 1px #fff,inset 0 0 55px #fff5,0 35px 80px #173d2d29;backdrop-filter:blur(14px)}.deco-arch:before{content:"";position:absolute;inset:15px;border:1px solid #f9f8eeaa;border-radius:220px 220px 4px 4px}.deco-arch:after{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:1px;background:var(--gold);box-shadow:0 8px #ffffff9c}.eiffel{position:absolute;z-index:2;width:58%;height:83%;left:21%;bottom:8%;fill:none;stroke:#183d32;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 14px 16px #173c2d30)}.sun-disc{position:absolute;width:210px;aspect-ratio:1;border-radius:50%;left:50%;top:18%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#fff,#d8c8a8 72%);border:1px solid #fff;box-shadow:inset -18px -22px 35px #806f4d22,0 12px 40px #b99a614a}.metro-seal{position:absolute;z-index:3;right:-15px;top:42%;width:115px;height:115px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;padding:22px 8px;background:linear-gradient(145deg,#fafff4e8,#91a69bbf);box-shadow:inset 0 1px #fff,inset 0 -2px #56675e,0 18px 35px #173d2d36;text-align:center}.metro-seal:before{content:"";position:absolute;inset:7px;border:1px solid #6b7e754f;border-radius:50%}.metro-seal small{font-size:7px;letter-spacing:.2em}.metro-seal strong{font:500 21px var(--serif)}.metro-seal span{font-size:7px}.paris-monument>p{position:absolute;bottom:3%;z-index:3;font-size:7px;letter-spacing:.25em}.home-plaque{align-self:end;margin-bottom:10vh;padding:24px 11px;border-left:1px solid #fff8;display:grid;gap:5px}.home-plaque span{font-size:6px;letter-spacing:.18em}.home-plaque strong{font:500 17px var(--serif)}.home-plaque i{height:1px;background:#fff;margin:9px 0}
aside#map{display:none;inset:0;width:auto;height:auto;padding:7vh 8vw;margin:0;border:0;border-radius:0;background:#18382fb8;box-shadow:none;transform:none;backdrop-filter:blur(18px);overflow:auto;place-items:center}aside#map.open{display:grid}aside#map>div{position:absolute;top:8vh;width:min(1050px,84vw);z-index:2}aside#map>div p{font:400 clamp(34px,5vw,65px) var(--serif);text-transform:none;color:#f4f0e5}aside#map>div button{color:#f8f5e9;font:300 36px var(--sans)}aside#map:before{content:"CHOISIR UN UNIVERS · PARIS";position:absolute;top:5vh;font-size:8px;letter-spacing:.28em;color:#dac392}.map-group{display:none}#mapContent{width:min(1050px,84vw);margin-top:10vh;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.universe{position:relative;min-height:145px;padding:20px;border:1px solid #ffffff8f;border-radius:2px 20px 2px 20px;background:linear-gradient(135deg,#f8fff2c9,#93a99da8 60%,#eaf1eabd);box-shadow:inset 0 1px #fff,inset 0 -1px #54655c,0 16px 35px #071d1766;color:#173a31;text-align:left;transition:transform .18s,background .18s}.universe:hover{transform:translateY(-4px);background:linear-gradient(135deg,#fff,#d9cfb4 58%,#b6c6bd)}.universe>span{position:absolute;right:17px;top:15px;font:400 32px var(--serif);color:#9f8250}.universe small{display:block;font-size:7px;letter-spacing:.18em;color:#8c6b38}.universe strong{display:block;max-width:80%;margin-top:26px;font:500 21px/1.05 var(--serif)}.universe em{display:block;margin-top:10px;font:400 7px var(--sans);letter-spacing:.13em;text-transform:uppercase}
#soundModal{position:fixed;z-index:18;inset:0;display:grid;place-items:center;padding:5vh 7vw;background:#17382fb3;backdrop-filter:blur(18px)}#soundModal[hidden]{display:none}#soundModal>section{width:min(940px,100%);max-height:86vh;padding:30px;border:1px solid #fff;border-radius:2px 25px 2px 25px;background:linear-gradient(145deg,#f7fbf0ee,#9daf9fed);box-shadow:inset 0 1px #fff,inset 0 -1px #4f6258,0 35px 100px #071d1799}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #ffffffa3}.modal-head small{font-size:7px;letter-spacing:.25em;color:#896d3b}.modal-head h2{margin:4px 0 0;font:400 clamp(34px,5vw,58px) var(--serif)}.modal-head button{border:0;background:none;color:var(--ink);font:300 33px var(--sans)}#soundOptions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:58vh;overflow:auto;padding:20px 2px}#soundOptions button{min-height:105px;padding:14px;border:1px solid #fff;border-radius:2px 15px 2px 15px;background:linear-gradient(135deg,#fafff6c7,#a3b6ac8c);box-shadow:inset 0 1px #fff,inset 0 -1px #6272694f;color:var(--ink);text-align:left;transition:transform .18s}#soundOptions button:hover{transform:translateY(-3px);background:#f7f6e9}#soundOptions small{font-size:7px;color:#94713e}#soundOptions strong{display:block;margin:15px 0 8px;font:500 29px/1 var(--serif);overflow-wrap:anywhere}#soundOptions span{font-size:7px;letter-spacing:.09em;text-transform:uppercase}
.paris-chapter{width:min(1100px,100%);height:100%;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw}.chapter-scene{height:min(66vh,630px);position:relative;display:grid;place-items:center}.chapter-arch{position:relative;width:75%;height:100%;border:1px solid #fff;border-radius:200px 200px 4px 4px;background:linear-gradient(145deg,#f8fff4a6,#8fa69a60);box-shadow:inset 0 1px #fff,inset 0 0 45px #fff5,0 30px 70px #183d2d26}.chapter-arch:before{content:"";position:absolute;inset:12px;border:1px solid #ffffff91;border-radius:190px 190px 2px 2px}.chapter-arch .eiffel{width:54%;height:70%;left:23%;opacity:.32}.chapter-arch>span{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.22em;white-space:nowrap}.deco-number{position:absolute;z-index:2;font:400 clamp(120px,17vw,240px)/1 var(--serif);color:#f5f5e9;text-shadow:0 15px 35px #193e2e38}.chapter-copy h1{max-width:580px;margin:18px 0 25px;font:400 clamp(58px,7vw,104px)/.86 var(--serif);letter-spacing:-.065em;overflow-wrap:anywhere}.chapter-copy>p:not(.eyebrow){font:300 17px/1.7 var(--sans);color:#435f55}.quiet-link{display:block;margin-top:18px;border:0;border-bottom:1px solid #82958b;background:none;padding:6px 0;color:var(--ink);font:500 8px var(--sans);letter-spacing:.16em;text-transform:uppercase}
.paris-lesson{width:min(1150px,100%);height:100%;display:grid;grid-template-columns:.68fr 1.32fr;gap:4vw;align-items:center}.sound-medallion{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:min(66vh,640px);padding:36px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #fff!important;border-radius:220px 220px 5px 5px!important;background:linear-gradient(145deg,#f8fff4b3,#8ea69a69)!important;box-shadow:inset 0 1px #fff,inset 0 0 55px #fff5,0 30px 70px #183d2d2b!important;backdrop-filter:blur(15px)}.sound-medallion:before{content:""!important;position:absolute!important;inset:13px!important;border:1px solid #ffffff91!important;border-radius:210px 210px 2px 2px!important;background:none!important}.mini-eiffel{position:absolute;inset:0;opacity:.1}.mini-eiffel .eiffel{height:92%;bottom:0}.sound-medallion>small{position:relative;font-size:7px;letter-spacing:.2em;text-transform:uppercase}.sound-medallion .symbol{position:relative;margin:20px 0 5px;max-width:100%;font:400 clamp(70px,9vw,130px)/.9 var(--serif);letter-spacing:-.05em;color:var(--ink);text-shadow:0 1px #fff;overflow-wrap:anywhere}.sound-medallion .symbol.long{font-size:clamp(38px,5vw,70px)}.sound-medallion .ipa{position:relative;font:400 21px var(--serif);color:#9a493f}.round-listen{position:relative;margin-top:30px;width:72px;height:72px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#a2b1a9 55%,#eef4ed);box-shadow:inset 0 1px #fff,inset 0 -2px #65736c,0 12px 25px #1b40302b;color:var(--ink)}.round-listen span{position:absolute;top:78px;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.lesson-content{position:relative;max-height:66vh;overflow:auto;padding:36px 40px;border:1px solid #fff;border-radius:2px 25px 2px 25px;background:linear-gradient(145deg,#fbfff6cc,#a8bbb0a3);box-shadow:inset 0 1px #fff,inset 0 -1px #5b6c63,0 30px 70px #183d2d29;backdrop-filter:blur(16px)}.lesson-content:before{content:"";position:absolute;inset:6px;border:1px solid #ffffff80;border-radius:1px 19px 1px 19px;pointer-events:none}.lesson-top{display:flex;justify-content:space-between;align-items:center}.lesson-top button{border:0;border-bottom:1px solid #788e83;background:none;color:var(--ink);font:500 8px var(--sans);letter-spacing:.1em}.lesson-content h1{margin:15px 0;font:400 clamp(57px,7vw,95px)/.9 var(--serif);letter-spacing:-.06em}.lesson-content .rule{max-width:600px;font:300 15px/1.7 var(--sans)}.lesson-content .examples{margin-top:24px;border-top:1px solid #fff}.lesson-content .example{grid-template-columns:28px 30px minmax(0,1fr) minmax(0,1fr);padding:14px 0;border-bottom:1px solid #ffffffa1;font:400 15px var(--sans)}.lesson-content .example small{font-size:7px;color:#94713e}.lesson-content .example button{width:24px;height:24px;border:1px solid #fff;border-radius:50%;background:linear-gradient(#fff,#a5b3ab);font-size:7px}.lesson-content .notes button{border:1px solid #fff;border-radius:2px 12px 2px 12px;background:linear-gradient(130deg,#fafff6b8,#a4b7acaa);box-shadow:inset 0 1px #fff;color:var(--ink);font:500 8px var(--sans);letter-spacing:.08em}
footer{bottom:18px;width:min(520px,calc(100vw - 72px));height:58px;border-radius:2px 18px 2px 18px;background:linear-gradient(110deg,#fafff5cf,#9daf9fc4 50%,#eef3ecce)}footer:before{display:none}footer>button{border-radius:50%;background:linear-gradient(145deg,#fff,#a6b3ac)}#journey{flex:1;justify-content:center}#journey>button{width:100%;display:flex;justify-content:center;gap:12px;border:0!important;background:none!important;color:var(--ink)!important;font:500 8px var(--sans);letter-spacing:.13em;text-transform:uppercase}#journey>button span{color:#9d7842}
#noteModal section{font-family:var(--sans);border-radius:2px 25px 2px 25px}#noteHeading{font-family:var(--serif);font-weight:400}.surface,#noteModal section,.tools{animation:none!important}
@media(max-width:900px){#mapContent{grid-template-columns:repeat(3,minmax(0,1fr))}.paris-home{grid-template-columns:.8fr 1.2fr}.home-plaque{display:none}.paris-monument .deco-arch{width:min(46vw,430px)}}
@media(max-width:780px){header{top:8px;left:8px;right:8px;height:50px;padding:0 12px}header button{font-size:17px}header p{display:none}#login{width:32px;height:32px}.map-button{right:48px;top:15px;width:74px;height:34px;border-radius:2px 10px 2px 10px}.map-button small{font-size:6px}main{height:100svh;min-height:100svh;padding:66px 14px 82px;overflow:auto}.paris-home{height:auto;min-height:calc(100svh - 150px);display:flex;flex-direction:column-reverse;justify-content:center;gap:18px}.home-copy{text-align:center}.home-copy h1{font-size:clamp(60px,19vw,86px);margin:10px 0 20px}.home-copy>p:not(.eyebrow){margin-inline:auto;font-size:12px}.tricolore{top:42%;left:50%;transform:translateX(-50%)}.paris-action{margin-inline:auto;min-width:215px;height:52px}.paris-monument{height:37vh;min-height:285px;width:100%}.deco-arch{width:min(68vw,270px)}.sun-disc{width:130px}.metro-seal{right:8%;width:80px;height:80px}.metro-seal strong{font-size:15px}.paris-monument>p{font-size:5px}.paris-home .eyebrow{font-size:6px}aside#map{padding:5vh 14px}aside#map:before{top:3vh}aside#map>div{top:5vh;width:calc(100vw - 40px)}aside#map>div p{font-size:35px}#mapContent{width:100%;margin-top:10vh;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.universe{min-height:105px;padding:13px}.universe>span{font-size:23px}.universe strong{margin-top:18px;font-size:16px}.universe em{font-size:5px}#soundModal{padding:12px}#soundModal>section{padding:18px 14px}.modal-head h2{font-size:31px}#soundOptions{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0;max-height:67vh}#soundOptions button{min-height:83px}#soundOptions strong{font-size:23px;margin:9px 0 5px}.paris-chapter{height:auto;min-height:calc(100svh - 150px);grid-template-columns:1fr;gap:13px;text-align:center}.chapter-scene{height:36vh;min-height:270px}.chapter-arch{width:min(57vw,225px)}.deco-number{font-size:35vw}.chapter-copy h1{font-size:clamp(44px,14vw,68px);margin:10px auto 15px}.chapter-copy>p:not(.eyebrow){font-size:12px}.quiet-link{margin-inline:auto}.paris-lesson{height:auto;grid-template-columns:1fr;gap:10px}.sound-medallion{height:34vh;min-height:255px;padding:15px!important;border-radius:150px 150px 4px 4px!important}.sound-medallion:before{border-radius:140px 140px 2px 2px!important}.sound-medallion .symbol{font-size:25vw;margin:8px 0 0}.sound-medallion .symbol.long{font-size:12vw}.sound-medallion .ipa{font-size:15px}.round-listen{width:52px;height:52px;margin-top:14px}.round-listen span{top:58px}.lesson-content{max-height:none;padding:22px 17px 90px;text-align:left}.lesson-content h1{font-size:14vw}.lesson-content .rule{font-size:12px}.lesson-content .example{font-size:11px;grid-template-columns:18px 25px minmax(0,1fr) minmax(0,1fr)}.lesson-content .notes{justify-content:flex-start}.lesson-content .notes button{padding:10px 8px;font-size:6px}footer{bottom:7px;width:calc(100vw - 14px);height:56px}}