@layer generic,base,component,modifier,layout;@layer generic{/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}@layer component{.button{z-index:10;padding:1rem;background-color:#a9a9a9;border:solid 1px gray;color:var(--tomo-white);border-radius:1.5rem;font-size:1.5rem;text-decoration:none;box-shadow:0 3px 10px #000;margin-bottom:3rem}.disabled-link{cursor:not-allowed;pointer-events:none}.model-showcase{display:grid;grid-template-rows:clamp(0rem,6vw,2rem) 0rem;justify-items:center;width:100%;margin-block-start:clamp(-8rem,-15vw,0rem)}.model-showcase img{z-index:0;width:100%;max-height:40rem;margin-inline-start:0rem;object-fit:contain;filter:drop-shadow(3px -2px 0px #5a9690) drop-shadow(6px -4px 0px #345656)}.model-showcase img:nth-child(1){grid-column:1 / span 3;grid-row:1 / span 2}.model-showcase img:nth-child(2){grid-column:3 / span 3;grid-row:1 / span 2}.model-showcase img:nth-child(3){grid-column:5 / span 3;grid-row:1 / span 2}.model-showcase img:nth-child(4){grid-column:2 / span 3;grid-row:2 / span 2;z-index:1}.model-showcase img:nth-child(5){grid-column:4 / span 3;grid-row:2 / span 2;z-index:1}.anti-hero-librarian{z-index:0;width:100%;max-height:45rem;margin-inline-start:0rem;object-fit:contain;filter:drop-shadow(10px -4px 0px #5a9690) drop-shadow(6px -8px 0px #345656);margin-bottom:-15px}.hero-image{object-fit:contain;width:100%;max-width:50rem;margin-inline:auto}.slogan-label{font-size:3rem;font-weight:700;line-height:1em;text-align:center}.leather-label{padding:1rem;margin:.5rem;background:var(--tomo-white);color:var(--tomo-brown);border:2px dashed #442423;border-radius:10px;box-shadow:0 0 0 .5rem #e0d9d9,2px 1px 6px 2px #0a0a0080;z-index:1}.triplet{display:flex;flex-direction:column;color:var(--tomo-dark-green);font-style:italic;margin-block:1rem}.triplet span{display:block;width:max-content;padding-inline:1rem;--radius: 2px;background-image:radial-gradient(var(--radius),transparent 98%,white),linear-gradient(#fff 0 0);background-repeat:round,no-repeat;background-position:calc(var(--radius) * -1.5) calc(var(--radius) * -1.5),50%;background-size:calc(var(--radius) * 3) calc(var(--radius) * 3),calc(100% - var(--radius) * 3) calc(100% - var(--radius) * 3)}.triplet span:nth-child(1){margin-inline:0rem}.triplet span:nth-child(2){margin-inline:5rem}.triplet span:nth-child(3){margin-inline:2rem}.triplet--right{text-align:end;align-items:flex-end}.gallery-image{display:grid;margin-inline:0}.gallery-image img,.gallery-image:after{grid-area:1/ 1}.gallery-image img,.gallery-image:after{border:solid .5em hsla(0,0%,0%,.001)}.gallery-image img{box-sizing:border-box;border-image:var(--url) 10%;padding:.5em;width:100%;aspect-ratio:1.2;object-fit:cover}.gallery-image:after{--full: conic-gradient(red 0 0);-webkit-backdrop-filter:blur(99px);backdrop-filter:blur(99px);mask:var(--full) exclude,var(--full) padding-box;pointer-events:none;content:"";z-index:10}.gallery-image--tall img{aspect-ratio:2/3}.feature-overview .triplet{font-size:3rem;margin-bottom:0;padding-bottom:0}@media (width >=40rem){.feature-overview{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:8rem 10rem;gap:1rem}.feature-overview .triplet{font-size:3.5rem;grid-area:1 / 1 / span 2 / span 1}.feature-overview .leather-label{grid-area:3 / 1 / span 2 / span 1;margin-block:0}.feature-overview .figure-container{grid-area:2 / 2 / span 2 / span 1;margin-block:0}}@media (width >=40rem){.feature-overview--right{grid-template-columns:3fr 1fr}.feature-overview--right .triplet{grid-area:1 / 2 / span 2 / span 1}.feature-overview--right .leather-label{grid-area:3 / 2 / span 2 / span 1;margin-block:0}.feature-overview--right .figure-container{grid-area:2 / 1 / span 2 / span 1;margin-block:0}}}@layer modifier;@layer layout{.container{max-width:70rem;padding-inline:clamp(.5rem,2vw,1rem);margin-inline:auto}.content{background-image:url(./BOOKD-By6Ap7HC.webp);background-color:var(--tomo-white);background-size:cover;background-attachment:fixed;color:var(--tomo-brown);margin-bottom:0;padding-block:2rem;font-size:var(--product-text-size);font-weight:400}.hero{background-image:url(./library_background-CCVt0SUG.webp);background-size:cover;background-attachment:fixed;border-bottom:15px solid #345656}.hero .container{display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero .hero-image{max-height:20rem}.hero .leather-label{margin-block-start:clamp(-22rem,-50vw,-5rem);margin-bottom:clamp(0rem,10vw,8rem);font-size:clamp(2.5rem,8vw,5rem)}@media (width >=40rem){.intro{display:grid;gap:2rem}.intro h2{grid-area:1 / 1 / span 1 / span 2;font-size:7rem}.intro .figure-container{grid-area:2 / 1 / span 2 / span 1}.intro .leather-label{grid-area:2 / 2 / span 2 / span 1}}.anti-hero{background-image:url(./anti-hero-bg-Bmw8Ph5E.webp);background-size:cover;background-position:50% 50%;background-attachment:fixed;grid-template-rows:auto;border-top:15px solid #345656}.anti-hero .container{display:grid;justify-items:center;overflow:hidden;grid-template-rows:clamp(0px,35vw,300px) auto auto auto auto 0px;gap:1rem}.anti-hero .container .hero-image{grid-row:1/3;grid-column:1}.anti-hero .container .anti-hero-librarian{grid-row:2 / span 5;grid-column:1}.anti-hero .container .leather-label{grid-row:4;grid-column:1;margin-block:0}.anti-hero .container a{grid-row:5 / span 2;grid-column:1}.anti-hero .leather-label{margin-block-start:clamp(-22rem,-70vw,-5rem);margin-bottom:clamp(0rem,10vw,8rem);font-size:clamp(2.5rem,8vw,5rem)}footer .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}footer{background-color:var(--tomo-black);color:var(--tomo-white);margin-top:0}article{margin-bottom:8rem}}@layer base{:root{--tomo-white: hsl(0, 10%, 86%);--tomo-white-transparent: hsl(0, 10%, 86%, .5);--tomo-brown: hsl(8, 38%, 20%);--tomo-dark-green: hsl(172, 30%, 26%);--tomo-black: hsl(180, 26%, 5%);--tomo-light-green: hsl(170, 26%, 47%);--primary: var(--tomo-light-green);--primary-hover: var(--tomo-dark-green);--secondary: var(--peach);--background: var(--base);--surface: var(--surface1);--text-primary: var(--text);--text-secondary: var(--subtext1);--white: #ffffff;--black: #000000;--font-family: "PT Serif", serif;--h1-size: 3rem;--h2-size: 4.5rem;--h3-size: 2rem;--h4-size: 1.75rem;--product-text-size: 1.5rem;--base-font-size: 1rem;--line-height: 1.6;font-family:var(--font-family);line-height:var(--line-height);font-size:var(--base-font-size);overscroll-behavior:none}body{background-color:var(--tomo-white);color:var(--tomo-brown)}h1{margin-block:0;font-size:var(--h1-size)}h2{margin-block:0;font-size:var(--h2-size);background-color:var(--tomo-white-transparent);width:fit-content;padding-inline:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2.5rem;margin-inline:auto;font-family:Tangerine,cursive;font-weight:700}h3{margin-block:0;font-size:var(--h3-size)}h4{margin-block:0;font-size:var(--h4-size)}.product-text{font-size:var(--product-text-size)}a{color:var(--tomo-light-green);font-weight:600}a:hover,a:focus{text-decoration:underline;color:var(--tomo-dark-green);outline-offset:2px}a:focus{outline:3px solid var(--tomo-dark-green)}a:disabled{color:var(--subtext2);cursor:not-allowed}.hidden{visibility:collapse;max-height:0}.tangerine-regular{font-family:Tangerine,cursive;font-weight:400;font-style:normal}.tangerine-bold{font-family:Tangerine,cursive;font-weight:700;font-style:normal}.pt-serif-regular{font-family:"PT Serif",serif;font-weight:400;font-style:normal}.pt-serif-bold{font-family:"PT Serif",serif;font-weight:700;font-style:normal}.pt-serif-regular-italic{font-family:"PT Serif",serif;font-weight:400;font-style:italic}.pt-serif-bold-italic{font-family:"PT Serif",serif;font-weight:700;font-style:italic}}
