html{background-color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--global-max-width:min(90vw, 3 / 2 * 80vh, 1800px);--global-max-width-for-height:min(90vw, 2 / 3 * 90vh, 1800px);--dark-photo-background:#1b2328;--text-color-bright:#f7f7f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}
button{color:#000}iframe{display:none}.portrait{--photo-padding:7%}.landscape{--photo-padding:4%}.topmargin{margin-top:1em}@font-face{font-family:F5\.6;src:local(F5\.6),url(/fonts/F5.6-Regular.woff)format("woff")}body{line-height:1.5}p{margin:0;padding:0}.frame{padding:var(--photo-padding);background-color:#fff;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.landscape .crop-container{justify-self:start}.landscape .photo-container{max-width:calc(min(100vw,142.857vh))}.right .photo-container{justify-self:end}.portrait .photo-container{max-width:calc(min(100vw,70vh));height:100%}#webpage{grid-template:"f8low""maincontent"/1fr;display:grid}#main{z-index:0;background-color:#fff;grid-area:maincontent;grid-template-rows:14em repeat(42,auto);grid-template-columns:1fr 40vw 1fr;grid-template-areas:".header."".intro1.""lens lens lens"".toc."".intro2a.""timeline timeline timeline"".intro2b.""catalog catalog catalog"".intro2c."".thelens.""frontelement thelens2.""hero hero hero"".intro3.""car car car"".main2.""hc_back hc_back hc_back"".main3.""bike bike bike"".main3b.""snow_tree snow_tree snow_tree"".bar.""barImg barImg barImg"".main4.""door door door"".main4snd.""zwingli zwingli zwingli"".main4a.""church church church"".main4b.""mountain_panorama mountain_panorama mountain_panorama"".main5.""portugal portugal portugal"".correctionText.""correctionImg correctionImg correctionImg"".lookend."".main7.""hood hood hood"".main8.""hoods12504and12526 main8a."".flareText1 filter12504""flareImg1 flareImg1 flareImg1"".flareText2.""flareImg2 flareImg2 flareImg2"".flareText3."".main9."".conclusion.""archive archive archive";gap:0;width:100vw;display:grid}.page-margin{padding-left:2vw;padding-right:2vw}a{color:inherit}@media only screen and (max-width:1200px){#main{grid-template-rows:auto repeat(43,auto);grid-template-columns:1fr 80vw 1fr}}@media only screen and (max-width:800px){#main{grid-template-columns:1fr 90vw 1fr}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.paragraph,.simple-paragraph{text-align:left;font-family:quasimoda;font-size:1.4rem;font-style:normal;font-weight:300}.paragraph{max-width:35vw;padding:0}.photos-side-by-side{grid-column-gap:2rem;background-color:#d8d7d2;grid-template-columns:1fr 1fr;grid-auto-flow:row;display:grid}.lens-pictures{grid-template:"m2 m2 ma ma""shot shot p1 p2"/1fr 1fr 1.2fr .8fr;justify-items:center;gap:2vw;display:grid}.lens-pictures>div>img{object-fit:cover;border-radius:1rem;width:100%;max-height:100%}@media only screen and (max-width:1200px){.lens-pictures{grid-template:"m2 m2"1fr"ma ma"1fr"shot shot"1fr"p1 p2"/auto}}.crop-caption{grid-area:crop-caption}.photo-display{display:grid}.photo-display img{object-fit:cover;width:100%}.crop{display:block;position:relative}.crop .hint{color:#000;background-color:#d3d3d3;margin:1px;font-family:Verdana,sans-serif;font-size:.7rem;position:absolute}.crop img{max-height:50vw}.left .crop .hint{right:0}.caption{text-align:left;color:#444;font-family:paralucent,serif;font-style:italic}.inverted .caption{color:var(--text-color-bright)}.photo-display .settings{margin-bottom:var(--photo-padding);text-align:right;flex-direction:column;grid-area:settings;align-self:start;display:flex}.photo-display.horizontal .settings{justify-self:end;margin-bottom:0}.photo-display.horizontal .settings p:last-child{margin-top:.2em}.vertical.photo-display{column-gap:1rem}.horizontal.photo-display{gap:.5rem}.settings p:first-child:first-letter{padding-right:.2em}.settings p{margin:0;font-family:F5\.6,serif;font-size:80%;font-weight:400;display:block}@media only screen and (max-width:1200px){.settings p{font-size:60%}}.photo-caption{text-align:center;margin:.5em 0}.horizontal.left .crop-container{justify-self:end}.horizontal.right .crop-container{justify-self:start}@media only screen and (max-width:1200px){.paragraph{max-width:50vw}}@media only screen and (max-width:800px){.paragraph{max-width:85vw}}.photo-display.right .settings{text-align:left;margin-right:1rem}.photo-display.left.horizontal .settings{text-align:right;justify-self:start;margin-left:1rem}.crop-container{grid-area:crops;row-gap:1rem;display:grid}.horizontal .crop-container{grid-template:"crop1 crop2""crop-caption crop-caption"/1fr 1fr;column-gap:1rem;max-width:calc(min(35rem,80vw))}.vertical .crop-container{grid-template:"crop1""crop2""crop-caption"/auto;align-self:start;justify-items:end}.multi-photo-display{background-color:#d8d7d2;flex-direction:row;justify-content:center;gap:2em 2rem;display:flex}@media only screen and (max-width:800px){.multi-photo-display{flex-direction:column}}.detail{align-self:start;padding-top:.6rem}.detail img{border-radius:.6rem;max-width:15rem}.text-wrap{justify-self:center;padding-top:3em;padding-bottom:3em}@media only screen and (max-width:1200px){.detail img{max-width:10rem}}@media only screen and (max-width:800px){.detail img{max-width:30vw}}#blur{z-index:11;-webkit-backdrop-filter:blur(5px)contrast(.4);backdrop-filter:blur(5px)contrast(.4);width:100vw;height:100vh;position:fixed;top:0}#banner{z-index:30;text-align:center;background-color:#181818;width:100vw;min-height:40vh;max-height:85vh;margin:auto 0;padding-top:1em;padding-bottom:2em;display:flex;position:fixed;top:50%;overflow-y:auto;transform:translateY(-50%)}#banner h1{color:coral;text-align:center;grid-area:header;margin:0;padding:0;font-family:Paralucent,serif;font-size:3rem;font-style:italic;font-weight:400}#banner button{color:coral;background-color:#000;border:1px solid gray;width:16em;height:3em;font-family:paralucent,serif;font-size:1.2rem}#banner button:hover{color:#000;cursor:pointer;background-color:coral;font-weight:600}#banner .container{grid-template:"header header header"".text."".buttons."/auto min(40em,90vw) auto;row-gap:2em;width:100%;margin:auto;display:grid}#banner .text{color:#fff;grid-area:text;font-family:quasimoda;font-size:110%}#banner .buttons{grid-area:buttons;grid-template-columns:1fr 1fr;grid-auto-flow:column;justify-content:center;column-gap:2em;display:grid}@media only screen and (max-width:800px){#banner .buttons{grid-template-columns:1fr;grid-auto-flow:row;justify-self:center;row-gap:1em}}#banner img{object-fit:contain;height:12em;max-height:15vh;margin:0 auto 2em;display:block}.corner{z-index:9;color:#000;transform-origin:100% 100%;cursor:pointer;background-color:#a9a9a9;width:5.6568rem;height:4rem;font-weight:500;position:absolute;top:0;right:0;transform:rotate(45deg)}.corner.left{transform-origin:0 100%;left:0;right:auto;transform:rotate(-45deg)}.corner.correct{color:#fff;background-color:#0e9b6a}.corner.correctnotguessed{opacity:.5;color:#fff;background-color:#0e9b6a}.corner.incorrect{color:#000;background-color:#d3d3d3}.corner.incorrect span{-webkit-text-decoration:line-through #f00c;text-decoration:line-through #f00c;text-decoration-thickness:.1em}.corner.incorrect :before,.corner.incorrect :after{content:" "}.corner.inactive{color:#000;background-color:gray}.corner.selected{color:#fff;background-color:#000}.corner.unselected{color:#a9a9a9;background-color:#d3d3d3}.corner.unselected:hover{color:#000}.corner.hidden{display:none}.corner span{-webkit-user-select:none;user-select:none;text-align:center;width:100%;font-family:paralucent,serif;font-size:80%;font-weight:inherit;padding-bottom:.2em;position:absolute;bottom:0;left:0}.corner:hover{color:var(--text-color-bright);background-color:#444;font-weight:600}#banner p.correct{color:#0e9b6a}#banner p.incorrect{color:red}h2,h1,h3{text-align:left;font-family:paralucent,serif;font-weight:500}h2{font-size:270%}h3{font-size:150%}.toc{text-align:end;margin-left:auto;margin-right:4em;display:grid}.toc ul{text-align:left;justify-self:end;padding:0;font-size:1.5rem;list-style-type:none}.toc li{color:#777;margin:.3em 0;font-family:paralucent,serif;text-decoration:underline;list-style:none;display:inline}.toc li:before{content:"";border:.25em solid #0000;border-left:.35em solid #777;border-right:0 solid #777;width:0;height:0;display:block;position:relative;top:1em;left:-.6em}#timeline-wrap img{object-fit:contain;background-color:#d8d7d2;border-radius:.7em;width:calc(100% - 4em);max-width:70vw;margin:0 auto;padding:4em .7em;display:block}@media screen and (max-width:800px){#timeline-wrap img{box-sizing:border-box;border-radius:0;width:100vw;max-width:100%;margin:0;padding:2em .7em}}.paragraph li{margin:.5em 0}.hero-shot{grid-template-rows:1fr;grid-template-columns:auto auto;grid-auto-flow:column;gap:1em;max-width:100%;display:grid}.control-hint-left{order:-1}.hero-shot img{object-fit:cover;width:100%}.controls{flex-direction:column;gap:.5em;display:flex}.hero-shot button{text-align:center;background-color:#dcd5cf;background-position:50%;background-repeat:no-repeat;background-size:90%;border:2px solid #d3d3d3;border-radius:.4rem;width:4rem;height:4rem;padding:0;font-family:paralucent,serif;font-size:1rem;font-weight:800}.hero-shot button:hover{cursor:pointer;background-color:#dcd5cf;background-size:100%;border-color:#a9a9a9}@media only screen and (max-width:800px){.hero-shot{grid-template-rows:auto auto;grid-template-columns:1fr;grid-auto-flow:row}.controls{flex-direction:row;order:-1;justify-content:end}}.archive{background-color:#d8d7d2;padding:0 10vw}@media only screen and (max-width:1200px){.archive{padding:0}}.spec-list{margin:0 1.5rem;padding:0;font-size:1.2rem;list-style-type:none}.spec-item{border-bottom:1px solid #ddd;justify-content:space-between;padding:10px 0;display:flex}.spec-attribute{text-align:left;flex:1}.spec-value{text-align:right;flex:1}.flip-sheet{flex-direction:column;margin:1em 0;display:flex}.flip-sheet img{object-fit:contain;width:100%;max-height:100vh}.flip-sheet button{text-align:center;background-color:#dcd5cf;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #d3d3d3;border-radius:.4rem;width:7rem;height:4rem;margin:0 0 .5em auto;padding:0;font-family:paralucent,serif;font-size:1rem;font-weight:800}.flip-sheet button:hover{cursor:pointer;background-size:100%;border:2px solid #a9a9a9}.hood-comparison{grid-column-gap:2em;grid-template-columns:1fr 1fr;grid-template-areas:"comp1 comp2";margin-left:auto;margin-right:auto;display:grid}@media only screen and (max-width:1100px){.hood-comparison{grid-row-gap:2em;flex-direction:"row";grid-template-columns:1fr;grid-template-areas:"comp1""comp2"}}.hood-comparison div{width:100%}@media only screen and (max-width:800px){.hood-list{padding-inline-start:0}}.hood-list li{background-position-y:.2em;background-repeat:no-repeat;background-size:2.5em 2.5em;margin:.7em 0;padding-left:2.9em;list-style-type:none}.inverted{color:var(--text-color-bright)}.round-corners{border-radius:1rem}.catalog img{border-radius:1em;max-width:70vw}@media only screen and (max-width:800px){.catalog img{max-width:90vw}}.focus-throw img{box-sizing:border-box;background-color:#d8d7d2;border-radius:1em;margin:2rem auto;padding:.5rem}