@import url("https://fonts.googleapis.com/css?family=Pacifico|Montserrat");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-white:#fff;--color-main:#d55100;--color-main-dark:#873a0b;--color-secondary:#333;--color-bg:#f8f8f8;--color-text:#333;--color-nav-bg:var(--color-white);--color-card-bg:var(--color-white);--modal-text-color:#444;--modal-type-bg:#eee;--card-shadow:0 15px 35px rgba(0,0,0,.05);--card-bg-opacity:hsla(0,0%,100%,.8);--card-border:hsla(0,0%,100%,.4);--item-bg:#fff;--bg-image:url(../images/bg.webp)}:is(body:has(#theme-switch:checked),html.dark-theme body){--color-bg:#1a1a1a;--color-text:#f8f8f8;--color-nav-bg:#2d2d2d;--color-card-bg:#2d2d2d;--color-white:#2d2d2d;--card-shadow:0 20px 50px rgba(0,0,0,.3);--card-bg-opacity:rgba(45,45,45,.8);--card-border:hsla(0,0%,100%,.1);--item-bg:#363636;--modal-text-color:#ddd;--modal-type-bg:#444;--bg-image:url(../images/bg-dark.webp)}:root{--spacing-xs:.2rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--layout-max-width:1200px;--layout-indent:var(--spacing-md);--header-height:50px;--ease-back-out:cubic-bezier(0.34,1.56,0.64,1);--font-base-size:14px;--font-family-title:"Bright Dusty","Roboto",sans-serif;--font-family-base:"Montserrat","Arial",sans-serif;--font-family-crea:var(--font-family-title)}@font-face{font-family:Bright Dusty;src:url(../fonts/BrightDusty.otf) format("opentype")}a{color:var(--color-main);font-weight:700;text-decoration:none;text-transform:uppercase;transition:color .3s ease}a:hover{color:var(--color-main-dark)}.icon:before{background-color:currentColor;content:"";display:block;height:2rem;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:2rem}.icon.arrow:before{-webkit-mask-image:url(../svg/arrow.svg);mask-image:url(../svg/arrow.svg)}.icon.chevron:before{-webkit-mask-image:url(../svg/chevron.svg);mask-image:url(../svg/chevron.svg)}.icon.cross:before{-webkit-mask-image:url(../svg/cross.svg);mask-image:url(../svg/cross.svg)}.icon.hamburger:before{-webkit-mask-image:url(../svg/hamburger.svg);mask-image:url(../svg/hamburger.svg)}.icon.youtube:before{-webkit-mask-image:url(../svg/youtube.svg);mask-image:url(../svg/youtube.svg)}.icon.infographie:before{-webkit-mask-image:url(../svg/image.svg);mask-image:url(../svg/image.svg)}.icon.web:before{-webkit-mask-image:url(../svg/globe.svg);mask-image:url(../svg/globe.svg)}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes jumpBounce{15%,45%{transform:translateY(-10px)}0%,25%,55%{transform:translateY(0)}}.modal-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;width:100%;z-index:2000}.modal-container.hidden{display:none}.modal-container.visible{opacity:1;visibility:visible}.modal-container.visible .modal-overlay{opacity:1}.modal-container.visible .modal-content{opacity:1;transform:scale(1) translateY(0)}.modal-container .modal-overlay{backdrop-filter:blur(5px);background:rgba(0,0,0,.8);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:1}.modal-container .modal-content{background:var(--color-bg);box-shadow:0 25px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:90vh;max-width:1000px;opacity:0;overflow:hidden;position:relative;transform:scale(.8) translateY(50px);transition:transform .4s var(--ease-back-out),opacity .4s ease;width:90%;z-index:10}.modal-container .modal-body{display:flex;height:100%;overflow:hidden}@media (max-width:768px){.modal-container .modal-body{flex-direction:column;overflow-y:auto}}.modal-container .modal-cover,.modal-container .modal-image{align-items:center;background:#000;display:flex;flex:1.2;justify-content:center}.modal-container .modal-cover img,.modal-container .modal-image img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.modal-container .modal-info{background:var(--color-bg);flex:1;padding:2.5rem}.modal-container .modal-info h2{color:var(--color-main);font-family:var(--font-family-title);font-size:2rem;line-height:1;margin:0 0 1.5rem}.modal-container .modal-info p{font-size:1.1rem;margin-bottom:1rem}.modal-container .modal-info p strong{color:var(--color-main)}.modal-container .modal-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#333;cursor:pointer;display:flex;font-size:2.5rem;height:40px;justify-content:center;line-height:1;position:absolute;right:20px;top:15px;transition:transform .2s,color .3s;width:40px;z-index:20}.modal-container .modal-close:hover{color:var(--color-main);transform:scale(1.1)}@media (max-width:768px){.modal-container .modal-info{order:-1}}@media (min-width:769px){.modal-container .modal-info{overflow-y:auto}}.modal-container.modal-fullscreen .modal-content{border-radius:0;height:100vh;max-height:100%;max-width:100vw;transform:translateY(100%);width:100vw}.modal-container.modal-fullscreen.visible .modal-content{transform:translateY(0)}.modal-container.modal-fullscreen .modal-body{display:grid;grid-template-columns:.3fr 1fr;overflow-y:auto}@media (max-width:768px){.modal-container.modal-fullscreen .modal-body{grid-template-columns:1fr;grid-template-rows:1fr auto;overflow-y:scroll}}.modal-container.modal-fullscreen .modal-sidebar{align-items:center;background:var(--color-nav-bg);border-right:1px solid var(--card-border);box-sizing:border-box;display:flex;flex:0 0 350px;flex-direction:column;height:100%;padding:3rem 2rem;position:sticky;text-align:center;top:0}.modal-container.modal-fullscreen .modal-sidebar .modal-actions{margin-top:1rem}@media (max-width:768px){.modal-container.modal-fullscreen .modal-sidebar{border-bottom:1px solid var(--card-border);border-right:none;height:auto;order:2;overflow-y:visible;position:relative;width:100%}}.modal-container.modal-fullscreen #modal-title{color:var(--color-main);font-size:1.2rem;margin-bottom:.5rem}.modal-container.modal-fullscreen .modal-cover{background:transparent;box-shadow:0 10px 30px rgba(0,0,0,.3);flex:none;height:300px;margin-bottom:2rem;width:200px}.modal-container.modal-fullscreen .modal-cover img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal-container.modal-fullscreen .book-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.modal-container.modal-fullscreen .book-tag{align-items:center;background:var(--modal-type-bg);border:1px solid rgba(0,0,0,.05);border-radius:20px;box-shadow:2px 2px 5px rgba(0,0,0,.1);color:var(--color-text);display:inline-flex;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.3rem .8rem;position:relative;text-transform:uppercase}.modal-container.modal-fullscreen .modal-main-content{background:var(--color-bg);flex:1;margin:0 auto;overflow-y:auto;padding:4rem}@media (max-width:768px){.modal-container.modal-fullscreen .modal-main-content{overflow:visible;padding:2rem}}.modal-container.modal-fullscreen .modal-section{margin-bottom:3rem}.modal-container.modal-fullscreen .modal-section h3{border-bottom:2px solid var(--color-main);color:var(--color-main);display:inline-block;font-family:var(--font-family-title);font-size:1.8rem;margin-bottom:1.5rem}.modal-container.modal-fullscreen .modal-section .book-excerpt,.modal-container.modal-fullscreen .modal-section p{color:var(--color-text);font-size:1.15rem;line-height:1.8;white-space:pre-line}.modal-container.modal-fullscreen .book-excerpt{background:var(--modal-type-bg);border-left:4px solid var(--color-main);border-radius:4px;font-style:italic;padding:2rem}.modal-container.modal-fullscreen .modal-close{position:fixed;right:30px;top:30px}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:var(--font-family-title);font-size:1rem;font-weight:700;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.btn-primary{background-color:var(--color-main);box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff}.btn-primary:hover{background-color:var(--color-main-dark);box-shadow:0 6px 20px rgba(0,0,0,.3);color:#fff;transform:translateY(-3px)}.card{background:var(--card-bg-opacity);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:2rem 1.4rem;position:relative;z-index:1}.card .title{align-items:flex-start;color:var(--color-main);display:inline-flex;font-family:var(--font-family-crea);font-size:2.2rem;letter-spacing:.1em;line-height:1}.card .text{font-size:1.1rem;margin-top:1.5rem;position:relative;z-index:1}@media (min-width:769px){.card{padding:4rem 3rem 3rem}}.quote{background:rgba(213,81,0,.05);border-left:4px solid var(--color-main);color:var(--color-main);font-family:var(--font-family-crea);font-size:1.4rem;font-style:italic;line-height:1.4;margin:2.5rem 0 1rem;padding:1.5rem 2rem;position:relative}.quote:before{content:"“";font-family:serif;font-size:4rem;left:10px;opacity:.2;position:absolute;top:-10px}.back-to-top{align-items:center;background-color:var(--color-main);border:none;border-radius:50%;bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;opacity:0;outline:none;position:fixed;right:1.5rem;transition:all .3s ease;visibility:hidden;width:3rem;z-index:90}.back-to-top:hover{background-color:var(--color-main-dark);box-shadow:0 6px 20px rgba(0,0,0,.4);transform:translateY(-5px)}.back-to-top.show{opacity:1;visibility:visible}.back-to-top .icon{background-color:#fff;height:1.5rem;mask:url(../svg/arrow.svg) no-repeat center/contain;-webkit-mask:url(../svg/arrow.svg) no-repeat center/contain;width:1.5rem}body:has(#book-detail-modal.visible) .back-to-top{opacity:0;visibility:hidden}@media (min-width:768px){.back-to-top{bottom:2rem;height:3.5rem;right:4rem;width:3.5rem}}.books-list{display:flex;flex-direction:column;gap:4rem;list-style:none;margin:0 auto;max-width:1100px;padding:0}.book-row{align-items:flex-start;background:var(--item-bg);border-radius:12px;box-shadow:var(--card-shadow);display:flex;gap:3rem;opacity:0;padding:2.5rem;transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.book-row.book-row--left{transform:translateX(-80px)}.book-row.book-row--right{flex-direction:row-reverse;transform:translateX(80px)}.book-row.is-visible{opacity:1;transform:translateX(0)}.book-row-cover{aspect-ratio:2/3;background:#222;border:1px solid #333;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,.5);flex:0 0 220px;overflow:hidden;position:relative}.book-row-cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.book-row-content{flex:1 1 auto;min-width:0}.book-row-title{color:var(--color-main);font-family:var(--font-family-title);font-size:1.8rem;letter-spacing:.03em;line-height:1.2;margin:0 0 1rem}.book-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.book-tag{align-items:center;background:var(--modal-type-bg);border-radius:999px;color:var(--modal-text-color);display:inline-flex;font-size:.8rem;padding:.25rem .75rem}.book-row-description{color:var(--modal-text-color);line-height:1.7;white-space:pre-line}.book-row-excerpt{margin-top:1rem}.book-row-excerpt summary{cursor:pointer;font-weight:600}.book-row-excerpt .book-excerpt-text{line-height:1.7;margin-top:.75rem;white-space:pre-line}.book-row .btn-read{display:inline-block;margin-top:1.25rem}@media (max-width:720px){.book-row,.book-row.book-row--right{flex-direction:column;padding:1.5rem}.book-row-cover{flex:0 0 auto;margin:0 auto;max-width:220px;width:60%}}nav{background-color:var(--color-nav-bg);color:var(--color-text);display:block;position:fixed;top:0;transition:background-color .3s ease;width:100vw;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:var(--layout-max-width);padding:0 30px}.nav-container,.nav-wrapper{align-items:center;display:flex}.nav-wrapper{flex-grow:1;gap:var(--spacing-xl);justify-content:center;padding:10px 0}.menu-toggle-input,.menu-toggle-input:checked~.menu-burger .burger-icon{display:none}.menu-toggle-input:checked~.menu-burger .close-icon{display:block}.menu-burger{background:none;border:none;color:var(--color-text);cursor:pointer;display:none;padding:10px;z-index:1001}.menu-burger .icon:before{height:32px;width:32px}.menu-burger .close-icon{display:none}body:has(.menu-toggle-input:checked){overflow:hidden}.theme-switch-wrapper{align-items:center;display:flex}.theme-switch-input{display:none}.theme-switch-label{background:#ccc;border-radius:30px;box-shadow:inset 0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:block;height:30px;position:relative;transition:background .3s ease;width:60px}.theme-switch-toggle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.3);display:flex;height:24px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:24px}.theme-switch-toggle .icon-moon,.theme-switch-toggle .icon-sun{align-items:center;display:flex;height:16px;justify-content:center;position:absolute;transition:opacity .3s ease;width:16px}.theme-switch-toggle .icon-moon{opacity:0}.theme-switch-toggle img{filter:brightness(0);height:100%;width:100%}:is(body:has(#theme-switch:checked),html.dark-theme) .theme-switch-label{background:var(--color-main)}:is(body:has(#theme-switch:checked),html.dark-theme) .theme-switch-toggle{transform:translateX(30px)}:is(body:has(#theme-switch:checked),html.dark-theme) .theme-switch-toggle .icon-sun{opacity:0}:is(body:has(#theme-switch:checked),html.dark-theme) .theme-switch-toggle .icon-moon{opacity:1}body:has(.modal-container.modal-fullscreen.visible) nav{z-index:-1}@media (max-width:768px){body{margin-top:60px}.nav-container{height:60px;padding:0 15px}.menu-burger{display:block;order:1}.nav-wrapper{background-color:var(--color-nav-bg);flex-direction:column;gap:0;height:100vh;justify-content:center;left:-100%;margin:0;max-width:100vw;padding:0;position:fixed;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:99}.menu-toggle-input:checked~.nav-wrapper{left:0}.nav-wrapper li{flex-grow:0;text-align:center;width:100%}.nav-wrapper li a{display:block;font-size:1.5rem;margin:0 auto;padding:1rem}.theme-switch-wrapper{margin-right:10px;order:2}}footer{background-color:var(--color-white);box-shadow:0 -10px 30px rgba(0,0,0,.05);color:#888;font-size:.85rem;padding:var(--spacing-md) var(--layout-indent);text-align:center}footer p{font-family:var(--font-family-base);margin:0}.content-bg{padding:0 0 5rem;position:relative;z-index:1}.content-bg>section:first-child{margin-top:0}.content-bg>section:last-child{margin-bottom:0}body:before{background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;width:100%;will-change:transform;z-index:-1}body:has(#book-detail-modal.visible){overflow:hidden}.hidden{display:none}.banner{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 50px);justify-content:center;margin:auto;max-width:70rem;padding:var(--layout-indent);width:100%}.banner:before{background-color:var(--color-bg);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.banner .title{animation:slideDownFadeIn 1s ease-out forwards;font-family:var(--font-family-title);font-size:4rem;line-height:1;position:relative;z-index:2}.banner .subtitle{align-items:flex-start;animation:slideDownFadeIn 1s ease-out 1s forwards;display:flex;flex-direction:column;font-size:1.5rem;gap:.5rem;margin-top:1rem;opacity:0;position:relative;z-index:2}.banner .subtitle .word-carousel{display:inline-block;height:1.2em;overflow:visible;position:relative;vertical-align:bottom}.banner .subtitle .word-carousel #carousel-word{color:var(--color-main);display:block;font-family:var(--font-family-crea);font-size:3rem;line-height:1.2em;position:relative;top:-12px;white-space:nowrap}.banner .scroll-down{align-self:flex-end;animation:slideDownFadeIn 1s ease-out 3s forwards;bottom:2rem;left:50%;opacity:0;padding-bottom:5rem;position:absolute;rotate:180deg;translate:-50% 0}.banner .scroll-down .icon{display:block;position:relative}.banner .scroll-down:hover{cursor:pointer}.banner .scroll-down:hover .icon{animation:jumpBounce 2s ease-in-out forwards}@media (min-width:769px){.banner .title{font-size:5rem}.banner .subtitle{align-items:center;flex-direction:row;font-size:2rem}}section{margin:5rem auto;max-width:70rem;padding:var(--layout-indent);scroll-margin-top:6em}#cv .card .cv-download{display:flex;justify-content:center;margin-top:2rem}#cv .card .cv-download .btn-download{gap:.8rem}#cv .card .cv-download .btn-download .icon{align-items:center;display:flex;height:1.5rem;justify-content:center;rotate:180deg;width:1.5rem}#cv .card .cv-download .btn-download .icon svg{height:100%;width:100%}#projects .card .projects-wrapper{align-items:center;display:flex;flex-direction:column;gap:4rem;margin-top:4rem}.project-categories{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;width:100%}.category-logo{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.75rem;padding:0;text-decoration:none}.category-logo .category-logo-icon{align-items:center;background:var(--item-bg);border-radius:50%;box-shadow:var(--card-shadow);display:flex;height:90px;justify-content:center;position:relative;transition:transform .3s var(--ease-back-out),box-shadow .3s ease,color .3s ease;width:90px}.category-logo .category-logo-icon .icon:before{height:2.5rem;width:2.5rem}.category-logo .category-label{font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:none}.category-logo.active .category-logo-icon,.category-logo:hover .category-logo-icon{box-shadow:0 15px 30px rgba(0,0,0,.25);color:var(--color-main);transform:translateY(-8px)}.category-logo.category-logo--books:hover .category-logo-icon{color:inherit}.infographie-icon-svg{height:2.5rem;width:2.5rem}.infographie-icon-frame{opacity:0;transform:scale(.55);transform-origin:center;transition:transform .4s var(--ease-back-out),opacity .3s ease}.category-logo[data-category=infographie].active .infographie-icon-frame,.category-logo[data-category=infographie]:hover .infographie-icon-frame{opacity:1;transform:scale(1)}.web-cursor{background:var(--color-text);bottom:8px;clip-path:polygon(0 0,0 70%,25% 55%,45% 100%,60% 92%,42% 55%,100% 55%);height:14px;left:8px;pointer-events:none;position:absolute;transition:transform .5s var(--ease-back-out),background-color .3s ease;width:14px;z-index:2}.category-logo[data-category=web].active .web-cursor,.category-logo[data-category=web]:hover .web-cursor{background:var(--color-main);transform:translate(22px,-22px)}.category-logo[data-category=youtube] .icon:before{transition:transform .3s var(--ease-back-out)}.category-logo[data-category=youtube].active .icon:before,.category-logo[data-category=youtube]:hover .icon:before{transform:scale(1.15)}.book-fan{display:block;height:100%;position:relative;width:100%}.book-fan .book-fan-cover{border:1px solid #333;border-radius:3px 6px 6px 3px;box-shadow:2px 2px 8px rgba(0,0,0,.5);height:47px;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform-origin:bottom center;transition:transform .4s var(--ease-back-out);width:32px}.book-fan .book-fan-cover:first-child{transform:translate(-50%,-50%) rotate(-12deg) translateX(-6px);z-index:1}.book-fan .book-fan-cover:nth-child(2){transform:translate(-50%,-50%) rotate(0deg);z-index:2}.book-fan .book-fan-cover:nth-child(3){transform:translate(-50%,-50%) rotate(12deg) translateX(6px);z-index:1}.category-logo--books:hover .book-fan-cover:first-child{transform:translate(-50%,-50%) rotate(-26deg) translateX(-16px)}.category-logo--books:hover .book-fan-cover:nth-child(2){transform:translate(-50%,-50%) rotate(0deg) translateY(-56%)}.category-logo--books:hover .book-fan-cover:nth-child(3){transform:translate(-50%,-50%) rotate(26deg) translateX(16px)}.category-reveal{width:100%}.category-reveal.hidden{display:none}.category-reveal .book-row-cover{aspect-ratio:16/9;flex-basis:320px}.infographie-gallery{-moz-column-count:2;column-count:2;-moz-column-gap:1rem;column-gap:1rem;width:100%}.infographie-gallery-item{display:block;margin-bottom:1rem;-moz-column-break-inside:avoid;background:#222;border-radius:8px;box-shadow:var(--card-shadow);break-inside:avoid;overflow:hidden}.infographie-gallery-item img{display:block;height:auto;transition:transform .4s ease;width:100%}.infographie-gallery-item:hover img{transform:scale(1.05)}@media (min-width:640px){.infographie-gallery{-moz-column-count:3;column-count:3}}@media (min-width:1000px){.infographie-gallery{-moz-column-count:4;column-count:4}}@media (max-width:640px){.project-categories{gap:2rem}.category-logo .category-logo-icon{height:70px;width:70px}.category-logo .category-logo-icon .icon:before,.infographie-icon-svg{height:2rem;width:2rem}.web-cursor{bottom:6px;height:12px;left:6px;width:12px}.category-logo[data-category=web].active .web-cursor,.category-logo[data-category=web]:hover .web-cursor{transform:translate(16px,-16px)}.book-fan .book-fan-cover{height:38px;width:26px}}#books-list-section{padding:2rem 1rem 4rem}.error-page-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem}.error-card{margin:0 auto;max-width:600px;text-align:center}.error-code{color:var(--color-main);font-family:var(--font-family-title);font-size:5rem;margin-bottom:1rem}.error-message{margin-bottom:1.5rem}.error-instruction{margin-bottom:2rem}.error-actions,.error-debug{margin-top:2rem}.error-debug{background:var(--modal-type-bg);border-radius:8px;color:var(--modal-text-color);font-size:.75rem;max-height:300px;overflow:auto;padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-word}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-base-size);line-height:1.6;margin:50px 0 0;padding:0;transition:background-color .3s ease,color .3s ease}@view-transition{navigation:auto}