:root{--paper:#f7f5ef;--ink:#20302d;--orange:#e65c2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:7px}h1,h2,p{margin:0}h1,h2{line-height:.95;font-weight:600;letter-spacing:-.065em}em,.handwritten{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.04em}h1 span,.brand span,.contact h2 span{color:var(--orange)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:20px}.page-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 5vw}.brand{font-size:32px;font-weight:800;letter-spacing:-2px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.back:hover{text-decoration:underline;text-underline-offset:5px}.opening{position:relative;min-height:850px;height:105svh;max-height:1250px}.photo{display:block;position:absolute;isolation:isolate}.photo img{width:100%;height:100%;object-fit:cover;display:block}.enlarge{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);opacity:0;transition:opacity .2s}.photo:hover .enlarge,.photo:focus-visible .enlarge{opacity:1}.mountains{inset:0;mask-image:linear-gradient(#000 68%,transparent 100%)}.mountains img{object-position:50% 55%}.opening-copy{position:relative;pointer-events:none;padding:160px 8vw 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin-bottom:35px}h1{font-size:clamp(90px,12.7vw,200px)}.opening .handwritten{font-size:clamp(35px,5vw,68px);margin-left:31vw;transform:rotate(-8deg);color:var(--orange);margin-top:18px}.scroll-note{position:absolute;bottom:11%;left:8vw;font-size:12px;letter-spacing:.05em}.scroll-note span{display:block;font-size:28px;margin-top:10px}.composition{position:relative;max-width:1800px;margin-left:auto;margin-right:auto}.outside{height:125vw;max-height:1750px;margin-top:-60px}.thread{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.thread path,.pattern-line path{fill:none;stroke:var(--orange);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.65}.whisper{position:absolute;left:8%;top:1%;font-size:clamp(44px,6.5vw,96px);z-index:2}.forest{left:5%;top:19%;width:47%;height:59%;border-radius:48% 48% 5% 5%;overflow:hidden;transform:rotate(-5deg)}.bike{right:8%;top:9%;width:29%;height:40%;transform:rotate(8deg);border:10px solid var(--paper);box-shadow:0 25px 60px #20302d12}.berries{right:4%;top:56%;width:54%;height:32%;border-radius:54% 38% 50% 35%;overflow:hidden;transform:rotate(4deg)}.margin-note{position:absolute;font-family:Georgia,serif;font-style:italic;font-size:clamp(16px,2vw,24px)}.outside .margin-note{left:14%;bottom:5%;transform:rotate(-6deg)}.winter{height:110vw;max-height:1550px}.large-type{position:absolute;top:0;left:8%;font-size:clamp(60px,10vw,155px);z-index:2;pointer-events:none}.ski{right:10%;top:16%;width:47%;height:72%;border-radius:45% 45% 2px 2px;overflow:hidden;transform:rotate(3deg)}.station{left:4%;top:44%;width:42%;height:32%;transform:rotate(-7deg);border:9px solid var(--paper)}.ski-note{position:absolute;right:12%;bottom:4%;font-family:Georgia,serif;font-style:italic;transform:rotate(3deg)}.interruption{height:62vw;max-height:860px;margin-top:-3vw}.cow{left:17%;top:8%;width:57%;height:70%;border-radius:50%;overflow:hidden;transform:rotate(-8deg)}.cow img{object-position:56% 50%}.orbit{position:absolute;left:9%;top:14%;width:77%;height:62%;border:1px solid var(--orange);border-radius:50%;transform:rotate(17deg)}.interruption h2{position:absolute;right:7%;bottom:12%;font-size:clamp(28px,4vw,62px);transform:rotate(-6deg);background:var(--paper);padding:15px}.water{height:146vw;max-height:2050px;padding-top:5vw}.water-title{position:relative;z-index:2;left:10%;font-size:clamp(54px,8vw,115px);pointer-events:none}.jetty{top:10%;left:0;width:100%;height:60%;mask-image:linear-gradient(transparent,#000 12%,#000 70%,transparent)}.jetty img{object-position:center 60%}.ships{top:64%;left:4%;width:83%;height:23%;transform:rotate(-5deg);border:10px solid var(--paper)}.beach{right:5%;top:44%;width:46%;height:33%;border-radius:48% 48% 48% 2%;overflow:hidden;transform:rotate(7deg);border:8px solid var(--paper)}.water .margin-note{bottom:5%;left:12%;transform:rotate(-3deg)}.patterns{height:83vw;max-height:1200px;margin-top:-5vw}.dome{width:62%;height:69%;left:6%;top:10%;border-radius:50%;overflow:hidden;transform:rotate(-15deg)}.pattern-line{position:absolute;width:100%;height:100%;inset:0;z-index:2;pointer-events:none}.patterns h2{position:absolute;right:7%;bottom:20%;font-size:clamp(45px,7vw,105px);z-index:3;background:var(--paper);padding:20px;transform:rotate(-5deg)}.pattern-note{position:absolute;right:10%;bottom:13%;font:italic 22px Georgia,serif;transform:rotate(-5deg)}.contact{min-height:900px;display:flex;align-items:center;padding:100px 7% 160px}.tree{left:0;top:0;width:57%;height:100%;mask-image:linear-gradient(90deg,#000 40%,transparent),linear-gradient(transparent,#000 15%,#000 70%,transparent);mask-composite:intersect}.contact-copy{position:relative;margin-left:44%;width:56%;pointer-events:none}.contact-copy a,.contact-copy button{pointer-events:auto}.contact h2{font-size:clamp(90px,14vw,200px)}.contact .handwritten{font-size:clamp(23px,2.8vw,40px);margin:25px 0 40px}.contact-links{display:flex;align-items:flex-start;flex-direction:column;gap:14px;font-size:clamp(16px,1.6vw,22px)}.contact-links button{background:var(--orange);border:0;border-radius:40px;color:white;padding:16px 25px;margin-bottom:8px}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}.address{font-size:13px;margin:35px 0;color:#4c5953}.back{font-size:12px}.lightbox{border:0;padding:0;background:#12201ef7;color:var(--paper);width:100vw;height:100dvh;max-width:none;max-height:none;overflow:hidden}.lightbox::backdrop{background:#12201e}.lightbox[open]{display:grid;grid-template-columns:65px 1fr 65px;align-items:center}.lightbox figure{margin:40px 0 15px;min-width:0;text-align:center}.lightbox figure img{display:block;max-width:100%;width:auto;max-height:82dvh;height:auto;object-fit:contain;margin:auto}.lightbox figcaption{font-size:12px;margin:14px auto 0;max-width:700px;padding:0 10px}.lightbox button{background:none;border:0;color:white;font-size:28px;padding:15px}.lightbox .close{position:absolute;top:5px;right:15px;z-index:2;font-size:36px}body.photo-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1800px){.opening-copy{max-width:1600px;margin:auto}.opening .handwritten{margin-left:500px}}
@media(max-width:700px){.page-header{padding:22px 6vw}nav{gap:18px;font-size:11px}.opening{min-height:690px;height:92svh;max-height:900px}.opening-copy{padding:165px 7vw 0}h1{font-size:clamp(76px,17vw,119px)}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:24px}.opening .handwritten{margin-left:33vw;font-size:40px}.mountains img{object-position:55% center}.scroll-note{bottom:9%}.outside{height:190vw;margin-top:0}.whisper{font-size:12vw;left:7%}.forest{top:25%;width:58%;height:57%;left:2%}.bike{right:5%;top:20%;width:36%;height:35%;border-width:5px}.berries{top:64%;right:2%;width:59%;height:25%}.outside .margin-note{bottom:1%;left:8%;font-size:16px}.winter{height:178vw;margin-top:18vw}.large-type{font-size:13vw;left:6%}.ski{top:21%;right:5%;width:64%;height:68%}.station{left:2%;top:54%;width:47%;height:25%;border-width:5px}.ski-note{bottom:3%;font-size:14px}.interruption{height:94vw;margin-top:12vw}.cow{left:9%;width:72%;height:67%}.orbit{left:3%;width:92%}.interruption h2{font-size:7vw;bottom:2%;right:5%;padding:10px}.water{height:216vw;margin-top:15vw}.water-title{font-size:12vw;left:6%}.jetty{top:13%;height:57%}.beach{width:65%;height:32%;top:44%;right:4%;border-width:5px}.ships{top:75%;height:16%;width:92%;border-width:5px}.water .margin-note{bottom:2%;left:7%;font-size:15px}.patterns{height:140vw;margin-top:12vw}.dome{width:84%;height:62%;left:3%;top:0}.patterns h2{font-size:12vw;bottom:18%;right:3%;padding:10px}.pattern-note{bottom:11%;font-size:17px;right:8%}.contact{padding:82vw 7vw 130px;min-height:0}.tree{width:100%;height:105vw;mask-image:linear-gradient(#000 20%,transparent)}.contact-copy{margin-left:0;width:100%;}.contact h2{font-size:28vw}.contact .handwritten{font-size:25px}.contact-links{font-size:17px}.lightbox[open]{grid-template-columns:40px 1fr 40px}.lightbox button{padding:8px;font-size:23px}.lightbox figcaption{font-size:11px}.enlarge{width:28px;height:28px;right:12px;bottom:12px}.lb-teaser{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Rotated artwork may extend beyond the canvas without widening the page. */
body.bildlich{overflow-x:clip}.water-title{width:85%}
@media(max-width:700px){.orbit{left:4%;width:86%}}

/* The complete photo journey: a continuous collage, with room for the horizon. */
.opening .handwritten{font-size:clamp(30px,4.5vw,64px)}
.paths{height:110vw;max-height:1540px;margin-top:-3vw;margin-bottom:10vw}
.ridge{width:77%;height:55%;left:0;top:0;mask-image:linear-gradient(#000 70%,transparent)}
.waterfall{width:33%;height:61%;right:4%;top:20%;border-radius:48% 48% 4% 4%;overflow:hidden;transform:rotate(5deg);border:8px solid var(--paper)}
.train{width:56%;height:35%;left:5%;top:59%;border-radius:2% 45% 45% 2%;overflow:hidden;transform:rotate(-5deg)}
.path-curve,.angle-curve{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.path-curve path,.angle-curve path{fill:none;stroke:var(--orange);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.65}
.summit{left:6%;top:26%;width:34%;aspect-ratio:3103/2327;border-radius:4% 35% 4% 20%;overflow:hidden;transform:rotate(-4deg)}.summit img{object-fit:contain}
.winter .station{top:56%;height:28%}
.sailing{height:99vw;max-height:1380px;margin-top:6vw;margin-bottom:7vw}
.sail{left:3%;top:1%;width:64%;height:61%;border-radius:52% 45% 3% 3%;overflow:hidden;transform:rotate(-5deg)}
.mast{width:27%;height:50%;right:5%;top:7%;border-radius:45% 45% 2% 2%;overflow:hidden;transform:rotate(6deg);border:8px solid var(--paper)}
.anchor{width:57%;height:43%;right:9%;top:50%;border-radius:45% 5% 45% 5%;overflow:hidden;transform:rotate(3deg);border:8px solid var(--paper)}
.sailing .margin-note{left:8%;top:74%;transform:rotate(-8deg);font-size:clamp(24px,3vw,45px)}
.water{height:116vw;max-height:1620px}.water .jetty{height:70%}.water .beach{top:47%;height:38%}
.horizon{position:relative;width:100%;margin:3vw 0 12vw}
.horizon .ships{position:relative;display:block;inset:auto;width:100%;height:auto;transform:none;border:0;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.horizon .ships img{width:100%;height:auto;object-fit:contain}
.angles{height:104vw;max-height:1450px;margin-top:-4vw;margin-bottom:8vw}
.stairs{width:68%;height:51%;left:3%;top:2%;border-radius:40% 3% 40% 3%;overflow:hidden;transform:rotate(-4deg)}
.camera{width:26%;height:42%;right:6%;top:17%;transform:rotate(9deg);border:9px solid var(--paper)}
.building{width:60%;height:45%;left:14%;top:50%;border-radius:3% 50% 3% 20%;overflow:hidden;transform:rotate(3deg);border:9px solid var(--paper)}
.homecoming{height:92vw;max-height:1290px;margin-bottom:3vw}
.dawn{width:100%;height:80%;top:0;left:0;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent)}
.clocktower{right:8%;top:34%;width:40%;height:53%;border-radius:48% 48% 5% 5%;overflow:hidden;transform:rotate(5deg);border:8px solid var(--paper)}
.homecoming .margin-note{left:8%;bottom:9%;font-size:clamp(20px,3vw,42px);transform:rotate(-5deg)}

@media(max-width:700px){
 .opening .handwritten{font-size:30px;margin-left:16vw;margin-top:28px;white-space:nowrap}
 .paths{height:172vw;margin-top:16vw;margin-bottom:14vw}
 .ridge{width:100%;height:47%}.waterfall{width:43%;height:56%;top:26%;right:3%;border-width:4px}.train{width:64%;height:29%;left:1%;top:65%}
 .summit{left:3%;top:29%;width:39%}.winter .station{top:57%;height:23%;width:45%}
 .sailing{height:174vw;margin-top:20vw;margin-bottom:13vw}.sail{left:2%;width:75%;height:51%}.mast{width:37%;height:43%;right:3%;top:34%;border-width:4px}.anchor{left:5%;right:auto;width:71%;height:33%;top:62%;border-width:4px}.sailing .margin-note{top:54%;left:5%;font-size:25px}
 .water{height:190vw}.water .jetty{height:66%}.water .beach{height:38%;top:48%}.water .margin-note{bottom:3%}
 .horizon{margin:7vw 0 25vw}
 .angles{height:167vw;margin-top:0;margin-bottom:14vw}.stairs{width:81%;height:45%;left:1%}.camera{right:4%;top:35%;width:35%;height:36%;border-width:4px}.building{width:75%;height:36%;left:4%;top:62%;border-width:4px}
 .homecoming{height:146vw;margin-bottom:10vw}.dawn{height:76%}.clocktower{width:50%;height:50%;top:37%;right:5%;border-width:4px}.homecoming .margin-note{font-size:21px;bottom:1%;left:6%}

}
.bildlich main{overflow-x:clip}.clocktower img{object-position:35% center}