:root{--paper:#f4efe4;--ink:#28231e;--clay:#bd5b43;--blue:#496f77;--rose:#deb6ac;--yellow:#dfbf5d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Karla,sans-serif}a{color:inherit}header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9b9284}.mark{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.13em}.mark span{font:31px "Cormorant Garamond";margin-right:9px;color:var(--clay)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.cover{height:850px;position:relative;overflow:hidden}.color-block{position:absolute;width:48%;height:65%;right:0;top:0;background:var(--rose)}.place{position:absolute;left:4vw;top:45px;text-transform:uppercase;font-size:10px;letter-spacing:.2em}.cover-image{position:absolute;width:44%;right:8%;top:105px;transform:rotate(1.5deg)}.cover-image img{width:100%;display:block;filter:saturate(.75);border:10px solid #f9f5ec;box-shadow:0 20px 45px rgba(53,37,24,.18)}.cover-copy{position:absolute;left:8%;top:175px;z-index:2}.cover-copy>span{text-transform:uppercase;font-size:10px;letter-spacing:.17em}.cover h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500;margin:0}.cover h1{font-size:clamp(68px,8vw,125px);line-height:.75;margin-top:35px}.cover h1 em{color:var(--clay)}.caption{position:absolute;right:3%;bottom:100px;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:.17em}.letter{padding:130px 14vw;display:grid;grid-template-columns:25% 75%;background:#fffaf1;border-block:1px solid #b8ae9f}.date{text-transform:uppercase;font-size:10px;letter-spacing:.14em}.letter>div{max-width:790px}.letter>div p{font:32px/1.4 "Cormorant Garamond"}.drop{float:left;font:140px/.65 "Cormorant Garamond";color:var(--clay);padding-right:15px}.letter em{font:30px "Cormorant Garamond"}.map{height:270px;padding:0 7vw;display:flex;align-items:center;background:var(--blue);color:white}.city{font:italic 34px "Cormorant Garamond";white-space:nowrap}.city small{display:block;font:9px Karla;text-transform:uppercase;letter-spacing:.15em;color:#cbd9da}.line{height:1px;background:rgba(255,255,255,.4);flex:1;margin:0 25px;position:relative}.line:after{content:"✦";position:absolute;left:50%;top:-8px;color:var(--yellow)}.scrapbook{padding:130px 7vw;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;position:relative}.scrapbook figure{margin:0}.scrapbook img{width:100%;display:block}.main{transform:rotate(-1deg)}figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-top:12px}.quote{align-self:start;background:var(--clay);color:white;padding:60px 45px;transform:rotate(2deg)}.quote>span{font-size:35px;color:var(--yellow)}blockquote{font:46px/1.12 "Cormorant Garamond";margin:20px 0}.quote em{color:var(--yellow)}.small-photo{width:43%;margin:-170px 0 0 auto;position:relative;z-index:2;background:#fff;padding:13px;transform:rotate(4deg);box-shadow:0 15px 30px #8d837366}.small-photo p{font:italic 20px "Cormorant Garamond"}.lessons{border-top:1px solid #9b9284}.intro{padding:110px 8vw;display:grid;grid-template-columns:25% 75%}.intro>p,.objects>p{text-transform:uppercase;font-size:10px;letter-spacing:.16em}.intro h2{font-size:70px;max-width:850px}.lessons>a{display:grid;grid-template-columns:16% 30% 1fr 140px;align-items:center;text-decoration:none;padding:35px 5vw;border-top:1px solid #9b9284;transition:.25s}.lessons>a:hover{background:var(--yellow);padding-left:6vw}.lessons>a span,.lessons>a b{text-transform:uppercase;font-size:9px;letter-spacing:.14em}.lessons h3{font-size:39px}.lessons>a p{line-height:1.6;color:#655d53}.objects{padding:100px 7vw;background:var(--rose);display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.objects>p{grid-column:1/-1;margin-bottom:40px}.objects>div{border-left:1px solid #8d695f;padding:25px 40px}.objects h3{font-size:35px;margin-top:50px}.objects>div p{line-height:1.55}.contact{padding:130px 8vw;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.contact>div>p{text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:var(--yellow)}.contact h2{font-size:clamp(60px,7vw,105px);line-height:.83}.contact>a{border-bottom:1px solid var(--yellow);color:var(--yellow);padding:25px 0;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;display:flex;justify-content:space-between}.contact small{grid-column:2;text-transform:uppercase;letter-spacing:.12em;color:#aaa}footer{height:130px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}footer span{font:45px "Cormorant Garamond";color:var(--clay)}footer p{text-transform:uppercase;font-size:10px;letter-spacing:.13em}@media(max-width:800px){nav{display:none}.cover{height:900px}.cover-image{width:75%;right:-10%;top:250px}.cover-copy{left:5%;top:90px}.caption{display:none}.letter{grid-template-columns:1fr;padding:90px 7vw}.map{height:auto;padding:70px 10%;flex-direction:column;align-items:flex-start;gap:25px}.line{width:1px;height:60px;flex:none;margin:0 0 0 20px}.scrapbook{grid-template-columns:1fr}.small-photo{width:65%;margin:-40px 0 0 auto}.intro,.lessons>a,.contact{grid-template-columns:1fr}.intro{gap:25px}.lessons>a{gap:15px}.objects{grid-template-columns:1fr}.objects>div{border-left:0;border-top:1px solid #8d695f}.contact small{grid-column:1}footer p:last-child{display:none}}