:root{--ink:#203a4b;--muted:#53646c;--blue:#dfeef6;--paper:#faf9f6;--line:#d3dde0;--accent:#254e66;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#365e76}a:focus-visible,summary:focus-visible{outline:3px solid #b56c20;outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding-block:24px;border-bottom:1px solid var(--line);gap:24px}.logo{text-decoration:none;font:700 23px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.5px}.logo span{display:block;font:400 14px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:0;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:15px}nav a{text-decoration:none}.nav-book{border:1px solid var(--ink);padding:9px 16px;border-radius:var(--radius)}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center;padding-block:48px}.eyebrow{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 16px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(36px,4vw,53px);line-height:1.18;font-weight:500;letter-spacing:-1.8px;margin:0 0 24px}h1 span{color:#597f96}.intro{font-size:18px;line-height:1.7;color:var(--muted);margin:0}.hero-services{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:15px;font-weight:600}.button{display:inline-block;margin-top:24px;padding:13px 20px;background:var(--accent);color:white;text-decoration:none;border-radius:var(--radius);font-size:16px;font-weight:600}.button:hover{background:#163a52;color:white}.portrait{margin:0;position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/4.7}.portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 15%}.portrait figcaption{position:absolute;bottom:16px;left:16px;right:16px;background:rgba(250,249,246,.94);padding:12px 16px;border-radius:var(--radius);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px}.portrait figcaption strong{font-size:16px}.event-band{background:var(--blue);font-size:16px;padding:18px 0}.event-band p{margin-block:0}.event-band strong{margin-right:12px}.event-band a{white-space:nowrap}.section{padding-block:64px}h2{font-size:clamp(29px,3.2vw,39px);font-weight:500;line-height:1.25;letter-spacing:-1px;margin:0}.section-heading{margin-bottom:32px}.service{display:grid;grid-template-columns:1fr 1.65fr;gap:48px;padding:30px 0;border-top:1px solid var(--line)}.service .audience{font-size:14px;margin:0 0 8px}.service h3{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:0 0 10px}.format{font-size:14px;color:var(--muted)}h4{font-size:20px;font-weight:600;line-height:1.45;margin:0 0 12px}.service p{margin:0;color:var(--muted)}ul{padding:0;list-style:none;margin:16px 0 20px}li{padding-left:20px;position:relative;font-size:16px;margin:7px 0}li:before{content:'✓';position:absolute;left:0;color:#597f96}.text-link{display:inline-block;font-size:15px;font-weight:600}.service .project-example{font-size:15px;margin:0 0 18px}.feedback-heading{border-top:1px solid var(--line);padding-top:32px;margin-top:10px}.feedback-heading h3{font-size:24px;font-weight:500;margin:0 0 24px}.testimonial{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:28px;background:var(--blue);border-radius:var(--radius);margin:0 0 22px;align-items:start}.testimonial>img,.testimonial-photo img{width:150px;height:180px;object-fit:cover;border-radius:var(--radius)}.testimonial>img{object-position:38% center}.testimonial-mentoring>img{object-position:50% 25%}.testimonial-photo img{height:auto}.photo-credit{font-size:13px;color:var(--muted);margin:6px 0 0}.testimonial .eyebrow{margin-bottom:12px}.testimonial blockquote{margin:0;border:0;padding:0;font:400 18px/1.65 'DM Sans',Arial,sans-serif}.testimonial blockquote p{margin:0 0 12px}.testimonial figcaption{margin-top:16px;font-size:15px}.testimonial figcaption strong,.testimonial figcaption span{display:block}.testimonial figcaption span{font-size:14px;color:var(--muted)}.feedback-more{margin-top:8px}.feedback-more summary{font-size:14px;cursor:pointer;font-weight:600}.feedback-more blockquote{margin-top:16px}.training-photos{margin:32px 0 0}.training-photo-grid img{width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius)}.training-photos figcaption{font-size:14px;color:var(--muted);margin-top:8px}.event-section{border-top:1px solid var(--line)}.schedule-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:30px;padding:21px 0;border-top:1px solid var(--line)}.schedule-date{font-size:16px;font-weight:600;padding-top:2px}.schedule-row h3{font-size:20px;line-height:1.4;font-weight:600;margin:0}.schedule-row p{margin:7px 0;color:var(--muted);font-size:16px;max-width:700px}.schedule-action{font-size:14px;color:var(--muted)}.schedule-action:empty{display:none}.schedule-action .text-link{font-size:14px}.calendar-cta{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.calendar-cta h3{font-size:23px;font-weight:500;margin:0}.calendar-cta .button{margin-top:16px}.online-training{padding-block:64px;border-top:1px solid var(--line)}.online-heading{max-width:760px}.online-heading>p:not(.eyebrow){color:var(--muted);max-width:660px}.online-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin:28px 0 0}.online-list article{border-top:1px solid var(--line);padding-top:20px}.online-list h3{font-size:21px;line-height:1.4;font-weight:600;margin:0 0 12px}.online-list p{margin:0;color:var(--muted);font-size:16px}.online-feedback{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.online-feedback h3{font-size:23px;font-weight:500;margin:0 0 24px}.online-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.online-feedback figure{margin:0}.online-feedback blockquote{margin:0;font:400 18px/1.65 'DM Sans',Arial,sans-serif}.online-feedback figcaption{margin:16px 0 0 23px;font-size:15px}.online-feedback figcaption strong,.online-feedback figcaption span{display:block}.online-feedback figcaption span{color:var(--muted)}.online-feedback figcaption a{display:inline-block;margin-top:8px;font-size:14px}.about{background:#eef2f1}.about-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:48px}.about p:not(.eyebrow){color:var(--muted);margin-top:0}.about .lead{font-size:20px;line-height:1.65}blockquote{margin:24px 0 0;border-left:3px solid #87a9bc;padding:4px 0 4px 20px;font:500 21px/1.5 Manrope,Arial,sans-serif}.social-links{margin-top:28px}.social-links p{margin-bottom:8px}.social-links a{display:inline-block;margin-right:22px;font-size:16px;font-weight:600}.booking-heading{max-width:660px;margin-bottom:28px}.booking-heading>p:not(.eyebrow){color:var(--muted);max-width:570px}.calendar{border:1px solid var(--line);border-radius:var(--radius);background:white;min-height:600px;overflow:hidden}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}footer p{margin:6px 0 0;font-size:14px;color:var(--muted)}footer>span{color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:15px}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}header{flex-wrap:wrap;gap:18px;padding-block:20px}nav{width:100%;flex-wrap:wrap;gap:12px 20px;font-size:14px}.nav-book{padding:7px 12px}.hero{grid-template-columns:1fr;gap:30px;padding-block:36px}h1{font-size:40px;letter-spacing:-1.3px}.intro{font-size:17px}.hero-services{gap:9px 18px}.portrait{aspect-ratio:1.15;max-width:460px;width:100%}.portrait img{object-position:50% 12%}.event-band strong{display:block;margin-bottom:4px}.section,.online-training{padding-block:48px}.service,.about-grid{grid-template-columns:1fr;gap:20px}.service{padding-block:26px}.service h3{font-size:26px}.testimonial{grid-template-columns:90px minmax(0,1fr);padding:20px;gap:18px}.testimonial>img,.testimonial-photo img{width:90px;height:110px;object-fit:cover}.testimonial-photo img{object-position:50% 20%}.testimonial blockquote{font-size:17px}.photo-credit{font-size:12px}.schedule-row{grid-template-columns:1fr;gap:7px}.schedule-date{font-size:14px;color:var(--muted)}.online-list,.online-feedback-grid{grid-template-columns:1fr;gap:28px}.calendar{min-height:650px}footer{align-items:flex-start;flex-wrap:wrap}footer>div{width:100%}}
@media(max-width:430px){.testimonial{grid-template-columns:1fr}.testimonial>img,.testimonial-photo img{width:100px;height:115px}.testimonial-photo{width:100px}.portrait figcaption{left:12px;right:12px;bottom:12px}.hero-services{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{flex-wrap:wrap;gap:16px}header nav{margin-left:auto;gap:18px}.contact-icons{display:flex;gap:8px;align-items:center}.contact-icons a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px}.contact-icons svg{width:23px;height:23px}.service-group{margin:28px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.service-group .service{border:0;padding:28px}.service-group .testimonial{margin:0;border-radius:0;padding:28px}.testimonial>img,.testimonial-photo img{width:150px;height:180px;object-fit:cover;object-position:50% 25%}.service h3{margin-bottom:12px}.service .audience{margin:0}.event-section .training-photos{margin:0 0 30px}.calendar-cta p{margin:0;font-size:17px}.veebikool-banner{background:#203a4b;color:#fff;padding:40px;border-radius:8px}.veebikool-banner .eyebrow{color:#dfeef6;font-size:18px}.veebikool-banner p{max-width:760px}.veebikool-banner .button{background:#dfeef6;color:#203a4b}.about-photo{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:50% 15%;border-radius:8px}.about h2{margin-bottom:24px}@media(max-width:760px){header nav{margin-left:0}.service-group .service,.service-group .testimonial{padding:22px}.veebikool-banner{padding:26px}.about-photo{max-width:360px;max-height:420px}.testimonial>img,.testimonial-photo img{width:100px;height:120px}.testimonial{grid-template-columns:100px minmax(0,1fr)}}@media(max-width:430px){.testimonial{grid-template-columns:1fr}}

.hero{grid-template-columns:minmax(0,1fr) 280px}.hero .portrait{width:280px;max-width:100%;aspect-ratio:1;justify-self:center}.hero .portrait img{object-position:center}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .portrait{width:200px;justify-self:start}}

/* Veebikool: supplied brand, scoped to the training section. */
#veebikoolitused{background:#FFFFFF;color:#000000;border-top:0;padding-block:72px;font:400 18px/1.65 'Overpass',Arial,sans-serif}
#veebikoolitused .veebikool-banner{background:#FFFFFF;color:#000000;padding:0 0 40px;border-radius:0;max-width:800px}
#veebikoolitused .veebikool-brand-logo{width:260px;max-width:80%;height:auto;margin-bottom:32px}
#veebikoolitused h2,#veebikoolitused h3{font-family:'Nunito Sans',Arial,sans-serif;font-weight:800;letter-spacing:-.035em;color:#000000}
#veebikoolitused h2{font-size:clamp(30px,3.2vw,40px);line-height:1.2;max-width:680px;margin-bottom:24px}
#veebikoolitused .veebikool-banner p{max-width:740px;margin:0 0 16px}
#veebikoolitused a{color:#A2146A}
#veebikoolitused a:hover{color:#7B0F50}
#veebikoolitused a:focus-visible{outline:3px solid #EF8005;outline-offset:5px}
#veebikoolitused .button{background:#A2146A;color:#FFFFFF;border-radius:12px;padding:16px 28px;font:700 18px/1.4 'Nunito Sans',Arial,sans-serif;margin-top:12px;text-align:center}
#veebikoolitused .button:hover{background:#7B0F50;color:#FFFFFF}
#veebikoolitused .online-feedback{margin:0;padding-top:32px;border-top:1px solid #ECD9E4}
#veebikoolitused .online-feedback h3{font-size:26px;line-height:1.3;margin:0 0 24px}
#veebikoolitused .online-feedback-grid{gap:24px}
#veebikoolitused .online-feedback figure{background:#ECD9E4;border-radius:16px;padding:28px;box-shadow:0 8px 24px #0000000A;display:flex;flex-direction:column}
#veebikoolitused .online-feedback figure:nth-child(2){background:#EFF4F9}
#veebikoolitused .online-feedback blockquote{border:0;padding:0;margin:0 0 24px;font:400 18px/1.65 'Overpass',Arial,sans-serif;color:#000000}
#veebikoolitused .online-feedback figcaption{margin:auto 0 0;color:#000000}
#veebikoolitused .online-feedback figcaption strong{font:800 17px/1.5 'Nunito Sans',Arial,sans-serif}
#veebikoolitused .online-feedback figcaption span{color:#000000;font-weight:400}
#veebikoolitused .online-feedback figcaption a{font-size:15px}
@media(max-width:760px){#veebikoolitused{padding-block:48px}#veebikoolitused .veebikool-brand-logo{width:220px;margin-bottom:28px}#veebikoolitused .online-feedback figure{padding:24px}#veebikoolitused .button{width:100%}}

/* Final readability and service grouping refinements. */
nav .slides-highlight{position:relative;font-weight:700;color:#a34a09;padding:9px 12px;white-space:nowrap}
nav .slides-highlight::after{content:'';position:absolute;inset:0 -3px;border:2px solid #EF8005;border-radius:48% 52% 46% 54% / 51% 43% 57% 49%;transform:rotate(-3deg);pointer-events:none}
.hero .independence{margin-top:22px}
.event-band .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.event-band strong{margin:0}
.event-band .feedback-link{border:1px solid var(--accent);border-radius:8px;padding:8px 16px;text-decoration:none;margin-left:auto;font-weight:600;white-space:normal}
#koostoo>.section-heading h2{font-size:clamp(27px,3vw,36px);letter-spacing:-1px}
.service-group{border:2px solid #87a9bc;border-radius:12px;margin:28px 0 40px;background:#FFFFFF}
.service-group .service{display:block;padding:0}
.service-group .service>div:first-child{background:var(--accent);color:#FFFFFF;padding:24px 32px}
.service-group .service h3{font-size:32px;font-weight:700;margin-bottom:4px;line-height:1.25}
.service-group .service .audience{color:#FFFFFF;font-size:15px}
.service-group .service>div:nth-child(2){padding:28px 32px}
.service-group .service h4{font-size:22px}
.service-group .service .text-link{display:block;width:fit-content;margin-left:auto}
.service-group .testimonial{padding:28px 32px;border-top:1px solid #87a9bc;grid-template-columns:150px minmax(0,1fr)}
.service-group .testimonial>img,.service-group .testimonial-photo,.service-group .testimonial-photo img{width:150px;height:180px;flex:none}
.service-group .testimonial img{object-fit:cover;object-position:50% 25%;border-radius:8px}
#veebikoolitused .veebikool-banner{max-width:none}
#veebikoolitused h2{max-width:none;font-size:clamp(28px,3vw,38px)}
#veebikoolitused .veebikool-banner p{max-width:none}
footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:32px;padding-block:36px}
footer h3{font-size:18px;font-weight:700;margin:0 0 10px}footer p{margin:0 0 12px}footer .contact-icons{margin-top:12px}footer .footer-social p{color:var(--ink)}
@media(max-width:760px){nav .slides-highlight{margin:4px 0}.event-band .feedback-link{margin-left:0}.service-group .service>div:first-child,.service-group .service>div:nth-child(2),.service-group .testimonial{padding:22px}.service-group .service h3{font-size:28px}.service-group .testimonial{grid-template-columns:100px minmax(0,1fr);gap:20px}.service-group .testimonial>img,.service-group .testimonial-photo,.service-group .testimonial-photo img{width:100px;height:120px}footer{grid-template-columns:1fr 1fr}footer .footer-social{grid-column:1/-1}}
@media(max-width:430px){.service-group .testimonial{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer .footer-social{grid-column:auto}}

/* Airy header and light service palette inspired by the training room. */
:root{--accent:#34584f;--ink:#283e43;--muted:#53646a;--blue:#e3f0f7;--line:#d1dfdf}
header{gap:20px;padding-block:26px}header .logo{font-size:22px}header nav{gap:18px;font-size:14px;margin-left:auto}
header>.slides-highlight{position:relative;color:#a34a09;font-weight:700;font-size:14px;text-decoration:none;padding:8px 12px;white-space:nowrap}
header>.slides-highlight::after{content:'';position:absolute;inset:0 -3px;border:2px solid #EF8005;border-radius:48% 52% 46% 54% / 51% 43% 57% 49%;transform:rotate(-3deg);pointer-events:none}
header>.nav-book{font-size:14px;text-decoration:none;background:#e3f0f7;border-color:#adc5ce;white-space:nowrap}
.menu-toggle{display:none}.hero{padding-block:54px}.hero-options{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px}.hero-options a{font-size:16px;font-weight:600;color:#34584f;text-decoration-thickness:1px}
.service-group{border-color:#c1d6d5}.service-group .service>div:first-child{background:#e3f0f7;color:var(--ink)}
.service-group:nth-of-type(3) .service>div:first-child{background:#e5eee6}
.service-group:nth-of-type(4) .service>div:first-child{background:#e8efec}
.service-group .service .audience{color:var(--muted)}
.service-group .service>div:nth-child(2){max-width:850px;margin-inline:auto;padding:30px 32px}
.service-group .service h4{max-width:38ch}.service-group .service p,.service-group .service li{max-width:72ch}
.service-group .service .service-start{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.service-group .testimonial{background:#e3f0f7;border-top-color:#c1d6d5}.service-group .testimonial blockquote{max-width:66ch}
.service-next{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.service-group .service .service-price{font-weight:600;font-size:18px;color:var(--ink);margin-bottom:16px}
.service-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.service-actions .button{margin:0;background:#e5eee6;color:#283e43;border:1px solid #b6ccc0}
.service-actions .button:hover{background:#d4e4d8;color:#283e43}
.service-group .service .service-actions .text-link{display:inline-block;margin:0;width:auto}
.about{background:#edf2ec}#veebikoolitused .veebikool-banner p{max-width:75ch}
@media(max-width:1050px) and (min-width:761px){header{gap:16px}header nav{order:4;width:100%;justify-content:flex-end}}
@media(max-width:760px){header{display:grid;grid-template-columns:1fr auto;gap:18px 20px;padding-block:20px}header>.logo{grid-column:1;grid-row:1}.menu-toggle{grid-column:2;grid-row:1;border:1px solid #adc5ce;border-radius:8px;background:transparent;color:var(--ink);padding:10px 14px;font:600 15px 'DM Sans',Arial,sans-serif;min-height:44px}.has-js .menu-toggle{display:block}header>.slides-highlight{grid-column:1;grid-row:2;justify-self:start;padding:10px 8px}header>.nav-book{grid-column:2;grid-row:2;padding:10px 12px;min-height:44px}header nav{grid-column:1/-1;grid-row:3;margin:0;width:100%;gap:0;border-top:1px solid var(--line);padding-top:8px}.has-js header nav{display:none}.has-js header nav.is-open{display:flex;flex-direction:column;align-items:stretch}header nav a{padding:12px 0;min-height:44px}.hero{padding-block:34px}.hero-options{gap:8px 20px;margin-top:22px}.hero-options a{padding-block:8px}.service-group .service>div:nth-child(2){padding:24px 22px}.service-actions{gap:14px 20px}.service-actions .button{font-size:15px}.hero .eyebrow{max-width:38ch}}

/* Consistent body copy and quieter service actions. */
body{font-size:16px}
p,.intro,.service p,.service li,.service .audience,.schedule-row p,.schedule-date,.schedule-action,.schedule-action .text-link,.calendar-cta p,.about p:not(.eyebrow),.about .lead,.booking-heading p{font-size:16px}
.service-group .service .audience,.service-group .service .service-start{font-size:16px}
.service-group .service .service-start{border:0;padding-top:0;margin-top:20px}
.service-group{box-shadow:0 6px 20px rgba(40,62,67,.055)}
.service-next{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;border:0;padding:0;margin-top:22px}
.service-group .service .service-next .text-link{display:inline-block;margin:0;width:auto;font-size:16px;font-weight:400;text-decoration:underline}
.service-group .testimonial{grid-template-columns:200px minmax(0,1fr);gap:30px}
.service-group .testimonial>img,.service-group .testimonial-photo,.service-group .testimonial-photo img{width:200px;height:auto;max-width:100%}
.service-group .testimonial img{object-fit:contain;object-position:center}
.service-group .testimonial blockquote,.service-group .testimonial blockquote p{font:400 16px/1.65 'DM Sans',Arial,sans-serif}
.service-group .testimonial figcaption,.service-group .testimonial figcaption span{font-size:16px}
#veebikoolitused{font-size:16px}
#veebikoolitused .online-feedback blockquote{font:400 16px/1.65 'Overpass',Arial,sans-serif}
#veebikoolitused .online-feedback figcaption,#veebikoolitused .online-feedback figcaption strong,#veebikoolitused .online-feedback figcaption a{font-size:16px}
footer p,footer a,footer .footer-social p{font-size:16px}
@media(max-width:760px){.service-group .testimonial{grid-template-columns:140px minmax(0,1fr);gap:22px}.service-group .testimonial>img,.service-group .testimonial-photo,.service-group .testimonial-photo img{width:140px;height:auto}.intro{font-size:16px}}
@media(max-width:540px){.service-group .testimonial{grid-template-columns:1fr}.service-group .testimonial>img,.service-group .testimonial-photo,.service-group .testimonial-photo img{width:180px;height:auto}}

.hero-slides{margin-top:24px}
.hero-slides .slides-highlight{display:inline-block;position:relative;color:#a34a09;font-size:16px;font-weight:600;text-decoration:none;padding:8px 14px}
.hero-slides .slides-highlight::after{content:'';position:absolute;inset:0 -3px;border:2px solid #EF8005;border-radius:48% 52% 46% 54% / 51% 43% 57% 49%;transform:rotate(-3deg);pointer-events:none}
@media(max-width:760px){header>.nav-book{grid-column:1;grid-row:2;justify-self:start}.hero-slides{margin-top:18px}}

.hero{grid-template-columns:minmax(0,1fr) 460px;gap:36px}
.hero .portrait{width:460px;max-width:100%;aspect-ratio:1}
@media(max-width:1000px) and (min-width:761px){.hero{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.hero .portrait{width:340px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px}.hero .portrait{width:400px;max-width:100%;justify-self:start}}