:root{--cream:#f3eedf;--black:#1d211d;--red:#c84632;--blue:#294d71;--white:#fffdf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:"Klee One",sans-serif}a{color:inherit;text-decoration:none}.proposal{height:31px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font:700 9px "Montserrat";letter-spacing:.12em}.proposal span{opacity:.7}
header{height:92px;padding:14px 5vw;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--black)}.logo{font:800 36px/.8 "Bodoni Moda";letter-spacing:-.04em}.logo small{display:block;margin-top:8px;font:700 7px "Montserrat";letter-spacing:.22em}nav{display:flex;gap:28px;margin-left:auto;font-size:11px;font-weight:600}.reserve{padding:11px 16px;border:1px solid;font:700 9px "Montserrat"}
.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;border-bottom:1px solid}.hero-photo{background:url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1500&q=88") center/cover}.hero-board{padding:100px 6vw;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:center}.small,.label{font:700 9px "Montserrat";letter-spacing:.23em;color:var(--red)}.hero h1{font:600 clamp(52px,5.8vw,84px)/1.18 "Klee One";letter-spacing:-.08em;margin:34px 0}.hero h1 em{font-style:normal;color:#e8d7a6;white-space:nowrap;font-size:.82em}.hero-board>p:not(.small){line-height:2}.hero-board>a{margin-top:35px;font:700 9px "Montserrat";letter-spacing:.18em}.scribble{position:absolute;left:calc(55% - 70px);top:60px;width:140px;height:140px;background:var(--red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:600 25px/1.1 "Klee One";transform:rotate(-11deg);box-shadow:7px 7px 0 var(--cream)}
.about{display:grid;grid-template-columns:170px 1fr 1fr;align-items:center;gap:6vw;padding:110px 6vw;border-bottom:1px solid}.year{height:170px;border:1px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg)}.year small,.year span{font:700 8px "Montserrat";letter-spacing:.2em}.year strong{font:800 72px/.9 "Bodoni Moda";color:var(--red)}h2{font:600 clamp(39px,4.4vw,65px)/1.45 "Klee One";letter-spacing:-.07em;margin:15px 0}.about>p{line-height:2.1;font-size:14px}
.table{padding:110px 6vw;background:#e4dbc7}.table-head{display:flex;justify-content:space-between;align-items:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.cards article{background:var(--cream);border:1px solid;padding:12px 12px 30px;position:relative}.pic{height:300px;background-size:cover;background-position:center;filter:saturate(.8)}.antipasti{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=88")}.primo{background-image:url("https://images.unsplash.com/photo-1551183053-bf91a1d81141?auto=format&fit=crop&w=900&q=88")}.vino{background-image:url("https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=900&q=88")}.cards span{position:absolute;top:25px;left:25px;background:var(--red);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 9px "Montserrat"}.cards h3{font:800 34px "Bodoni Moda";margin:22px 15px 8px}.cards p{margin:0 15px;font-size:12px;line-height:1.8}.note{width:max-content;max-width:100%;margin:50px auto 0;padding:16px 25px;border:1px dashed;font-size:12px;transform:rotate(-1deg)}
.mood{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px}.mood-photo{background:url("https://images.unsplash.com/photo-1552566626-52f8b828add9?auto=format&fit=crop&w=1400&q=88") center/cover}.mood-copy{padding:100px 6vw;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:center}.mood-copy .label{color:#f1b8a6}.mood-copy>p:last-child{line-height:2}
.info{display:grid;grid-template-columns:.85fr 1.15fr;min-height:700px}.chalk{background:var(--black);color:#fff;padding:80px 5vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.chalk span{font:700 10px "Montserrat";letter-spacing:.25em;color:#e7d5a2}.chalk strong{font:600 clamp(65px,8vw,120px)/1 "Bodoni Moda"}.chalk i{font-style:normal;font-size:40px}.chalk small{margin-top:35px;opacity:.55}.details{padding:90px 7vw}.details h2{font-family:"Bodoni Moda";letter-spacing:-.04em}.details dl>div{display:grid;grid-template-columns:100px 1fr;padding:14px 0;border-top:1px solid #1d211d55;font-size:12px}.details dd{margin:0;line-height:1.7}.actions{display:flex;gap:12px;margin-top:35px}.actions a{padding:12px 16px;border:1px solid;font:700 9px "Montserrat"}.actions a:first-child{background:var(--red);color:#fff}
footer{height:135px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--black);color:#fff}footer p{font:700 8px "Montserrat";letter-spacing:.15em}
@media(max-width:820px){.proposal span,nav{display:none}header{height:73px;padding:12px 20px}.logo{font-size:29px}.reserve{margin-left:auto}.hero{grid-template-columns:1fr;grid-template-rows:390px auto}.hero-board{padding:75px 22px}.hero h1{font-size:47px}.hero h1 em{white-space:normal}.scribble{left:auto;right:18px;top:330px;width:105px;height:105px;font-size:20px}.about{grid-template-columns:95px 1fr;padding:80px 22px;gap:20px}.year{height:95px}.year strong{font-size:45px}.about>p{grid-column:2}.table{padding:80px 22px}.table-head{display:block}.cards{grid-template-columns:1fr}.pic{height:350px}.mood{grid-template-columns:1fr}.mood-photo{min-height:430px}.mood-copy{padding:75px 22px}.info{grid-template-columns:1fr}.chalk{min-height:480px}.details{padding:75px 22px}footer{height:auto;padding:40px 22px;display:block}footer p{margin-top:25px}}
@media(max-width:390px){.hero h1{font-size:42px}.about{grid-template-columns:1fr}.about>p{grid-column:1}.year{width:95px}.actions{flex-direction:column}.details dl>div{grid-template-columns:82px 1fr}}

.course-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}.course{background:var(--cream);border:1px solid}.course-photo{height:360px;background-size:cover;background-position:center}.full-photo{background-image:url("https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1100&q=88")}.short-photo{background-image:url("https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1100&q=88")}.course-body{padding:35px}.course-body>span{font:700 9px "Montserrat";letter-spacing:.18em;color:var(--red)}.course-body h3{font:800 clamp(30px,3vw,44px)/1.1 "Bodoni Moda";margin:18px 0 8px}.course-body strong{font:800 28px "Bodoni Moda";color:var(--blue)}.course-body p{font-size:13px;line-height:1.9}.course-body ul{margin:22px 0 0;padding:20px 0 0;list-style:none;border-top:1px solid #1d211d44}.course-body li{padding:6px 0;font-size:11px}.course-body li:before{content:"—";margin-right:10px;color:var(--red)}
@media(max-width:820px){.course-grid{grid-template-columns:1fr}.course-photo{height:340px}}
