:root{--pink:#ffbda6;--dark-pink:#442c2e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--pink);color:var(--dark-pink);font-size:1.25rem;font-weight:300}strong{font-weight:600}.list-none{list-style-type:none}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.self-center{align-self:center}.self-end{align-self:flex-end}.w-full{width:100%}.min-h-screen{min-height:100vh;min-height:100svh}.aspect-square{aspect-ratio:1/1}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.grid{display:grid;grid-template-columns:3fr 2fr 1fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 1fr 2fr 3fr;grid-template-rows:1fr 4fr 2fr 1fr auto 2fr 6fr;height:100vh;height:100svh}.no-underline{text-decoration:none}.text-inherit{color:inherit}.about-menu{font-size:clamp(.8rem,.1769rem + 2.7692vw,1.8vmin);margin-left:5%}header{grid-column:2/-2;grid-row:2/3}.logo{height:max(2vw,4vh);padding-right:5%}.logo-txt{border-bottom:.1vmax solid var(--dark-pink);font-size:clamp(.8rem,.1769rem + 2.7692vw,1.8vmin);padding-bottom:3px}.bird-illustration-container{grid-column:5/-5;grid-row:6/-1;height:100%;max-height:100%;overflow:hidden;width:100%}.bird{clip-path:inset(0 0 31% 0);height:100%;object-fit:contain;object-position:bottom;transform:translateY(31%);width:100%}.affirmation-container{container-type:inline-size;grid-column:4/-4;grid-row:5/6}.affirmation-title{grid-column:5/-5;grid-row:2/4}.affirmation-title p{font-size:clamp(1rem,.1769rem + 2.7692vw,3vmin)}.affirmation-content{border:.19vmax solid var(--dark-pink);border-radius:6vmin;border-radius:4vmax;padding:10%}.affirmation-txt{font-size:clamp(1rem,6.5vh,3vw);font-weight:400;letter-spacing:.035em;line-height:1.35}#about{display:none}#about:target{background-color:var(--pink);display:flex;justify-content:center;margin:10px;padding-left:20px;padding-right:20px;position:absolute;width:100%;z-index:2}.about-cnt p{margin-bottom:1.1764705882353em}.about-cnt{border:2px solid var(--dark-pink);border-radius:20px;margin:30px 0;max-width:45ch;padding:20px 30px 30px}.about-nav-close{font-size:2.5rem}.about-txt{font-size:1rem;line-height:180%}h1,h2{font-size:1.5em;margin-bottom:10px;margin-top:35px;text-align:left}h1{margin-top:15px}@media (orientation:portrait){.grid{grid-template-columns:calc(14vw - 1.5em) 2fr 1fr 1fr 2fr 1fr 15fr 1fr 1fr 2fr 1fr 2fr calc(14vw - 1.5em);grid-template-rows:5vh auto 6fr auto 3fr 30vh}.affirmation-title{align-self:flex-end;grid-column:2/-2;grid-row:3/4;padding-bottom:5%}.affirmation-title p{letter-spacing:.05em}.affirmation-container{grid-column:2/-2;grid-row:4/5}.affirmation-content{max-height:100%;min-height:min(51.91486vw,100%);min-height:min(calc(100cqw/1.61803),100%)}.affirmation-txt{font-size:clamp(1rem,3.8vh,11vw);font-size:clamp(1rem,6.5cqw,12cqh)}.bird-illustration-container{grid-column:1/-1;grid-row:-1/-2}.bird{clip-path:none;transform:none}}@media only screen and (max-width:500px) and (orientation:portrait){.affirmation-content{border-radius:4.5vmax;padding:35px}.affirmation-txt{font-size:clamp(1rem,5.6vw,5.6vw);line-height:1.61803399;text-align:center}.about-cnt{border:none;margin:15px 0;padding:0}.about-nav-close{font-size:3rem}}@media only screen and (max-width:450px) and (max-height:450px){body{background-color:var(--dark-pink)}.about-menu,.affirmation-title,.bird,.logo,.logo-container,.logo-txt{display:none;font-size:0}.grid{grid-template-columns:1fr;grid-template-rows:1fr}.affirmation-container{height:100vh;height:100svh;padding:15px}.affirmation-content{background-color:var(--pink);border:none;min-height:calc(100cqw/1.61803);padding:30px}.affirmation-txt{line-height:180%;text-align:left}}@media only screen and (max-width:350px) and (orientation:portrait){.affirmation-content{padding:10vw}.affirmation-txt{font-size:clamp(1rem,6.1vw,6.1vw)}}@media screen and (min-aspect-ratio:7/3) and (orientation:landscape) and (min-width:2048px){.widescreen-wrapper{max-width:56.25vmax}.affirmation-txt{font-size:clamp(1rem,4vmin,4vmin)}}@container (min-width: 100px){.affirmation-content{border-radius:10cqw;padding:10cqmin}.affirmation-txt{font-size:clamp(1rem,6.5cqmin,6.5cqmin)}}