@font-face{font-family:Newsreader;font-style:normal;font-weight:200 400;font-display:swap;src:url(/fonts/newsreader-variable.ttf)format("truetype")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-500.ttf)format("truetype")}@font-face{font-family:Ballet;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ballet-variable.ttf)format("truetype")}:root{--paper:#faf9f6;--ink:#1a1714;--linen:#e9e7e2;--line:#dedbd4;--ochre:#b4632c;--muted:#5c574e;--body:Newsreader,Georgia,serif;--logo:"Cormorant Garamond",Garamond,serif;--script:Ballet,"Snell Roundhand",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);font:300 18px/1.7 var(--body);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";z-index:5;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--linen)}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}:is(a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible){outline:2px solid var(--ochre);outline-offset:6px}.skip{z-index:20;background:var(--ink);color:var(--paper);padding:12px;position:fixed;top:-100px;left:20px}.skip:focus{top:12px}.header{z-index:2;align-items:center;gap:42px;min-height:132px;margin:0 6%;display:flex;position:relative}.wordmark{font:500 76px/1 var(--logo);letter-spacing:-.02em;flex:none;align-items:flex-start;display:inline-flex}.wordmark span{background:var(--ochre);border-radius:50%;width:.125em;height:.125em;margin:.16em 0 0 .05em}.header nav{gap:40px;margin-left:auto;display:flex}.header nav a,.header-contact{font-size:17px;line-height:1.5}.header a:hover{color:var(--ochre)}.sculpture-hero{isolation:isolate;align-items:center;min-height:calc(100svh - 132px);padding:100px 8.5% 120px;display:flex;position:relative;overflow:hidden}.sculpture-copy{z-index:1;width:min(64%,830px);position:relative}.sculpture-copy h1{letter-spacing:-.045em;text-shadow:.6px .8px .6px #fff,-.35px -.5px .4px #7d766b;font-size:clamp(52px,5.5vw,88px);font-weight:200;line-height:1.13}.sculpture-copy h1>span{display:block}.calligraphy{font-family:var(--script);letter-spacing:0;margin:-.05em 0 -.05em -.02em;font-size:1.15em;font-style:normal;font-weight:400;line-height:1.6;display:block}.eyebrow,.section-label{letter-spacing:.24em;text-transform:uppercase;font:400 10px/1.7 Arial,sans-serif}.sculpture-copy .eyebrow{letter-spacing:.29em;margin-top:24px;font-size:10px}.sculpture-copy .text-link{margin-top:70px;display:inline-block}.sculpture-mark{z-index:0;font:500 clamp(700px,76vw,1250px)/.9 var(--logo);color:var(--paper);text-shadow:-1.5px -1.5px 2px #fff,1.7px 2px 3px #c9c5bc,4px 5px 9px #e2dfd7;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;right:-.13em;transform:translateY(-51%)}.text-link{letter-spacing:.21em;text-transform:uppercase;border:0;border-bottom:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:0 0 11px;font:400 10px/1.8 Arial,sans-serif;transition:color .2s,border-color .2s}.text-link:hover{color:var(--ochre);border-color:var(--ochre)}.hero-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:24% 1fr;gap:4%;margin:0 8.5%;padding:100px 0 110px;display:grid;box-shadow:0 1px #fff,0 -1px #fff}.hero-intro .eyebrow{padding-top:8px}.hero-intro-copy{letter-spacing:-.015em;max-width:850px;font-size:clamp(25px,2.2vw,34px);line-height:1.5}.section{border-bottom:1px solid var(--line);grid-template-columns:24% 1fr;gap:4%;margin:0 8.5%;padding:135px 0;scroll-margin-top:30px;display:grid;box-shadow:0 1px #fff}.section-label{align-items:baseline;gap:20px;padding-top:10px;display:flex}.section-label>span{font:300 31px/1 var(--body);letter-spacing:-.03em;color:#d0ccc3;text-shadow:1px 1px #fff,-.5px -.5px .6px #a7a195}h2{letter-spacing:-.035em;font-size:clamp(38px,4vw,60px);font-weight:200;line-height:1.16}.split-copy{grid-template-columns:1fr 1fr;gap:9%;max-width:950px;margin-top:40px;display:grid}.split-copy p,.step-detail p,.about p,.contact-grid p{color:var(--muted);font-size:18px;line-height:1.75}.sales-section{background:var(--linen);border-top:1px solid #fff;border-bottom:1px solid #d4d0c7;grid-template-columns:1fr 1fr;align-items:center;gap:12%;margin:0;padding:120px 8.5% 130px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #d8d4cb,inset 0 -1px 2px #fff}.sales-heading .eyebrow{margin-bottom:30px}.sales-copy{max-width:530px}.sales-copy p{color:var(--muted);margin-bottom:22px}.sales-outcomes{letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #d0cbc1;flex-direction:column;gap:14px;padding-top:28px;font:400 10px/1.8 Arial,sans-serif;display:flex;box-shadow:0 -1px #f8f7f4}.sales-outcomes span{align-items:center;gap:16px;display:flex}.sales-outcomes span:before{content:"";background:var(--ochre);border-radius:50%;width:4px;height:4px}.work-intro{margin-bottom:65px}.work-intro>p{max-width:530px;color:var(--muted);margin-top:28px;font-size:18px}.step{border-top:1px solid var(--line);grid-template-columns:38px 1fr 1.35fr;gap:24px;padding:46px 0 50px;display:grid;box-shadow:inset 0 1px #fff}.step:last-child{padding-bottom:0}.step-number{font:300 34px/1.15 var(--body);color:#c9c3b8;text-shadow:1px 1px #fff,-.5px -.5px .5px #a8a094}.step h3{letter-spacing:-.025em;font-size:32px;font-weight:200;line-height:1.16}.step-subtitle{color:var(--muted);margin-top:18px;font-size:17px;line-height:1.5}.step-detail>p+p{margin-top:23px}.step-detail .deliverable{color:var(--ink);border-left:1px solid #c6c0b5;margin-top:26px;padding-left:20px;font-size:16px}.diagnosis-lenses{gap:24px;margin:25px 0 0;display:grid}.diagnosis-lenses>div{border-left:1px solid var(--line);padding-left:20px}.diagnosis-lenses dt{letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font:400 10px/1.7 Arial,sans-serif}.diagnosis-lenses dd{color:var(--muted);margin:0;font-size:18px;line-height:1.75}.audience-note{max-width:580px;margin-top:44px;font-size:27px;line-height:1.5}.about{grid-template-columns:36% 1fr;align-items:center;gap:12%;padding:130px 8.5%;display:grid}.about-portrait{border:1px solid #e2ded6;max-width:440px;padding:13px;box-shadow:inset 1px 1px 2px #d6d1c8,1px 1px #fff}.about-portrait img{width:100%;height:auto;display:block}.about-content{max-width:640px}.about .eyebrow{color:var(--ink);letter-spacing:.18em;margin-bottom:30px;font:400 10px/1.8 Arial,sans-serif}.about h2{margin-bottom:30px;font-size:clamp(36px,3.6vw,54px)}.about p+p{margin-top:23px}.contact{border-top:1px solid var(--line);border-bottom:0;position:relative;box-shadow:inset 0 1px #fff}.contact-grid{grid-template-columns:1fr 1.5fr;gap:10%;margin-top:50px;display:grid}.contact-email{border-bottom:1px solid var(--line);margin-top:25px;font-size:19px;display:inline-block}.contact-form{background:#f5f4f0;border:1px solid #e3dfd7;padding:35px;box-shadow:inset 1px 2px 4px #e7e4dc,1px 1px #fff}.contact-form label{margin-bottom:25px;font-size:17px;line-height:1.5;display:block}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}input,textarea{width:100%;color:var(--ink);resize:vertical;background:0 0;border:0;border-bottom:1px solid #cbc5b9;border-radius:0;padding:13px 0;font-size:17px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1;font-size:16px}.contact-form .form-note{margin-bottom:30px;font-size:14px;line-height:1.5}.contact-form .text-link{text-align:left;width:100%}.text-link:disabled{cursor:default;opacity:.65}.form-status{margin-top:18px;font-size:16px;line-height:1.6}.honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin:0 8.5%;padding:45px 0;display:flex;box-shadow:inset 0 1px #fff}footer .wordmark{font-size:64px}footer p{color:var(--muted)}footer small{letter-spacing:.12em;font:400 10px/1.7 Arial,sans-serif}@media (min-width:1800px){body{max-width:2000px;margin:auto}}@media (max-width:1100px){.sculpture-hero{padding:80px 6% 100px}.sculpture-copy{width:70%}.sculpture-copy h1{font-size:clamp(50px,6.3vw,70px)}.sculpture-mark{opacity:.8;right:-.23em}.section,.hero-intro{grid-template-columns:19% 1fr;gap:4%;margin:0 6%;padding:95px 0}.section-label{gap:12px;font-size:9px}.step{grid-template-columns:32px 1fr;gap:20px}.step-detail{grid-column:2}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid>div>p{max-width:430px}.sales-section,.about{gap:8%;padding:95px 6%}.about h2{font-size:40px}}@media (max-width:700px){.header{gap:25px;min-height:104px;margin:0 7%}.wordmark{font-size:60px}.header nav{gap:25px}.header nav a,.header-contact{font-size:15px}.header nav a:first-child{display:none}.header-contact{margin-left:auto}.sculpture-hero{align-items:center;min-height:calc(90svh - 104px);padding:70px 7% 100px}.sculpture-copy{width:100%}.sculpture-copy h1{max-width:100%;font-size:clamp(38px,7.7vw,55px);line-height:1.15}.calligraphy{margin-bottom:0;font-size:1.35em;line-height:1.7}.sculpture-copy .eyebrow{letter-spacing:.16em;max-width:260px;margin-top:28px;font-size:8px;line-height:1.9}.sculpture-copy .text-link{letter-spacing:.14em;margin-top:50px;font-size:9px}.sculpture-mark{opacity:.55;font-size:640px;top:63%;right:-.32em}.section,.hero-intro{grid-template-columns:1fr;gap:35px;margin:0 7%;padding:75px 0}.hero-intro-copy{font-size:26px}.section-label{gap:18px;padding:0;font-size:10px}.section-label>span{font-size:29px}h2{font-size:40px}.split-copy{grid-template-columns:1fr;gap:25px;margin-top:30px}.sales-section{grid-template-columns:1fr;gap:35px;padding:75px 7%}.sales-heading .eyebrow{margin-bottom:25px}.sales-copy p{font-size:18px}.work-intro{margin-bottom:40px}.step{grid-template-columns:27px 1fr;gap:15px;padding:35px 0}.step h3{font-size:31px}.step-detail{grid-column:2}.step-detail p,.diagnosis-lenses dd{font-size:17px}.step-subtitle{margin-top:12px}.audience-note{font-size:26px}.about{grid-template-columns:1fr;gap:45px;padding:75px 7%}.about-portrait{justify-self:center;max-width:360px;padding:10px}.about .eyebrow{font-size:9px}.about h2{font-size:39px}.contact-grid{gap:35px;margin-top:35px}.contact-form{margin:0 -8px;padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:22px;margin:0 7%;padding:35px 0}footer .wordmark{font-size:58px}footer p{font-size:16px}footer small{width:100%}}@media (max-width:370px){.header{gap:15px}.header nav{display:none}.sculpture-copy h1{font-size:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.sculpture-mark{width:55%;height:100%;font:inherit;fill:var(--paper);color:var(--paper);filter:drop-shadow(-1px -1px 1px #fff)drop-shadow(2px 2px 2px #c9c5bc);text-shadow:none;opacity:1;top:8%;right:-14%;transform:none}.sculpture-copy .calligraphy{margin-top:.03em;margin-left:0;font-size:1.6em;line-height:1.3}@media (max-width:1100px){.sculpture-mark{opacity:.85;width:61%;right:-18%}}@media (max-width:700px){.sculpture-mark{opacity:.6;width:100%;height:85%;top:25%;right:-51%}.sculpture-copy .calligraphy{font-size:1.75em;line-height:1.4}}.sculpture-copy .calligraphy{margin-left:.45em}h2 span{font-family:var(--body);letter-spacing:-.035em;font-size:1em;font-weight:200;line-height:1.16}.sales-heading h2 span{font-family:var(--script);letter-spacing:0;margin-left:.1em;font-size:1.25em;line-height:1.6}@media (max-width:700px){.sculpture-copy .calligraphy{margin-left:.48em}}@font-face{font-family:Clou Display;font-weight:300 700;font-style:normal;font-display:swap;src:url(/fonts/cormorant-garamond-variable.ttf)format("truetype")}@font-face{font-family:Clou Script;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/pinyon-script.ttf)format("truetype")}.sculpture-copy h1{letter-spacing:-.045em;text-shadow:.5px .7px .5px #fff,-.25px -.3px .35px #9c9588;font-family:Clou Display,Georgia,serif;font-weight:400}.sculpture-copy .calligraphy{letter-spacing:-.025em;margin:0 0 0 -.03em;font-family:Clou Script,cursive;font-size:1.3em;line-height:1.04}.sculpture-mark{opacity:1;filter:drop-shadow(-1px -2px 1.1px #fff)drop-shadow(1.4px 2px 2.4px #c7c2b8);width:43%;height:78%;top:23%;right:-3.6%}@media (min-width:701px){.approved-hero{aspect-ratio:3/2;height:auto;min-height:0;padding:0;display:block;overflow:hidden}.approved-hero .sculpture-copy{width:100%;max-width:none;position:absolute;inset:0}.approved-hero h1{max-width:65%;margin:0;font-size:7.1vw;line-height:.92;position:absolute;top:30%;left:8%}.approved-hero h1>span{white-space:nowrap}.approved-hero .calligraphy{margin-top:.07em}.approved-hero .eyebrow{letter-spacing:.27em;margin:0;font:400 1.16vw/1.5 Arial,sans-serif;position:absolute;top:64.3%;left:8.45%}.approved-hero .sculpture-copy .text-link{letter-spacing:.26em;margin:0;padding-bottom:.7vw;font-size:.98vw;position:absolute;top:76.8%;left:8.45%}.approved-header{z-index:3;width:100%;height:9vw;min-height:0;margin:0;display:block;position:absolute;inset:0 0 auto}.approved-header .wordmark{font-size:5.2vw;position:absolute;top:2.6vw;left:5.7%}.approved-header nav{display:contents}.approved-header nav a,.approved-header .header-contact{font-size:1.28vw;font-weight:400;line-height:1.6;position:absolute;top:3.7vw}.approved-header nav a:first-child{display:block;left:69.2%}.approved-header nav a:nth-child(2){left:78.6%}.approved-header .header-contact{left:86.5%}}@media (max-width:700px){.sculpture-copy h1{font-size:clamp(40px,9vw,60px)}.sculpture-copy .calligraphy{margin-left:0;font-size:1.4em;line-height:1.25}.sculpture-mark{opacity:.7;width:105%;height:80%;top:25%;right:-63%}}@media (min-width:701px){.approved-hero h1{font-size:6.9vw;top:30.5%}.approved-hero .calligraphy{-webkit-text-stroke:.2px var(--paper);margin-top:.05em;font-size:1.12em;line-height:1.03}}.sculpture-copy h1{text-shadow:0 1.15px .45px #fff,0 -.55px .3px #756e62,.55px .35px .35px #a8a095}.approved-hero{background-image:url(/clou-paper-relief.png);background-repeat:no-repeat;background-size:100% 100%}.approved-hero .sculpture-mark{display:none}@media (max-width:700px){.approved-hero{background-position:40%;background-size:auto 100%}}
