*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#23382b;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.08}h1,h2,h3,.signature{font-family:Georgia,'Times New Roman',serif}em{font-weight:400}a:focus-visible,button:focus-visible{outline:3px solid #d2823f;outline-offset:6px}a:hover{opacity:.8}[hidden]{display:none!important}.switcher{position:sticky;top:0;z-index:20;background:#fff;color:#242829;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 3%;box-shadow:0 2px 15px #00000006}.switch-title{font-size:12px;letter-spacing:1.5px;font-weight:bold;line-height:1.5}.switch-title span{display:block;font-size:12px;font-weight:normal;letter-spacing:0;color:#666}.switcher nav{display:flex;gap:5px}.switcher button{background:#fff;border:1px solid transparent;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:14px}.switcher button[aria-pressed=true]{background:#263d32;color:#fff}.switcher button:hover{border-color:#a8afa9}.prototype{font-size:12px;letter-spacing:2px;color:#777}header{display:flex;justify-content:space-between;align-items:center;padding:35px 6%;gap:30px}header nav{display:flex;gap:35px;font-size:14px}.signature{font-size:32px;line-height:1.1}.signature span{display:block;font:12px Arial;letter-spacing:2.2px;margin-top:10px}.eyebrow{font-size:12px;letter-spacing:2px;line-height:1.8}footer{padding:30px 6%;border-top:1px solid #80808040;display:flex;justify-content:space-between;font-size:13px;gap:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:45px}.section-top h2{font-size:43px}.section-top span{font-size:14px}.line-link{display:inline-flex;gap:35px;border-bottom:1px solid;padding:10px 0;font-size:14px}.review-note{text-align:center;padding:17px;background:#fff;color:#666;font-size:12px}.gallery{background:#faf9f5}.g-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:5%;padding:55px 9% 95px 6%;align-items:center;position:relative}.g-hero h1{font-size:clamp(55px,6.3vw,96px);letter-spacing:-3px;margin:25px 0}.g-hero h1 em{color:#78845d}.hero-copy>p:not(.eyebrow){max-width:330px;color:#586456;font-size:17px;margin:25px 0}.hero-art{padding:25px;background:#eae8dc}.hero-art img{aspect-ratio:1.08;object-fit:contain}.hero-art figcaption{font-size:10px;letter-spacing:2px;padding-top:18px;text-align:center}.vertical-note{position:absolute;right:25px;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px}.g-intro{border-top:1px solid #d9ded3;display:grid;grid-template-columns:1fr 2fr;padding:95px 9%;gap:40px}.g-intro h2{font-size:40px}.g-intro div>p{max-width:620px;margin:30px 0;color:#596254}.g-univers{padding:55px 6% 100px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.works>a:nth-child(2){padding-top:55px}.detail{background-image:url('assets/accueil.jpg');background-repeat:no-repeat;aspect-ratio:4/5;background-size:230%}.d1{background-position:95% 0%}.d2{background-position:0% 100%}.d3{background-position:100% 100%}.work-caption{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.work-caption h3{font-size:31px}.work-caption span{font-size:12px}.works p{font-size:14px;margin-top:10px}.image-note{font-size:12px;opacity:.7;margin-top:22px}.g-contact{background:#e7ebdf;text-align:center;padding:90px 6%}.g-contact h2{font-size:53px;margin:25px 0 35px}.pill{display:inline-block;border:1px solid;padding:12px 28px;border-radius:40px;font-size:14px}.notebook{background:#f5eedb;color:#2c321e}.n-logo{font-family:Arial,sans-serif;font-weight:600;font-size:25px;line-height:1.1;letter-spacing:-1px}.n-logo span{display:block;font-size:10px;letter-spacing:2px;margin-top:14px}.notebook header{border-bottom:1px solid #31391e;margin:0 5%;padding:30px 0}.notebook header nav a:last-child{background:#ddef91;padding:8px 17px;border:1px solid}.n-hero{position:relative;padding:60px 6% 45px;min-height:670px;overflow:hidden}.n-hero h1{font-family:Arial,sans-serif;font-size:clamp(54px,6.7vw,106px);font-weight:700;letter-spacing:-5px;position:relative;z-index:2;margin-top:40px;line-height:1.03;max-width:950px}.n-hero h1 em{font-family:Georgia,serif;color:#a63820;font-weight:400;letter-spacing:-4px}.n-picture{position:absolute;width:38%;right:6%;top:75px;transform:rotate(6deg);background:#fff;padding:15px 15px 9px;box-shadow:0 10px 35px #332e1d26}.n-picture img{aspect-ratio:1.05;object-fit:contain}.n-picture span{display:block;font:italic 16px Georgia;text-align:right;margin-top:12px}.n-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:55px;max-width:740px}.n-bottom p{font-size:16px}.n-button{background:#2c321e;color:#fff;padding:15px 28px;border-radius:50%;min-width:155px;text-align:center}.n-explore{padding:65px 6% 80px;background:#dfe9b9}.explore-row{display:grid;grid-template-columns:60px 1.2fr 1fr 40px;gap:20px;align-items:center;padding:36px 0;border-top:1px solid #72804f}.explore-row h2{font-size:65px;letter-spacing:-2px}.explore-row p{font-size:15px}.explore-row b{font-size:28px;font-weight:400}.n-about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:95px 6%}.n-about h2{font-size:44px;margin-top:25px}.n-about>div>p:not(.eyebrow){margin-bottom:20px}.n-contact{background:#b94328;color:#fff0ce;padding:75px 6%}.n-contact>a{display:block;font:clamp(65px,9vw,140px) Georgia;margin:10px 0;line-height:1.1}.n-contact>span{font-size:16px}.immersive{background:#142b2d;color:#edece0}.immersive header{border-bottom:1px solid #b6c9c52b}.i-hero{padding:55px 6% 40px;position:relative}.i-title{position:relative;z-index:2;pointer-events:none}.i-title h1{font-size:clamp(75px,10vw,150px);letter-spacing:-5px;margin-top:20px;max-width:70%}.i-title h1 em{color:#d6b779}.i-hero figure{width:58%;margin:-210px 0 0 auto;background:#284347;padding:24px}.i-hero figure img{aspect-ratio:1.15;object-fit:contain}.i-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.i-caption>span{font-size:11px;letter-spacing:2px}.i-caption p{font-size:15px}.i-caption a{display:grid;place-items:center;width:55px;height:55px;border:1px solid #a3b7ae70;border-radius:50%;font-size:25px}.i-statement{padding:100px 10%;border-top:1px solid #b6c9c52b;margin-top:30px}.i-statement h2{font-size:clamp(40px,5vw,68px);margin-top:25px}.i-statement h2 em{color:#d6b779}.i-statement>div{max-width:470px;margin:40px 0 0 auto}.i-statement p:not(.eyebrow){color:#bdccc6;margin-bottom:20px}.i-univers{padding:40px 6% 90px}.i-grid{display:grid;grid-template-columns:1.1fr .85fr 1fr;gap:35px}.i-grid>a:nth-child(2){padding-top:80px}.i-grid>a:nth-child(3){padding-top:25px}.i-grid .detail{filter:saturate(.8)}.i-grid span{display:block;font-size:11px;letter-spacing:1px;margin:20px 0 12px;color:#bdccc6}.i-grid h3{font-size:37px}.i-contact{padding:85px 6%;background:#d8b979;color:#142b2d}.i-contact h2{font-size:65px;margin:25px 0 35px}.i-contact>a{border-bottom:1px solid;padding-bottom:8px;font-size:18px}@media(min-width:1500px){.design{max-width:1700px;margin:auto}}@media(max-width:900px){.switch-title{display:none}.switcher{justify-content:center}.prototype{display:none}.switcher button{padding:8px 10px}header nav{gap:17px}.g-hero{padding-top:35px;gap:25px}.g-hero h1{font-size:62px}.g-intro{grid-template-columns:1fr;gap:20px}.n-hero h1{font-size:77px;letter-spacing:-3px}.n-picture{opacity:.85;right:4%;top:140px}.n-about{gap:35px}.i-hero figure{margin-top:-150px;width:65%}.i-title h1{font-size:100px}.i-grid{gap:20px}}@media(max-width:600px){.switcher{padding:8px 5px}.switcher nav{width:100%;gap:3px}.switcher button{flex:1;font-size:12px;padding:8px 4px}.switcher button span{display:block;font-size:11px}.signature{font-size:27px}.signature span{font-size:10px}header{padding:25px 6%;align-items:flex-start;gap:20px}header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:12px;max-width:145px}.g-hero{grid-template-columns:1fr;padding:25px 6% 50px}.g-hero h1{font-size:64px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-art{padding:18px;margin-top:15px}.vertical-note{display:none}.g-intro{padding:55px 6%}.g-intro h2{font-size:32px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:34px}.section-top span{display:block;margin-top:15px}.works{gap:35px;grid-template-columns:1fr}.works>a:nth-child(2){padding-top:0}.works .detail{aspect-ratio:1.1}.g-univers{padding-bottom:55px}.g-contact{padding:55px 6%}.g-contact h2{font-size:37px}footer{font-size:12px;align-items:flex-start;flex-direction:column;gap:10px}.n-logo{font-size:19px}.notebook header nav{font-size:12px}.notebook header nav a:last-child{padding:4px 10px}.n-hero{padding-top:30px;min-height:0}.n-hero h1{font-size:52px;letter-spacing:-2.5px;margin-top:22px}.n-hero h1 em{letter-spacing:-2px}.n-picture{position:relative;width:85%;top:auto;right:auto;margin:30px auto;transform:rotate(4deg);opacity:1}.n-bottom{margin-top:40px;align-items:flex-start;flex-direction:column}.explore-row{grid-template-columns:30px 1fr 25px;gap:10px;padding:25px 0}.explore-row h2{font-size:42px}.explore-row p{grid-column:2;grid-row:2;font-size:14px}.explore-row b{grid-column:3;grid-row:1}.n-explore{padding:45px 6%}.n-about{grid-template-columns:1fr;padding:55px 6%;gap:30px}.n-about h2{font-size:35px}.n-contact{padding:55px 6%}.n-contact>a{font-size:62px}.i-hero{padding-top:30px}.i-title h1{font-size:78px;max-width:100%;letter-spacing:-3px}.i-hero figure{width:100%;margin:30px 0 0;padding:15px}.i-caption{align-items:flex-start}.i-caption>span{max-width:80px;font-size:10px}.i-caption p{font-size:13px}.i-caption a{width:40px;height:40px;flex-shrink:0}.i-statement{padding:55px 6%}.i-statement h2{font-size:38px}.i-grid{grid-template-columns:1fr;gap:35px}.i-grid>a:nth-child(n){padding-top:0}.i-grid .detail{aspect-ratio:1.2}.i-contact{padding:55px 6%}.i-contact h2{font-size:46px}.i-contact>a{font-size:16px}.eyebrow{font-size:11px;letter-spacing:1.5px}.review-note{font-size:11px;padding:15px}}

/* Softer art directions, informed by the artist's questionnaire. */
@font-face{font-family:Trirong;src:url('assets/trirong-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Trirong;src:url('assets/trirong-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
.notebook,.immersive{font-family:'Brandon Grotesque','Avenir Next',Arial,sans-serif;font-size:16px;line-height:1.7}
.notebook h1,.notebook h2,.notebook h3,.notebook h1 em,.notebook .n-contact>a,.immersive h1,.immersive h2,.immersive h3,.immersive .signature{font-family:Trirong,Georgia,serif;font-weight:400;line-height:1.25;letter-spacing:-.6px}
.location{font-size:13px;letter-spacing:.7px;margin-top:8px}
.notebook{background:#fcf7f3;color:#374552}
.notebook header{border-color:#d9cfc9}
.notebook header nav a:last-child{background:#f2e3e7;border-color:#d5bdc7}
.n-logo{font-size:22px;font-weight:500;letter-spacing:-.4px}
.n-hero{min-height:600px;padding-top:45px;padding-bottom:55px}
.n-hero h1{font-size:clamp(38px,4.1vw,62px);margin-top:30px;max-width:59%}
.n-hero h1 em{color:#976174;letter-spacing:-.8px}
.n-picture{top:90px;right:5%;width:35%;transform:rotate(3deg);background:#fffaf7;box-shadow:0 8px 30px #5f505017}
.n-picture span{color:#795966;font-size:14px}
.n-bottom{max-width:55%;margin-top:30px;align-items:flex-start}
.n-bottom p{font-size:16px}
.n-button{background:#e9dbe0;color:#493b46;border:1px solid #d6bdc7;border-radius:30px;min-width:130px;padding:12px 20px;font-size:14px}
.n-explore{background:#f4ead2}
.explore-row{border-color:#cfc8b7;padding:30px 0}
.explore-row h2{font-size:42px;letter-spacing:-.5px}
.explore-row b{font-size:23px}
.n-about{background:#fcf7f3;padding-top:80px;padding-bottom:80px}
.n-about h2{font-size:34px}
.n-about h2 em{color:#976174}
.n-contact{background:#ead9e1;color:#3d414e;padding-top:65px;padding-bottom:65px}
.n-contact>a{font-size:clamp(44px,5vw,72px);margin:20px 0}
.immersive{background:#f0f3f6;color:#293f50}
.immersive header{border-color:#cdd7df}
.immersive .signature{font-size:29px}
.i-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;column-gap:5%;padding-top:60px;padding-bottom:45px}
.i-title h1{font-size:clamp(46px,5.2vw,76px);max-width:100%;letter-spacing:-1.5px;margin-top:26px}
.i-title h1 em{color:#786a8a}
.i-hero figure{width:100%;margin:0;background:#e1e7ef;padding:20px}
.i-caption{grid-column:1/-1;margin-top:35px}
.i-caption a{border-color:#a8b7c5}
.i-statement{border-color:#cdd7df;background:#e5ecf0;padding-top:75px;padding-bottom:75px}
.i-statement h2{font-size:clamp(34px,3.6vw,49px)}
.i-statement h2 em{color:#786a8a}
.i-statement p:not(.eyebrow){color:#4c6070}
.i-univers{padding-top:65px}
.i-grid h3{font-size:30px}
.i-grid span{color:#536474}
.i-grid .detail{filter:none}
.i-contact{background:#e4deeb;color:#354257;padding-top:70px;padding-bottom:70px}
.i-contact h2{font-size:46px}
.i-contact>a{font-size:16px}
@media(max-width:900px){.n-hero{min-height:540px}.n-hero h1{font-size:45px;max-width:60%}.n-picture{top:135px;width:34%}.n-bottom{flex-direction:column;max-width:58%;gap:20px}.n-about h2{font-size:30px}.i-title h1{font-size:57px}.i-hero figure{width:100%;margin:0}.i-statement h2{font-size:39px}}
@media(max-width:600px){.n-logo{font-size:18px}.n-hero{min-height:0;padding-top:30px}.n-hero h1{font-size:39px;max-width:100%;letter-spacing:-.8px;margin-top:24px}.n-hero h1 em{letter-spacing:-.8px}.n-picture{position:relative;top:auto;right:auto;width:87%;margin:32px auto;transform:rotate(2deg)}.n-bottom{max-width:100%;margin-top:35px}.explore-row h2{font-size:32px}.n-about{padding-top:50px;padding-bottom:50px}.n-about h2{font-size:28px}.n-contact{padding-top:48px;padding-bottom:48px}.n-contact>a{font-size:43px}.immersive .signature{font-size:25px}.i-hero{grid-template-columns:1fr;gap:25px;padding-top:32px}.i-title h1{font-size:48px;max-width:100%;letter-spacing:-.8px}.i-hero figure{margin:0;padding:14px}.i-caption{margin-top:0;grid-column:1}.i-statement{padding-top:50px;padding-bottom:50px}.i-statement h2{font-size:29px}.i-univers{padding-top:40px}.i-grid h3{font-size:28px}.i-contact{padding-top:50px;padding-bottom:50px}.i-contact h2{font-size:34px}.location{font-size:12px}}

/* Full portfolio navigation and legal links, shared by the three prototypes. */
.design header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 23px;font-size:14px;max-width:none}
.design header nav a{white-space:nowrap}
.notebook header nav a:last-child{background:none;border:0;padding:0}
.design footer{align-items:center;flex-wrap:wrap}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 25px}
#page-preview{border:1px solid #d8dadd;border-radius:12px;background:#faf9f7;color:#293f50;padding:38px;max-width:520px;width:calc(100% - 36px);box-shadow:0 15px 60px #162a3833}
#page-preview::backdrop{background:#162a3877}
#page-preview h2{font-size:29px;line-height:1.3;margin:20px 0}
#page-preview p:not(.eyebrow){font-size:16px;line-height:1.7}
.dialog-close{position:absolute;right:14px;top:8px;border:0;background:none;color:inherit;font-size:28px;cursor:pointer}
.dialog-return{margin-top:24px;padding:12px 20px;background:#293f50;color:#fff;border:0;border-radius:5px;cursor:pointer}
@media(max-width:1000px){.design header{flex-direction:column;align-items:flex-start;gap:25px}.design header nav{justify-content:flex-start;gap:12px 24px;width:100%}}
@media(max-width:600px){.design header nav{font-size:14px;gap:12px 21px;line-height:1.6}.design footer{align-items:flex-start;gap:18px}.footer-links{gap:10px 22px}#page-preview{padding:32px 24px}}