/* Qovemasil Career Correspondence Studio: milk paper, ink black, postal red, airmail blue and citrus writing marks. */
:root{--paper:#faf7ef;--ink:#152227;--red:#ce3c32;--blue:#2c6fb7;--yellow:#f1ca53;--muted:#687277;--serif:'Instrument Serif',serif;--sans:'Work Sans',sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-head{height:77px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;z-index:4;color:var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.brand img{height:36px;width:36px;object-fit:contain}.brand small{display:block;font:9px var(--mono);text-transform:uppercase;letter-spacing:.07em}.site-head nav{gap:25px;font:14px var(--mono);text-transform:uppercase}.contact-link{font:14px var(--mono);text-transform:uppercase}.open-letter{min-height:805px;display:grid;grid-template-columns:1.05fr .95fr;padding:77px 5% 0;background:var(--paper)}.letter-copy{padding:105px 8% 70px 2%;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--ink)}.letter-copy:before{content:'';position:absolute;top:0;left:-8vw;right:0;border-top:14px solid var(--blue);border-bottom:14px solid var(--red);height:28px}.postmark{font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--red);margin:0 0 20px}.letter-copy h1,.the-inbox h2,.stamped-evidence h2,.reply-rail h2,.ladder-intro h2,.draft-table h2,.address-book h2,.postbox h2,.closing-envelope h2{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.letter-copy h1{font-size:clamp(4.8rem,8vw,9rem);line-height:.79;margin:0 0 29px}.letter-copy em,.the-inbox em,.stamped-evidence em,.reply-rail em,.ladder-intro em,.draft-table em,.address-book em,.postbox em,.closing-envelope em{color:var(--red)}.lede{max-width:460px;line-height:1.75;font-size:18px;margin-bottom:31px}.red-button{display:inline-flex;gap:9px;align-items:center;width:max-content;min-height:48px;padding:13px 16px;background:var(--red);color:#fff;border:0;font:700 14px var(--sans)}.airmail-strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:54px;padding-top:12px;border-top:2px dashed var(--blue);font:10px var(--mono);color:var(--blue)}.open-letter figure{position:relative;margin:0;overflow:hidden}.open-letter figure img{width:100%;height:100%;object-fit:cover}.open-letter figcaption{position:absolute;bottom:16px;right:16px;padding:10px;background:var(--paper);font:10px var(--mono);letter-spacing:.08em}.the-inbox{padding:130px 8%;background:#fff}.inbox-title{display:grid;grid-template-columns:.55fr 1.15fr .75fr;gap:5vw;align-items:end}.inbox-title h2{font-size:clamp(3.8rem,7vw,7.5rem);line-height:.82;margin:0}.inbox-title>p{line-height:1.75;margin:0}.inbox-body{display:grid;grid-template-columns:.85fr .92fr 1fr;gap:0;margin-top:68px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.inbox-body figure{margin:0;padding:20px 20px 20px 0;border-right:1px solid var(--ink)}.inbox-body figure img{width:100%;height:420px;object-fit:cover}.inbox-body figcaption{font:10px var(--mono);color:var(--blue);margin-top:12px}.letter-stack{padding:20px;border-right:1px solid var(--ink);display:grid;align-content:start;gap:9px}.letter-choice{position:relative;padding:20px;background:var(--paper);border:1px solid var(--ink);text-align:left;font:20px/1.25 var(--serif);color:var(--ink)}.letter-choice:before{content:'';position:absolute;top:0;left:0;right:0;border-top:7px solid var(--blue);border-bottom:7px solid var(--red);height:14px}.letter-choice span{display:block;margin-bottom:20px;font:10px var(--mono);color:var(--blue)}.letter-choice.active{background:var(--yellow);transform:translateX(8px)}.reply-card{align-self:center;margin:26px;padding:28px;border:2px solid var(--red);position:relative;line-height:1.75}.reply-card:after{content:'REPLIED';position:absolute;right:16px;top:-14px;padding:4px 7px;background:var(--red);color:#fff;font:10px var(--mono);letter-spacing:.1em}.reply-card p:first-child{font:31px/1.05 var(--serif);margin:0 0 17px}.reply-card p:nth-child(2){margin:0}.reply-card span{display:block;margin-top:21px;font:10px var(--mono);color:var(--blue)}.stamped-evidence{display:grid;grid-template-columns:1.1fr .9fr .7fr;background:var(--ink);color:var(--paper);padding:0 6%}.evidence-left{padding:120px 11% 120px 2%}.evidence-left .postmark{color:var(--yellow)}.evidence-left h2{font-size:clamp(3.8rem,6vw,6.8rem);line-height:.83;margin:0 0 24px}.evidence-left p:not(.postmark){line-height:1.75}.evidence-left button{min-height:46px;padding:10px 13px;background:var(--yellow);border:0;color:var(--ink);font:700 14px var(--sans);margin-top:16px}.stamp-note{margin-top:22px;padding:18px;border:1px dashed var(--yellow);line-height:1.7}.stamp-note b{font:10px var(--mono);color:var(--yellow);letter-spacing:.1em}.stamp-note p{margin:8px 0 0}.evidence-portrait{position:relative;padding:55px 0}.evidence-portrait img{height:100%;width:100%;object-fit:cover}.evidence-portrait span{position:absolute;left:-6px;bottom:34px;padding:10px;background:var(--red);font:10px var(--mono)}.evidence-wide{padding:120px 0 120px 20px;display:flex;flex-direction:column;justify-content:end;gap:18px}.evidence-wide img{height:250px;width:100%;object-fit:cover}.evidence-wide p{font:10px var(--mono);letter-spacing:.1em;color:var(--yellow)}.reply-rail{padding:120px 8%;display:grid;grid-template-columns:.7fr .85fr .75fr;gap:4vw;align-items:center}.reply-rail h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.82;margin:0}.rail-image{position:relative}.rail-image img{width:100%;height:470px;object-fit:cover}.rail-image span{display:block;margin-top:10px;font:10px var(--mono);color:var(--red);line-height:1.5}.rail-copy{line-height:1.75}.rail-copy ol{margin:25px 0 0;padding:0;list-style:none;counter-reset:reply}.rail-copy li{counter-increment:reply;padding:13px 0;border-top:1px solid var(--ink)}.rail-copy li:before{content:'0' counter(reply);display:block;font:10px var(--mono);color:var(--red);margin-bottom:4px}.correspondence-ladder{padding:120px 8%;background:var(--blue);color:#fff}.correspondence-ladder .postmark{color:var(--yellow)}.ladder-intro{display:grid;grid-template-columns:1.2fr .6fr;gap:8vw;align-items:end}.ladder-intro h2{font-size:clamp(4rem,7vw,7.6rem);line-height:.8;margin:0}.ladder-intro p{line-height:1.75;margin:0}.ladder-steps{display:grid;grid-template-columns:.85fr 1fr .85fr 1fr 1fr;gap:0;margin-top:62px;border:1px solid rgba(255,255,255,.7)}.ladder-steps article{padding:25px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.7)}.ladder-steps article span{font:14px var(--mono);color:var(--yellow)}.ladder-steps h3{font:42px/1 var(--serif);margin:55px 0 15px}.ladder-steps p{line-height:1.6;margin:0}.ladder-steps img{width:100%;height:345px;object-fit:cover;border-right:1px solid rgba(255,255,255,.7)}.draft-table{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--yellow);color:var(--ink)}.draft-image img{height:100%;min-height:720px;width:100%;object-fit:cover}.draft-copy{padding:115px 13%;display:flex;flex-direction:column;justify-content:center}.draft-copy h2{font-size:clamp(4rem,6vw,7rem);line-height:.82;margin:0 0 24px}.draft-copy>p:not(.postmark){line-height:1.75}.draft-controls{display:grid;gap:12px;margin-top:20px}.draft-controls label{font-size:14px;font-weight:600}.form-select,.form-control{border-radius:0;border:1px solid var(--ink);font-size:16px;margin-top:7px;padding:13px;background:var(--paper)}.draft-controls button{min-height:46px;border:0;background:var(--ink);color:#fff;font:700 14px var(--sans)}.draft-copy output{display:block;margin-top:19px;padding:18px;background:var(--paper);border-left:5px solid var(--red);line-height:1.7}.draft-copy output b{font:10px var(--mono);letter-spacing:.1em;color:var(--red)}.draft-copy output p{margin:8px 0 0}.address-book{padding:130px 8%;display:grid;grid-template-columns:1fr .7fr .72fr;gap:6vw;align-items:center}.address-book h2{font-size:clamp(3.7rem,6vw,6.5rem);line-height:.82;margin:0 0 23px}.address-book>div:first-child>p:not(.postmark){line-height:1.75}.address-book figure{margin:0}.address-book img{width:100%;height:430px;object-fit:cover}.address-book figcaption{margin-top:12px;font:10px var(--mono);color:var(--blue)}.address-rule{padding:28px;border-top:8px solid var(--red);border-bottom:8px solid var(--blue)}.address-rule p{font:10px var(--mono);letter-spacing:.1em;color:var(--red)}.address-rule b{font:32px/1.1 var(--serif)}.postbox{padding:130px 8%;display:grid;grid-template-columns:1fr .85fr;gap:10vw;background:var(--red);color:#fff}.postbox .postmark{color:var(--yellow)}.postbox h2{font-size:clamp(4rem,6vw,7rem);line-height:.82;margin:0 0 23px}.postbox-copy>p:not(.postmark){max-width:520px;line-height:1.75}.postbox-copy img{width:100%;height:250px;object-fit:cover;margin-top:38px}.postbox form{padding:32px;background:var(--paper);color:var(--ink);align-self:center;display:grid;gap:12px}.postbox form label{font-size:14px;font-weight:600}.postbox textarea{min-height:110px}.postbox .consent{font-weight:400;line-height:1.6}.postbox .consent a{border-bottom:1px solid}.postbox #formResult{margin:0;font-weight:700;color:var(--red)}.closing-envelope{min-height:480px;padding:125px 8% 80px;position:relative;background:var(--paper);border-top:16px solid var(--blue);overflow:hidden}.envelope-flap{position:absolute;top:0;right:8%;width:min(500px,50vw);height:300px;background:var(--yellow);clip-path:polygon(0 0,100% 0,50% 100%);display:flex;justify-content:center;padding-top:32px}.envelope-flap span{font:10px var(--mono);letter-spacing:.1em}.closing-envelope h2{position:relative;max-width:850px;font-size:clamp(4rem,8vw,8.5rem);line-height:.81;margin:0}.closing-envelope em{color:var(--red)}footer{padding:55px 8%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer p{max-width:280px;line-height:1.7;margin:0}footer nav{display:grid;gap:10px;font:14px var(--mono);text-transform:uppercase}.cookie{position:fixed;z-index:9;right:16px;bottom:16px;width:min(330px,calc(100% - 32px));background:var(--ink);color:#fff;padding:18px;font-size:14px}.cookie p{line-height:1.6}.cookie button{min-height:42px;border:1px solid #fff;background:transparent;color:#fff;padding:8px 12px;font:14px var(--sans)}.cookie button:first-of-type{background:var(--red);border-color:var(--red)}@media(max-width:760px){.site-head{height:63px;padding:0 5%}.site-head nav{display:none}.brand img{width:33px;height:33px}.open-letter{display:block;min-height:auto;padding:63px 0 0}.letter-copy{min-height:580px;padding:95px 8% 48px;border-right:0}.letter-copy:before{left:0}.letter-copy h1{font-size:4.65rem}.airmail-strip{margin-top:30px}.open-letter figure{height:400px}.inbox-title,.inbox-body,.stamped-evidence,.reply-rail,.ladder-intro,.draft-table,.address-book,.postbox{display:grid;grid-template-columns:1fr;gap:35px}.the-inbox,.reply-rail,.correspondence-ladder,.address-book,.postbox{padding:78px 7%}.inbox-body{margin-top:35px}.inbox-body figure,.letter-stack{border-right:0;border-bottom:1px solid var(--ink);padding:14px 0}.inbox-body figure img{height:310px}.reply-card{margin:0 0 20px}.stamped-evidence{padding:0}.evidence-left{padding:78px 7%}.evidence-portrait{padding:0 7%}.evidence-portrait img{height:410px}.evidence-wide{padding:0 7% 78px}.evidence-wide img{height:230px}.rail-image img{height:380px}.ladder-steps{grid-template-columns:1fr}.ladder-steps article,.ladder-steps img{border-right:0;border-bottom:1px solid rgba(255,255,255,.7)}.ladder-steps article{min-height:225px}.ladder-steps h3{margin:35px 0 12px}.ladder-steps img{height:290px}.draft-image img{min-height:360px;height:360px}.draft-copy{padding:78px 7%}.address-book img{height:340px}.postbox-copy img{height:220px}.postbox form{padding:22px}.closing-envelope{min-height:400px;padding:110px 7% 50px}.envelope-flap{width:85%;height:220px;right:-20%;opacity:.8}.closing-envelope h2{font-size:4.3rem}footer{padding:45px 7%;display:grid;grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}footer nav{font-size:14px}}
