/* Même format physique pour tous les chapitres sur ordinateur. */ html:has(#kiddies-app){scrollbar-gutter:stable} #kiddies-app .kc-stage.kc-fixed-size .kc-spread,#kiddies-app .kc-stage.kc-fixed-size .kc-page{min-height:var(--kc-book-height)} #kiddies-app .kc-stage.kc-measuring .kc-spread{display:grid!important;position:relative!important} #kiddies-app .kc-preview-notice{font-size:12px;color:#7a604c;margin-top:23px;line-height:1.5}#kiddies-app .kc-preview-notice:empty{display:none} /* B2 : les tracés orange viennent de la maquette originale, sans redessin. */ #kiddies-app .kc-day-left,#kiddies-app .kc-day-right{padding:0;min-height:1020px} #kiddies-app .kc-b2-desktop{position:absolute;inset:0;isolation:isolate} #kiddies-app .kc-b2-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1} #kiddies-app .kc-b2-heading{position:absolute;left:15%;top:3%;width:80%} #kiddies-app .kc-b2-heading h1{font-size:clamp(37px,3.6vw,54px);line-height:1.03;letter-spacing:-1.8px;margin:0 0 14px} #kiddies-app .kc-b2-heading p{font-size:16px;line-height:1.45;max-width:91%} #kiddies-app .kc-b2-caption{position:absolute} #kiddies-app .kc-b2-caption h3{font-size:28px;margin:0 0 5px;line-height:1.05} #kiddies-app .kc-b2-caption p{font-size:16px;line-height:1.3;margin:0} #kiddies-app .kc-b2-caption-1{left:23%;top:27%;width:57%} #kiddies-app .kc-b2-caption-2{left:61%;top:43%;width:35%} #kiddies-app .kc-b2-caption-3{left:26%;top:6%;width:48%} #kiddies-app .kc-b2-caption-4{left:44%;top:36%;width:51%} #kiddies-app .kc-b2-caption-5{left:48%;top:63%;width:47%} #kiddies-app .kc-b2-number{position:absolute;width:9.4%;height:6.2%;pointer-events:none} #kiddies-app .kc-b2-number-1{left:11.7%;top:26.4%}#kiddies-app .kc-b2-number-2{left:51.3%;top:41.8%}#kiddies-app .kc-b2-number-3{left:14.4%;top:6%}#kiddies-app .kc-b2-number-4{left:32.9%;top:34.9%}#kiddies-app .kc-b2-number-5{left:37.4%;top:61.8%} #kiddies-app .kc-b2-photo{position:absolute;padding:8px 8px 11px;transform:rotate(-4deg)} #kiddies-app .kc-b2-photo:before{display:none} #kiddies-app .kc-b2-photo img{height:125px;object-fit:cover} #kiddies-app .kc-b2-photo>span:last-child{font-size:15px;padding-top:7px} #kiddies-app .kc-b2-photo-1{left:10%;top:39%;width:39%;transform:rotate(-5deg)} #kiddies-app .kc-b2-photo-2{left:50%;top:54%;width:35%;transform:rotate(1deg)} #kiddies-app .kc-b2-photo-3{left:19%;top:17%;width:40%;transform:rotate(-3deg)} #kiddies-app .kc-b2-photo-4{left:36%;top:46%;width:39%;transform:rotate(1deg)} #kiddies-app .kc-b2-photo-5{left:37%;top:73%;width:40%;transform:rotate(-3deg)} #kiddies-app .kc-b2-video-poster{position:relative;display:block;padding:0!important} #kiddies-app .kc-b2-video-poster img{width:100%;height:125px} #kiddies-app .kc-b2-video-poster .kc-play{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;font-size:20px} #kiddies-app .kc-b2-team{position:absolute;left:9%;top:71%;width:45%;transform:rotate(-5deg);padding:10px 10px 13px} #kiddies-app .kc-team-placeholder,#kiddies-app .kc-entrance-placeholder{display:flex;align-items:center;justify-content:center;background:#dee0e0;color:#7d878b;height:145px} #kiddies-app .kc-team-placeholder svg,#kiddies-app .kc-entrance-placeholder svg{width:61px;height:46px} #kiddies-app .kc-b2-team>span:last-child{font-size:16px} #kiddies-app .kc-b2-team-small{left:5%;top:48%;width:22%;padding:7px;transform:rotate(-8deg)} #kiddies-app .kc-b2-team-small strong{font-family:'Segoe Print','Bradley Hand',cursive;font-size:15px;line-height:1.15;display:block;text-align:left;margin:3px 0 8px;color:#315163} #kiddies-app .kc-b2-team-small .kc-team-placeholder{height:90px} #kiddies-app .kc-b2-team-small .kc-team-placeholder svg{width:38px;height:30px} #kiddies-app .kc-b2-team-small>span:last-child{display:none} #kiddies-app .kc-b2-team-note{position:absolute;left:60%;top:82%;width:34%;font:18px/1.4 'Segoe Print','Bradley Hand',cursive;color:#315163;transform:rotate(-6deg)} #kiddies-app .kc-b2-rhythm{position:absolute;left:7%;top:92%;width:67%;font:18px/1.3 'Segoe Print','Bradley Hand',cursive;color:#315163;transform:rotate(-3deg)} #kiddies-app .kc-b2-leaf{position:absolute;left:85%;top:41%;width:6.5%;height:8%;pointer-events:none} #kiddies-app .kc-b2-moon{position:absolute;left:72%;top:45%;width:8%;height:13%;pointer-events:none} #kiddies-app .kc-b2-plant{position:absolute;right:1%;bottom:14%;width:8%;height:17%;pointer-events:none} #kiddies-app .kc-b2-hearts{position:absolute;left:86%;top:10.5%;width:6%;height:5.5%;pointer-events:none} #kiddies-app .kc-b2-mascots{position:absolute;pointer-events:none} #kiddies-app .kc-b2-mascots .kc-mascots{width:100%;height:100%} #kiddies-app .kc-b2-mascots-2{left:34%;top:58%;width:12%;height:12%;overflow:hidden} #kiddies-app .kc-b2-mascots-2 .kc-mascots{width:200%;max-width:none;object-position:left} #kiddies-app .kc-b2-mascots-3{left:66%;top:17%;width:26%;height:16%} #kiddies-app .kc-b2-mascots-5{left:79%;top:81%;width:22%;height:15%} #kiddies-app .kc-b2-mobile{display:none} /* C1 : même grille, mêmes pictogrammes, photo d'entrée et notes manuscrites. */ #kiddies-app .kc-inquiry-page{position:relative;overflow:hidden;padding:42px 38px 108px} #kiddies-app .kc-inquiry-page>.kc-eyebrow{display:none} #kiddies-app .kc-inquiry-page h1{font-size:clamp(37px,3.8vw,57px);line-height:1.02;margin:0 18% 6px 4%} #kiddies-app .kc-c1-subtitle{font-size:22px!important;letter-spacing:-.3px!important;margin:0 0 5px 4%} #kiddies-app .kc-inquiry-page .kc-enquiry-heading>.kc-intro{margin-left:4%;max-width:78%;font-size:17px;line-height:1.35;margin-bottom:22px} #kiddies-app .kc-c1-title-rays{position:absolute;top:34px;right:16%;width:62px;height:70px;pointer-events:none} #kiddies-app .kc-c1-left-torn{position:absolute;left:0;bottom:36px;width:37%;height:64%;z-index:-1;pointer-events:none} #kiddies-app .kc-c1-left-mascots{position:absolute;bottom:73px;left:29px;width:129px;height:151px;pointer-events:none} #kiddies-app .kc-c1-left-mascots .kc-mascots{width:100%;height:100%} #kiddies-app .kc-formgrid{gap:13px 16px;margin-top:0} #kiddies-app .kc-formgrid label:has([name=house]){grid-column:1;grid-row:1} #kiddies-app .kc-formgrid label:has([name=parent]){grid-column:2;grid-row:1} #kiddies-app .kc-formgrid label:has([name=surname]){grid-column:1;grid-row:2} #kiddies-app .kc-formgrid label:has([name=email]){grid-column:2;grid-row:2} #kiddies-app .kc-formgrid label:has([name=child]){grid-column:1;grid-row:3} #kiddies-app .kc-formgrid label:has([name=city]){grid-column:2;grid-row:3} #kiddies-app .kc-formgrid label:has([name=street]){grid-column:1;grid-row:4} #kiddies-app .kc-formgrid label:has([name=phone]){grid-column:2;grid-row:4} #kiddies-app .kc-formgrid fieldset{grid-column:1;grid-row:5;padding-top:5px} #kiddies-app .kc-formgrid label:has([name=message]){grid-column:2;grid-row:5} #kiddies-app .kc-formgrid .kc-checks{display:flex;flex-direction:column;align-items:flex-start;gap:7px} #kiddies-app .kc-formgrid label:has([name=message]) textarea{height:116px;min-height:116px} #kiddies-app .kc-formgrid>div.kc-wide{grid-column:2;grid-row:6} #kiddies-app .kc-formgrid>div.kc-wide .kc-action{width:100%;padding-left:8px!important;padding-right:8px!important} #kiddies-app .kc-local-form .kc-form-note{display:none} #kiddies-app .kc-privacy-link{display:block;width:calc(50% - 8px);margin:12px 0 0 auto;text-align:center;font-size:13px} #kiddies-app .kc-privacy-link:before{content:'▣';margin-right:7px;color:#51616a} #kiddies-app .kc-contact-page{padding:42px 38px 100px;overflow:hidden} #kiddies-app .kc-c1-contact-heading{position:relative;margin-left:4%} #kiddies-app .kc-c1-contact-heading h2{font-size:clamp(30px,3vw,45px);line-height:1.1;margin-bottom:8px} #kiddies-app .kc-c1-contact-heading p{font-size:17px;line-height:1.35} #kiddies-app .kc-c1-contact-rays{position:absolute;left:-32px;top:-1px;width:34px;height:58px;pointer-events:none} #kiddies-app .kc-practical{margin-top:22px} #kiddies-app .kc-practical details{border:1px solid #e6d9be;background:#fffaf0b5;border-radius:7px;margin-bottom:12px} #kiddies-app .kc-practical summary{display:flex;align-items:center;gap:18px;position:relative;padding:11px 16px;font-size:24px;line-height:1.2;list-style:none} #kiddies-app .kc-practical summary::-webkit-details-marker{display:none} #kiddies-app .kc-practical summary:after{content:'⌄';font:28px/1 Arial;color:var(--orange);margin-left:auto;align-self:flex-start} #kiddies-app .kc-practical details[open] summary:after{content:'⌃'} #kiddies-app .kc-practical-icon{width:38px;height:44px;flex-shrink:0} #kiddies-app .kc-practical details>div{padding:5px 20px 17px 72px;font-size:16px} #kiddies-app .kc-practical .kc-social{margin-top:20px;padding:0;border:0} #kiddies-app .kc-practical .kc-social h3{font-size:20px} #kiddies-app .kc-c1-contact-bottom{position:relative;min-height:295px;margin-top:27px} #kiddies-app .kc-c1-entrance{position:relative;width:58%;margin:0;transform:rotate(-6deg);padding:11px 11px 15px} #kiddies-app .kc-c1-entrance:before{background:repeating-linear-gradient(90deg,#e46c0c 0 3px,#f6a13f 3px 5px);width:72px;height:28px;right:3px;top:-14px;transform:rotate(12deg)} #kiddies-app .kc-entrance-placeholder{height:190px} #kiddies-app .kc-c1-entrance figcaption{text-align:center;font-size:16px;margin-top:13px} #kiddies-app .kc-c1-handnote{position:absolute;left:66%;top:10px;width:29%;font:22px/1.3 'Segoe Print','Bradley Hand',cursive;color:#315163;transform:rotate(-8deg)} #kiddies-app .kc-c1-heart{position:absolute;right:-3px;top:20px;width:32px;height:46px;pointer-events:none} #kiddies-app .kc-c1-right-mascots{position:absolute;right:0;bottom:-18px;width:137px;height:162px} #kiddies-app .kc-c1-right-mascots .kc-mascots{width:100%;height:100%} #kiddies-app .kc-c1-right-torn{position:absolute;right:0;bottom:32px;width:54%;height:27%;z-index:-1;pointer-events:none} #kiddies-app .gform_wrapper ul.gform_fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px} #kiddies-app .gform_wrapper ul.gform_fields>li{width:100%!important;min-width:0} #kiddies-app .gform_wrapper #field_1_9{grid-column:1}#kiddies-app .gform_wrapper #field_1_10{grid-column:2} #kiddies-app .gform_wrapper #field_1_11{display:none} #kiddies-app .gform_wrapper .gform_footer{width:calc(50% - 8px);margin-left:auto!important;padding-top:13px!important} @media(min-width:681px) and (max-width:1050px){#kiddies-app .kc-b2-caption h3{font-size:23px}#kiddies-app .kc-b2-caption p{font-size:14px}#kiddies-app .kc-b2-heading p{font-size:14px}#kiddies-app .kc-b2-photo img,#kiddies-app .kc-b2-video-poster img{height:110px}#kiddies-app .kc-team-placeholder{height:120px}#kiddies-app .kc-b2-team-small strong{font-size:12px}#kiddies-app .kc-b2-team-small .kc-team-placeholder{height:69px}#kiddies-app .kc-b2-team-note,#kiddies-app .kc-b2-rhythm{font-size:15px}#kiddies-app .kc-inquiry-page,#kiddies-app .kc-contact-page{padding-left:23px;padding-right:23px}#kiddies-app .kc-c1-subtitle{font-size:19px!important}#kiddies-app .kc-c1-contact-heading h2{font-size:32px}#kiddies-app .kc-practical summary{font-size:20px;gap:10px;padding:10px}#kiddies-app .kc-practical-icon{width:29px;height:36px}#kiddies-app .kc-c1-handnote{font-size:17px}#kiddies-app .kc-entrance-placeholder{height:140px}} @media(max-width:680px){html:has(#kiddies-app){scrollbar-gutter:auto}#kiddies-app .kc-stage.kc-fixed-size .kc-page,#kiddies-app .kc-stage.kc-fixed-size .kc-spread{min-height:0}#kiddies-app .kc-b2-desktop{display:none}#kiddies-app .kc-b2-mobile{display:block}#kiddies-app .kc-day-left{min-height:0;padding:29px 24px 75px}#kiddies-app .kc-day-right{display:none}#kiddies-app .kc-b2-mobile h1{font-size:39px;line-height:1.04}#kiddies-app .kc-b2-mobile>p{font-size:15px;line-height:1.4}#kiddies-app .kc-b2-mobile-track{position:relative;isolation:isolate}#kiddies-app .kc-b2-mobile-line{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;overflow:hidden}#kiddies-app .kc-b2-mobile-line path{fill:none;stroke:url(#kc-orange-grain);stroke-width:8;stroke-linecap:round}#kiddies-app .kc-b2-mobile-step{position:relative;min-height:230px;padding:8px 0 20px 22px;width:88%}#kiddies-app .kc-b2-mobile-step:nth-child(even){margin-left:10%}#kiddies-app .kc-b2-mobile-step h3{display:flex;gap:10px;align-items:center;font-size:25px;line-height:1.1}#kiddies-app .kc-b2-mobile-step .kc-dot{width:31px;height:31px;font-size:17px;margin-left:-22px}#kiddies-app .kc-b2-mobile-step p{font-size:14px;line-height:1.3;margin-bottom:10px}#kiddies-app .kc-b2-mobile-step .kc-b2-photo{position:relative;left:auto;top:auto;width:79%;max-width:220px;transform:rotate(-3deg);padding:6px 6px 8px}#kiddies-app .kc-b2-mobile-step .kc-b2-photo img,#kiddies-app .kc-b2-mobile-step .kc-b2-video-poster img{height:104px}#kiddies-app .kc-b2-mobile-step .kc-b2-photo>span:last-child{font-size:13px}#kiddies-app .kc-b2-mobile-step .kc-b2-team-small{left:auto;right:-23px;top:92px;width:33%;padding:5px}#kiddies-app .kc-b2-mobile-step .kc-b2-team-small strong{font-size:11px}#kiddies-app .kc-b2-mobile-step .kc-b2-team-small .kc-team-placeholder{height:58px}#kiddies-app .kc-b2-mobile-mascots{position:absolute;right:-25px;bottom:17px;width:72px;height:90px}#kiddies-app .kc-b2-mobile-mascots .kc-mascots{width:100%;height:100%}#kiddies-app .kc-b2-mobile .kc-action{width:100%}#kiddies-app .kc-b2-rhythm-mobile{font:17px/1.4 'Segoe Print','Bradley Hand',cursive}#kiddies-app .kc-inquiry-page,#kiddies-app .kc-contact-page{padding:30px 23px 130px}#kiddies-app .kc-inquiry-page h1{font-size:39px;margin-left:0}#kiddies-app .kc-c1-subtitle{font-size:19px!important;margin-left:0}#kiddies-app .kc-inquiry-page .kc-enquiry-heading>.kc-intro{font-size:15px;margin-left:0;max-width:92%}#kiddies-app .kc-c1-title-rays{top:20px;right:13px;width:42px;height:52px}#kiddies-app .kc-c1-left-mascots{width:92px;height:110px;bottom:58px;left:17px}#kiddies-app .kc-c1-left-torn{height:62%;width:40%}#kiddies-app .kc-c1-contact-heading{margin-left:8px}#kiddies-app .kc-c1-contact-heading h2{font-size:33px}#kiddies-app .kc-c1-contact-heading p{font-size:15px}#kiddies-app .kc-c1-contact-rays{left:-20px;width:23px;height:39px}#kiddies-app .kc-practical summary{font-size:21px;gap:11px;padding:10px 12px}#kiddies-app .kc-practical-icon{width:30px;height:37px}#kiddies-app .kc-practical details>div{padding-left:25px}#kiddies-app .kc-c1-contact-bottom{min-height:260px}#kiddies-app .kc-entrance-placeholder{height:130px}#kiddies-app .kc-c1-entrance figcaption{font-size:13px}#kiddies-app .kc-c1-handnote{font-size:17px}#kiddies-app .kc-c1-right-mascots{width:108px;height:125px;bottom:-5px}#kiddies-app .kc-formgrid{gap:12px 10px}#kiddies-app .kc-formgrid label{font-size:12px}#kiddies-app .kc-formgrid .kc-checks{font-size:12px;gap:8px}#kiddies-app .kc-formgrid input:not([type=checkbox]),#kiddies-app .kc-formgrid select{padding:8px 5px}#kiddies-app .kc-formgrid>div.kc-wide .kc-action{font-size:13px}#kiddies-app .gform_wrapper .gform_footer{width:100%}} @media(max-width:365px){#kiddies-app .kc-formgrid{grid-template-columns:1fr}#kiddies-app .kc-formgrid label:has(input),#kiddies-app .kc-formgrid label:has(select),#kiddies-app .kc-formgrid label:has(textarea),#kiddies-app .kc-formgrid fieldset,#kiddies-app .kc-formgrid>div.kc-wide{grid-column:1;grid-row:auto}#kiddies-app .kc-privacy-link{width:100%}#kiddies-app .kc-b2-mobile h1{font-size:35px}} #kiddies-app .kc-b2-mascots-2 .kc-mascots{width:100%;height:100%;object-fit:contain} #kiddies-app .kc-photo .kc-team-placeholder,#kiddies-app .kc-photo .kc-entrance-placeholder{display:flex;align-items:center;justify-content:center;padding:0} #kiddies-app .kc-c1-left-torn,#kiddies-app .kc-c1-right-torn,#kiddies-app .kc-b2-art{overflow:hidden} #kiddies-app .kc-contact-page>.kc-c1-right-mascots{right:29px;bottom:72px} #kiddies-app .kc-inquiry-page h1{font-size:clamp(39px,4.6vw,66px)} #kiddies-app .kc-formgrid label{font-size:16px}#kiddies-app .kc-formgrid{gap:17px 16px}#kiddies-app .kc-formgrid label:has([name=message]) textarea{height:132px;min-height:132px} @media(max-width:1050px){#kiddies-app .kc-formgrid label{font-size:14px}#kiddies-app .kc-formgrid{gap:14px 12px}} @media(max-width:680px){#kiddies-app .kc-inquiry-page h1{font-size:39px}#kiddies-app .kc-formgrid label{font-size:12px}#kiddies-app .kc-formgrid{gap:12px 10px}#kiddies-app .kc-contact-page>.kc-c1-right-mascots{right:19px;bottom:60px}} #kiddies-app .kc-privacy-link:before{content:none}#kiddies-app .kc-privacy-icon{width:13px;height:16px;vertical-align:-3px;margin-right:7px;color:#51616a} @media(max-width:680px){#kiddies-app .kc-b2-mobile-track{height:1300px}#kiddies-app .kc-b2-mobile-step{position:absolute;left:4%;width:86%;min-height:0;padding-bottom:10px;margin-left:0!important}#kiddies-app .kc-b2-mobile-step[data-step="1"]{top:1%}#kiddies-app .kc-b2-mobile-step[data-step="2"]{top:21%}#kiddies-app .kc-b2-mobile-step[data-step="3"]{top:41%}#kiddies-app .kc-b2-mobile-step[data-step="4"]{top:61%}#kiddies-app .kc-b2-mobile-step[data-step="5"]{top:81%}#kiddies-app .kc-b2-mobile-step .kc-b2-team-small{top:87px;right:-24px;width:31%}#kiddies-app .kc-b2-mobile-mascots{right:-21px;bottom:8px}} @media(max-width:680px){#kiddies-app .kc-b2-mobile-leaf{position:absolute;right:2px;top:22px;width:25px;height:36px;pointer-events:none}#kiddies-app .kc-b2-mobile-moon{position:absolute;right:0;top:27px;width:27px;height:45px;pointer-events:none}} #kiddies-app .gform_wrapper .gfield_label{float:none!important;display:block!important;width:100%!important;padding:0!important;margin:0 0 4px!important}#kiddies-app .gform_wrapper .ginput_container{margin-left:0!important;width:100%!important} /* Proportions du carnet approuvé : 1420 × 940, en-tête compris. */ @media(min-width:681px){ #kiddies-app .kc-stage.kc-fixed-size,#kiddies-app .kc-stage.kc-fixed-size .kc-spread{height:850px;min-height:850px} #kiddies-app .kc-stage.kc-fixed-size .kc-page{height:841px;min-height:0} #kiddies-app .kc-page{padding:32px 38px 70px;font-size:16px} #kiddies-app .kc-header{min-height:90px;height:90px} #kiddies-app .kc-home-left{min-height:0} #kiddies-app .kc-home-title{font-size:72px} #kiddies-app .kc-material{height:190px;max-width:235px} #kiddies-app .kc-houses{gap:22px 18px} #kiddies-app .kc-house-name strong{font-size:32px} #kiddies-app .kc-mascot-caption .kc-mascots{height:110px;width:100px} #kiddies-app .kc-house-heart{bottom:120px} #kiddies-app .kc-day-left,#kiddies-app .kc-day-right{padding:0;min-height:0} #kiddies-app .kc-b2-heading h1{font-size:49px;line-height:1.03;margin-bottom:12px} #kiddies-app .kc-b2-heading p{font-size:15px;line-height:1.4} #kiddies-app .kc-b2-caption h3{font-size:26px} #kiddies-app .kc-b2-caption p{font-size:15px;line-height:1.3} #kiddies-app .kc-b2-photo img,#kiddies-app .kc-b2-video-poster img{height:100px} #kiddies-app .kc-b2-photo>span:last-child{font-size:14px} #kiddies-app .kc-b2-photo-4{top:44.5%} #kiddies-app .kc-b2-team .kc-team-placeholder{height:105px} #kiddies-app .kc-b2-team-small .kc-team-placeholder{height:65px} #kiddies-app .kc-b2-team-small strong{font-size:14px} #kiddies-app .kc-b2-team-note{font-size:16px;top:82%} #kiddies-app .kc-b2-rhythm{font-size:16px;top:88%} #kiddies-app .kc-b2-mascots-5{top:77%} #kiddies-app .kc-approach-page{min-height:0;padding-top:30px} #kiddies-app .kc-approach-page h1{font-size:44px;margin-bottom:16px} #kiddies-app .kc-approach-page h2{font-size:35px;margin-bottom:16px} #kiddies-app .kc-approach-page .kc-intro{font-size:15px;line-height:1.45} #kiddies-app .kc-pillar{margin:16px 0 18px;padding-left:14px} #kiddies-app .kc-pillar h3{font-size:22px;margin-bottom:6px} #kiddies-app .kc-pillar p{font-size:15px;line-height:1.45} #kiddies-app .kc-history{padding:14px 17px;margin-bottom:12px} #kiddies-app .kc-history h3{font-size:22px} #kiddies-app .kc-history p{font-size:14px;line-height:1.45;margin-top:9px;margin-bottom:10px} #kiddies-app .kc-approach-page>.kc-intro:last-of-type{font-size:15px} #kiddies-app .kc-inquiry-page,#kiddies-app .kc-contact-page{padding:30px 38px 80px} #kiddies-app .kc-inquiry-page h1{font-size:49px} #kiddies-app .kc-inquiry-page .kc-enquiry-heading>.kc-intro{font-size:16px;margin-bottom:16px} #kiddies-app .kc-c1-contact-heading h2{font-size:40px} #kiddies-app .kc-c1-contact-heading p{font-size:16px} #kiddies-app .kc-practical{margin-top:16px} #kiddies-app .kc-practical summary{font-size:22px;padding:8px 14px;gap:15px} #kiddies-app .kc-practical-icon{width:32px;height:36px} #kiddies-app .kc-practical details{margin-bottom:10px} #kiddies-app .kc-practical details>div{max-height:135px;overflow:auto;font-size:15px;padding:4px 16px 12px 61px} #kiddies-app .kc-c1-contact-bottom{position:absolute;left:38px;right:38px;bottom:90px;height:215px;min-height:0;margin:0} #kiddies-app .kc-entrance-placeholder{height:150px} #kiddies-app .kc-c1-handnote{font-size:20px} #kiddies-app .kc-c1-right-mascots{bottom:72px} #kiddies-app .kc-c1-left-mascots{height:128px;width:109px;bottom:58px} } @media(min-width:681px){ #kiddies-app .kc-inquiry-page{padding-bottom:25px} #kiddies-app .kc-formgrid{gap:10px 16px} #kiddies-app .kc-formgrid label{font-size:14px;line-height:1.25} #kiddies-app .kc-formgrid input:not([type=checkbox]),#kiddies-app .kc-formgrid select{padding:8px 10px;font-size:16px;line-height:1.2} #kiddies-app .kc-formgrid label:has([name=message]) textarea{height:100px;min-height:100px} #kiddies-app .kc-formgrid .kc-checks{font-size:14px} #kiddies-app .kc-privacy-link{margin-top:9px} #kiddies-app .kc-b2-caption-5{width:40%} #kiddies-app .kc-b2-plant{right:1%;top:65%;bottom:auto;width:5.5%;height:10%} #kiddies-app .kc-b2-photo-5 img{height:85px} #kiddies-app .kc-b2-rhythm{top:91%;width:83%;font-size:15px;line-height:1.2} } /* Même maquette pour les quatre maisons, avec leurs couleurs et matériaux d’origine. */ #kiddies-app .kc-house-material-collage{width:72%;height:43%;left:-4%;bottom:52px} #kiddies-app .kc-house-material-collage .kc-material{width:100%;height:100%;max-width:none;filter:none} #kiddies-app .kc-spread[data-spread="1"] h1,#kiddies-app .kc-spread[data-spread="1"] h2,#kiddies-app .kc-b2-caption h3{color:var(--house-ink)} #kiddies-app .kc-spread[data-spread="1"] .kc-page-foot a,#kiddies-app .kc-spread[data-spread="2"] .kc-page-foot a,#kiddies-app .kc-spread[data-spread="4"] .kc-page-foot a{color:var(--house-ink)} #kiddies-app .kc-b2-mobile .kc-dot{background:var(--house-ink)} #kiddies-app .kc-b2-mobile-step h3{color:var(--house-ink)} #kiddies-app .kc-spread[data-spread="4"] .kc-action{background:var(--house-ink)!important} #kiddies-app .kc-unfilled-photo{height:100px;display:flex;align-items:center;justify-content:center;background:#d9dedf;color:#869195;padding:0!important} #kiddies-app .kc-unfilled-photo svg{width:52px;height:40px} #kiddies-app .kc-b2-photo figcaption{text-align:center;font-size:14px;padding-top:7px;line-height:1.5} #kiddies-app .kc-entrance-photo{width:100%;height:150px;object-fit:cover;display:block} @media(max-width:680px){#kiddies-app .kc-unfilled-photo{height:104px}#kiddies-app .kc-entrance-photo{height:130px}} #kiddies-app .kc-c1-entrance img.kc-entrance-photo{height:150px;object-fit:cover} #kiddies-app .kc-b2-video-poster .kc-play{z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffaf0ed;color:var(--house-ink);border:2px solid white;box-shadow:0 2px 7px #0005;line-height:1} #kiddies-app .kc-c1-left-heart{position:absolute;left:23%;bottom:100px;width:30px;height:38px;pointer-events:none} @media(max-width:680px){#kiddies-app .kc-c1-entrance img.kc-entrance-photo{height:130px}#kiddies-app .kc-c1-left-heart{left:32%;bottom:65px}} #kiddies-app .kc-status-wrap{display:flex;flex-direction:column;align-items:center;gap:4px} #kiddies-app #kc-fit{font-size:12px;min-height:25px;padding:2px 10px;border:1px solid #c9b69c;border-radius:4px;color:#65372a;background:#fff7e8;white-space:nowrap} #kiddies-app.kc-presenting .kc-preview-notice,#kiddies-app.kc-presenting .kc-colophon{display:none} #kiddies-app.kc-presenting .kc-controls{margin-top:16px} @media(max-width:680px){#kiddies-app #kc-fit{display:none}} #kiddies-app .kc-b2-photo{margin:0} #kiddies-app .kc-c1-entrance:before{background:repeating-linear-gradient(90deg,var(--house) 0 3px,#f8e8c9 3px 5px)} @media(max-width:680px){#kiddies-app .kc-c1-right-mascots{bottom:55px}} /* Corrections de la revue du 16 octobre : repères extérieurs et coins cohérents. */ #kiddies-app .kc-page-foot{bottom:12px;left:24px;right:24px;min-height:26px;z-index:5} #kiddies-app .kc-right .kc-page-num{margin-left:auto} #kiddies-app .kc-page-num{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;background:#fff4df;color:#65372a;border-radius:50%;font-size:15px;line-height:1;box-shadow:0 0 9px 3px #fff4df} #kiddies-app .kc-b2-right-torn{position:absolute;right:0;bottom:48px;width:27%;height:20%;pointer-events:none;z-index:-1} #kiddies-app .kc-neutral-left-torn,#kiddies-app .kc-neutral-right-torn{position:absolute;bottom:48px;width:24%;height:13%;pointer-events:none;z-index:-1} #kiddies-app .kc-neutral-left-torn{left:0} #kiddies-app .kc-neutral-right-torn{right:0} #kiddies-app .kc-c1-left-torn,#kiddies-app .kc-c1-right-torn{bottom:48px} #kiddies-app .kc-inquiry-page>.kc-formhost,#kiddies-app .kc-inquiry-page>.kc-local-form{margin-left:50px;width:calc(100% - 50px)} @media(min-width:681px){ #kiddies-app .kc-home-right>.kc-values{position:absolute;bottom:151px;left:38px;right:38px;text-align:center;margin:0;font-size:19px;line-height:1.35} #kiddies-app .kc-home-request{position:absolute;bottom:57px;left:38px;right:38px;margin:0;min-height:76px} } @media(max-width:680px){ #kiddies-app .kc-inquiry-page>.kc-formhost,#kiddies-app .kc-inquiry-page>.kc-local-form{margin-left:22px;width:calc(100% - 22px)} #kiddies-app .kc-home-right>.kc-values{font-size:16px;line-height:1.35;margin:17px 0 12px;text-align:center} #kiddies-app .kc-neutral-left-torn,#kiddies-app .kc-neutral-right-torn{height:80px;width:25%} } #kiddies-app .kc-page-foot{height:34px;min-height:34px} #kiddies-app .kc-neutral-left-torn{transform:scaleX(-1)} /* Le trait hors du papier reste fixe ; seul le feuillet bouge. */ #kiddies-app .kc-house-card:hover .kc-mertzig-material{transform:none} #kiddies-app .kc-mertzig-paper{transform-origin:37% 55%;transition:transform .25s ease} #kiddies-app .kc-house-card:hover .kc-mertzig-paper{transform:rotate(-2deg) translateY(-3px)} /* Une vraie petite chute de papier dans chaque maison, sans recouvrir les personnages. */ #kiddies-app .kc-house-left-torn{position:absolute;left:0;bottom:48px;width:40%;height:15%;transform:scaleX(-1);pointer-events:none;z-index:-1} @media(max-width:680px){#kiddies-app .kc-house-page{padding-bottom:104px}#kiddies-app .kc-house-left-torn{width:30%;height:48px}} /* Placement propre à chaque maison : garder les silhouettes brunes sur le papier clair. */ @media(min-width:681px){ #kiddies-app[data-current-house="rosport"] .kc-c1-left-mascots{left:35%} #kiddies-app[data-current-house="mertzig"] .kc-c1-left-mascots{left:34%} #kiddies-app[data-current-house="rosport"] .kc-contact-page>.kc-c1-right-mascots{bottom:320px;width:118px;height:140px} #kiddies-app[data-current-house="mertzig"] .kc-contact-page>.kc-c1-right-mascots{bottom:320px;width:118px;height:140px} } @media(max-width:680px){ #kiddies-app:is([data-current-house="rosport"],[data-current-house="mertzig"]) .kc-inquiry-page{padding-bottom:230px} #kiddies-app:is([data-current-house="rosport"],[data-current-house="mertzig"]) .kc-c1-left-mascots{left:52%} #kiddies-app:is([data-current-house="rosport"],[data-current-house="mertzig"]) .kc-contact-page{padding-bottom:175px} #kiddies-app:is([data-current-house="rosport"],[data-current-house="mertzig"]) .kc-contact-page>.kc-c1-right-mascots{left:22px;right:auto;bottom:60px} } /* L’en-tête appartient à la reliure ; les groupes restent ancrés dans chaque langue. */ #kiddies-app .kc-header{box-shadow:inset 0 2px 1px #c5a17a80,inset 2px 0 2px #b28b6255,inset -2px 0 2px #32180e55,inset 0 -5px 7px #2b120d55} #kiddies-app .kc-header>.kc-paper-art{opacity:.16;mix-blend-mode:soft-light} #kiddies-app .kc-page:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;border-radius:14px 14px 0 0;box-shadow:inset 0 2px 1px #fcf1d9,inset 0 4px 2px #c2a27b77;pointer-events:none;z-index:3} @media(min-width:681px){ #kiddies-app .kc-header{gap:18px;flex-wrap:nowrap;padding:10px 22px} #kiddies-app .kc-logo{flex:0 0 146px} #kiddies-app .kc-menu-toggle{display:none} #kiddies-app .kc-nav{display:grid;grid-template-columns:105px 120px 120px 75px minmax(0,1fr) 180px 140px 230px;gap:12px;align-items:center;flex:1;flex-basis:auto;order:0;padding:0;border:0} #kiddies-app .kc-nav>a{justify-self:start;text-align:left;font-size:15px} #kiddies-app .kc-nav>.kc-languages{grid-column:6;justify-self:start;gap:6px} #kiddies-app .kc-nav>.kc-languages button{width:24px;padding:6px 0;font-size:12px} #kiddies-app .kc-nav>.kc-my{grid-column:7;margin-left:0;padding-left:20px} #kiddies-app .kc-nav>.kc-action{grid-column:8;justify-self:stretch;justify-content:center;text-align:center;font-size:15px} } #kiddies-app .kc-languages button[aria-pressed="true"]{border-bottom:2px solid var(--orange)} @media(max-width:680px){#kiddies-app .kc-header>.kc-languages button{width:19px;flex:0 0 19px;padding:4px 0}} #kiddies-app .kc-home-request{justify-content:flex-end;gap:18px} #kiddies-app .kc-home-request-label{text-align:right} /* La reliure et le menu suivent réellement chaque moitié de page. */ @media(min-width:681px){ #kiddies-app .kc-header:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 22px);width:44px;pointer-events:none;background:linear-gradient(90deg,transparent,#32170e55 42%,#24100977 49%,#c49b6e55 52%,transparent);border-radius:0 0 50% 50%} #kiddies-app .kc-stage.kc-binding-turn{z-index:31} #kiddies-app .kc-turn{top:calc(-1 * var(--kc-header-height));height:calc(100% + var(--kc-header-height))} #kiddies-app .kc-face>.kc-page{position:absolute;top:var(--kc-header-height);height:calc(100% - var(--kc-header-height));min-height:0} #kiddies-app .kc-turn-header-frame{position:absolute;top:0;left:0;right:0;height:var(--kc-header-height);overflow:hidden} #kiddies-app .kc-turn-header{position:absolute;top:0;margin:0;max-width:none} } /* Les trois traits suivent le dernier mot, y compris après un retour à la ligne. */ #kiddies-app .kc-title-ending{position:relative;display:inline-block;white-space:nowrap;padding-right:.85em} #kiddies-app .kc-title-ending>.kc-c1-title-rays{top:auto;right:0;bottom:.04em;width:.7em;height:.8em} @media(max-width:680px){#kiddies-app .kc-inquiry-page h1{margin-right:0}} @media(max-width:365px){#kiddies-app .kc-inquiry-page h1{font-size:35px}} /* Variations discrètes de cadence et de courbure, sans modifier la taille du livre. */ #kiddies-app .kc-view-tools{display:flex;align-items:center;justify-content:center;gap:6px} #kiddies-app #kc-sound{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;width:30px;height:25px;min-height:25px;color:#65372a;background:#fff7e8;border:1px solid #c9b69c} #kiddies-app #kc-sound svg{width:17px;height:17px;overflow:visible} #kiddies-app #kc-sound[aria-pressed="true"]{border-color:#e67223;background:#ffecd5} #kiddies-app .kc-turn.forward{--kc-turn-direction:-1} #kiddies-app .kc-turn.backward{--kc-turn-direction:1} #kiddies-app .kc-turn.forward.kc-moving,#kiddies-app .kc-turn.backward.kc-moving{transition:none;animation:none} /* Couverture autonome : la pagination intérieure reste 1–10. */ #kiddies-app .kc-book-object{position:relative;perspective:2700px;transform:none} #kiddies-app .kc-cover{position:absolute;left:50%;top:0;width:50%;height:100%;z-index:60;transform-style:preserve-3d;transform-origin:left center;transition:none} #kiddies-app .kc-cover-front,#kiddies-app .kc-cover-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px 23px 23px 14px;overflow:hidden} #kiddies-app button.kc-cover-front{display:block;padding:0;border:0;background:#503322;color:#ead0a5;cursor:pointer;box-shadow:inset 2px 1px 1px #b18b5d,4px 5px 0 #cbb28b,7px 8px 0 #e6d6b7,10px 12px 0 #3b2418,13px 22px 25px #21110b66;font-family:KiddiesSans,Arial,sans-serif} #kiddies-app .kc-cover-leather,#kiddies-app .kc-cover-stamps{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none} #kiddies-app .kc-cover-motto{position:absolute;left:12%;right:12%;top:76%;font:italic 25px/1.45 Georgia,serif;color:#28170f;text-shadow:1px 1px 1px #c5a17066,-1px -1px 1px #160c08;letter-spacing:.3px;text-align:center} #kiddies-app .kc-cover-invitation{position:absolute;bottom:6.2%;left:0;right:0;text-align:center;font-size:16px;letter-spacing:1px;color:#e3c69e;text-shadow:0 1px 1px #1b0e08} #kiddies-app .kc-cover-invitation>span{margin-left:10px} #kiddies-app .kc-cover-number{position:absolute;bottom:2.5%;right:7%;font:14px Georgia,serif;color:#b79065} #kiddies-app .kc-cover-back{transform:rotateY(180deg);background:#f8ecd0;border-radius:19px 0 0 19px} #kiddies-app .kc-cover-back>.kc-page{position:absolute;top:90px;left:0;width:100%;height:calc(100% - 99px);min-height:0} #kiddies-app .kc-cover-header-frame{position:absolute;left:0;right:0;top:0;height:90px;overflow:hidden} #kiddies-app .kc-cover-header-copy{position:absolute;top:0;left:0;max-width:none} #kiddies-app[data-cover="open"] .kc-cover{display:none} #kiddies-app[data-cover="closed"] .kc-book-object>.kc-header,#kiddies-app[data-cover="closed"] .kc-book-object>.kc-stage{visibility:hidden;pointer-events:none} #kiddies-app[data-cover="closed"] .kc-preview-notice{visibility:hidden} #kiddies-app[data-cover="closed"] #kc-prev{visibility:hidden} #kiddies-app #kc-cover-toggle{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;width:30px;height:25px;min-height:25px;color:#65372a;background:#fff7e8;border:1px solid #c9b69c} #kiddies-app #kc-cover-toggle svg{width:17px;height:17px} @media(max-width:680px){ #kiddies-app .kc-book-object{transform:none!important;transition:none} #kiddies-app[data-cover="closed"] .kc-book-object>.kc-header,#kiddies-app[data-cover="closed"] .kc-book-object>.kc-stage{display:none} #kiddies-app[data-cover="closed"] .kc-book-object{height:calc((100vw - 24px)*1.324)} #kiddies-app .kc-cover{left:0;width:100%;height:100%;transition:none} #kiddies-app .kc-cover-motto{font-size:18px} #kiddies-app .kc-cover-invitation{font-size:13px} } #kiddies-app .kc-cover-languages .kc-languages{justify-content:center;gap:6px} #kiddies-app .kc-cover-languages .kc-languages button{width:24px;color:#65372a;font-size:12px;padding:3px 0;min-height:25px} #kiddies-app .kc-cover-languages .kc-languages span{color:#a88672} #kiddies-app .kc-cover-front{transform:none} #kiddies-app .kc-cover-back{transform:rotateY(180deg)} #kiddies-app .kc-cover-front,#kiddies-app .kc-cover-back{backface-visibility:visible;-webkit-backface-visibility:visible} #kiddies-app .kc-cover-back{display:none} @media(min-width:681px){#kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-header,#kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-stage{clip-path:inset(0 0 0 50%)}} /* Les feuilles du dessous restent fixes, les trois feuilles du dessus se soulèvent. */ #kiddies-app .kc-house-card:is(:hover,:focus-visible) .kc-schieren-material{transform:none} #kiddies-app .kc-schieren-sheet{transform-box:fill-box;transform-origin:50% 85%;transition:transform .35s ease} #kiddies-app .kc-house-card:is(:hover,:focus-visible) .kc-schieren-upper-1{transform:translate(-2px,-3px) rotate(-1.5deg)} #kiddies-app .kc-house-card:is(:hover,:focus-visible) .kc-schieren-upper-2{transform:translate(2px,-5px) rotate(1.8deg)} #kiddies-app .kc-house-card:is(:hover,:focus-visible) .kc-schieren-upper-3{transform:translate(0,-3px) rotate(-.8deg)} /* Patine légère aux bords, sans toucher à la lisibilité et aux collages. */ #kiddies-app .kc-page:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#82532630,transparent 5%,transparent 95%,#82532624),linear-gradient(0deg,#8b5b3035,transparent 5%,transparent 94%,#9b6f3426),radial-gradient(ellipse at 4% 18%,#9a6d2620,transparent 24%),radial-gradient(ellipse at 94% 75%,#a4752420,transparent 26%);box-shadow:inset 0 0 19px #8b5a2124} @media(prefers-reduced-motion:reduce){#kiddies-app .kc-schieren-sheet{transition:none}#kiddies-app .kc-house-card:is(:hover,:focus-visible) .kc-schieren-sheet{transform:none}} /* Une seule animation ; aucune page fermée ne reste dans le rendu. */ #kiddies-app[data-cover="closed"] .kc-book-object>.kc-header,#kiddies-app[data-cover="closed"] .kc-book-object>.kc-stage,#kiddies-app[data-cover="closed"] .kc-cover-back{display:none!important} #kiddies-app .kc-rear-cover{left:0;transform-origin:right center} #kiddies-app .kc-rear-cover .kc-cover-stamps{left:16%;top:12%;width:68%;height:68%} #kiddies-app .kc-rear-cover .kc-cover-number{left:7%;right:auto} #kiddies-app[data-cover-side="back"] .kc-cover-front{border-radius:23px 14px 14px 23px} #kiddies-app .kc-cover-languages{height:28px;min-height:28px} #kiddies-app .kc-cover-languages[aria-hidden="true"]{visibility:hidden;pointer-events:none} #kiddies-app .kc-status-wrap{display:grid;grid-template-rows:24px 28px 28px;align-content:start;gap:4px;min-height:88px} #kiddies-app .kc-controls{align-items:start} #kiddies-app[data-cover-side="back"][data-cover="closed"] #kc-prev{visibility:visible} @media(min-width:681px){ #kiddies-app .kc-book-object{height:940px} #kiddies-app .kc-controls{display:grid;grid-template-columns:1fr auto 1fr;min-height:88px} #kiddies-app #kc-prev{justify-self:start}#kiddies-app #kc-next{justify-self:end} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-header,#kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-stage{clip-path:inset(0 50% 0 0)} } @media(max-width:680px){#kiddies-app .kc-rear-cover{left:0;transform-origin:left center}#kiddies-app #kc-fit{display:none}#kiddies-app .kc-status-wrap{grid-template-rows:24px 28px 28px}} #kiddies-app[data-cover-side="back"][data-cover="closed"] #kc-next{visibility:hidden} /* Chaque face imprimée est peinte séparément, jamais son reflet. */ #kiddies-app .kc-face{backface-visibility:visible;-webkit-backface-visibility:visible} #kiddies-app[data-cover-side="back"] .kc-cover-motto{display:none} #kiddies-app .kc-rear-cover .kc-cover-stamps{left:0;top:0;width:100%;height:100%} #kiddies-app .kc-primary-nav{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;max-width:508px} #kiddies-app .kc-primary-nav>a{font-size:15px;text-decoration:none;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent} #kiddies-app .kc-primary-nav>a[aria-current="page"]{border-bottom-color:var(--orange)} #kiddies-app .kc-nav-dot{font-size:14px;opacity:.45;flex:0 0 auto;pointer-events:none} @media(min-width:681px){ #kiddies-app .kc-nav{grid-template-columns:minmax(0,1fr) 180px 140px 230px} #kiddies-app .kc-nav>.kc-languages{grid-column:2} #kiddies-app .kc-nav>.kc-my{grid-column:3} #kiddies-app .kc-nav>.kc-action{grid-column:4} } @media(max-width:680px){#kiddies-app .kc-primary-nav{display:contents}#kiddies-app .kc-nav-dot{display:none}} #kiddies-app #kc-replay{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;width:30px;height:25px;min-height:25px;color:#65372a;background:#fff7e8;border:1px solid #c9b69c} #kiddies-app #kc-replay svg{width:17px;height:17px} /* Le formulaire reste au même endroit dans les cinq langues. */ #kiddies-app .kc-enquiry-heading{height:226px;min-height:226px} @media(max-width:680px){#kiddies-app .kc-enquiry-heading{height:216px;min-height:216px}} /* Nouvelle pagination : intérieur 0, accueil 1, choix 2–3, maisons 4–5. */ #kiddies-app .kc-inside-cover{padding:0!important;overflow:hidden} #kiddies-app .kc-inside-cover .kc-page-foot{display:none} #kiddies-app .kc-choose-next{display:block;color:var(--brown);text-decoration:none} #kiddies-app .kc-choose-next:hover{text-decoration:underline;text-underline-offset:6px} #kiddies-app .kc-house-photo-page h2{margin:4px 0 30px;font-size:42px;line-height:1.08} #kiddies-app .kc-house-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;margin-top:25px} #kiddies-app .kc-house-photo-choice{padding:0;background:transparent;border:0;min-width:0} #kiddies-app .kc-house-photo-choice .kc-photo{display:block;margin:0;transform:rotate(-2deg);transition:transform .25s} #kiddies-app .kc-house-photo-choice:nth-child(even) .kc-photo{transform:rotate(2deg)} #kiddies-app .kc-house-photo-choice:hover .kc-photo{transform:rotate(0) translateY(-3px)} #kiddies-app .kc-house-photo-choice img{width:100%;height:182px;object-fit:cover;display:block} #kiddies-app .kc-house-photo-choice .kc-photo>span{display:block;font:25px/1.2 Georgia,serif;text-align:center;padding-top:13px;color:var(--brown)} #kiddies-app .kc-team-photo-pending{display:flex;align-items:center;justify-content:center;height:235px;background:#deded9;color:#858b88} #kiddies-app .kc-team-photo-pending svg{width:54px;height:54px} #kiddies-app .kc-house-team figcaption{font-size:16px;text-align:center;padding-top:10px} /* Carte réelle et portrait de la personne de contact, sans photographier deux fois la façade. */ #kiddies-app .kc-contact-page .kc-practical{max-height:350px;overflow:auto;scrollbar-width:thin;padding-right:3px} #kiddies-app .kc-contact-location{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px;margin-top:22px;align-items:start;position:relative;z-index:1} #kiddies-app .kc-location-map{margin:0;min-width:0} #kiddies-app .kc-map-frame{position:relative;height:202px;border:7px solid #fff9ed;box-shadow:1px 4px 8px #51301e25;background:#f3e6ce;overflow:hidden} #kiddies-app .kc-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#f3e6ce} #kiddies-app .kc-map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;gap:4px;font-size:13px} #kiddies-app .kc-map-placeholder[hidden]{display:none} #kiddies-app .kc-map-placeholder>span:first-child{font-size:30px;color:var(--house-ink)} #kiddies-app .kc-map-placeholder button{margin-top:7px;background:#fff9ed;border:1px solid #b79d79;border-radius:3px;padding:5px 8px;font-size:12px} #kiddies-app .kc-location-map figcaption{font-size:12px;margin-top:8px;text-align:left} #kiddies-app .kc-contact-person{margin:0;width:100%;padding:7px 7px 10px;transform:rotate(2deg)} #kiddies-app .kc-contact-person img{display:block;width:100%;height:146px;object-fit:cover;object-position:top center} #kiddies-app .kc-contact-person figcaption{font-size:13px;line-height:1.25;text-align:center;margin-top:8px} #kiddies-app .kc-contact-person figcaption span{display:block;font-size:11px;margin-top:4px} #kiddies-app .kc-contact-page>.kc-c1-right-mascots{display:none} @media(max-width:680px){ #kiddies-app .kc-front-inside,#kiddies-app .kc-ending-paper{display:none} #kiddies-app .kc-rear-inside{height:510px;min-height:510px} #kiddies-app .kc-home-left{min-height:610px;display:block;padding-bottom:65px} #kiddies-app .kc-home-left>.kc-handnote{display:block;font-size:22px;margin-top:18px} #kiddies-app .kc-home-left>.kc-collage{display:block;position:absolute;left:0;right:0;bottom:139px;height:44%;margin:0} #kiddies-app .kc-home-left>.kc-approach-card{display:flex;position:absolute;bottom:59px;left:18px;right:18px;min-height:100px;padding:15px 20px} #kiddies-app .kc-home-left>.kc-page-foot{display:flex} #kiddies-app .kc-home-left .kc-collage .kc-mascots{left:48%;bottom:30px;width:85px;height:100px} #kiddies-app .kc-house-photo-page h2{font-size:33px;margin-bottom:20px} #kiddies-app .kc-house-photo-grid{gap:24px 14px;margin-top:18px} #kiddies-app .kc-house-photo-choice img{height:120px} #kiddies-app .kc-house-photo-choice .kc-photo>span{font-size:21px;padding-top:9px} #kiddies-app .kc-team-photo-pending{height:210px} #kiddies-app .kc-contact-page .kc-practical{max-height:none;overflow:visible;padding-right:0} #kiddies-app .kc-contact-location{grid-template-columns:minmax(0,1fr) 100px;gap:12px;margin-bottom:30px} #kiddies-app .kc-map-frame{height:210px;border-width:5px} #kiddies-app .kc-contact-person img{height:120px} } /* Papier continu : douze bandes articulées partagent leurs arêtes. */ #kiddies-app .kc-turn.kc-paper-mesh{transform:none!important;transition:none!important;animation:none!important;overflow:visible;z-index:30;background:transparent;box-shadow:none} #kiddies-app .kc-paper-joint{position:absolute;transform-style:preserve-3d;overflow:visible;will-change:transform} #kiddies-app .kc-strip-face{position:absolute;left:0;top:0;width:calc(100% + 1px);height:100%;overflow:hidden;backface-visibility:visible;-webkit-backface-visibility:visible;background:transparent;transform-origin:center center} #kiddies-app .kc-paper-back{transform:rotateY(180deg);transform-origin:calc(50% - .5px) center} #kiddies-app .kc-strip-content{position:absolute;overflow:visible} #kiddies-app .kc-strip-content>.kc-page{position:absolute;top:var(--kc-header-height);left:0;width:100%;min-height:0} #kiddies-app .kc-strip-shade{position:absolute;inset:0;z-index:50;pointer-events:none} #kiddies-app .kc-paper-spine{position:absolute;top:0;width:0;height:100%;pointer-events:none} #kiddies-app .kc-paper-cast-shadow{position:absolute;top:0;bottom:9px;z-index:25;pointer-events:none} /* Les vues tierces restent planes au repos ; perspective uniquement pendant le mouvement. */ #kiddies-app[data-cover="open"] .kc-book-object{perspective:none} #kiddies-app .kc-stage:not(.kc-binding-turn){perspective:none} #kiddies-app .kc-binding-shadow{position:absolute;top:90px;bottom:9px;left:calc(50% - 28px);width:56px;z-index:45;pointer-events:none;background:linear-gradient(90deg,transparent,#84634212 25%,#63432940 46%,#4c301e52 49%,#d7c5a67d 51%,#a68a5430 64%,transparent);border-radius:0 0 50% 50%} #kiddies-app .kc-stage:before{display:none} #kiddies-app[data-cover="closed"] .kc-binding-shadow{display:none} @media(max-width:680px){#kiddies-app .kc-binding-shadow{display:none}} /* Traces d'usage légères, uniquement aux marges. */ #kiddies-app .kc-page:after{background-image:url('assets/page-wear.png'),linear-gradient(90deg,#82532625,transparent 5%,transparent 95%,#82532624),linear-gradient(0deg,#8b5b3028,transparent 5%,transparent 94%,#9b6f3426);background-size:100% 100%;background-repeat:no-repeat} #kiddies-app .kc-left:after{transform:scaleX(-1)} #kiddies-app .kc-page-stack{position:absolute;left:0;bottom:-11px;width:100%;height:28px;z-index:20;pointer-events:none} #kiddies-app .kc-stage{border-bottom-color:transparent;box-shadow:0 20px 29px #442b1d35,0 3px 4px #65372a33} #kiddies-app .kc-stage:after{box-shadow:none} #kiddies-app[data-cover="closed"] .kc-page-stack{display:none} #kiddies-app button.kc-cover-front{box-shadow:2px 4px 0 #3b2418,8px 18px 25px #21110b66} #kiddies-app .kc-prologue-text{max-width:460px;margin:14% auto 0;padding:0 18px;font:23px/1.75 'Segoe Print','Bradley Hand',cursive;color:#65412d} #kiddies-app .kc-prologue-text p{margin:0 0 23px} #kiddies-app .kc-prologue-text p:first-child{font-size:30px;line-height:1.55;margin-bottom:35px} #kiddies-app .kc-agrement{display:block;text-align:center;font:13px/1.2 KiddiesSans,Arial,sans-serif;color:#805c40;margin-top:7px} @media(max-width:680px){#kiddies-app .kc-front-inside{display:block;min-height:580px;padding:35px 24px}#kiddies-app .kc-prologue-text{font-size:20px;margin:35px auto;padding:0 4px}#kiddies-app .kc-prologue-text p:first-child{font-size:27px}#kiddies-app .kc-agrement{font-size:11px}#kiddies-app .kc-page-stack{bottom:-10px}} /* Cartes et rubriques : tous les titres restent visibles. */ @media(min-width:681px){ #kiddies-app .kc-contact-page{display:flex;flex-direction:column;padding-bottom:63px} #kiddies-app .kc-contact-page .kc-practical{flex:none;max-height:none;overflow:visible;padding-right:0} #kiddies-app .kc-contact-page .kc-practical details>div{max-height:110px;overflow:auto;scrollbar-width:thin} #kiddies-app .kc-contact-location{flex:1;min-height:160px;align-items:stretch;margin-top:16px} #kiddies-app .kc-location-map{display:flex;flex-direction:column;min-height:0} #kiddies-app .kc-map-frame{height:auto;flex:1;min-height:145px} #kiddies-app .kc-contact-person{align-self:start} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-page-stack{clip-path:inset(0 0 0 50%)} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-page-stack{clip-path:inset(0 50% 0 0)} } #kiddies-app .kc-cover-front:focus-visible{outline:2px dotted #b99a6b;outline-offset:-10px} #kiddies-app .kc-neutral-left-torn,#kiddies-app .kc-neutral-right-torn,#kiddies-app .kc-house-left-torn,#kiddies-app .kc-b2-right-torn,#kiddies-app .kc-c1-left-torn,#kiddies-app .kc-c1-right-torn{bottom:3px} #kiddies-app .kc-page-foot a{background:#fff7e7e8;border-radius:3px;padding:2px 5px} #kiddies-app .kc-house-team{display:block;color:inherit;font:inherit} #kiddies-app .kc-team-caption{display:block;text-align:center;font-size:15px;margin-top:9px} /* Le bandeau est une teinte du papier, avec un bord estompé. */ #kiddies-app .kc-header{background-color:#f8ecd0;background-image:linear-gradient(180deg,#633b2c 0%,#6b412f 85%,#6b412fce 93%,#6b412f36 99%,#6b412f00 100%),url('assets/grain-paper.png');box-shadow:inset 0 1px 0 #a5825d77} #kiddies-app .kc-header>.kc-paper-art{opacity:.68;mix-blend-mode:multiply;mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%);clip-path:polygon(0 0,100% 0,100% 95%,94% 97%,88% 95%,81% 99%,75% 96%,68% 98%,60% 96%,53% 99%,46% 96%,38% 98%,30% 95%,21% 98%,13% 96%,6% 98%,0 96%)} #kiddies-app .kc-page:before{box-shadow:inset 0 2px 4px #9f825b18} #kiddies-app .kc-page:after{background-image:var(--kc-wear),linear-gradient(90deg,#82532625,transparent 5%,transparent 95%,#82532624),linear-gradient(0deg,#8b5b3028,transparent 5%,transparent 94%,#9b6f3426)} #kiddies-app [data-page="0"]{--kc-wear:url('assets/page-wear-1.png')} #kiddies-app [data-page="1"]{--kc-wear:url('assets/page-wear-2.png')} #kiddies-app [data-page="2"]{--kc-wear:url('assets/page-wear-3.png')} #kiddies-app [data-page="3"]{--kc-wear:url('assets/page-wear-4.png')} #kiddies-app [data-page="4"]{--kc-wear:url('assets/page-wear-5.png')} #kiddies-app [data-page="5"]{--kc-wear:url('assets/page-wear-6.png')} #kiddies-app [data-page="6"]{--kc-wear:url('assets/page-wear-7.png')} #kiddies-app [data-page="7"]{--kc-wear:url('assets/page-wear-8.png')} #kiddies-app [data-page="8"]{--kc-wear:url('assets/page-wear-9.png')} #kiddies-app [data-page="9"]{--kc-wear:url('assets/page-wear-10.png')} #kiddies-app [data-page="10"]{--kc-wear:url('assets/page-wear-11.png')} #kiddies-app [data-page="11"]{--kc-wear:url('assets/page-wear-12.png')} #kiddies-app .kc-ink-word{display:inline-block;white-space:pre;clip-path:inset(-1em calc(100% - var(--kc-ink,100%)) -1em -.15em)} #kiddies-app .kc-show-prologue{position:relative;display:block;margin:20px auto 0;border:0;border-bottom:1px dotted #ac8d69;background:transparent;font:13px KiddiesSans,Arial,sans-serif;color:#805c40;padding:5px 2px} #kiddies-app .kc-show-prologue[hidden]{display:none!important} /* Les collages suivent la decoupe arrondie et le pied du papier. */ @media(min-width:681px){ #kiddies-app .kc-page{overflow:clip} #kiddies-app .kc-page.kc-left{border-radius:14px 14px 6px 24px} #kiddies-app .kc-page.kc-right{border-radius:14px 14px 24px 6px} #kiddies-app .kc-stage.kc-binding-turn{perspective-origin:50% calc(100% - 9px)} } #kiddies-app .kc-neutral-left-torn,#kiddies-app .kc-neutral-right-torn,#kiddies-app .kc-house-left-torn,#kiddies-app .kc-b2-right-torn,#kiddies-app .kc-c1-left-torn,#kiddies-app .kc-c1-right-torn{bottom:0;object-position:center bottom} #kiddies-app .kc-neutral-right-torn,#kiddies-app .kc-b2-right-torn,#kiddies-app .kc-c1-right-torn{object-position:right bottom} #kiddies-app .kc-c1-left-torn{object-position:left bottom;bottom:-5px} #kiddies-app .kc-neutral-left-torn{object-position:right bottom} /* Une seule silhouette de papier, sans filet clair entre en-tete et page. */ @media(min-width:681px){ #kiddies-app .kc-page.kc-left{border-radius:0 0 6px 28px;clip-path:inset(0 round 0 0 6px 28px)} #kiddies-app .kc-page.kc-right{border-radius:0 0 28px 6px;clip-path:inset(0 round 0 0 28px 6px)} #kiddies-app .kc-page:before{display:none} #kiddies-app .kc-stage{background:transparent;z-index:1} #kiddies-app .kc-stage:after{display:none} #kiddies-app .kc-page-stack{z-index:0} #kiddies-app .kc-book-object{isolation:isolate} } @media(min-width:681px){ #kiddies-app .kc-header{background-image:linear-gradient(180deg,#633b2c,#6b412f),url('assets/grain-paper.png')} #kiddies-app .kc-page:before{display:block;height:24px;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#6b412f 0%,#6b412f8a 20%,#6b412f22 65%,transparent 100%)} #kiddies-app .kc-cover-front,#kiddies-app .kc-cover-back{border-radius:28px;clip-path:inset(0 round 28px)} #kiddies-app button.kc-cover-front{box-shadow:6px 14px 22px #21110b55} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) button.kc-cover-front{box-shadow:none} } @media(min-width:681px){ #kiddies-app .kc-cover-back{background:transparent} #kiddies-app .kc-cover-back>.kc-page{height:calc(100% - 90px)} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-header{clip-path:inset(0 0 0 50% round 28px 28px 0 0)} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-stage{clip-path:inset(0 0 0 50% round 0 0 28px 28px)} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-header{clip-path:inset(0 50% 0 0 round 28px 28px 0 0)} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-book-object>.kc-stage{clip-path:inset(0 50% 0 0 round 0 0 28px 28px)} } @media(min-width:681px){ #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-page-stack{clip-path:inset(0 0 0 50% round 0 0 14px 14px)} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-page-stack{clip-path:inset(0 50% 0 0 round 0 0 14px 14px)} } @media(min-width:681px){#kiddies-app .kc-stage{border:0}} #kiddies-app .kc-approach-corner{position:absolute;bottom:0;z-index:-1;pointer-events:none;object-fit:fill} #kiddies-app .kc-approach-corner-left{left:0;width:48%;height:95px} #kiddies-app .kc-approach-corner-right{right:0;width:26%;height:140px} /* Accueil de la maison : composition A, photo et personnages sur le papier. */ @media(min-width:681px){ #kiddies-app .kc-house-page h1{font-size:49px;line-height:1.08;margin:12px 0 26px;max-width:96%} #kiddies-app .kc-house-page .kc-house-team{position:relative;left:auto;top:auto;max-width:none;width:94%;margin:24px auto 0;transform:rotate(-2deg)} #kiddies-app .kc-house-page .kc-house-team .kc-team-photo-pending{height:250px} #kiddies-app .kc-house-page>.kc-house-left-torn{width:100%;height:230px} #kiddies-app .kc-house-page>.kc-mascot-caption{position:absolute;left:45px;right:40px;bottom:125px;display:flex;align-items:flex-end;gap:35px;margin:0} #kiddies-app .kc-house-page>.kc-mascot-caption .kc-mascots{width:110px;height:128px} #kiddies-app .kc-house-page>.kc-mascot-caption .kc-handnote{max-width:275px;font-size:26px} } @media(max-width:680px){#kiddies-app .kc-house-page>.kc-house-left-torn{width:100%;height:210px}} /* Les matieres de la selection reviennent comme petits souvenirs sous la photo. */ #kiddies-app .kc-house-echo{position:absolute;left:43px;bottom:98px;width:285px;height:180px;z-index:-1;pointer-events:none;transform:rotate(-6deg)} #kiddies-app .kc-house-echo .kc-material{width:100%;height:100%;max-width:none;object-fit:contain} #kiddies-app .kc-echo-betzdorf{width:340px;height:170px} #kiddies-app .kc-echo-betzdorf .kc-material{object-fit:fill} #kiddies-app .kc-echo-schieren{transform:rotate(8deg)} #kiddies-app .kc-echo-rosport{left:65px;width:230px} #kiddies-app .kc-echo-mertzig{width:310px} #kiddies-app .kc-house-experience-note{text-align:right;font:23px/1.35 'Segoe Print','Bradley Hand',cursive;transform:rotate(-3deg);margin:0} @media(min-width:681px){ #kiddies-app .kc-house-page>.kc-house-left-torn{width:46%;height:100px} #kiddies-app [data-page="5"] .kc-house-caption{max-width:52%;font-size:15px} #kiddies-app .kc-house-experience-note{position:absolute;right:36px;bottom:72px;max-width:225px} #kiddies-app [data-page="5"] .kc-house-heart{right:32px;bottom:192px;width:43px;height:46px} } @media(max-width:680px){ #kiddies-app .kc-house-echo{left:28px;bottom:95px;width:240px;height:145px} #kiddies-app .kc-echo-betzdorf{width:275px;height:145px} #kiddies-app .kc-house-page>.kc-house-left-torn{width:45%;height:80px} #kiddies-app .kc-house-experience-note{margin:24px 0 0 auto;max-width:235px;font-size:21px} #kiddies-app [data-page="5"]{padding-bottom:90px} } @media(min-width:681px){#kiddies-app .kc-house-page>.kc-mascot-caption .kc-mascots{margin-left:130px}} @media(max-width:680px){#kiddies-app .kc-house-page>.kc-mascot-caption .kc-mascots{margin-left:105px}} /* Une composition dalbum : matiere sous la photo, personnages a cote. */ #kiddies-app .kc-house-page .kc-house-team .kc-team-photo-pending{display:flex;align-items:center;justify-content:center;background-color:#e7dfcf;background-image:url('assets/grain-paper.png');background-blend-mode:multiply} #kiddies-app .kc-house-page .kc-team-photo-pending svg{opacity:.5} #kiddies-app .kc-house-team-story h2{font-size:25px;line-height:1.15;margin:0 0 9px} #kiddies-app .kc-house-team-story p{font-size:16px;line-height:1.5;margin:0} #kiddies-app .kc-house-page>.kc-mascot-caption:after{content:"";position:absolute;bottom:-4px;left:8px;width:96px;border-bottom:2px solid #79563b66;transform:rotate(-3deg)} #kiddies-app .kc-house-page>.kc-mascot-caption .kc-mascots{margin-left:0} @media(min-width:681px){ #kiddies-app .kc-house-page .kc-house-team{width:90%;transform:rotate(-3deg)} #kiddies-app .kc-house-echo{left:28px;bottom:225px;width:345px;height:215px;transform:rotate(-8deg)} #kiddies-app .kc-echo-betzdorf{width:365px;height:205px} #kiddies-app .kc-echo-rosport{left:43px;width:260px;height:210px} #kiddies-app .kc-echo-schieren{transform:rotate(8deg)} #kiddies-app .kc-house-page>.kc-mascot-caption{left:auto;right:45px;bottom:86px;width:115px;height:128px} #kiddies-app .kc-house-team-story{position:absolute;left:45px;bottom:80px;max-width:385px;width:56%} } @media(max-width:680px){ #kiddies-app .kc-house-echo{position:relative;left:auto;bottom:auto;width:245px;height:160px;margin:-12px 0 0 -6px;transform:rotate(-7deg)} #kiddies-app .kc-echo-betzdorf{height:145px} #kiddies-app .kc-echo-rosport{width:195px} #kiddies-app .kc-house-page>.kc-mascot-caption{position:absolute;left:auto;right:18px;bottom:104px;width:90px;height:100px;margin:0} #kiddies-app .kc-house-page>.kc-mascot-caption .kc-mascots{width:90px;height:100px} #kiddies-app .kc-house-page>.kc-mascot-caption:after{width:75px} #kiddies-app .kc-house-team-story{position:relative;margin-top:22px;width:calc(100% - 95px)} #kiddies-app .kc-house-team-story h2{font-size:23px} #kiddies-app .kc-house-team-story p{font-size:14px} #kiddies-app .kc-house-page{padding-bottom:82px} } @media(max-width:680px){ #kiddies-app .kc-house-page{display:grid;grid-template-columns:minmax(0,1fr) 90px;column-gap:12px;align-items:start} #kiddies-app .kc-house-page>.kc-eyebrow,#kiddies-app .kc-house-page>h1,#kiddies-app .kc-house-page>.kc-house-team,#kiddies-app .kc-house-page>.kc-house-echo{grid-column:1/-1} #kiddies-app .kc-house-page>.kc-house-echo{grid-row:4} #kiddies-app .kc-house-page>.kc-mascot-caption{position:relative;grid-row:5;grid-column:2;left:auto;right:auto;bottom:auto;align-self:end;margin:22px 0 0} #kiddies-app .kc-house-team-story{grid-row:5;grid-column:1;width:auto;margin-top:22px} } /* Fines tranches de papier, sans moulure rigide. */ #kiddies-app .kc-page-stack{height:24px;bottom:-9px;filter:drop-shadow(0 3px 3px #5d462b22)} #kiddies-app .kc-stage{box-shadow:0 15px 22px #442b1d26,0 1px 3px #65372a1c} @media(max-width:680px){#kiddies-app .kc-page-stack{height:22px;bottom:-8px}} @media(min-width:681px){ #kiddies-app .kc-page.kc-left{border-radius:0 0 0 28px;clip-path:inset(0 round 0 0 0 28px)} #kiddies-app .kc-page.kc-right{border-radius:0 0 28px 0;clip-path:inset(0 round 0 0 28px 0)} } /* Vue orthographique : le volume est dans la feuille, sans socle lateral. */ #kiddies-app .kc-book-object,#kiddies-app .kc-stage{perspective:none!important;filter:none;box-shadow:none!important} #kiddies-app .kc-page-stack{display:none!important} #kiddies-app .kc-page.kc-left,#kiddies-app .kc-page.kc-right{box-shadow:none} #kiddies-app .kc-page:after{box-shadow:none;background-image:var(--kc-wear),linear-gradient(90deg,#3d281c45 0%,#65472f20 3%,#a5814e08 9%,#fff7df20 25%,#fff9e624 45%,transparent 70%,#6b503012 98%,#5a40221c 100%);background-size:100% 100%} #kiddies-app .kc-binding-shadow{bottom:10px;width:42px;left:calc(50% - 21px);background:linear-gradient(90deg,transparent,#63432924 36%,#3e291c48 49%,#d7c5a640 52%,transparent 83%)} #kiddies-app:is([data-cover="opening"],[data-cover="closing"],[data-cover="closed"]) .kc-binding-shadow{display:none!important} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-cover-front,#kiddies-app .kc-cover-back{box-shadow:none!important;filter:none} #kiddies-app .kc-paper-cast-shadow{filter:none;clip-path:inset(0)} /* Bord stable au repos ; seule la feuille mobile prend du volume. */ #kiddies-app .kc-binding-shadow{display:none!important} @media(min-width:681px){ #kiddies-app .kc-page.kc-left{clip-path:inset(0 round 0 0 0 28px)} #kiddies-app .kc-page.kc-right{clip-path:inset(0 round 0 0 28px 0)} #kiddies-app .kc-cover-back>.kc-page{clip-path:inset(0 round 0 0 28px 28px)} #kiddies-app .kc-stage.kc-binding-turn{perspective:4200px!important;perspective-origin:50% 50%} #kiddies-app .kc-paper-cast-shadow{border-radius:0 0 18px 18px;mask-image:linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent)} } /* Quelques feuilles fines suivent la traction du couvercle. */ #kiddies-app .kc-opening-leaves{position:absolute;top:0;width:50%;height:841px;z-index:0;pointer-events:none;overflow:hidden} #kiddies-app .kc-fan-right{left:50%;border-radius:0 0 28px 0} #kiddies-app .kc-fan-left{left:0;border-radius:0 0 0 28px} #kiddies-app .kc-opening-sheet{position:absolute;inset:0;display:block;box-shadow:inset -1px 0 0 #bca17b,inset 1px 0 0 #fff3d9;border-radius:inherit;background-repeat:no-repeat} /* Photographies de matieres : fibres et pores, sans bordure dessinee. */ #kiddies-app .kc-page{background-image:none;background-color:#f6edd8} #kiddies-app .kc-page>.kc-paper-art{background-size:108% 108%;background-position:0 0} #kiddies-app .kc-page[data-page="1"]>.kc-paper-art,#kiddies-app .kc-page[data-page="5"]>.kc-paper-art,#kiddies-app .kc-page[data-page="9"]>.kc-paper-art{background-position:100% 100%;transform:scaleX(-1)} #kiddies-app .kc-page[data-page="2"]>.kc-paper-art,#kiddies-app .kc-page[data-page="6"]>.kc-paper-art,#kiddies-app .kc-page[data-page="10"]>.kc-paper-art{background-position:40% 70%;transform:scaleY(-1)} #kiddies-app .kc-page[data-page="3"]>.kc-paper-art,#kiddies-app .kc-page[data-page="7"]>.kc-paper-art,#kiddies-app .kc-page[data-page="11"]>.kc-paper-art{background-position:80% 20%;transform:scale(-1)} #kiddies-app .kc-cover-leather{filter:none} #kiddies-app .kc-cover-stamps{mix-blend-mode:multiply;opacity:.85} /* Chaque feuille, en-tete compris, garde ses quatre coins arrondis. */ @media(min-width:681px){ #kiddies-app .kc-page.kc-left,#kiddies-app .kc-page.kc-right,#kiddies-app .kc-cover-back>.kc-page{border-radius:0 0 28px 28px;clip-path:inset(0 round 0 0 28px 28px)} #kiddies-app .kc-header{clip-path:path("M28 0 H682 Q710 0 710 28 Q710 0 738 0 H1392 Q1420 0 1420 28 V90 H0 V28 Q0 0 28 0 Z")} #kiddies-app .kc-strip-content{clip-path:inset(0 round 28px)} #kiddies-app .kc-fan-left,#kiddies-app .kc-fan-right{border-radius:0 0 28px 28px} } /* Une table, une lumiere calme et une seule perspective pour le carnet entier. */ html:has(#kiddies-app),body:has(#kiddies-app){background-color:#30251d} #kiddies-app{background:transparent} #kiddies-app .kc-preview-notice,#kiddies-app .kc-colophon,#kiddies-app .kc-status-wrap{color:#f1dfc4;text-shadow:0 1px 2px #130e0b} #kiddies-app .kc-preview-notice a,#kiddies-app .kc-colophon a{color:#f1dfc4} #kiddies-app .kc-underlying-pages{display:none} @media(min-width:681px){ #kiddies-app .kc-book-object{transform:perspective(6000px) rotateX(6deg) scale(.99)!important;transform-origin:50% 50%} #kiddies-app .kc-book-object:before{content:"";position:absolute;inset:6px 3px 9px;border-radius:28px;z-index:-1;box-shadow:0 18px 30px #120d0860;pointer-events:none} #kiddies-app:not([data-cover="open"]) .kc-book-object:before{display:none} #kiddies-app .kc-underlying-pages{display:block;position:absolute;inset:0 0 9px;z-index:0;pointer-events:none} #kiddies-app .kc-underleaf{position:absolute;top:0;bottom:0;width:50%;border-radius:28px;background:#eee1c7 url('assets/paper-photoreal-051.png') center/100% 100%;box-shadow:inset 0 -1px 0 #a78b6399;transform:translateY(var(--leaf-depth))} #kiddies-app .kc-underleaf-left{left:0} #kiddies-app .kc-underleaf-right{left:50%} #kiddies-app[data-cover="closed"] .kc-underlying-pages{display:none} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-underlying-pages{clip-path:inset(0 0 0 50%)} #kiddies-app[data-cover-side="back"]:is([data-cover="opening"],[data-cover="closing"]) .kc-underlying-pages{clip-path:inset(0 50% 0 0)} } body:has(#kiddies-app){background-image:linear-gradient(115deg,#f2d5a00a,#100c0926),url('assets/table-walnut-052.png');background-size:cover;background-position:center top;background-attachment:fixed} /* Les commandes hors du livre sont gravees dans le bois. */ #kiddies-app .kc-controls,#kiddies-app .kc-preview-notice,#kiddies-app .kc-colophon{color:#d5b383;text-shadow:0 -1px 1px #130b06,0 1px 0 #f4d5a33d} #kiddies-app .kc-status-wrap,#kiddies-app .kc-preview-notice a,#kiddies-app .kc-colophon a{color:inherit;text-shadow:inherit} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle){color:#dec297;background:rgba(23,12,5,.16);border:1px solid #28150c7a;border-radius:4px;box-shadow:inset 0 1px 2px #10090480,0 1px 0 #edc9943d;text-shadow:0 -1px 1px #110904,0 1px 0 #ffe2b530;font-family:Georgia,serif} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle):hover:not(:disabled){color:#f3dbb5;background:rgba(19,10,4,.23);border-color:#b18b5880} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle):focus-visible{outline:2px solid #f4d6a0;outline-offset:3px} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle)[aria-pressed="true"]{color:#f0c58d;border-color:#d0a36b99;background:rgba(24,12,4,.27)} #kiddies-app .kc-controls svg{filter:drop-shadow(0 -1px 0 #160c07) drop-shadow(0 1px 0 #e4c08a55)} @media(max-width:680px){#kiddies-app .kc-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}#kiddies-app .kc-controls>#kc-prev,#kiddies-app .kc-controls>#kc-next{min-width:0;padding:8px 4px;white-space:normal;overflow-wrap:anywhere;font-size:12px}} /* Davantage de table et une lumiere commune au papier et aux deux cuirs. */ #kiddies-app{box-sizing:border-box} @media(min-width:681px){#kiddies-app{padding:clamp(36px,5vh,64px) clamp(24px,3vw,64px) 20px}} #kiddies-app .kc-daylight{position:absolute;inset:0;z-index:20;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 155% 125% at var(--kc-sun-x,35%) -5%,#ffe8b746,transparent 72%),linear-gradient(135deg,transparent 35%,#28150910);mix-blend-mode:soft-light;opacity:var(--kc-daylight-opacity,1)} #kiddies-app .kc-page.kc-left{--kc-sun-x:35%} #kiddies-app .kc-page.kc-right{--kc-sun-x:-65%} #kiddies-app .kc-cover-front:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 155% 125% at var(--kc-sun-x,-65%) -5%,#ffe4ab70,transparent 72%),linear-gradient(135deg,transparent 40%,#24130720);mix-blend-mode:soft-light;opacity:var(--kc-daylight-opacity,1)} #kiddies-app[data-cover-side="back"] .kc-cover-front{--kc-sun-x:35%} /* Fines entailles plutot que lettres pleines ou boutons estampes. */ #kiddies-app .kc-controls,#kiddies-app .kc-preview-notice,#kiddies-app .kc-colophon{color:#c49a65;text-shadow:0 -1px 0 #1c0e05,0 1px 0 #f4d4a16b;font-weight:400} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle){color:#c8a06d;background:transparent;border:1px solid transparent;box-shadow:none;text-shadow:0 -1px 0 #170c04,0 1px 0 #f3cea06b;font-family:KiddiesSans,Arial,sans-serif;font-weight:400} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle):hover:not(:disabled){color:#efd1a4;background:#1c10071a;border-color:transparent;box-shadow:none} #kiddies-app .kc-controls :is(button,#kc-sound,#kc-fit,#kc-replay,#kc-cover-toggle)[aria-pressed="true"]{color:#e7bb7e;border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px} #kiddies-app .kc-controls svg{stroke-width:1.15;filter:drop-shadow(0 -1px 0 #1a0c03) drop-shadow(0 1px 0 #edc48b70)} #kiddies-app .kc-map-frame iframe{opacity:0;transition:opacity .22s ease} #kiddies-app .kc-map-frame iframe.kc-map-ready{opacity:1} #kiddies-app .kc-map-frame.kc-map-loading [data-load-map]{cursor:progress} #kiddies-app .kc-map-frame iframe{pointer-events:none} #kiddies-app .kc-map-frame iframe.kc-map-ready{pointer-events:auto} /* Les liens de page sont des indications manuscrites sur le papier. */ #kiddies-app .kc-page-foot a{position:relative;background:transparent;border:0;border-radius:0;padding:4px 3px;color:var(--house-ink);font:16px/1.2 'Segoe Print','Bradley Hand',cursive;text-decoration:none;box-shadow:none;transition:color .15s ease} #kiddies-app .kc-page-foot a:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:1px;background:currentColor;opacity:.35;transform:rotate(-1deg)} #kiddies-app .kc-page-foot a:hover{color:#65372a} #kiddies-app .kc-page-foot a:hover:after{opacity:.8} #kiddies-app .kc-page-foot a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px} #kiddies-app :is(.kc-handnote,.kc-choose-note,.kc-b2-team-note,.kc-b2-rhythm,.kc-b2-rhythm-mobile,.kc-house-experience-note,.kc-house-values,.kc-side-values,.kc-values,.kc-prologue-text){color:#795139} #kiddies-app .kc-page:after{background-size:100% 100%;background-repeat:no-repeat;opacity:.83} #kiddies-app [data-page="1"]:after,#kiddies-app [data-page="5"]:after,#kiddies-app [data-page="9"]:after{opacity:.68} #kiddies-app [data-page="3"]:after,#kiddies-app [data-page="7"]:after,#kiddies-app [data-page="11"]:after{opacity:.9} @media(min-width:681px){ #kiddies-app .kc-house-page>h1{margin-left:0;max-width:60%} #kiddies-app .kc-house-values{position:absolute;top:35px;right:28px;width:29%;margin:0;text-align:center;font:19px/1.2 'Segoe Print','Bradley Hand',cursive;transform:rotate(5deg)} #kiddies-app .kc-day-right .kc-page-foot{bottom:12px} #kiddies-app .kc-b2-rhythm{top:89%;left:8%;width:80%;transform:rotate(-2deg)} #kiddies-app .kc-b2-caption-5{top:60%} #kiddies-app .kc-b2-number-5{top:58.8%} #kiddies-app .kc-b2-photo-5{top:69.5%} #kiddies-app .kc-b2-photo-5 img{height:75px} } @media(max-width:680px){ #kiddies-app .kc-house-values{position:relative;grid-column:1/-1;grid-row:3;margin:0 0 18px auto;width:160px;text-align:center;font:18px/1.2 'Segoe Print','Bradley Hand',cursive;transform:rotate(3deg)} #kiddies-app .kc-house-page>.kc-house-team{grid-row:4} #kiddies-app .kc-house-page>.kc-house-echo{grid-row:5} #kiddies-app .kc-house-page>.kc-mascot-caption,#kiddies-app .kc-house-team-story{grid-row:6} } #kiddies-app .kc-skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;top:0;left:0} /* Les vraies marionnettes reposent sur la feuille, sans rectangle photo. */ #kiddies-app .kc-real-puppets{position:absolute;right:44px;bottom:72px;display:flex;align-items:flex-end;gap:9px;height:164px;margin:0;pointer-events:none} #kiddies-app .kc-real-puppet{position:relative;display:block;height:100%;overflow:hidden;filter:drop-shadow(2px 3px 2px #50351f2e)} #kiddies-app .kc-real-puppet img{position:absolute;display:block;max-width:none;width:400%;object-fit:fill} #kiddies-app .kc-real-kiddy{width:77px} #kiddies-app .kc-real-kiddo{width:63px} #kiddies-app .kc-real-puppets:after{content:"";position:absolute;left:8px;right:0;bottom:2px;height:6px;border-radius:50%;background:#62462b1c;filter:blur(3px);z-index:-1} @media(max-width:680px){#kiddies-app .kc-real-puppets{position:relative;right:auto;bottom:auto;height:165px;justify-content:flex-end;margin:20px 0 28px}} @media(min-width:681px){#kiddies-app [data-page="9"]>.kc-family-line{max-width:calc(100% - 182px)}} #kiddies-app .kc-family-finish{display:grid;grid-template-columns:minmax(0,1fr) 149px;gap:24px;align-items:start;margin-top:18px} #kiddies-app .kc-family-finish>.kc-family-line{max-width:none;margin:0} #kiddies-app .kc-family-finish>.kc-real-puppets{position:relative;right:auto;bottom:auto} @media(max-width:680px){#kiddies-app .kc-family-finish{display:block}#kiddies-app .kc-family-finish>.kc-real-puppets{margin:20px 0 28px}} /* Original contours: change framing and placement, never facial proportions. */ #kiddies-app .kc-b2-mascots-3{height:9%;top:19%;transform:rotate(7deg)} #kiddies-app .kc-b2-mascots-3 .kc-mascot-heads{object-fit:contain} #kiddies-app .kc-mascot-margin-peek{position:relative;overflow:hidden;padding-right:65px} #kiddies-app .kc-mascot-margin-peek .kc-mascot-heads{position:absolute;right:-35px;top:4px;width:110px;height:65px;transform:rotate(-18deg);object-fit:contain} #kiddies-app .kc-c1-left-mascots .kc-mascot-single{object-fit:contain;transform:rotate(9deg)} #kiddies-app .kc-b2-mascots-3{left:35%;top:11.5%;width:24%;height:10%;transform:rotate(-5deg);z-index:1} #kiddies-app .kc-b2-photo-3{z-index:2} #kiddies-app .kc-mascot-margin-peek{padding-right:90px;overflow:visible} #kiddies-app .kc-mascot-margin-peek .kc-mascot-single{position:absolute;right:8px;bottom:0;width:48px;height:110px;object-fit:contain;transform:rotate(-10deg)} /* Readable handwritten notes, with quiet printed page navigation. */ #kiddies-app .kc-page-foot a{font:16px/1.2 KiddiesSans,Arial,sans-serif;-webkit-text-stroke:0;text-shadow:none;color:#653f2c} #kiddies-app .kc-values{font-size:18px;line-height:1.35} #kiddies-app .kc-b2-team-note{left:35%;top:73%;width:61%;white-space:nowrap} #kiddies-app .kc-b2-rhythm{top:89.5%;transform:rotate(3deg);transform-origin:right center} /* One handwritten quote size throughout the book, based on page five. */ #kiddies-app{--kc-quote-size:23px} #kiddies-app :is(.kc-handnote,.kc-choose-note,.kc-b2-team-note,.kc-b2-rhythm,.kc-b2-rhythm-mobile,.kc-house-experience-note,.kc-house-values,.kc-values,.kc-c1-handnote,.kc-home-left>.kc-eyebrow,.kc-home-mobile-mascots p){font-size:var(--kc-quote-size)!important;line-height:1.35} @media(min-width:681px){ #kiddies-app .kc-b2-photo-1{left:8%;top:36%;width:49%} #kiddies-app .kc-b2-photo-1 img{height:135px} #kiddies-app .kc-b2-photo-2{left:8%;top:66%;width:67%;transform:rotate(2deg)} #kiddies-app .kc-b2-photo-2 img{height:165px} #kiddies-app .kc-b2-team-note{left:8%;top:59%;width:85%;white-space:nowrap} #kiddies-app .kc-b2-mascots-2{left:81%;top:76%;width:10%;height:13%;transform:rotate(8deg)} #kiddies-app .kc-b2-photo-3{top:18%} #kiddies-app .kc-b2-photo-3 img{height:90px} #kiddies-app .kc-b2-mascots-3{left:61%;top:19%;width:20%;height:10%;transform:rotate(10deg)} #kiddies-app .kc-b2-photo-4 img{height:80px} #kiddies-app .kc-b2-caption-5{top:62.5%} #kiddies-app .kc-b2-number-5{top:61.3%} #kiddies-app .kc-b2-photo-5{top:72%} #kiddies-app .kc-b2-rhythm{top:88%;left:8%;width:82%} #kiddies-app [data-page="8"].kc-approach-page{display:flex;flex-direction:column;padding-bottom:90px} #kiddies-app [data-page="8"] .kc-pillar{flex:1;margin:18px 0} #kiddies-app [data-page="8"]>.kc-mascot-caption{min-height:90px;margin:15px 0 0} #kiddies-app [data-page="8"] .kc-pillar p{font-size:17px;line-height:1.5} #kiddies-app .kc-family-finish{align-items:end;margin-top:28px} #kiddies-app .kc-family-finish>.kc-family-line{padding-bottom:18px} } @media(min-width:681px){#kiddies-app .kc-b2-caption-5{top:60.5%}#kiddies-app .kc-b2-number-5{top:59.3%}#kiddies-app .kc-b2-photo-5{top:69%}} @media(min-width:681px){#kiddies-app .kc-b2-rhythm{top:89%}} @media(min-width:681px){#kiddies-app .kc-house-values{top:8px}} @media(min-width:681px){#kiddies-app .kc-b2-caption-1{top:24%}#kiddies-app .kc-b2-number-1{top:23.4%}#kiddies-app .kc-b2-photo-1{top:35%}#kiddies-app .kc-b2-photo-1 img{height:125px}#kiddies-app .kc-b2-team-note{top:61.5%;transform:rotate(-2deg)}#kiddies-app .kc-b2-photo-2{top:68%}#kiddies-app .kc-b2-photo-2 img{height:145px}} @media(min-width:681px){#kiddies-app .kc-b2-photo-4 img{height:70px}#kiddies-app .kc-b2-caption-5{top:60%}#kiddies-app .kc-b2-photo-5{top:70.2%}#kiddies-app .kc-b2-photo-5 img{height:65px}} @media(min-width:681px){#kiddies-app .kc-b2-caption-4{top:35%}#kiddies-app .kc-b2-number-4{top:33.9%}} @media(min-width:681px){#kiddies-app .kc-b2-photo-3 img{height:80px}#kiddies-app .kc-b2-caption-4{top:35.2%}} @media(min-width:681px){#kiddies-app .kc-b2-photo-4 .kc-unfilled-photo{height:70px}#kiddies-app figure.kc-b2-photo-4{margin:0}#kiddies-app .kc-b2-photo-4 figcaption{font-size:14px;padding-top:7px;line-height:1.2}} /* Stage includes a 9px lower allowance; the moving cover must end with the paper. */ @media(min-width:681px){#kiddies-app .kc-cover{height:calc(100% - 9px)}#kiddies-app .kc-b2-photo-1{left:5%;width:46%}#kiddies-app .kc-b2-number-2{left:57%}#kiddies-app .kc-b2-caption-2{left:67%;width:29%}} /* Taller album photographs alternate with their own text; no flattened image strips. */ @media(min-width:681px){ #kiddies-app .kc-b2-caption-3{left:14%;top:8%;width:35%} #kiddies-app .kc-b2-number-3{left:3%;top:7.4%} #kiddies-app .kc-b2-photo-3{left:54%;top:7%;width:40%;transform:rotate(-3deg)} #kiddies-app .kc-b2-photo-3 img{height:150px} #kiddies-app .kc-b2-mascots-3{left:68%;top:1.5%;width:24%;height:10%;transform:rotate(-16deg);z-index:1} #kiddies-app .kc-b2-caption-4{left:61%;top:34%;width:34%} #kiddies-app .kc-b2-number-4{left:50%;top:33.4%} #kiddies-app .kc-b2-photo-4{left:7%;top:32%;width:40%;transform:rotate(2deg)} #kiddies-app .kc-b2-photo-4 img,#kiddies-app .kc-b2-photo-4 .kc-unfilled-photo{height:150px} #kiddies-app .kc-b2-caption-5{left:14%;top:60%;width:35%} #kiddies-app .kc-b2-number-5{left:3%;top:59.4%} #kiddies-app .kc-b2-photo-5{left:54%;top:57%;width:40%;transform:rotate(-2deg)} #kiddies-app .kc-b2-photo-5 img{height:150px} #kiddies-app .kc-b2-rhythm{top:87%;left:7%;width:85%} #kiddies-app .kc-b2-moon{left:43%;top:39%;width:7%;height:10%} #kiddies-app .kc-b2-plant{right:2%;bottom:16%;width:6%;height:12%} #kiddies-app .kc-underlying-pages{bottom:14px} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-active>.kc-page,#kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-opening-leaves{clip-path:inset(0 1px 1px round 0 0 30px 30px)} } /* Visible page edges and binding belong to the closed book, not the moving paper. */ #kiddies-app .kc-closed-volume{display:none;position:absolute;inset:3px 3px -5px 3px;border-radius:28px;background:repeating-linear-gradient(0deg,#c6b593 0px,#f0e7d3 1px,#d6c7aa 2px);box-shadow:0 9px 20px #160d0870;pointer-events:none} #kiddies-app[data-cover="closed"] .kc-closed-volume{display:block} #kiddies-app .kc-cover-front:before{content:"";position:absolute;left:0;top:0;bottom:0;width:11%;z-index:2;pointer-events:none;background:radial-gradient(ellipse 100% 8% at 36% 0,#f1ca8a24,transparent 85%),radial-gradient(ellipse 100% 8% at 36% 100%,#160b0747,transparent 85%),linear-gradient(90deg,#160a0873 0%,#21100b36 5%,#e8b97f24 18%,#f4c68b2e 29%,#ac724c0a 46%,#26110b24 66%,#160b0859 79%,#1b0d086b 84%,#e5b17b38 88%,#1d0d083d 91%,transparent 100%);box-shadow:inset 1px 0 1px #e7bb8540;border-radius:28px 0 0 28px} #kiddies-app[data-cover-side="back"] .kc-cover-front:before{left:auto;right:0;transform:scaleX(-1)} /* One continuous upper-left light field across both facing pages. */ #kiddies-app .kc-daylight,#kiddies-app .kc-cover-front:after{background-image:radial-gradient(ellipse 85% 110% at 12% 0%,#fff5dc80,transparent 72%),linear-gradient(125deg,transparent 24%,#fff4db2e 34%,#fff4db38 40%,transparent 50%),linear-gradient(125deg,transparent 30%,#3020162b 100%);background-size:200% 100%;background-position:left top;mix-blend-mode:normal} #kiddies-app .kc-right>.kc-daylight,#kiddies-app .kc-cover-front:after{background-position:right top} #kiddies-app[data-cover-side="back"] .kc-cover-front:after{background-position:left top} #kiddies-app .kc-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff0cf24,transparent 55%,#21130c14);border-radius:inherit} @media(min-width:681px){#kiddies-app .kc-b2-hearts{left:43%;top:1%;width:5%;height:4%}#kiddies-app .kc-b2-plant{left:4%;right:auto;bottom:22%}} @media(min-width:681px){#kiddies-app .kc-b2-photo-3{top:6%}#kiddies-app .kc-b2-photo-5{top:58%}#kiddies-app .kc-b2-rhythm{top:88%}} /* The shallow edge follows the cover face throughout its rotation, with no end-state pop. */ #kiddies-app .kc-closed-volume{display:block;inset:5px -3px -4px 6px;background:repeating-linear-gradient(0deg,#b49a75 0px,#d5c4a6 1px,#beaa89 2px);border:1px solid #67442b;border-right-width:2px;border-bottom-width:2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(-2px)} #kiddies-app .kc-daylight{mix-blend-mode:multiply} #kiddies-app .kc-cover-front:after{background-image:radial-gradient(ellipse 85% 110% at 12% 0%,#fff5dc40,transparent 72%),linear-gradient(125deg,transparent 24%,#fff4db18 34%,#fff4db20 40%,transparent 50%),linear-gradient(125deg,transparent 30%,#3020162b 100%)} #kiddies-app .kc-puppet-pedagogy h3{font-size:18px;line-height:1.2;margin:0 0 8px} #kiddies-app .kc-puppet-pedagogy p{font-size:15px;line-height:1.45;margin:0} #kiddies-app .kc-family-finish>.kc-puppet-pedagogy{padding-bottom:14px} @media(min-width:681px){#kiddies-app .kc-b2-caption-5{top:63%}#kiddies-app .kc-b2-number-5{top:62.4%}#kiddies-app .kc-b2-plant{bottom:15%;height:9%}} /* Paper clips the collage; its irregular source bottom stays beyond the page edge. */ #kiddies-app .kc-c1-left-torn{bottom:-2.5%} /* Dark leather thickness and a continuous, subdued fore-edge instead of scanline stripes. */ #kiddies-app .kc-closed-volume{background:linear-gradient(90deg,#50331f,#66452c);border-color:#4c301e;overflow:hidden} #kiddies-app .kc-closed-volume:after{content:"";position:absolute;top:0;bottom:0;right:1px;width:2px;background:linear-gradient(90deg,#806142,#b6a085 48%,#8c704d);pointer-events:none} /* Keep the binding edges joined; inset only the exposed outer edges during cover movement. */ @media(min-width:681px){ #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-active>.kc-left,#kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-fan-left{clip-path:inset(0 0 1px 1px round 0 0 30px 30px)} #kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-active>.kc-right,#kiddies-app:is([data-cover="opening"],[data-cover="closing"]) .kc-fan-right{clip-path:inset(0 1px 1px 0 round 0 0 30px 30px)} #kiddies-app .kc-fan-left .kc-opening-sheet{box-shadow:inset 1px 0 0 #bca17b55} #kiddies-app .kc-fan-right .kc-opening-sheet{box-shadow:inset -1px 0 0 #bca17b55} } /* Fore-edge stays on the opening side, clear of the rounded leather corners. */ #kiddies-app .kc-closed-volume:after{top:30px;bottom:32px;mask-image:linear-gradient(180deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)} #kiddies-app[data-cover-side="back"] .kc-closed-volume{inset:5px 6px -4px -3px} #kiddies-app[data-cover-side="back"] .kc-closed-volume:after{right:auto;left:1px;background:linear-gradient(90deg,#8c704d,#b6a085 48%,#806142)} /* Table shadow remains in scene coordinates: light from the upper left. */ #kiddies-app .kc-closed-volume{box-shadow:none} @media(min-width:681px){ #kiddies-app .kc-book-object:before{box-shadow:4px 6px 7px #160b0799,16px 21px 18px -3px #160b078c,30px 35px 32px -7px #160b0766} #kiddies-app[data-cover="closed"] .kc-book-object:before{display:block;inset:0 0 9px 50%;border-radius:28px} #kiddies-app[data-cover="closed"][data-cover-side="back"] .kc-book-object:before{inset:0 50% 9px 0} } @media(max-width:680px){#kiddies-app .kc-closed-volume{box-shadow:4px 6px 7px #160b0799,16px 21px 18px -3px #160b078c,30px 35px 32px -7px #160b0766}} /* Objects lie on the table, outside the rotating book's stacking context. */ #kiddies-app .kc-shell{position:relative;isolation:isolate} #kiddies-app .kc-table-props{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none} #kiddies-app .kc-table-props img{position:absolute;display:block;max-width:none;height:auto;pointer-events:none} #kiddies-app .kc-table-tea{position:absolute;left:-510px;top:-65px;width:450px;aspect-ratio:1} #kiddies-app .kc-table-cup{left:0;top:0;width:100%;filter:brightness(.96) contrast(.93) saturate(.92) blur(.35px) drop-shadow(3px 5px 3px #170e076b) drop-shadow(20px 25px 16px #170e075c)} #kiddies-app .kc-table-apple{left:-500px;top:365px;width:440px;filter:brightness(.97) contrast(.93) saturate(.88) blur(.55px) drop-shadow(3px 5px 3px #170e0773) drop-shadow(17px 23px 13px #170e0761)} #kiddies-app .kc-book-object{z-index:1} #kiddies-app .kc-controls,#kiddies-app .kc-preview-notice,#kiddies-app .kc-colophon{position:relative;z-index:2} body:has(#kiddies-app){background-image:linear-gradient(115deg,#f2d5a00a,#100c0926),url('assets/table-patina-0512.png')} #kiddies-app .kc-page>.kc-paper-art{background-size:100% 100%} #kiddies-app .kc-underleaf{background-image:url('assets/paper-handled-0512.png')} #kiddies-app .kc-page:after{opacity:.96;mix-blend-mode:multiply} #kiddies-app .kc-page:is([data-page="2"],[data-page="5"],[data-page="8"],[data-page="11"]):after{opacity:.88} #kiddies-app .kc-page:is([data-page="3"],[data-page="6"],[data-page="9"]):after{opacity:1} @media(max-width:680px){#kiddies-app .kc-table-props{display:none}} /* Table props scale together with the book scene at all desktop widths. */ /* Quiet wisps originate over the tea; the wrapper follows the cup at every size. */ #kiddies-app .kc-tea-steam{position:absolute;left:36%;top:9%;width:36%;height:44%;pointer-events:none} #kiddies-app .kc-tea-steam i{position:absolute;left:22%;bottom:0;width:34%;height:67%;border-radius:48%;background:radial-gradient(ellipse,#fff6dfb3 0%,#fff8e940 38%,transparent 72%);filter:blur(3px);opacity:0;transform-origin:50% 100%;animation:kc-tea-wisp 6s ease-out infinite} #kiddies-app .kc-tea-steam i:nth-child(2){left:46%;height:59%;animation-delay:-2s} #kiddies-app .kc-tea-steam i:nth-child(3){left:8%;height:73%;animation-delay:-4s} @keyframes kc-tea-wisp{0%{opacity:0;transform:translate(0,8%) scale(.65,.75) rotate(4deg)}25%{opacity:.23}60%{opacity:.13}100%{opacity:0;transform:translate(-28%,-65%) scale(1.35,1.25) rotate(-13deg)}} @media(prefers-reduced-motion:reduce){#kiddies-app .kc-tea-steam i{animation:none;opacity:0}} /* A wooden pencil rests on the desk beside the lower left book edge. */ #kiddies-app .kc-table-props .kc-table-pencil{left:170px;top:340px;width:auto;height:490px;transform:rotate(18deg);filter:brightness(.96) contrast(.94) saturate(.86) blur(.25px);clip-path:polygon(50.1% 5.73%,50.4% 5.85%,54.5% 16.9%,54.8% 18.2%,54.8% 92.2%,54.2% 93.05%,52.7% 93.23%,47.5% 93.23%,45.8% 93.05%,45.5% 92.2%,45.5% 18.2%,45.7% 16.9%)} /* Separate cast shadows remain legible on the strongly textured tabletop. */ #kiddies-app .kc-table-apple-shadow{position:absolute;left:-440px;top:416px;width:324px;height:318px;border-radius:50%;background:#1b100b85;transform:translate(22px,27px);filter:blur(16px)} #kiddies-app .kc-table-apple-shadow:after{content:"";position:absolute;inset:10px 6px 3px 7px;border-radius:50%;background:#1009068c;transform:translate(-17px,-20px);filter:blur(5px)} #kiddies-app .kc-table-pencil-shadow{position:absolute;left:170px;top:340px;width:326.6667px;height:490px;transform:rotate(18deg);filter:blur(2px)} #kiddies-app .kc-table-pencil-shadow:before{content:"";position:absolute;left:45.5%;top:5.86%;width:9.08%;height:88.35%;background:linear-gradient(#140b0830,#140b089e 12%,#140b089e);clip-path:polygon(50% 0,100% 10%,100% 99%,80% 100%,20% 100%,0 99%,0 10%);transform:translate(6px,4px)} #kiddies-app .kc-table-pencil-shadow:after{content:"";position:absolute;left:45.5%;top:5.86%;width:9.08%;height:88.35%;background:linear-gradient(#10090620,#100906a6 12%,#100906a6);clip-path:polygon(50% 0,100% 10%,100% 99%,80% 100%,20% 100%,0 99%,0 10%);transform:translate(2px,1px)} /* Native validation stays inside the book; the submit footer remains reachable. */ #kiddies-app .gform_wrapper .validation_error{font:15px/1.3 KiddiesSans,Arial,sans-serif!important;text-align:left!important;margin:0 0 10px!important;padding:8px 10px!important;border:0!important;border-left:3px solid #a23d25!important;background:#fff2e8d9;color:#8b2e20!important;flex:none} #kiddies-app .gform_wrapper .gfield_error{background:transparent!important;border:0!important;padding:0!important} #kiddies-app .gform_wrapper .validation_message{font:13px/1.25 KiddiesSans,Arial,sans-serif!important;padding:3px 0 0!important;margin:0!important;color:#8b2e20!important} #kiddies-app .gform_wrapper.gform_validation_error ul.gform_fields{row-gap:8px} @media(min-width:681px){ #kiddies-app .kc-inquiry-page>#kc-formhost:has(#gform_1,#gform_confirmation_wrapper_1){position:absolute;top:256px;bottom:80px;left:88px;right:38px;width:auto;margin:0} #kiddies-app #kc-formhost>#kc-gf-source,#kiddies-app #kc-formhost .gform_wrapper{height:100%;min-height:0} #kiddies-app #kc-formhost #gform_1{height:100%;min-height:0;display:flex;flex-direction:column} #kiddies-app #kc-formhost .gform_body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px;overscroll-behavior:contain;scrollbar-width:thin} #kiddies-app #kc-formhost .gform_footer{flex:none;margin:0 0 0 auto!important;padding:9px 0 0!important} #kiddies-app .kc-inquiry-page>.kc-privacy-link{position:absolute;bottom:49px;right:38px;margin:0} } /* Keep the two decorations in the reserved margin, clear of every form field. */ @media(min-width:681px){ #kiddies-app[data-current-house] .kc-inquiry-page>.kc-c1-left-mascots{left:12px;bottom:72px;width:64px;height:96px} #kiddies-app[data-current-house] .kc-inquiry-page>.kc-c1-left-heart{left:31px;bottom:192px;width:23px;height:28px} } @media(max-width:680px){ #kiddies-app[data-current-house] .kc-inquiry-page>.kc-c1-left-mascots{left:8px;bottom:50px;width:55px;height:70px} #kiddies-app[data-current-house] .kc-inquiry-page>.kc-c1-left-heart{left:78px;bottom:86px;width:20px;height:24px} } /* Keep the success message readable and privacy anchored after the form disappears. */ #kiddies-app #gform_confirmation_message_1{font:18px/1.5 KiddiesSans,Arial,sans-serif;color:var(--brown);text-wrap:pretty} #kiddies-app .kc-confirmation-copy{border-left:2px solid var(--house);padding:6px 18px} #kiddies-app .kc-confirmation-copy p{margin:0;text-wrap:pretty} #kiddies-app .kc-confirmation-copy p+p{margin-top:12px} #kiddies-app .kc-confirmation-copy p:first-child{font-size:21px;font-weight:600} @media(max-width:680px){ #kiddies-app .kc-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;height:72px;min-height:72px;padding:10px 14px;overflow:visible;z-index:40} #kiddies-app .kc-header .kc-logo{width:110px;height:46px;margin:0;flex:none} #kiddies-app .kc-header>.kc-languages{display:none} #kiddies-app .kc-menu-toggle{display:flex;align-items:center;justify-content:center;justify-self:end;width:44px;height:44px;margin:0;padding:10px;border:1px solid #dfbe8a55;border-radius:8px;background:#29150e38;color:#fff6e5} #kiddies-app .kc-menu-bars{display:grid;gap:5px;width:22px} #kiddies-app .kc-menu-bars i{display:block;height:2px;width:22px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s} #kiddies-app .kc-menu-open .kc-menu-bars i:first-child{transform:translateY(7px) rotate(45deg)} #kiddies-app .kc-menu-open .kc-menu-bars i:nth-child(2){opacity:0} #kiddies-app .kc-menu-open .kc-menu-bars i:last-child{transform:translateY(-7px) rotate(-45deg)} #kiddies-app .kc-header .kc-nav{display:none;position:absolute;top:calc(100% + 6px);left:8px;right:8px;width:auto;margin:0;padding:12px;border:1px solid #d2b896;border-radius:10px;background:#fff7e9;color:#65372a;box-shadow:0 5px 10px #24130d33,8px 14px 24px #24130d40;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain} #kiddies-app .kc-header.kc-menu-open .kc-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px} #kiddies-app .kc-nav .kc-primary-nav{display:grid;grid-template-columns:1fr;gap:2px} #kiddies-app .kc-nav .kc-nav-dot{display:none} #kiddies-app .kc-nav .kc-primary-nav>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;margin:0;border:0;border-left:3px solid transparent;border-radius:5px;color:#65372a;font-size:17px;line-height:1.25;text-decoration:none;white-space:normal} #kiddies-app .kc-nav .kc-primary-nav>a[aria-current="page"]{background:#e6722314;border-left-color:var(--orange);color:#8f431b} #kiddies-app .kc-nav>.kc-languages{display:flex;justify-content:space-between;gap:5px;width:100%;margin:0;padding:8px 0;border-top:1px solid #d7c3a6} #kiddies-app .kc-nav>.kc-languages span{display:none} #kiddies-app .kc-nav>.kc-languages button{flex:1;min-height:42px;padding:8px 2px;border:1px solid transparent;border-radius:5px;font-size:14px;color:#65372a} #kiddies-app .kc-nav>.kc-languages button[aria-pressed="true"]{background:#f2dfc4;border-color:#cda773;color:#65372a} #kiddies-app .kc-nav>.kc-my{display:block;width:100%;margin:0;padding:10px 12px;border:0;border-top:1px solid #d7c3a6;color:#65372a;font-size:15px;line-height:1.3;min-height:42px} #kiddies-app .kc-nav>.kc-action{display:flex;width:100%;min-height:46px;justify-content:space-between;margin:0;padding:12px!important;font-size:16px;line-height:1.3;border-radius:6px} #kiddies-app .kc-inquiry-page:has(#gform_confirmation_wrapper_1){padding-bottom:155px} #kiddies-app .kc-inquiry-page:has(#gform_confirmation_wrapper_1)>.kc-privacy-link{position:absolute;right:23px;bottom:43px;margin:0;width:auto} } @media(prefers-reduced-motion:reduce){#kiddies-app .kc-menu-bars i{transition:none}}